:root {
  --hex-black-1: #252423;
  --hex-black-2: #252423;
  --hex-black-3: #252423;
  --hex-black-4: #262422;
  --hex-black-5: #262422;
  --hex-black-6: #262422;
  --hex-black-7: #262422;
  --hex-black-8: #262422;
  --hex-white-1: #f6f4f2;
  --hex-white-2: #cccac8;
  --hex-white-3: #85827e;
  --hex-white-4: #706d6a;
  --hex-white-5: #5b5855;
  --hex-white-6: #4a4745;
  --hex-white-7: #3b3936;
  --hex-white-8: #2c2a28;
  --hex-red-1: #ff4b4b;
  --hex-red-2: #d44343;
  --hex-red-3: #883534;
  --hex-red-4: #723130;
  --hex-red-5: #5c2d2c;
  --hex-red-6: #4b2a29;
  --hex-red-7: #3c2726;
  --hex-red-8: #2c2523;
  --hex-corail-1: #ff7d36;
  --hex-corail-2: #d46b32;
  --hex-corail-3: #884c2b;
  --hex-corail-4: #724329;
  --hex-corail-5: #5c3a27;
  --hex-corail-6: #4b3325;
  --hex-corail-7: #3c2d24;
  --hex-corail-8: #2c2623;
  --hex-orange-1: #ffa828;
  --hex-orange-2: #d48e27;
  --hex-orange-3: #885f25;
  --hex-orange-4: #725224;
  --hex-orange-5: #5c4524;
  --hex-orange-6: #4b3b23;
  --hex-orange-7: #3c3123;
  --hex-orange-8: #2c2822;
  --hex-yellow-1: #ffcc2a;
  --hex-yellow-2: #d4ab28;
  --hex-yellow-3: #887026;
  --hex-yellow-4: #725f25;
  --hex-yellow-5: #5c4e24;
  --hex-yellow-6: #4b4123;
  --hex-yellow-7: #3c3523;
  --hex-yellow-8: #2c2922;
  --hex-citrus-1: #f9f640;
  --hex-citrus-2: #cfcc3a;
  --hex-citrus-3: #85832f;
  --hex-citrus-4: #706e2c;
  --hex-citrus-5: #5b5929;
  --hex-citrus-6: #4a4827;
  --hex-citrus-7: #3b3a25;
  --hex-citrus-8: #2c2b23;
  --hex-lime-1: #b7ff54;
  --hex-lime-2: #9ad34a;
  --hex-lime-3: #678738;
  --hex-lime-4: #587133;
  --hex-lime-5: #4a5c2e;
  --hex-lime-6: #3e4a2a;
  --hex-lime-7: #343b27;
  --hex-lime-8: #2a2b24;
  --hex-green-1: #8dff55;
  --hex-green-2: #78d34b;
  --hex-green-3: #548739;
  --hex-green-4: #497234;
  --hex-green-5: #3f5c2f;
  --hex-green-6: #364a2b;
  --hex-green-7: #2f3b27;
  --hex-green-8: #282b24;
  --hex-turquoise-1: #00ffaa;
  --hex-turquoise-2: #07d38f;
  --hex-turquoise-3: #148760;
  --hex-turquoise-4: #187152;
  --hex-turquoise-5: #1b5b45;
  --hex-turquoise-6: #1e4a3a;
  --hex-turquoise-7: #213b31;
  --hex-turquoise-8: #232b27;
  --hex-cyan-1: #26f2d5;
  --hex-cyan-2: #26c9b2;
  --hex-cyan-3: #258173;
  --hex-cyan-4: #256d62;
  --hex-cyan-5: #255850;
  --hex-cyan-6: #244842;
  --hex-cyan-7: #243935;
  --hex-cyan-8: #242b29;
  --hex-sky-1: #05dbe9;
  --hex-sky-2: #0bb6c1;
  --hex-sky-3: #16777c;
  --hex-sky-4: #196469;
  --hex-sky-5: #1c5255;
  --hex-sky-6: #1f4445;
  --hex-sky-7: #213738;
  --hex-sky-8: #232a2a;
  --hex-sega-1: #33b3f1;
  --hex-sega-2: #3096c8;
  --hex-sega-3: #2b6580;
  --hex-sega-4: #29566c;
  --hex-sega-5: #284857;
  --hex-sega-6: #273d47;
  --hex-sega-7: #263338;
  --hex-sega-8: #25292a;
  --hex-king-1: #4d9cff;
  --hex-king-2: #4584d3;
  --hex-king-3: #365a87;
  --hex-king-4: #324e71;
  --hex-king-5: #2e425b;
  --hex-king-6: #2b3849;
  --hex-king-7: #28303a;
  --hex-king-8: #25272b;
  --hex-indigo-1: #7c85ff;
  --hex-indigo-2: #6a71d3;
  --hex-indigo-3: #4b4f87;
  --hex-indigo-4: #424571;
  --hex-indigo-5: #3a3b5b;
  --hex-indigo-6: #333349;
  --hex-indigo-7: #2d2d3a;
  --hex-indigo-8: #27262b;
  --hex-lavender-1: #a369ff;
  --hex-lavender-2: #8a5bd3;
  --hex-lavender-3: #5e4287;
  --hex-lavender-4: #513b71;
  --hex-lavender-5: #44345b;
  --hex-lavender-6: #3a2f49;
  --hex-lavender-7: #322a3a;
  --hex-lavender-8: #29252b;
  --hex-purple-1: #c06ddf;
  --hex-purple-2: #a15eba;
  --hex-purple-3: #6b4479;
  --hex-purple-4: #5c3d66;
  --hex-purple-5: #4c3553;
  --hex-purple-6: #402f44;
  --hex-purple-7: #352a37;
  --hex-purple-8: #2b2529;
  --hex-magenta-1: #e962bf;
  --hex-magenta-2: #c255a0;
  --hex-magenta-3: #7e3f6a;
  --hex-magenta-4: #6b395a;
  --hex-magenta-5: #57334a;
  --hex-magenta-6: #472e3e;
  --hex-magenta-7: #3a2933;
  --hex-magenta-8: #2c2527;
  --hex-pink-1: #ff718b;
  --hex-pink-2: #d46176;
  --hex-pink-3: #884651;
  --hex-pink-4: #723e47;
  --hex-pink-5: #5d363c;
  --hex-pink-6: #4b3034;
  --hex-pink-7: #3c2b2d;
  --hex-pink-8: #2c2525;
  --hex-bg-1: #252423;
  --hex-bg-2: #2a2928;
  --hex-bg-3: #302e2d;
  --hex-bg-4: #353432;
  --hex-bg-5: #3a3938;
  --hex-bg-6: #3f3e3d;
  --hex-bg-7: #454342;
  --hex-bg-8: #4a4847;
  --hex-fg-1: #f6f4f2;
  --hex-fg-2: #d5d3d1;
  --hex-fg-3: #b4b1af;
  --hex-fg-4: #93908d;
  --hex-fg-5: #615e5b;
  --hex-fg-6: #484543;
  --hex-fg-7: #393734;
  --hex-fg-8: #2c2a28;
}
[data-color] {
  color: var(--hex-current-1);
}
.color-fg,
[data-color="fg"],
a[target="_blank"] {
  --hex-current-1: var(--hex-fg-1);
  --hex-current-2: var(--hex-fg-2);
  --hex-current-3: var(--hex-fg-3);
  --hex-current-4: var(--hex-fg-4);
  --hex-current-5: var(--hex-fg-5);
  --hex-current-6: var(--hex-fg-6);
  --hex-current-7: var(--hex-fg-7);
  --hex-current-8: var(--hex-fg-8);
}
.color-black {
  --hex-current-1: var(--hex-black-1);
  --hex-current-2: var(--hex-black-2);
  --hex-current-3: var(--hex-black-3);
  --hex-current-4: var(--hex-black-4);
  --hex-current-5: var(--hex-black-5);
  --hex-current-6: var(--hex-black-6);
  --hex-current-7: var(--hex-black-7);
  --hex-current-8: var(--hex-black-8);
}
.color-white {
  --hex-current-1: var(--hex-white-1);
  --hex-current-2: var(--hex-white-2);
  --hex-current-3: var(--hex-white-3);
  --hex-current-4: var(--hex-white-4);
  --hex-current-5: var(--hex-white-5);
  --hex-current-6: var(--hex-white-6);
  --hex-current-7: var(--hex-white-7);
  --hex-current-8: var(--hex-white-8);
}
.color-red,
.color-getting-started,
[data-color="0"],
a[href*="documentation/getting-started"] {
  --hex-current-1: var(--hex-red-1);
  --hex-current-2: var(--hex-red-2);
  --hex-current-3: var(--hex-red-3);
  --hex-current-4: var(--hex-red-4);
  --hex-current-5: var(--hex-red-5);
  --hex-current-6: var(--hex-red-6);
  --hex-current-7: var(--hex-red-7);
  --hex-current-8: var(--hex-red-8);
}
.color-corail,
.color-timer,
[data-color="1"],
a[href*="documentation/timer"] {
  --hex-current-1: var(--hex-corail-1);
  --hex-current-2: var(--hex-corail-2);
  --hex-current-3: var(--hex-corail-3);
  --hex-current-4: var(--hex-corail-4);
  --hex-current-5: var(--hex-corail-5);
  --hex-current-6: var(--hex-corail-6);
  --hex-current-7: var(--hex-corail-7);
  --hex-current-8: var(--hex-corail-8);
}
.color-orange,
.color-animation,
[data-color="2"],
a[href*="documentation/animation"] {
  --hex-current-1: var(--hex-orange-1);
  --hex-current-2: var(--hex-orange-2);
  --hex-current-3: var(--hex-orange-3);
  --hex-current-4: var(--hex-orange-4);
  --hex-current-5: var(--hex-orange-5);
  --hex-current-6: var(--hex-orange-6);
  --hex-current-7: var(--hex-orange-7);
  --hex-current-8: var(--hex-orange-8);
}
.color-yellow,
.color-timeline,
[data-color="3"],
a[href*="documentation/timeline"] {
  --hex-current-1: var(--hex-yellow-1);
  --hex-current-2: var(--hex-yellow-2);
  --hex-current-3: var(--hex-yellow-3);
  --hex-current-4: var(--hex-yellow-4);
  --hex-current-5: var(--hex-yellow-5);
  --hex-current-6: var(--hex-yellow-6);
  --hex-current-7: var(--hex-yellow-7);
  --hex-current-8: var(--hex-yellow-8);
}
.color-citrus,
.color-animatable,
[data-color="4"],
a[href*="documentation/animatable"] {
  --hex-current-1: var(--hex-citrus-1);
  --hex-current-2: var(--hex-citrus-2);
  --hex-current-3: var(--hex-citrus-3);
  --hex-current-4: var(--hex-citrus-4);
  --hex-current-5: var(--hex-citrus-5);
  --hex-current-6: var(--hex-citrus-6);
  --hex-current-7: var(--hex-citrus-7);
  --hex-current-8: var(--hex-citrus-8);
}
.color-lime,
.color-draggable,
[data-color="5"],
a[href*="documentation/draggable"] {
  --hex-current-1: var(--hex-lime-1);
  --hex-current-2: var(--hex-lime-2);
  --hex-current-3: var(--hex-lime-3);
  --hex-current-4: var(--hex-lime-4);
  --hex-current-5: var(--hex-lime-5);
  --hex-current-6: var(--hex-lime-6);
  --hex-current-7: var(--hex-lime-7);
  --hex-current-8: var(--hex-lime-8);
}
.color-green,
.color-layout,
[data-color="6"],
a[href*="documentation/layout"] {
  --hex-current-1: var(--hex-green-1);
  --hex-current-2: var(--hex-green-2);
  --hex-current-3: var(--hex-green-3);
  --hex-current-4: var(--hex-green-4);
  --hex-current-5: var(--hex-green-5);
  --hex-current-6: var(--hex-green-6);
  --hex-current-7: var(--hex-green-7);
  --hex-current-8: var(--hex-green-8);
}
.color-turquoise,
.color-scope,
[data-color="7"],
a[href*="documentation/scope"] {
  --hex-current-1: var(--hex-turquoise-1);
  --hex-current-2: var(--hex-turquoise-2);
  --hex-current-3: var(--hex-turquoise-3);
  --hex-current-4: var(--hex-turquoise-4);
  --hex-current-5: var(--hex-turquoise-5);
  --hex-current-6: var(--hex-turquoise-6);
  --hex-current-7: var(--hex-turquoise-7);
  --hex-current-8: var(--hex-turquoise-8);
}
.color-cyan,
.color-events,
[data-color="8"],
a[href*="documentation/events"] {
  --hex-current-1: var(--hex-cyan-1);
  --hex-current-2: var(--hex-cyan-2);
  --hex-current-3: var(--hex-cyan-3);
  --hex-current-4: var(--hex-cyan-4);
  --hex-current-5: var(--hex-cyan-5);
  --hex-current-6: var(--hex-cyan-6);
  --hex-current-7: var(--hex-cyan-7);
  --hex-current-8: var(--hex-cyan-8);
}
.color-sky,
.color-svg,
[data-color="9"],
a[href*="documentation/svg"] {
  --hex-current-1: var(--hex-sky-1);
  --hex-current-2: var(--hex-sky-2);
  --hex-current-3: var(--hex-sky-3);
  --hex-current-4: var(--hex-sky-4);
  --hex-current-5: var(--hex-sky-5);
  --hex-current-6: var(--hex-sky-6);
  --hex-current-7: var(--hex-sky-7);
  --hex-current-8: var(--hex-sky-8);
}
.color-sega,
.color-text,
[data-color="10"],
a[href*="documentation/text"] {
  --hex-current-1: var(--hex-sega-1);
  --hex-current-2: var(--hex-sega-2);
  --hex-current-3: var(--hex-sega-3);
  --hex-current-4: var(--hex-sega-4);
  --hex-current-5: var(--hex-sega-5);
  --hex-current-6: var(--hex-sega-6);
  --hex-current-7: var(--hex-sega-7);
  --hex-current-8: var(--hex-sega-8);
}
.color-king,
.color-utils,
[data-color="11"],
a[href*="documentation/utilities"] {
  --hex-current-1: var(--hex-king-1);
  --hex-current-2: var(--hex-king-2);
  --hex-current-3: var(--hex-king-3);
  --hex-current-4: var(--hex-king-4);
  --hex-current-5: var(--hex-king-5);
  --hex-current-6: var(--hex-king-6);
  --hex-current-7: var(--hex-king-7);
  --hex-current-8: var(--hex-king-8);
}
.color-indigo,
.color-easings,
[data-color="12"],
a[href*="documentation/easings"] {
  --hex-current-1: var(--hex-indigo-1);
  --hex-current-2: var(--hex-indigo-2);
  --hex-current-3: var(--hex-indigo-3);
  --hex-current-4: var(--hex-indigo-4);
  --hex-current-5: var(--hex-indigo-5);
  --hex-current-6: var(--hex-indigo-6);
  --hex-current-7: var(--hex-indigo-7);
  --hex-current-8: var(--hex-indigo-8);
}
.color-lavender,
.color-waapi,
[data-color="13"],
a[href*="documentation/web-animation-api"] {
  --hex-current-1: var(--hex-lavender-1);
  --hex-current-2: var(--hex-lavender-2);
  --hex-current-3: var(--hex-lavender-3);
  --hex-current-4: var(--hex-lavender-4);
  --hex-current-5: var(--hex-lavender-5);
  --hex-current-6: var(--hex-lavender-6);
  --hex-current-7: var(--hex-lavender-7);
  --hex-current-8: var(--hex-lavender-8);
}
.color-purple,
.color-engine,
[data-color="14"],
a[href*="documentation/engine"] {
  --hex-current-1: var(--hex-purple-1);
  --hex-current-2: var(--hex-purple-2);
  --hex-current-3: var(--hex-purple-3);
  --hex-current-4: var(--hex-purple-4);
  --hex-current-5: var(--hex-purple-5);
  --hex-current-6: var(--hex-purple-6);
  --hex-current-7: var(--hex-purple-7);
  --hex-current-8: var(--hex-purple-8);
}
.color-magenta,
.color-adapters,
[data-color="15"],
a[href*="documentation/adapters"] {
  --hex-current-1: var(--hex-magenta-1);
  --hex-current-2: var(--hex-magenta-2);
  --hex-current-3: var(--hex-magenta-3);
  --hex-current-4: var(--hex-magenta-4);
  --hex-current-5: var(--hex-magenta-5);
  --hex-current-6: var(--hex-magenta-6);
  --hex-current-7: var(--hex-magenta-7);
  --hex-current-8: var(--hex-magenta-8);
}
.color-pink {
  --hex-current-1: var(--hex-pink-1);
  --hex-current-2: var(--hex-pink-2);
  --hex-current-3: var(--hex-pink-3);
  --hex-current-4: var(--hex-pink-4);
  --hex-current-5: var(--hex-pink-5);
  --hex-current-6: var(--hex-pink-6);
  --hex-current-7: var(--hex-pink-7);
  --hex-current-8: var(--hex-pink-8);
}
:root {
  --backgroundColor: var(--hex-bg-1);
  --rimColor: #ffc7a8;
  --shadowColor: #212121;
  --worldColor1: #423d3d;
  --outlineColor: #101010;
  --outlineColorLight: #000000;
  --worldColorLight1: #dad5d0;
  --site-header-height: 3.5rem;
  --docs-sidebar-width: 14rem;
  --docs-demos-width: 22rem;
  --docs-demo-header-height: 3.5rem;
  --docs-demo-gap: 0px;
  --docs-demo-br: 0px;
  --docs-demo-height: 12rem;
  --margin-xxxs: 0.25rem;
  --margin-xxs: 0.5rem;
  --margin-xs: 0.75rem;
  --margin-s: 1rem;
  --margin-m: 1.5rem;
  --margin-l: 2rem;
  --margin-xl: 2.5rem;
  --margin-xxl: 3rem;
  --margin-xxxl: 4rem;
  --br-xs: 0.125rem;
  --br-s: 0.25rem;
  --br-m: 0.5rem;
  --br-l: 0.75rem;
  --br-xl: 1rem;
  --inset-width: calc(100% + calc(var(--margin-s) * 2));
  --inset-paddings: var(--margin-xs) var(--margin-s);
  --inset-margin: calc(var(--margin-s) * -1);
  --visual-viewport-height: 100dvh;
  --font-body: "DIN", Helvetica Neue, Helvetica, Arial, sans-serif;
  --font-code: "Mono", monospace;
  --text-xxxxl: 2.5rem;
  --text-xxxl: 2.5rem;
  --text-xxl: 2rem;
  --text-xl: 1.5rem;
  --text-l: 1.25rem;
  --text-m: 1rem;
  --text-s: 1rem;
  --text-xs: 0.875rem;
  --text-xxs: 0.8125rem;
  --text-xxxs: 0.75rem;
}
@media (min-width: 900px) {
  :root {
    --site-header-height: 4.5rem;
    --text-xxxxl: 4rem;
    --text-xxxl: 3.25rem;
    --text-xxl: 2.5rem;
    --text-xl: 1.75rem;
    --text-l: 1.25rem;
    --text-m: 1.125rem;
    --text-s: 1rem;
    --text-xs: 0.875rem;
    --text-xxs: 0.75rem;
    --text-xxxs: 0.625rem;
  }
}
@media (min-width: 1200px) {
  :root {
    --docs-sidebar-width: 16rem;
  }
}
*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-weight: inherit;
}
a {
  color: currentColor;
}
input,
button {
  touch-action: manipulation;
}
:root {
  color-scheme: dark;
}
html,
body {
  overflow-x: hidden;
  overflow-x: clip;
  width: 100%;
  color: var(--hex-fg-1);
  background-color: var(--hex-bg-1);
}
body {
  scrollbar-gutter: stable;
}
::selection {
  background-color: var(--hex-fg-4);
  color: var(--hex-bg-1);
}
#site-header {
  position: sticky;
  z-index: 2;
  top: 0;
  padding-left: var(--margin-s);
  padding-right: var(--margin-s);
  background-color: var(--hex-bg-1);
}
#site-header-content {
  position: static;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: var(--site-header-height);
  border-bottom: 1px solid var(--hex-bg-4);
}
@media (min-width: 900px) {
  #site-header {
    padding-left: var(--margin-m);
    padding-right: var(--margin-m);
  }
}
.heading-logo {
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 13rem;
}
.header-logo {
  height: var(--site-header-height);
}
@media (max-width: 899px) {
  .heading-logo {
    width: calc(100% - 2.5rem);
  }
}
.heading-logo a {
  display: flex;
  align-items: center;
  height: 100%;
}
.heading-logo img {
  width: auto;
  height: 1.5rem;
}
.heading-logo span {
  display: none;
}
#docs-versions {
  display: none;
  width: 4rem;
  width: 6rem;
  height: 2rem;
  padding: 0;
  font-weight: 400;
  color: var(--hex-fg-4);
}
#docs-versions:hover {
  color: var(--hex-fg-3);
}
#docs-versions .ui-input {
  padding-right: var(--margin-m);
  padding-right: var(--margin-s);
  padding-left: 0;
  text-align: right;
  font-family: var(--font-code);
  font-size: var(--text-xxs);
  text-transform: uppercase;
  letter-spacing: 0.01em;
  color: currentColor;
}
#docs-versions:before {
  width: 4rem;
  height: 1.25rem;
  width: 6rem;
  height: 2rem;
  top: calc(var(--site-header-height) * 0.5 - 0.625rem);
  left: auto;
}
#docs-versions:after {
  right: 0;
  right: -0.5rem;
  mask-size: 1rem;
}
#site-footer {
  container-type: inline-size;
  z-index: 2;
  padding-left: var(--margin-s);
  padding-right: var(--margin-s);
  padding-bottom: var(--margin-s);
  background-color: var(--hex-bg-1);
}
@media (min-width: 900px) {
  #site-footer {
    padding-left: var(--margin-m);
    padding-right: var(--margin-m);
    padding-bottom: var(--margin-m);
  }
}
#site-footer-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: 100%;
  border-top: 1px solid var(--hex-bg-4);
  padding-top: var(--margin-xxl);
}
.footer-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--margin-xl);
  padding-bottom: var(--margin-xl);
}
.footer-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  column-gap: var(--margin-m);
}
.footer-logo-block {
  justify-content: flex-end;
}
@container (max-width: 899px) {
  .footer-row:has(.footer-logo-block) {
    flex-direction: column-reverse;
  }
}
@container (min-width: 900px) {
  .footer-row {
    flex-wrap: nowrap;
  }
  .footer-block {
    display: flex;
    flex-direction: column;
    width: 100%;
    column-gap: var(--margin-m);
  }
}
.footer-block-links {
  flex-direction: row;
}
.email-signup-block .email-signup-form {
  margin-top: var(--margin-xxxs);
}
.footer-logo {
  margin-top: var(--margin-xxxs);
  margin-bottom: var(--margin-xxxs);
}
.footer-copyright {
  color: var(--hex-fg-4);
}
.footer-copyright a:not(:hover) {
  text-decoration: none;
}
.links-list-heading {
  margin: 0 0 var(--margin-s);
  color: var(--hex-fg-5);
  font-weight: inherit;
  font-size: inherit;
}
ul.links-list {
  padding-left: 0;
}
.links-list:not(:last-child) {
  margin-bottom: var(--margin-xxl);
}
.links-list li {
  display: flex;
  align-items: center;
  width: 100%;
  list-style: none;
}
.links-list li a {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
  color: var(--hex-fg-3);
  transition: color 0.1s ease-out;
}
.links-list li a:hover,
.links-list li a:active {
  color: var(--hex-current-1);
  transition-duration: 0s;
}
.links-list-boxed li a {
  height: 3rem;
  padding: 0 var(--margin-xxs) 0 var(--margin-s);
  background-color: var(--hex-bg-2);
}
.links-list-boxed li a .icon {
  transition: transform 0.125s ease-out;
}
.links-list-boxed li a:hover .icon {
  transform: translate(0.125rem);
}
.links-list-boxed li a:hover {
  background-color: var(--hex-bg-3);
}
.links-list-boxed:not(.prev-next-links):not(.links-list-grid) {
  overflow: hidden;
}
.links-list-boxed:not(.prev-next-links):not(.links-list-grid) li + li a {
  border-top: 1px solid var(--hex-bg-1);
}
.prev-next-heading,
.prev-next-links {
  display: flex;
  gap: var(--margin-m);
}
.prev-next-heading > *,
.prev-next-links > li {
  flex: 1;
  min-width: 0;
}
.prev-next-heading > :last-child {
  text-align: right;
}
.prev-next-links .prev-link a {
  padding: 0 var(--margin-s) 0 var(--margin-xxs);
}
.prev-next-links .prev-link a:hover .icon {
  transform: translate(-0.125rem);
}
.links-list sponsor-button {
  width: 100%;
}
.links-list li sponsor-button a {
  color: var(--hex-fg-4);
}
.links-list li sponsor-button a:hover {
  color: var(--hex-red-1);
}
.links-list li a img {
  position: absolute;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
}
.links-list a:has(img) {
  padding-left: var(--margin-l);
}
.links-list li sponsor-button a.footer-notice-link {
  display: block;
  color: var(--hex-yellow-1);
  background: var(--hex-yellow-6);
  height: auto;
  min-height: 2.75rem;
  width: 100%;
  text-wrap: auto;
  padding-left: var(--margin-m);
  padding-right: var(--margin-m);
  padding-top: var(--margin-m);
  padding-bottom: var(--margin-m);
  justify-content: center;
  text-align: center;
}
.links-list li sponsor-button a.footer-notice-link:hover {
  color: var(--hex-yellow-1);
  background: var(--hex-yellow-7);
}
.links-list li sponsor-button a.footer-notice-link span {
  text-decoration: underline;
}
.links-list li sponsor-button a.footer-notice-link .icon {
  opacity: 0;
  position: absolute;
}
#site-menu {
  position: relative;
  z-index: 1;
}
#site-menu ul {
  display: flex;
  list-style-type: none;
  height: 100%;
}
#site-menu li {
  display: flex;
  align-items: center;
  height: 100%;
}
#site-menu .main-nav-link {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--margin-xs);
  padding-right: var(--margin-xs);
  text-decoration: none;
  color: var(--hex-fg-3);
}
#site-menu .main-nav-link.is-active {
  color: var(--hex-fg-1);
}
#site-menu .main-nav-link .icon {
  margin-top: 0;
  margin-right: -0.25em;
  margin-left: -0.25em;
}
#toggle-site-menu {
  display: none;
}
#toggle-site-menu .icon {
  margin-top: 0;
}
#site-menu sponsor-button .main-nav-link {
  position: relative;
  color: var(--hex-red-1);
}
#site-menu sponsor-button .main-nav-link .icon {
  margin-right: 0.25em;
}
#site-menu sponsor-button .main-nav-link .icon + span {
  display: inline;
  z-index: 1;
}
@media (max-width: 1199px) {
  body:has(#site-menu.is-active) #toggle-site-menu {
    position: fixed;
  }
  #site-header {
    z-index: 105;
  }
  #site-menu {
    overflow: scroll;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    min-height: 100dvh;
    padding-top: calc(var(--site-header-height));
    padding-bottom: calc(var(--site-header-height) + var(--margin-m));
    background-color: var(--hex-bg-1);
    transform: translate(100%);
  }
  #site-menu ul {
    flex-shrink: 0;
    flex-direction: column;
    justify-content: center;
  }
  #site-menu li {
    height: auto;
    padding-left: var(--margin-xxs);
    padding-right: var(--margin-s);
  }
  #site-menu .main-nav-link .icon,
  #site-menu sponsor-button .main-nav-link .icon {
    margin-right: var(--margin-xs);
  }
  #site-menu .main-nav-link {
    font-size: var(--text-l);
    line-height: 2em;
  }
  #site-menu li:has(.main-nav-link.is-active) {
    border-left: 1px solid;
  }
  #toggle-site-menu {
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    width: var(--site-header-height);
  }
  #site-menu sponsor-button {
    font-size: var(--text-l);
    line-height: 1.5em;
    margin-top: 0.125em;
    color: var(--hex-red-1);
  }
}
@media (min-width: 1200px) {
  #site-menu .main-nav-link {
    height: 100%;
  }
  #site-menu sponsor-button {
    display: flex;
    align-items: center;
    height: 100%;
  }
  #site-menu .main-nav-link:after {
    pointer-events: none;
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: var(--margin-xs);
    right: var(--margin-xs);
    height: 1px;
    background-color: transparent;
  }
  #site-menu .main-nav-link:hover {
    color: var(--hex-fg-1);
  }
  #site-menu .main-nav-link.is-active:after {
    background-color: currentColor;
    opacity: 0.65;
  }
  #site-menu .main-nav-link:not(.nav-link-retractable) .icon {
    margin-right: var(--margin-xxxs);
  }
  #site-menu .main-nav-link.nav-link-retractable .icon + span {
    display: none;
  }
  #site-menu sponsor-button .main-nav-link {
    margin-left: var(--margin-xs);
  }
  #site-menu sponsor-button .main-nav-link:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 1.625em;
    left: 0;
    display: block;
    width: 100%;
    height: 2rem;
    background-color: var(--hex-red-6);
    border-radius: var(--br-s);
    transition: background-color 0.1s ease-out;
  }
  #site-menu sponsor-button .main-nav-link:hover {
    color: var(--hex-red-1);
  }
  #site-menu sponsor-button .main-nav-link:hover:before {
    background-color: var(--hex-red-5);
  }
  #site-menu sponsor-button .main-nav-link:hover span {
    mix-blend-mode: plus-lighter;
    filter: drop-shadow(0 0 3px var(--hex-red-5));
  }
}
.ui-input.copy-button {
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 3rem;
  width: 2.75rem;
  border-top-right-radius: var(--br-s);
  background-color: transparent;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  color: var(--hex-fg-4);
  transition:
    opacity 0.125s ease,
    color 0.125s ease;
}
.ui-input.copy-button:hover {
  color: var(--hex-fg-1);
}
.formatted-text .ui-button {
  overflow: visible;
  height: 3rem;
  color: var(--hex-fg-4);
  border: 1px solid var(--hex-fg-5);
  border-radius: var(--br-s);
  padding-left: var(--margin-s);
  padding-right: var(--margin-s);
  transition: transform 0.125s ease-out;
  line-height: 3rem;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
}
.formatted-text .ui-button-s {
  height: 2rem;
  line-height: 2rem;
  padding-left: var(--margin-xxs);
  padding-right: var(--margin-xxs);
}
.formatted-text .ui-button:hover,
.formatted-text .ui-button:focus {
  color: var(--hex-fg-3);
  border: 1px solid var(--hex-fg-4);
}
.formatted-text .ui-button .icon:last-child {
  margin-left: 0.25em;
  margin-right: calc(var(--margin-xxs) * -1);
}
.formatted-text .ui-button.ui-primary {
  color: var(--hex-red-1);
  border-color: var(--hex-red-2);
  border: none;
  background-color: var(--hex-red-5);
}
.formatted-text .ui-button.ui-primary:hover,
.formatted-text .ui-button.ui-primary:focus {
  color: var(--hex-red-1);
  border-color: var(--hex-red-1);
}
.media {
  display: block;
  width: 100%;
  height: auto;
}
.page {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 100dvh;
}
.layout-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.layout-container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  max-width: 1500px;
}
@media (min-width: 1500px) {
  .layout-container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    max-width: 1500px;
  }
}
body.show-grid .layout-container:after {
  pointer-events: none;
  content: "";
  display: block;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 0.5rem 0.5rem;
}
@font-face {
  font-family: Mono;
  src: url(../fonts/BerkeleyMono-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Mono;
  src: url(../fonts/BerkeleyMono-Italic.woff2) format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Digital-7;
  src: url(../fonts/Digital-7MonoItalic.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: DIN;
  src: url(../fonts/DINish[slnt,wdth,wght].woff2) format("woff2");
  font-variation-settings: "wdth" 125;
  font-weight: 100 900;
  font-stretch: 50% 125%;
  font-style: oblique 0deg 12deg;
  font-display: swap;
}
html,
body {
  font-family: var(--font-body);
  font-weight: 400;
  font-variation-settings: "wdth" 125;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-size: var(--text-s);
  text-wrap: pretty;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: var(--font-body);
  font-size: inherit;
  letter-spacing: inherit;
}
strong {
  font-weight: 700;
}
i,
em {
  font-style: normal;
  font-variation-settings:
    "slnt" -12,
    "wdth" 125;
}
input,
button,
select {
  font-family: inherit;
  font-variation-settings: "wdth" 125;
}
input[type="number"] {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum", "ss01", "ss01";
}
select[disabled],
button[disabled],
input[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
sup {
  vertical-align: super;
  font-size: 0.625em;
}
pre {
  font-size: inherit;
}
code {
  overflow-x: auto;
  font-family: var(--font-code);
  font-size: var(--text-xs);
  font-weight: 400;
  line-height: 1.25em;
}
p,
li {
  line-height: 1.5rem;
}
.formatted-text ul {
  list-style-type: "-  ";
  padding-left: var(--margin-s);
}
.formatted-text a code.hljs {
  display: inline;
  border-left: none;
}
.formatted-text {
  color: var(--hex-fg-3);
}
.text-xxxxl {
  font-size: var(--text-xxxxl);
  line-height: 0.85em;
  letter-spacing: -0.025em;
  margin-bottom: 1.5em;
}
.text-xxxl {
  font-size: var(--text-xxxl);
  line-height: 0.95em;
  letter-spacing: -0.025em;
}
.text-xxl,
:where(.formatted-text) h1 {
  font-size: var(--text-xxl);
  font-weight: 700;
  letter-spacing: -0.0125em;
  line-height: 0.95em;
}
.text-xl {
  font-size: var(--text-xl);
  font-weight: 700;
  line-height: 1.125em;
  color: var(--hex-fg-2);
}
.text-l,
:where(.formatted-text) h2 {
  font-size: var(--text-l);
  font-weight: 700;
  line-height: 1.25em;
  color: var(--hex-fg-3);
}
.text-m {
  font-size: var(--text-m);
}
.text-s,
:where(.formatted-text) :is(p, h3, h4, li) {
  font-size: var(--text-s);
  font-family: inherit;
}
:where(.formatted-text) :is(h3, h4) {
  font-weight: 600;
  color: var(--hex-fg-2);
}
:where(.formatted-text) h5 {
  color: var(--hex-fg-4);
  font-family: inherit;
  font-size: var(--text-s);
  letter-spacing: 0.0125em;
}
.text-xs {
  font-size: var(--text-xs);
  line-height: 1.25em;
  letter-spacing: 0.0125em;
}
.text-xxs {
  font-size: var(--text-xxs);
  color: var(--hex-fg-4);
}
.formatted-text .text-xxxxl:not(:last-child) {
  margin-bottom: 0.25em;
}
.formatted-text .text-xxxl:not(:last-child) {
  margin-bottom: 0.375em;
}
.formatted-text .text-xxl:not(:last-child),
.formatted-text h1:not(:last-child) {
  margin-bottom: 1.25rem;
}
.formatted-text h2:not(:last-child),
.formatted-text h3:not(:last-child),
.formatted-text h4:not(:last-child),
.formatted-text h5:not(:last-child) {
  margin-bottom: var(--margin-s);
}
.formatted-text p:not(:last-child),
.formatted-text ul:not(:last-child) {
  margin-bottom: var(--margin-m);
}
.formatted-text pre {
  margin-top: var(--margin-m);
}
.formatted-text pre:not(:last-child) {
  margin-bottom: var(--margin-m);
}
.formatted-text h1 + h2:not(:first-child) {
  margin-top: 0rem;
  margin-bottom: 1.75rem;
}
.formatted-text h2:not(:first-child),
.formatted-text .notice:has(h2):not(:last-child) {
  margin-top: 2.25rem;
}
.formatted-text h3:not(:first-child),
.formatted-text h4:not(:first-child),
.formatted-text .notice:has(h3):not(:last-child),
.formatted-text .notice:has(h4):not(:last-child) {
  margin-top: 1.75rem;
}
.formatted-text blockquote:not(:last-child) {
  margin-bottom: 1.75rem;
}
.formatted-text table:not(:last-child),
.formatted-text .notice:not(:last-child) {
  margin-bottom: 1.75rem;
}
.formatted-text .text-ui,
.text-ui {
  font-family: var(--font-code);
  font-size: var(--text-xxs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.01em;
}
.formatted-text .text-mono,
.text-mono {
  font-family: var(--font-code);
  font-size: var(--text-xs);
  font-weight: 400;
  font-variant-ligatures: none;
}
.formatted-text .text-code,
.text-code {
  font-family: var(--font-code);
  font-size: var(--text-xs);
  font-weight: 400;
  line-height: 1.25em;
}
.formatted-text a {
  text-decoration: none;
}
.formatted-text p > a,
.formatted-text li > a,
.formatted-text td > a {
  display: inline-flex;
  position: relative;
  color: currentColor;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  text-decoration-color: var(--hex-current-2);
}
.formatted-text p > a:hover,
.formatted-text li > a:hover,
.formatted-text td > a:hover {
  color: var(--hex-current-1);
  text-decoration-color: var(--hex-current-1);
}
.formatted-text p + pre,
.formatted-text h2 + pre,
.formatted-text h3 + pre {
  margin-top: 0;
}
.formatted-text code {
  position: relative;
  padding: 0.125em 0.25em;
  border-radius: var(--br-s);
  background-color: var(--hex-bg-3);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.formatted-text h2 code {
  padding: 0.075em 0.25em;
  border-radius: 0.25em;
}
.formatted-text p a:hover code,
.formatted-text li a:hover code,
.formatted-text table a:hover code {
  color: var(--hex-current-1);
  background-color: var(--hex-current-6);
  text-decoration: none;
}
.formatted-text p a:hover code span,
.formatted-text li a:hover code span,
.formatted-text table a:hover code span {
  color: var(--hex-current-1);
}
.formatted-text pre code.hljs {
  display: block;
}
.formatted-text pre code {
  position: relative;
  width: 100%;
  padding: var(--margin-m);
}
.formatted-text .notice {
  position: relative;
  padding: calc(var(--margin-m) - var(--margin-xxxs)) var(--margin-m);
  margin-top: var(--margin-xl);
  border-radius: var(--br-s);
  background-color: var(--hex-current-8);
}
.formatted-text .notice:before {
  display: block;
  height: 1.25rem;
  position: absolute;
  top: -0.625rem;
  padding: 0.125rem var(--margin-xxxs);
  margin-bottom: var(--margin-xxs);
  border-radius: var(--br-xs);
  color: var(--hex-current-1);
  background-color: var(--hex-current-6);
  font-weight: 700;
  font-size: var(--text-xxs);
}
.formatted-text .notice > h2,
.formatted-text .notice > h3 {
  color: var(--hex-current-2);
}
.formatted-text .notice code {
  background-color: var(--hex-current-7);
}
.formatted-text .notice p:not(:last-child) {
  margin-bottom: var(--margin-s);
}
.formatted-text .notice pre {
  width: 100%;
}
.formatted-text .notice h2,
.formatted-text .notice h3 {
  margin-bottom: var(--margin-xs);
}
.formatted-text .notice p + pre {
  margin-top: 0;
}
.formatted-text .notice .notice {
  margin-top: 1.75rem;
}
.formatted-text .notice .notice,
.formatted-text .notice p + pre code {
  border-radius: var(--br-xs);
}
.formatted-text .notice.info {
  --hex-current-1: var(--hex-sega-1);
  --hex-current-2: var(--hex-sega-2);
  --hex-current-3: var(--hex-sega-3);
  --hex-current-4: var(--hex-sega-4);
  --hex-current-5: var(--hex-sega-5);
  --hex-current-6: var(--hex-sega-6);
  --hex-current-7: var(--hex-sega-7);
  --hex-current-8: var(--hex-sega-8);
}
.formatted-text .notice.warning {
  --hex-current-1: var(--hex-orange-1);
  --hex-current-2: var(--hex-orange-2);
  --hex-current-3: var(--hex-orange-3);
  --hex-current-4: var(--hex-orange-4);
  --hex-current-5: var(--hex-orange-5);
  --hex-current-6: var(--hex-orange-6);
  --hex-current-7: var(--hex-orange-7);
  --hex-current-8: var(--hex-orange-8);
}
.formatted-text .notice.success {
  --hex-current-1: var(--hex-green-1);
  --hex-current-2: var(--hex-green-2);
  --hex-current-3: var(--hex-green-3);
  --hex-current-4: var(--hex-green-4);
  --hex-current-5: var(--hex-green-5);
  --hex-current-6: var(--hex-green-6);
  --hex-current-7: var(--hex-green-7);
  --hex-current-8: var(--hex-green-8);
}
.formatted-text .notice.error {
  --hex-current-1: var(--hex-red-1);
  --hex-current-2: var(--hex-red-2);
  --hex-current-3: var(--hex-red-3);
  --hex-current-4: var(--hex-red-4);
  --hex-current-5: var(--hex-red-5);
  --hex-current-6: var(--hex-red-6);
  --hex-current-7: var(--hex-red-7);
  --hex-current-8: var(--hex-red-8);
}
.formatted-text .notice.info:before {
  content: "INFO";
}
.formatted-text .notice.warning:before {
  content: "WARNING";
}
.responsive-table {
  width: 100%;
  border-spacing: 0;
  border: none;
  background-color: transparent;
}
.responsive-table tr th {
  border-top: 1px solid var(--hex-bg-4);
}
.responsive-table tr th,
.responsive-table tr td {
  border-bottom: 1px solid var(--hex-bg-4);
}
.responsive-table td:not(:empty),
.responsive-table th:not(:empty) {
  text-align: left;
  line-height: 1.5em;
  vertical-align: middle;
  padding: var(--inset-paddings);
}
.responsive-table td:not(:empty),
.responsive-table th:not(:empty) {
  text-align: left;
  line-height: 1.5em;
  white-space: nowrap;
}
.responsive-table td:first-child:not(:empty),
.responsive-table th:first-child:not(:empty) {
  padding-left: 0;
}
.responsive-table td:first-child,
.responsive-table th:first-child {
  border-left: none;
}
.responsive-table th:not(:empty) {
  border-top: none;
  padding-top: var(--margin-xxxs);
}
.responsive-table td:last-child,
.responsive-table th:last-child {
  width: 100%;
  white-space: wrap;
}
.responsive-table th:not(:empty) {
  border-top: none;
  padding-top: var(--margin-xxxs);
  font-family: var(--font-code);
  font-size: var(--text-xxs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.01em;
}
@media (max-width: 899px) {
  .responsive-table thead {
    display: none;
  }
}
.responsive-table th:not(:empty) {
  color: var(--hex-fg-4);
  font-family: var(--font-code);
  font-size: var(--text-xxs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.01em;
}
.responsive-table th:not(:empty) .responsive-table td:not(:last-child),
.responsive-table th:not(:empty) .responsive-table th:not(:last-child) {
  padding-bottom: var(--margin-xxxs);
}
.responsive-table th:not(:empty) .responsive-table td,
.responsive-table th:not(:empty) .responsive-table th {
  border-left: none;
  border-right: none;
}
.responsive-table th:not(:empty) .responsive-table td:not(:empty) {
  position: relative;
  display: block;
  padding-left: calc(min(30vw, 10rem) + var(--margin-s));
}
.responsive-table th:not(:empty) .responsive-table td:not(:empty),
.responsive-table th:not(:empty) .responsive-table th:not(:empty) {
  border-left: none;
}
.responsive-table th:not(:empty) .responsive-table td:not(:last-child) {
  border-bottom: 1px solid var(--hex-bg-1);
}
.responsive-table th:not(:empty) .responsive-table td:before {
  overflow: hidden;
  display: flex;
  align-items: center;
  content: attr(data-label);
  position: absolute;
  top: 0;
}
.responsive-table
  th:not(:empty)
  .responsive-table
  td:before
  .responsive-table
  td:not(:empty),
.responsive-table
  th:not(:empty)
  .responsive-table
  td:before
  .responsive-table
  th:not(:empty) {
  border-left: none;
}
.responsive-table th:not(:empty) .responsive-table td:before {
  white-space: pre;
  text-overflow: ellipsis;
  color: var(--hex-fg-5);
  font-family: var(--font-code);
  font-size: var(--text-xxs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  padding: var(--inset-paddings);
  padding-left: 0;
}
.responsive-table th:not(:empty) .responsive-table td:not(:first-child):before,
.responsive-table th:not(:empty) .responsive-table th:not(:first-child):before {
  padding-top: var(--margin-xxxs);
}
.responsive-table th:not(:empty) .responsive-table td:not(:last-child):before,
.responsive-table th:not(:empty) .responsive-table th:not(:last-child):before {
  padding-bottom: var(--margin-xxxs);
}
.ui-overlay {
  --overlay-opacity: 0;
  backdrop-filter: blur(calc(var(--overlay-opacity) * 10px));
}
.ui-overlay:before {
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100dvh;
  opacity: calc(var(--overlay-opacity) * 0.4);
  background: #000;
}
.ui-input {
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  height: 100%;
  max-height: var(--site-header-height);
  padding-right: var(--margin-xxxs);
  padding-left: var(--margin-xxxs);
  background: transparent;
  color: var(--hex-current-2, var(--hex-fg-3));
  border: none;
  box-shadow: none;
  outline: none;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-align: left;
  line-height: 1;
  font-family: inherit;
  letter-spacing: inherit;
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.ui-input span {
  width: 100%;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.ui-input:has(span + .icon) {
  flex-direction: row-reverse;
}
.ui-input .icon + span {
  padding-left: var(--margin-xxs);
}
.ui-input:hover {
  color: var(--hex-current-1);
}
.ui-input:disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: var(--hex-current-6, var(--hex-fg-6));
}
.ui-input:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 transparent;
}
.ui-input:focus {
  border-color: transparent;
  color: var(--hex-current-2);
}
.ui-group {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  height: 100%;
  padding-left: var(--margin-xxs);
  padding-right: var(--margin-xxs);
}
.ui-group .ui-button {
  width: 100%;
}
.ui-group > .ui-group {
  padding-left: 0;
  padding-right: 0;
}
.ui-select {
  position: relative;
  padding-right: 0;
  padding-left: 0;
}
.ui-select:after {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: var(--margin-s);
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -0.75rem;
  -webkit-mask: url(../images/icons/drop-down.svg) no-repeat 50% 50%;
  mask: url(../images/icons/drop-down.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  color: inherit;
  background-color: currentColor;
}
.ui-select .ui-input {
  width: 100%;
  height: 100%;
  padding-right: 1.75rem;
}
input[type="range"],
input[type="range"]:hover {
  cursor: ew-resize;
}
input[type="range"][value] {
  position: relative;
  width: 100%;
  height: 2rem;
  appearance: none;
  -webkit-appearance: none;
}
input[type="range"][value]:focus {
  outline: none;
}
input[type="range"][value]:after {
  content: "";
  display: block;
  position: absolute;
}
input[type="range"][value]:after {
  top: calc(1rem - 1px);
  left: calc(1rem - 1px);
  right: calc(1rem - 1px);
  height: 2px;
  background-color: var(--hex-current-3);
}
input[type="range"][value]:hover {
  background-color: var(--hex-current-4);
}
input[type="range"][value]:hover:after {
  background-color: var(--hex-current-2);
}
input[type="range"][value]::-webkit-slider-thumb {
  position: relative;
  z-index: 2;
  -webkit-appearance: none;
  background-color: transparent;
  border-radius: 1rem;
  width: 2rem;
  height: 2rem;
  box-shadow: none;
  background-image: radial-gradient(
    circle at 50% 50%,
    currentColor 0%,
    currentColor 22%,
    transparent 24%
  );
}
.icon {
  pointer-events: none;
  flex-shrink: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.icon * {
  transform-box: fill-box;
  transform-origin: 50% 50% 0;
}
.icon *[stroke="#FFFFFF"] {
  stroke: currentColor;
}
.icon *[fill="#FFFFFF"] {
  fill: currentColor;
}
.hljs {
  color: #abb2bf;
}
.hljs-comment,
.hljs-quote {
  color: #5c6370;
  color: #ffffff59;
}
.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #c678dd;
}
.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e06c75;
}
.hljs-variable.language_ {
  color: #56b6c2;
}
.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
  color: #98c379;
}
.hljs-built_in,
.hljs-class .hljs-title,
.class_.hljs-title {
  color: #e6c07b;
}
.hljs-literal,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #d19a66;
}
.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #61aeee;
}
.hljs-emphasis {
  font-style: italic;
}
.hljs-strong {
  font-weight: 700;
}
.hljs-link {
  text-decoration: underline;
}
sponsor-button {
  position: relative;
  color: var(--hex-current-1);
}
sponsor-button a,
sponsor-button a:hover {
  color: var(--hex-current-1);
  text-decoration-color: var(--hex-current-1);
}
sponsor-button svg {
  transition: filter 0.125s ease;
  filter: drop-shadow(0 0 0px currentColor);
}
sponsor-button:hover svg {
  mix-blend-mode: plus-lighter;
  filter: drop-shadow(0 0 3px currentColor);
}
sponsor-button svg.particle {
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 0;
  margin-left: 0;
  pointer-events: none;
  filter: drop-shadow(0 0 3px currentColor);
}
sponsors-list {
  --gap: var(--margin-xs);
  container-type: inline-size;
  display: flex;
  width: 100%;
  gap: var(--gap);
}
.company-sponsors-list sponsors-list {
  --gap: var(--margin-xxs);
  margin-bottom: var(--gap);
}
sponsors-list .sponsor {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
  line-height: 1;
  white-space: pre;
}
sponsors-list .sponsor img {
  aspect-ratio: 1/1;
  width: 100%;
  height: auto;
}
sponsors-list[size="large"] .sponsor {
  width: calc((100% - var(--gap) * 2) / 3);
  font-size: var(--text-xs);
}
sponsors-list[size="large"] .sponsor img {
  margin-bottom: var(--margin-xs);
}
sponsors-list[size="medium"] .sponsor {
  width: calc((100% - var(--gap) * 3) / 4);
  font-size: var(--text-xxs);
}
sponsors-list[size="medium"] .sponsor img {
  margin-bottom: var(--margin-xxs);
}
sponsors-list[size="small"] .sponsor {
  width: calc((100% - var(--gap) * 5) / 6);
  font-size: 0.6rem;
}
sponsors-list[size="small"] .sponsor img {
  margin-bottom: var(--margin-xxs);
}
@container (width > 30rem) {
  sponsors-list[size="large"] .sponsor {
    font-size: var(--text-m);
  }
  sponsors-list[size="medium"] .sponsor {
    font-size: var(--text-s);
  }
  sponsors-list[size="small"] .sponsor {
    font-size: var(--text-xs);
  }
}
sponsors-list[boxed] a {
  position: relative;
  background-color: var(--hex-bg-2);
  padding: var(--margin-s);
  border-radius: var(--br-l);
  color: var(--hex-fg-3);
}
@container (width > 30rem) {
  sponsors-list[boxed][size="large"] a {
    padding: var(--margin-m);
  }
  sponsors-list[boxed][size="large"] a img {
    margin-bottom: var(--margin-m);
  }
  sponsors-list[boxed][size="small"] a img {
    margin-bottom: var(--margin-s);
  }
}
sponsors-list a .icon {
  display: none;
}
sponsors-list a img {
  opacity: 0.85;
}
sponsors-list a:hover {
  background-color: var(--hex-bg-3);
  color: var(--hex-fg-1);
}
sponsors-list a:hover img {
  opacity: 1;
}
funding-level h3 span {
  font-family: var(--font-code);
  background-color: var(--hex-red-3);
  color: var(--hex-red-1);
}
funding-level .funding-level-status {
  font-family: var(--font-code);
  color: var(--hex-red-1);
}
funding-level .funding-level-status span {
  display: inline-block;
}
funding-level .chart {
  margin-bottom: var(--margin-s);
}
funding-level .sponsors-list {
  --height: 1.75rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: calc(100% - var(--height) * 0.5);
  height: var(--height);
  gap: 0;
  margin-bottom: var(--margin-xs);
}
funding-level .sponsor {
  position: relative;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
  flex-shrink: 1;
  flex-grow: 0;
  height: var(--height);
  margin: 0;
}
funding-level .sponsor:hover {
  z-index: 1;
}
funding-level .sponsor figure {
  background-color: var(--hex-bg-3);
  position: absolute;
  left: 0;
  top: 0;
}
funding-level .sponsor img {
  position: absolute;
  left: 0;
  top: 0;
  object-fit: contain;
  width: var(--height);
  height: var(--height);
  margin: 0;
  border-radius: 50%;
  transition: transform 0.5s ease-out;
}
funding-level .sponsor:not(:last-child) img {
  pointer-events: none;
}
funding-level .sponsor:hover img {
  transform: scale(2);
  transition-duration: 0s;
}
funding-level .sponsor span {
  display: none;
}
@media (max-width: 899px) {
  funding-level .chart {
    margin-bottom: var(--margin-xxs);
  }
  funding-level .sponsors-list {
    display: none;
  }
}
.formatted-text funding-level p:not(:last-child) {
  margin-bottom: var(--margin-xs);
}
.email-signup-form {
  width: 100%;
  position: relative;
}
.email-signup-form form.is-pending {
  pointer-events: none;
  opacity: 0.5;
}
.email-signup-form ul:not(:last-child) {
  margin: 0;
}
.email-signup-fields {
  display: none;
}
.email-signup-fields.is-active {
  display: flex;
}
.email-signup-field {
  flex-grow: 1;
}
.email-signup-input {
  width: 100%;
  padding: var(--margin-xs) var(--margin-xs);
  border-radius: var(--br-s) 0px 0px var(--br-s);
  font-size: var(--text-xxs);
  background-color: var(--hex-bg-4);
  color: var(--hex-fg-1);
  height: 2.75rem;
}
.email-signup-input::placeholder {
  color: var(--hex-fg-2);
}
.email-signup-submit {
  padding: var(--margin-xxs) var(--margin-xs);
  border-radius: 0px var(--br-s) var(--br-s) 0px;
  background-color: var(--hex-fg-2);
  color: var(--hex-bg-4);
}
.email-signup-submit:hover {
  cursor: pointer;
  color: var(--hex-bg-1);
  background-color: var(--hex-fg-1);
}
.email-signup-alert {
  display: none;
  pointer-events: none;
  opacity: 0;
  z-index: 1;
  inset: 0;
  padding: var(--margin-xs) var(--margin-xs);
  border-radius: var(--br-s);
  font-size: var(--text-xs);
  min-height: 2.75rem;
}
.email-signup-alert p {
  font-size: 0.8125rem !important;
  font-weight: 600;
  text-align: center;
}
.email-signup-alert.is-active {
  display: block;
  opacity: 1;
  pointer-events: auto;
}
.email-signup-error {
  color: var(--hex-red-1);
  background-color: var(--hex-red-4);
}
.email-signup-success {
  color: var(--hex-green-1);
  background-color: var(--hex-green-4);
}
#carbon-responsive.carbon-ad .carbon-responsive-wrap {
  background-color: transparent;
  border: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
#carbon-responsive.carbon-ad .carbon-poweredby,
#carbon-responsive.carbon-ad .carbon-text {
  font-family: var(--font-body);
  font-weight: 400;
  font-variation-settings: "wdth" 125;
  text-transform: none;
  color: var(--hex-fg-3);
}
#carbon-responsive.carbon-ad .carbon-poweredby {
  margin-top: var(--margin-xxxs);
  color: var(--hex-fg-4);
  font-size: 0.85em;
  opacity: 1;
  text-align: left;
  margin-bottom: var(--margin-l);
}
#carbon-responsive.carbon-ad .carbon-poweredby:hover {
  color: var(--hex-fg-3);
  opacity: 1;
}
#carbon-responsive.carbon-ad .carbon-responsive-wrap-bg:after {
  background-color: transparent;
}
#carbon-responsive.carbon-ad .carbon-responsive-wrap-bg:before {
  background-image: none;
}