:root {
  --gap: 0.5em;
  --page-special-color: #f59;
  --col-u: #01cfff;
  --col-l: rgb(129 204 20);
}
article {
  max-width: 40rem;
}
.p1::selection, .p1 *::selection {
  background-color: #f36b0f;
}
.p2::selection, .p2 *::selection {
  background-color: #c7a60e;
}
.p2 {
  margin-bottom: calc(var(--paragraph-margin-top) * 2);
}
figure.lil-guys {
  display: grid;
  grid-template-columns: 1fr 0.4fr 1fr;
  justify-items: center;
  align-items: center;
}
figure.lil-guys picture {
  z-index: -2;
  background-color: unset;
}
figure.lil-guys :is(button, label) svg {
  fill: #ffbaba;
  /* fill: #1bc9db; */
  /* fill: #9fcdff; */
}
figure.lil-guys :is(button, label):hover svg {
  /* fill: #f99c1b; */
  fill: #ffa188;
  /* fill: #3398f0; */
  /* fill: #33e7f0; */
}
figure.lil-guys :is(label, button) {
  --size: 3.3em;
  --halfsize: calc(-0.5 * var(--size));
  /* background-color: var(--page-special-color-light); */
  display: block;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  display: grid;
  justify-items: center;
  align-items: center;
}
figure.lil-guys :is(label, button)::before {
  --size: 4em;
  --halfsize: calc(-0.5 * var(--size));
  background-color: var(--pink-1);
  display: block;
  /* content: ""; */
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: absolute;
  margin-left: var(--halfsize); left: 50%;
  margin-top: var(--halfsize); top: 50%;
  z-index: -1;
}
figure.lil-guys :is(button, label)::after {
  /* --size: 1em; */
  /* --halfsize: calc(-0.5 * var(--size)); */
  /* border-radius: 50%; */
  /* aspect-ratio: 1; */
  position: absolute;
  /* left: var(--halfsize);
  right: var(--halfsize);
  top: var(--halfsize);
  bottom: var(--halfsize); */
  white-space: pre;
  justify-content: center;
  text-align: center;
  color: #86023e;
  /* color: #093873 */
}
figure.lil-guys :is(body:not(.pause-gif) button, label:not(:has(:checked)))::after {
  content: "pause\Agifs";
}
figure.lil-guys :is(body.pause-gif button, label:has(:checked))::after {
  content: "play\Agifs";
}
figure.lil-guys :is(button, label) {
  font-family: var(--display-font);
  font-weight: var(--display-bold);
  transition: unset;
  position: relative;
  cursor: pointer;
  text-align: center;
	-webkit-tap-highlight-color: transparent;
	position: sticky;
	top: 50px;
}
/* figure.lil-guys label:hover { */
  /* color: var(--page-accent-color); */
/* } */
figure.lil-guys :is(button, label):active {
  transform: scale(0.8);
}
@media (min-aspect-ratio: 0.75 /*brkpnt-mobile*/) {
  figure.lil-guys button {
  }
}
img, source {
  max-height: unset !important;
}
img-set:is(.set-prism, .set-multi, .set-brawl, .set-bug) {
  display:grid;
  gap: var(--gap);
  margin-top: var(--gap);
}
img-set.set-prism {
  grid-template-columns: 1fr 1fr;
}
img-set.set-multi {
  margin-top: unset;
}
img-set.set-brawl {
  gap: 0;
}
img-set.set-bug {
  grid-template-columns: 1fr 1fr;
  gap: 0;
  align-items: end;
  margin-top: unset;
}
body.pause-gif img-set.set-bug,
body:has(input.toggle-gif:checked) img-set.set-bug {
  grid-template-columns: 1fr 0.66fr;
}
button:has(#\31 26495) {
  width: 60%;
  margin-left: auto;
  margin-right: 1em;
  margin-top: 0.8em;
  margin-bottom: -1.7em;
  display: block;
}
#\31 26542 {
  grid-column: span 2;
}
#\31 26600, #\31 24800 {
  margin-left: unset;
  margin-right: unset;
}
main figure.art-details {
  gap: 0;
  margin-left: unset;
  margin-right: unset;
  width: 100%;
}
main figure.art-details picture {
  width: 100%;
  margin: 0;
}
figure.art-details iframe ~ picture {
  margin-top: -12px;
}
figure.art-details .technical-details {
  margin-top: var(--gap);
}
dialog.lightbox[open] {
  background-color: hsl(200 100 100 / 0.9);
}
  dialog.lightbox[open]:is(.lb122500b, .lb122500a) { background-color: #2f1f43bd; }

crop-embed {
  z-index: 1;
	border-radius: 5px;
	border: solid var(--page-special-color-darker) 2px;
	overflow: hidden;
}
@supports (height: calc-size(fit-content, size + 1px)) {
  crop-embed {
    height: calc-size(fit-content, size / 1.5);
    /* overflow: hidden; */
    /* border-radius: 3px; */
    /* border-bottom: solid 1px rgb(219,219,219); */
  }
}

@media (min-aspect-ratio: 0.75 /*brkpnt-mobile*/) {
  section.see-also {
    display: none !important;
  }
}