@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/jetbrains-mono-latin-ext-400700.woff2) format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/jetbrains-mono-latin-400700.woff2) format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/jetbrains-mono-tui-400700.woff2) format('woff2');
  unicode-range:
    U+2190, U+2192, U+2194-2199, U+21E7, U+2208, U+220B, U+2218-221A, U+221E, U+223C, U+2248,
    U+2260-2261, U+2264-2265, U+2302-2305, U+2318, U+2325, U+2500-25A1, U+25AA-25AB, U+25B2-25C7,
    U+25CA, U+25CC, U+25CE-25CF, U+25D4-25D5, U+25E7-25EB, U+25EF, U+26A0-26A1, U+2715, U+276E-2771;
}

@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url(/fonts/cinzel-latin-500.woff2) format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400 600;
  font-display: block;
  src: url(/fonts/source-sans-3-latin-400600.woff2) format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --ui-ease: cubic-bezier(0.22, 0.9, 0.3, 1);
  --ui-press-ms: 100ms;
  --ui-release-ms: 180ms;
  --ui-slide-ms: 220ms;
  --ui-press-scale: 0.97;
  --ui-press-brightness: 1.08;
}

:is(
  .ui-press,
  .itabs__tab,
  .itabs__copy,
  .itabs__git,
  .ways__link,
  .bubblepop__x,
  .bubblepop__retry,
  .lic__act,
  .lictoc__sum,
  .lictoc__jump,
  .demo .dvideo__btn,
  .demo .dvideo__pic
):not(:disabled, [aria-disabled='true']) {
  &:active {
    filter: brightness(var(--ui-press-brightness));
  }

  @media (prefers-reduced-motion: no-preference) {
    transition:
      scale var(--ui-release-ms) var(--ui-ease),
      translate var(--ui-release-ms) var(--ui-ease),
      filter var(--ui-release-ms) var(--ui-ease),
      color var(--ui-release-ms) var(--ui-ease),
      background-color var(--ui-release-ms) var(--ui-ease),
      border-color var(--ui-release-ms) var(--ui-ease);

    @media (hover: hover) {
      &:not(.dvideo__pic):hover {
        translate: 0 -1px;
      }
    }

    &:active {
      scale: var(--ui-press-scale);
      translate: 0 0;
      transition-duration: var(--ui-press-ms);
    }
  }
}

:is(.ui-press, .itabs__tab):focus-visible {
  outline: 1px solid var(--ui-focus, var(--cream));
  outline-offset: -2px;
}

.ui-tabmark {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 1px;
  height: 1px;
  background: var(--cream);
  transform-origin: 0 0;
  pointer-events: none;
}

.ui-panels {
  display: grid;
  isolation: isolate;
}

.ui-panels > .ui-panel {
  grid-area: 1 / 1;
  min-width: 0;
}

.ui-panel[data-leaving] {
  visibility: visible;
  pointer-events: none;
}

html {
  background: var(--bg);
}

@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }

  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: var(--ui-slide-ms);
    animation-timing-function: var(--ui-ease);
    mix-blend-mode: normal;
  }

  html.page-entering body {
    opacity: 0;
  }

  html:not(.page-entering) body {
    transition: opacity var(--ui-release-ms) var(--ui-ease);
  }
}

:root {
  --scroll-thumb: color-mix(in srgb, var(--cream) 40%, transparent);
  --scroll-thumb-hover: color-mix(in srgb, var(--cream) 50%, transparent);
}

:where(*) {
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-thumb) transparent;
}

@media (hover: hover) {
  :where(*):hover {
    scrollbar-color: var(--scroll-thumb-hover) transparent;
  }
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  border: 1px solid transparent;
  border-radius: 8px;
  background: var(--scroll-thumb);
  background-clip: padding-box;
}

@media (hover: hover) {
  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--scroll-thumb-hover);
  }
}

::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

.lic,
.licfs {
  --scroll-thumb: color-mix(in srgb, var(--lic-ink) 50%, transparent);
  --scroll-thumb-hover: color-mix(in srgb, var(--lic-ink) 60%, transparent);
}

:root {
  --site-grain: 0.85;
  --site-grain-hz: 12.5;
}

body.doc {
  --site-grain-hz: 0.25;
}

.site-grain {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  width: 100vw;
  height: 100vh;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: clip;
  background: transparent;
  opacity: var(--site-grain);
  pointer-events: none;
  image-rendering: pixelated;
}

.site-grain::backdrop {
  display: none;
}

@font-face { font-family: 'Mercury Pixel'; font-style: normal; font-weight: 400; font-display: block; src: url(/fonts/mercury-pixel.woff2) format('woff2'); unicode-range: U+0020, U+0041-005A, U+00A0; }
:root {
  color-scheme: dark;
  --bg: #090d16;
  --bg-deep: #050910;
  --panel-line: #232d44;
  --slot-line: #3b496a;
  --accent: #a4b4da;
  --accent-dim: #4d7ae2;
  --text: #eceff3;
  --muted: #999ea9;
  --faint: #5e6576;
  --water-light: #aabdf1;
  --cream: #ede8dd;
  --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', Consolas, monospace;
  --font-ui: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Cinzel', 'Times New Roman', Georgia, serif;
  --placeholder-line: #fb923c;
  --placeholder-ground: #1c1310;
  --doc-bg: var(--bg);
  --doc-text: color-mix(in srgb, var(--text) 88%, var(--bg));
  --doc-heading: var(--cream);
  --doc-muted: var(--muted);
  --doc-link: var(--accent);
  --doc-code-bg: var(--bg-deep);
  --doc-code-text: var(--text);
  --doc-line: var(--panel-line);
  --doc-edge: color-mix(in srgb, var(--faint) 90%, var(--muted));
  --doc-tint: color-mix(in srgb, var(--accent) 7%, var(--bg));
  --doc-syntax-key: var(--accent);
  --doc-syntax-string: var(--cream);
  --doc-syntax-number: var(--water-light);
  --doc-syntax-keyword: var(--water-light);
  --doc-syntax-comment: var(--muted);
  --scroll-thumb: var(--doc-edge);
  --scroll-thumb-hover: var(--doc-muted);
  --doc-ease: var(--ui-ease);
  --doc-press: var(--ui-press-ms);
  --doc-release: var(--ui-release-ms);
  --doc-slide: var(--ui-slide-ms);
}
:root[data-doc-theme='light'] {
  color-scheme: light;
  --doc-bg: var(--cream);
  --doc-text: var(--bg);
  --doc-heading: var(--bg);
  --doc-muted: color-mix(in srgb, var(--bg) 68%, var(--cream));
  --doc-link: color-mix(in srgb, var(--accent-dim) 70%, var(--bg));
  --doc-code-bg: color-mix(in srgb, var(--cream) 70%, white);
  --doc-code-text: var(--bg);
  --doc-line: color-mix(in srgb, var(--bg) 20%, var(--cream));
  --doc-edge: color-mix(in srgb, var(--bg) 55%, var(--cream));
  --doc-tint: color-mix(in srgb, var(--cream) 88%, white);
  --doc-syntax-key: var(--slot-line);
  --doc-syntax-string: var(--doc-link);
  --doc-syntax-number: var(--slot-line);
  --doc-syntax-keyword: var(--doc-link);
  --doc-syntax-comment: var(--doc-muted);
  --scroll-thumb: var(--doc-edge);
  --scroll-thumb-hover: var(--doc-muted);
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { background: var(--doc-bg); scrollbar-color: var(--doc-edge) var(--doc-bg); scrollbar-gutter: stable; }
body { margin: 0; background: var(--doc-bg); color: var(--doc-text); font-family: var(--font-ui); font-size: 1.125rem; line-height: 1.7; -webkit-font-smoothing: antialiased; }
::selection { background: var(--doc-heading); color: var(--doc-bg); }
a { color: var(--doc-link); text-decoration: none; text-underline-offset: .2em; text-decoration-thickness: 1px; }
a:hover { text-decoration: underline; }
:focus-visible { outline: 2px solid var(--doc-link); outline-offset: 4px; }
button, summary { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.doc__top { display: flex; align-items: center; gap: 20px; padding: 18px clamp(20px, 4vw, 56px); border-bottom: 1px solid var(--doc-line); }
.doc__mark { display: inline-flex; align-items: center; min-height: 44px; gap: 12px; color: var(--doc-heading); font-family: var(--font-display); font-weight: 500; font-size: .85rem; letter-spacing: .13em; text-transform: uppercase; white-space: nowrap; }
.doc__head { width: 30px; height: 30px; flex: 0 0 30px; shape-rendering: crispEdges; }
[data-doc-theme='light'] .doc__head [fill='#F0E8D6'] { fill: var(--bg); }
[data-doc-theme='light'] .doc__head [fill='#A89880'] { fill: var(--slot-line); }
[data-doc-theme='light'] .doc__head [fill='#acbbe0'] { fill: var(--doc-link); }
[data-doc-theme='light'] .doc__head [fill='#5575be'] { fill: var(--doc-muted); }
.doc__topnav { margin-left: auto; display: flex; align-items: center; gap: 24px; font-family: var(--font-mono); font-size: .68rem; letter-spacing: .13em; text-transform: uppercase; }
.doc__topnav a { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 44px; color: var(--doc-muted); }
.doc__topnav a:hover, .doc__topnav a[aria-current] { color: var(--doc-heading); text-decoration: none; }
.doc__theme { display: inline-grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: var(--doc-muted); cursor: pointer; }
.doc__theme:hover { color: var(--doc-heading); }
.doc__theme svg { grid-area: 1 / 1; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.doc__moon, [data-doc-theme='light'] .doc__sun { display: none; }
[data-doc-theme='light'] .doc__moon { display: block; }
.doc__body { display: grid; grid-template-columns: 232px minmax(0, 1fr); max-width: 1200px; margin: 0 auto; padding: 0 32px; }
.doc__nav { padding: 44px 20px 40px 0; font-size: .95rem; }
.doc__body > .doc__nav { position: sticky; top: 0; align-self: start; max-height: 100vh; max-height: 100svh; overflow-y: auto; scrollbar-width: thin; border-right: 1px solid var(--doc-line); }
.doc__nav h2 { margin: 30px 0 10px; font-size: 1rem; line-height: 1.125; color: var(--doc-muted); }
.doc__nav h2:first-child { margin-top: 0; }
.doc__nav ul { list-style: none; margin: 0; padding: 0; }
.doc__nav li { margin: 0; }
.doc__nav a { display: block; padding: 10px 12px; min-height: 44px; color: var(--doc-muted); border-left: 2px solid transparent; line-height: 1.5; }
.doc__nav a:hover { color: var(--doc-heading); background: var(--doc-tint); text-decoration: none; }
.doc__nav a[aria-current='page'] { color: var(--doc-heading); border-left-color: var(--doc-link); background: var(--doc-tint); }
.doc__menu { display: none; }
.doc__main { padding: 44px 0 80px clamp(32px, 4vw, 64px); min-width: 0; }
.doc__crumb { margin: 0 0 16px; color: var(--doc-muted); font-family: var(--font-mono); font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; }
.doc__article { max-width: 70ch; overflow-wrap: anywhere; }
.doc__article :is(h1, h2, h3, h4) { color: var(--doc-heading); scroll-margin-top: 32px; }
.doc__nav h2, .doc__article :is(h1, h2, h3, h4) { font-family: 'Mercury Pixel', var(--font-display); font-weight: 500; letter-spacing: 0; text-transform: uppercase; font-kerning: normal; -webkit-font-smoothing: none; }
.doc__article :is(h1, h2, h3, h4) code, .doc__anchor::after { text-transform: none; -webkit-font-smoothing: antialiased; }
.doc__article h1 { margin: 0 0 32px; font-size: 2rem; line-height: 1.25; text-wrap: balance; }
.doc__article h2 { margin: 56px 0 18px; font-size: 1rem; line-height: 1.75; }
.doc__article h3 { margin: 36px 0 12px; font-size: 1rem; line-height: 1.75; }
.doc__article h4 { margin: 28px 0 10px; font-size: 1rem; }
.doc__article p { margin: 0 0 22px; }
.doc__article :is(ul, ol) { margin: 20px 0 26px; padding-left: 1.4em; }
.doc__article li { margin: 10px 0; padding-left: .2em; }
.doc__article li > p { margin: 0; }
.doc__article li::marker { color: var(--doc-muted); }
.doc__anchor { position: relative; display: inline-block; padding-block: 7px; margin-block: -7px; color: inherit; }
.doc__anchor::after { content: '#'; margin-left: .5em; color: var(--doc-link); opacity: 0; font-family: var(--font-mono); font-size: .7em; }
.doc__anchor:hover::after, .doc__anchor:focus-visible::after { opacity: 1; }
.doc__body:not(.doc__body--note) .doc__article :is(p:not(.doc__related), td) > a { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; }
.doc__article li > a, .doc__body--note .doc__article p > a { position: relative; }
.doc__article li > a::before, .doc__body--note .doc__article p > a::before { content: ''; position: absolute; inset: -10px -7px; }
.doc__related a { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; }
.doc__article code { font-family: var(--font-mono); font-size: .82em; color: var(--doc-code-text); background: var(--doc-code-bg); border: 1px solid var(--doc-line); border-radius: 3px; padding: 2px 5px; }
.doc__article :not(pre) > code { overflow-wrap: anywhere; }
.doc__code { position: relative; margin: 26px 0; background: var(--doc-code-bg); border: 1px solid var(--doc-line); border-radius: 6px; box-shadow: 0 2px 12px color-mix(in srgb, var(--bg) 5%, transparent); overflow: hidden; }
.doc__article pre { margin: 0; padding: 56px 22px 24px; overflow-x: auto; scrollbar-width: thin; font-size: .85rem; line-height: 1.75; }
.doc__article pre code { background: none; border: 0; padding: 0; font-size: inherit; }
.doc__copy { position: absolute; top: 7px; right: 10px; min-width: 64px; min-height: 40px; padding: 6px 10px; border: 1px solid transparent; border-radius: 3px; background: var(--doc-code-bg); color: var(--doc-muted); font-family: var(--font-mono); font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.doc__copy:hover { border-color: var(--doc-edge); color: var(--doc-heading); }
.doc__copy:focus-visible { outline-offset: 0; }
.doc__syntax-key { color: var(--doc-syntax-key); }
.doc__syntax-string { color: var(--doc-syntax-string); }
.doc__syntax-number { color: var(--doc-syntax-number); }
.doc__syntax-keyword { color: var(--doc-syntax-keyword); }
.doc__syntax-comment { color: var(--doc-syntax-comment); }
.doc__tablewrap { overflow-x: auto; margin: 26px 0; scrollbar-width: thin; }
.doc__article table { border-collapse: collapse; width: 100%; font-size: 1rem; border-top: 1px solid var(--doc-line); line-height: 1.55; }
.doc__article :is(th, td) { text-align: left; padding: 14px 16px; border-bottom: 1px solid var(--doc-line); vertical-align: top; }
.doc__article th { font-family: var(--font-mono); font-weight: 400; font-size: .65rem; letter-spacing: .12em; text-transform: uppercase; color: var(--doc-muted); background: var(--doc-tint); }
.doc__article :is(th, td):first-child { padding-left: 10px; }
.doc__article .doc__tablewrap code { white-space: nowrap; overflow-wrap: normal; }
.doc__article blockquote, .doc__placeholder { margin: 28px 0; padding: 18px 22px; border-left: 2px solid var(--doc-link); background: var(--doc-tint); color: var(--doc-text); }
.doc__article blockquote > :last-child { margin-bottom: 0; }
.doc__placeholder { border: 1px dashed var(--doc-edge); font-family: var(--font-mono); font-size: .875rem; }
.doc__article hr { border: 0; border-top: 1px solid var(--doc-line); margin: 40px 0; }
.doc__article :is(img, video) { display: block; max-width: 100%; height: auto; margin: 28px auto; border: 1px solid var(--doc-line); border-radius: 6px; }
.doc__article figure { margin: 32px 0; }
.doc__article figcaption { color: var(--doc-muted); font-size: .9rem; }
.doc__pager { display: flex; justify-content: space-between; gap: 24px; max-width: 70ch; margin: 64px 0 0; padding-top: 24px; border-top: 1px solid var(--doc-line); font-size: 1rem; }
.doc__pager a { min-width: 44px; min-height: 44px; max-width: 48%; color: var(--doc-text); }
.doc__pager a:last-child { text-align: right; }
.doc__pager span { display: block; margin-bottom: 6px; color: var(--doc-muted); font-family: var(--font-mono); font-size: .65rem; letter-spacing: .14em; text-transform: uppercase; }
.doc__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; max-width: 1200px; margin: 0 auto; padding: 24px 32px; border-top: 1px solid var(--doc-line); font-family: var(--font-mono); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.doc__foot a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 40px; color: var(--doc-muted); }
.doc__foot a:first-child { margin-right: auto; color: var(--doc-heading); }
.doc__body--note { grid-template-columns: minmax(0, 1fr); }
.doc__main--note { width: 100%; max-width: 70ch; margin: 0 auto; padding: 64px 0 80px; }
.doc__article .note__meta, .release__state { margin: -12px 0 32px; font-family: var(--font-mono); font-size: .72rem; line-height: 2; letter-spacing: .025em; color: var(--doc-muted); }
.note__meta a { display: inline-block; padding: 8px 0; color: var(--doc-muted); }
.note__rel { white-space: nowrap; }
.doc__article .note__list { list-style: none; padding: 0; margin: 0; }
.note__list li { margin: 0; padding: 26px 0 30px; border-top: 1px solid var(--doc-line); }
.note__list li > a { display: inline-block; color: var(--doc-heading); font-size: 1.3rem; line-height: 1.4; }
.note__when { display: block; margin: 10px 0 12px; font-family: var(--font-mono); font-size: .67rem; letter-spacing: .1em; text-transform: uppercase; color: var(--doc-muted); }
.note__list li p { margin: 0; color: var(--doc-muted); }
.hello { text-align: center; }
.hello__crab { display: block; margin: 1rem auto .6rem; overflow: visible; }
.hello__line { font-family: var(--font-mono); font-size: 1.6rem; margin: 0; }
.puff { opacity: 0; }
@media (max-width: 760px) {
  body { font-size: 1.0625rem; }
  .doc__top { padding: 12px 20px; flex-wrap: wrap; gap: 4px 18px; }
  .doc__topnav { gap: 12px; font-size: .63rem; }
  .doc__body { grid-template-columns: minmax(0, 1fr); padding: 0 20px; }
  .doc__body > .doc__nav { display: none; }
  .doc__main { padding: 24px 0 56px; }
  .doc__menu { display: block; margin: 0 0 36px; border-bottom: 1px solid var(--doc-line); }
  .doc__menu summary { padding: 12px 0 16px; font-family: var(--font-mono); font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: var(--doc-muted); cursor: pointer; }
  .doc__menu .doc__nav { display: block; max-height: 55vh; max-height: 55svh; overflow-y: auto; overscroll-behavior: contain; padding: 8px 0 24px; }
  .doc__crumb { display: none; }
  .doc__article h1 { margin-bottom: 28px; }
  .doc__article h2 { margin-top: 42px; }
  .doc__article p { margin-bottom: 20px; }
  .doc__article pre { padding: 52px 16px 18px; }
  .doc__article pre { font-size: .78rem; }
  .doc__tablewrap--wide table { min-width: 40em; }
  .doc__article :is(th, td) { padding: 12px 10px; }
  .doc__main--note { padding-top: 36px; }
  .doc__foot { padding: 20px; gap: 4px 20px; }
  .doc__foot a:first-child { flex-basis: 100%; justify-content: flex-start; }
}
@media (max-width: 540px) {
  .doc__topnav { width: 100%; justify-content: space-between; margin-left: 0; }
}
@media (max-width: 359px) {
  .doc__article h1 { font-size: 1.5rem; }
}
@media (prefers-reduced-motion: no-preference) {
  .doc__theme, .doc__copy, .doc__topnav a, .doc__menu summary { transition: transform var(--doc-release) var(--doc-ease), color var(--doc-release) var(--doc-ease), border-color var(--doc-release) var(--doc-ease); }
  .doc__theme:active, .doc__copy:active, .doc__topnav a:active, .doc__menu summary:active { transform: scale(.97); transition-duration: var(--doc-press); }
  .doc__anchor::after { transition: opacity var(--doc-slide) var(--doc-ease); }
  .hello__body { animation: hello-hop 3.6s linear infinite; }
  @keyframes hello-hop { 0%, 70% { transform: translateY(0); animation-timing-function: ease-out; } 80% { transform: translateY(-7px); animation-timing-function: ease-in; } 90%, 100% { transform: translateY(0); } }
  .puff-l { animation: hello-puff-l 3.6s steps(1, end) infinite, hello-puff 3.6s linear infinite; }
  .puff-r { animation: hello-puff-r 3.6s steps(1, end) infinite, hello-puff 3.6s linear infinite; }
  @keyframes hello-puff { 0%, 89.9% { opacity: 0; } 90% { opacity: .8; } 96%, 100% { opacity: 0; } }
  @keyframes hello-puff-l { 0%, 92% { transform: translate(0, 0); } 92.01%, 100% { transform: translate(-1px, -1px); } }
  @keyframes hello-puff-r { 0%, 92% { transform: translate(0, 0); } 92.01%, 100% { transform: translate(1px, -1px); } }
}

@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(/fonts/source-sans-3-latin-400600.woff2) format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root .doc__article { --doc-text: color-mix(in srgb, var(--text) 76%, var(--bg)); }
:root[data-doc-theme='light'] .doc__article { --doc-text: color-mix(in srgb, var(--bg) 88%, var(--cream)); }
:where(:root .doc__article) :where(p:not(.hello__line, .note__meta, .release__state), li:not(.note__list > li), td, blockquote) { color: var(--doc-text); font-weight: 300; line-height: 1.8; }
:where(:root .doc__article) td { line-height: 1.65; }
:where(:root .doc__article) :where(strong, b) { font-weight: 600; }