/* Generated by scripts/docs_theme.py from static/web/toni/tokens-v2.css: do not edit, run `python scripts/docs_theme.py build`. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/inter-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/inter-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/geist-mono-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/geist-mono-latin-500-normal.woff2') format('woff2')}


:root {
    --tw-bg:             #FFFFFF;
  --tw-surface:        #FFFFFF;
  --tw-surface-2:      #F2F2F2;
  --tw-divider:        #D9D9D9;
  --tw-divider-strong: #8C8C8C;
  --tw-text:           #111111;
  --tw-text-2:         #333333;
  --tw-text-muted:     #595959;     --tw-text-faint:     #595959;     --tw-accent:         #111111;
  --tw-accent-soft:    #E6E6E6;
  --tw-accent-text:    #111111;
  --tw-on-accent:      #FFFFFF;
  --tw-success:        #111111;  --tw-success-soft: #F2F2F2;
  --tw-warning:        #111111;  --tw-warning-soft: #F2F2F2;
  --tw-danger:         #111111;  --tw-danger-soft:  #F2F2F2;
  --tw-info:           #111111;  --tw-info-soft:    #F2F2F2;
  --tw-scrim:          rgba(0, 0, 0, 0.40);
  --tw-sheet-bg:       var(--tw-bg);
  --tw-toast-bg:       var(--tw-text);
  --tw-toast-fg:       var(--tw-bg);

    --tw-viz-ac: #111111;     --tw-viz-py: #8C8C8C;     --tw-viz-n1: #D9D9D9;     --tw-viz-n2: #595959;   
    --tw-font:    -apple-system, system-ui, sans-serif;
  --tw-font-alt: var(--tw-font);
  --tw-mono:    ui-monospace, SFMono-Regular, monospace;
  --tw-fs-display: 34px;  --tw-lh-display: 40px;
  --tw-fs-h1:      28px;  --tw-lh-h1:      34px;
  --tw-fs-h2:      22px;  --tw-lh-h2:      28px;
  --tw-fs-h3:      18px;  --tw-lh-h3:      24px;
  --tw-fs-body:    17px;  --tw-lh-body:    27px;
  --tw-fs-small:   14px;  --tw-lh-small:   20px;
  --tw-fs-label:   12px;  --tw-lh-label:   16px;   
    --tw-s-0: 0; --tw-s-1: 4px; --tw-s-2: 8px; --tw-s-3: 12px; --tw-s-4: 16px;
  --tw-s-5: 20px; --tw-s-6: 24px; --tw-s-7: 32px; --tw-s-8: 40px; --tw-s-9: 56px;

    --tw-r-1: 0; --tw-r-2: 0; --tw-r-3: 0;
  --tw-sheet-radius: var(--tw-r-3);
  --tw-sheet-edge:   1px solid var(--tw-divider-strong);

    --tw-hit:    44px;     --tw-hit-lg: 56px;   
    --tw-ease:     cubic-bezier(0.2, 0.6, 0.2, 1);
  --tw-dur-fast: 120ms;     --tw-dur-base: 240ms;   
    --tw-focus-width:  2px;
  --tw-focus-offset: 2px;
  --tw-focus-color:  var(--tw-accent);

    --tw-safe-top:    env(safe-area-inset-top, 0px);
  --tw-safe-bottom: env(safe-area-inset-bottom, 0px);
  --tw-safe-left:   env(safe-area-inset-left, 0px);
  --tw-safe-right:  env(safe-area-inset-right, 0px);
  --tw-gutter:      20px;      --tw-grid-gap:    8px;       --tw-col-max:     640px;     --tw-topbar-h:    52px;
  --tw-tabbar-h:    49px;

    --tw-z-bar:   10;
  --tw-z-sheet: 20;
  --tw-z-toast: 30;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-md-color-scheme="default"]) {
    --tw-bg: #111111; --tw-surface: #1A1A1A; --tw-surface-2: #262626;
    --tw-divider: #333333; --tw-divider-strong: #8C8C8C;
    --tw-text: #F2F2F2; --tw-text-2: #D9D9D9; --tw-text-muted: #A6A6A6; --tw-text-faint: #A6A6A6;
    --tw-accent: #F2F2F2; --tw-accent-soft: #333333; --tw-accent-text: #F2F2F2; --tw-on-accent: #111111;
    --tw-success: #F2F2F2; --tw-success-soft: #262626; --tw-warning: #F2F2F2; --tw-warning-soft: #262626;
    --tw-danger: #F2F2F2;  --tw-danger-soft: #262626;  --tw-info: #F2F2F2;    --tw-info-soft: #262626;
    --tw-scrim: rgba(0, 0, 0, 0.55); --tw-sheet-bg: var(--tw-surface);
    --tw-toast-bg: var(--tw-text); --tw-toast-fg: var(--tw-bg); --tw-focus-color: var(--tw-accent);
    --tw-viz-ac: #F2F2F2; --tw-viz-py: #8C8C8C; --tw-viz-n1: #333333; --tw-viz-n2: #A6A6A6;
  }
}

[data-md-color-scheme="slate"] {
  --tw-bg: #111111; --tw-surface: #1A1A1A; --tw-surface-2: #262626;
  --tw-divider: #333333; --tw-divider-strong: #8C8C8C;
  --tw-text: #F2F2F2; --tw-text-2: #D9D9D9; --tw-text-muted: #A6A6A6; --tw-text-faint: #A6A6A6;
  --tw-accent: #F2F2F2; --tw-accent-soft: #333333; --tw-accent-text: #F2F2F2; --tw-on-accent: #111111;
  --tw-success: #F2F2F2; --tw-success-soft: #262626; --tw-warning: #F2F2F2; --tw-warning-soft: #262626;
  --tw-danger: #F2F2F2;  --tw-danger-soft: #262626;  --tw-info: #F2F2F2;    --tw-info-soft: #262626;
  --tw-scrim: rgba(0, 0, 0, 0.55); --tw-sheet-bg: var(--tw-surface);
  --tw-toast-bg: var(--tw-text); --tw-toast-fg: var(--tw-bg); --tw-focus-color: var(--tw-accent);
  --tw-viz-ac: #F2F2F2; --tw-viz-py: #8C8C8C; --tw-viz-n1: #333333; --tw-viz-n2: #A6A6A6;
}

[data-md-color-scheme="default"] {
  --tw-bg: #FFFFFF; --tw-surface: #FFFFFF; --tw-surface-2: #F2F2F2;
  --tw-divider: #D9D9D9; --tw-divider-strong: #8C8C8C;
  --tw-text: #111111; --tw-text-2: #333333; --tw-text-muted: #595959; --tw-text-faint: #595959;
  --tw-accent: #111111; --tw-accent-soft: #E6E6E6; --tw-accent-text: #111111; --tw-on-accent: #FFFFFF;
  --tw-success: #111111; --tw-success-soft: #F2F2F2; --tw-warning: #111111; --tw-warning-soft: #F2F2F2;
  --tw-danger: #111111;  --tw-danger-soft: #F2F2F2;  --tw-info: #111111;    --tw-info-soft: #F2F2F2;
  --tw-scrim: rgba(0, 0, 0, 0.40); --tw-sheet-bg: var(--tw-bg);
  --tw-toast-bg: var(--tw-text); --tw-toast-fg: var(--tw-bg); --tw-focus-color: var(--tw-accent);
  --tw-viz-ac: #111111; --tw-viz-py: #8C8C8C; --tw-viz-n1: #D9D9D9; --tw-viz-n2: #595959;
}

@media (prefers-reduced-motion: reduce) {
  :root { --tw-dur-fast: 0ms; --tw-dur-base: 0ms; }
}

:focus-visible {
  outline: var(--tw-focus-width) solid var(--tw-focus-color);
  outline-offset: var(--tw-focus-offset);
}


:root {
    --tw-bg:           #FAFAF8;
  --tw-surface:      #F2EFE9;
  --tw-surface-2:    #ECE8DF;
  --tw-divider:      #E7E2D7;
  --tw-text:         #1A1816;
  --tw-text-2:       #45413B;
  --tw-text-muted:   #8A847A;
  --tw-text-faint:   #B5AFA3;
  --tw-accent:       oklch(0.66 0.17 45);
  --tw-accent-soft:  oklch(0.93 0.04 55);
  --tw-accent-text:  oklch(0.54 0.17 42);
  --tw-danger:       oklch(0.62 0.18 25);

  --tw-font:    'Inter', -apple-system, system-ui, sans-serif;
  --tw-font-alt:'Geist', -apple-system, system-ui, sans-serif;
  --tw-mono:    'Geist Mono', ui-monospace, SFMono-Regular, monospace;

  --tw-fs-display: 34px;  --tw-lh-display: 40px;
  --tw-fs-h1:      28px;  --tw-lh-h1:      34px;
  --tw-fs-h2:      22px;  --tw-lh-h2:      28px;
  --tw-fs-h3:      18px;  --tw-lh-h3:      24px;
  --tw-fs-body:    17px;  --tw-lh-body:    27px;
  --tw-fs-small:   14px;  --tw-lh-small:   20px;
  --tw-fs-label:   11px;  --tw-lh-label:   14px;
  --tw-tracking-label: 0.10em;

  --tw-s-0: 0; --tw-s-1: 4px; --tw-s-2: 8px; --tw-s-3: 12px; --tw-s-4: 16px;
  --tw-s-5: 20px; --tw-s-6: 24px; --tw-s-7: 32px; --tw-s-8: 40px; --tw-s-9: 56px;

  --tw-r-1: 6px; --tw-r-2: 10px; --tw-r-3: 16px;

  
    --tw-success:      oklch(0.55 0.08 150);
  --tw-success-soft: oklch(0.94 0.025 150);
  --tw-warning:      oklch(0.64 0.10 80);
  --tw-warning-soft: oklch(0.94 0.035 85);
  --tw-info:         oklch(0.54 0.06 245);
  --tw-info-soft:    oklch(0.94 0.015 245);
  --tw-danger-soft:  oklch(0.94 0.03 25);

    --tw-divider-strong: #D8D1C3;

    --tw-hit:    44px;     --tw-hit-lg: 56px;   
    --tw-ease:      cubic-bezier(0.2, 0.6, 0.2, 1);
  --tw-dur-fast:  120ms;    --tw-dur-base:  240ms;  
    --tw-scrim:        rgba(20, 15, 5, 0.30);
  --tw-sheet-bg:     var(--tw-bg);
  --tw-sheet-edge:   0.5px solid var(--tw-divider-strong);
  --tw-sheet-radius: var(--tw-r-3);
  --tw-toast-bg:     var(--tw-text);        --tw-toast-fg:     var(--tw-bg);

    --tw-focus-width:  2px;
  --tw-focus-offset: 2px;
  --tw-focus-color:  var(--tw-accent);

    --tw-viz-1:  oklch(0.92 0.04 55);
  --tw-viz-2:  oklch(0.83 0.09 52);
  --tw-viz-3:  oklch(0.73 0.14 47);
  --tw-viz-4:  oklch(0.62 0.16 43);
  --tw-viz-5:  oklch(0.48 0.13 40);
  --tw-viz-n1: #DDD7CB;     --tw-viz-n2: #8A847A;   
    --tw-safe-top:    env(safe-area-inset-top, 0px);
  --tw-safe-bottom: env(safe-area-inset-bottom, 0px);
  --tw-tabbar-h:    49px;
  --tw-topbar-h:    52px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-md-color-scheme="default"]) {
    --tw-bg: #1A1816; --tw-surface: #232020; --tw-surface-2: #2C2826; --tw-divider: #2F2B27;
    --tw-text: #F1ECE3; --tw-text-2: #C8C2B6; --tw-text-muted: #8C857A; --tw-text-faint: #5F5A52;
    --tw-accent: oklch(0.78 0.16 55); --tw-accent-soft: oklch(0.32 0.07 45);
    --tw-accent-text: oklch(0.84 0.15 58); --tw-danger: oklch(0.72 0.16 25);
    --tw-success: oklch(0.76 0.09 150); --tw-success-soft: oklch(0.30 0.04 150);
    --tw-warning: oklch(0.80 0.10 82);  --tw-warning-soft: oklch(0.31 0.045 80);
    --tw-info:    oklch(0.76 0.06 245); --tw-info-soft:    oklch(0.30 0.03 245);
    --tw-danger-soft: oklch(0.31 0.06 25);
    --tw-divider-strong: #403A34;
    --tw-scrim: rgba(0, 0, 0, 0.45);
    --tw-sheet-bg: var(--tw-surface);
    --tw-viz-1: oklch(0.34 0.06 45); --tw-viz-2: oklch(0.48 0.10 48); --tw-viz-3: oklch(0.62 0.14 52);
    --tw-viz-4: oklch(0.76 0.15 55); --tw-viz-5: oklch(0.86 0.11 60);
    --tw-viz-n1: #36312C; --tw-viz-n2: #8C857A;
  }
}

[data-md-color-scheme="default"] {
  --tw-bg: #FAFAF8; --tw-surface: #F2EFE9; --tw-surface-2: #ECE8DF; --tw-divider: #E7E2D7;
  --tw-text: #1A1816; --tw-text-2: #45413B; --tw-text-muted: #8A847A; --tw-text-faint: #B5AFA3;
  --tw-accent: oklch(0.66 0.17 45); --tw-accent-soft: oklch(0.93 0.04 55);
  --tw-accent-text: oklch(0.54 0.17 42); --tw-danger: oklch(0.62 0.18 25);
  --tw-success: oklch(0.55 0.08 150); --tw-success-soft: oklch(0.94 0.025 150);
  --tw-warning: oklch(0.64 0.10 80);  --tw-warning-soft: oklch(0.94 0.035 85);
  --tw-info:    oklch(0.54 0.06 245); --tw-info-soft:    oklch(0.94 0.015 245);
  --tw-danger-soft: oklch(0.94 0.03 25);
  --tw-divider-strong: #D8D1C3;
  --tw-scrim: rgba(20, 15, 5, 0.30);
  --tw-sheet-bg: var(--tw-bg);
  --tw-viz-1: oklch(0.92 0.04 55); --tw-viz-2: oklch(0.83 0.09 52); --tw-viz-3: oklch(0.73 0.14 47);
  --tw-viz-4: oklch(0.62 0.16 43); --tw-viz-5: oklch(0.48 0.13 40);
  --tw-viz-n1: #DDD7CB; --tw-viz-n2: #8A847A;
}

[data-md-color-scheme="slate"] {
  --tw-bg: #1A1816; --tw-surface: #232020; --tw-surface-2: #2C2826; --tw-divider: #2F2B27;
  --tw-text: #F1ECE3; --tw-text-2: #C8C2B6; --tw-text-muted: #8C857A; --tw-text-faint: #5F5A52;
  --tw-accent: oklch(0.78 0.16 55); --tw-accent-soft: oklch(0.32 0.07 45);
  --tw-accent-text: oklch(0.84 0.15 58); --tw-danger: oklch(0.72 0.16 25);
  --tw-success: oklch(0.76 0.09 150); --tw-success-soft: oklch(0.30 0.04 150);
  --tw-warning: oklch(0.80 0.10 82);  --tw-warning-soft: oklch(0.31 0.045 80);
  --tw-info:    oklch(0.76 0.06 245); --tw-info-soft:    oklch(0.30 0.03 245);
  --tw-danger-soft: oklch(0.31 0.06 25);
  --tw-divider-strong: #403A34;
  --tw-scrim: rgba(0, 0, 0, 0.45);
  --tw-sheet-bg: var(--tw-surface);
  --tw-viz-1: oklch(0.34 0.06 45); --tw-viz-2: oklch(0.48 0.10 48); --tw-viz-3: oklch(0.62 0.14 52);
  --tw-viz-4: oklch(0.76 0.15 55); --tw-viz-5: oklch(0.86 0.11 60);
  --tw-viz-n1: #36312C; --tw-viz-n2: #8C857A;
}

:focus-visible {
  outline: var(--tw-focus-width) solid var(--tw-focus-color);
  outline-offset: var(--tw-focus-offset);
}


:root {
  --tw-on-accent: #FFFFFF;
  --tw-viz-ac: #111111;
  --tw-viz-py: #8C8C8C;
  --tw-safe-left: env(safe-area-inset-left, 0px);
  --tw-safe-right: env(safe-area-inset-right, 0px);
  --tw-gutter: 20px;
  --tw-grid-gap: 8px;
  --tw-col-max: 640px;
  --tw-z-bar: 10;
  --tw-z-sheet: 20;
  --tw-z-toast: 30;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-md-color-scheme="default"]) {
    --tw-on-accent: #111111;
    --tw-toast-bg: var(--tw-text);
    --tw-toast-fg: var(--tw-bg);
    --tw-focus-color: var(--tw-accent);
    --tw-viz-ac: #F2F2F2;
    --tw-viz-py: #8C8C8C;
  }
}

[data-md-color-scheme="slate"] {
  --tw-on-accent: #111111;
  --tw-toast-bg: var(--tw-text);
  --tw-toast-fg: var(--tw-bg);
  --tw-focus-color: var(--tw-accent);
  --tw-viz-ac: #F2F2F2;
  --tw-viz-py: #8C8C8C;
}

[data-md-color-scheme="default"] {
  --tw-on-accent: #FFFFFF;
  --tw-toast-bg: var(--tw-text);
  --tw-toast-fg: var(--tw-bg);
  --tw-focus-color: var(--tw-accent);
  --tw-viz-ac: #111111;
  --tw-viz-py: #8C8C8C;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --tw-dur-fast: 120ms;
    --tw-dur-base: 240ms;
  }
}

/* Zensical's variables, from the tokens above (both schemes: the tokens differ, the mapping does not). Zensical's own
   palette rules name the scheme and the primary colour, so these name both to come after them at the same weight. */
[data-md-color-scheme="default"], [data-md-color-scheme="slate"], [data-md-color-scheme="default"][data-md-color-primary], [data-md-color-scheme="slate"][data-md-color-primary] {
  --md-text-font: "Inter";
  --md-code-font: "Geist Mono";
  --md-default-bg-color: var(--tw-bg);
  --md-default-fg-color: var(--tw-text);
  --md-default-fg-color--light: var(--tw-text-2);
  --md-default-fg-color--lighter: var(--tw-text-muted);
  --md-default-fg-color--lightest: var(--tw-divider);
  --md-primary-fg-color: var(--tw-bg);
  --md-primary-fg-color--light: var(--tw-surface);
  --md-primary-fg-color--dark: var(--tw-surface-2);
  --md-primary-bg-color: var(--tw-text);
  --md-primary-bg-color--light: var(--tw-text-muted);
  --md-accent-fg-color: var(--tw-accent);
  --md-accent-fg-color--transparent: var(--tw-accent-soft);
  --md-accent-bg-color: var(--tw-on-accent);
  --md-typeset-color: var(--tw-text);
  --md-typeset-a-color: var(--tw-accent-text);
  --md-code-bg-color: var(--tw-surface);
  --md-code-fg-color: var(--tw-text);
  --md-code-hl-color: var(--tw-accent-soft);
  --md-typeset-table-color: var(--tw-divider);
  --md-footer-bg-color: var(--tw-surface);
  --md-footer-bg-color--dark: var(--tw-surface-2);
  --md-footer-fg-color: var(--tw-text);
  --md-footer-fg-color--light: var(--tw-text-2);
  --md-footer-fg-color--lighter: var(--tw-text-muted);
}

/* Paper and ink, with 0.5 px hairlines and no shadows (brickwork-design: no gradients, no shadows). */
.md-header, .md-tabs { background-color: var(--tw-bg); color: var(--tw-text); box-shadow: none; }
.md-header { border-bottom: 0.5px solid var(--tw-divider); }
.md-header--shadow { box-shadow: none; }
.md-tabs { border-bottom: 0.5px solid var(--tw-divider); }
.md-tabs__link { opacity: 1; color: var(--tw-text-2); font-weight: 500; }
.md-tabs__item--active { border-bottom: 2px solid var(--tw-accent); }
.md-tabs__item--active .md-tabs__link { color: var(--tw-text); }
.md-tabs__link:hover, .md-nav__link:hover { color: var(--tw-accent-text); }
.md-nav .md-nav__item .md-nav__link--active, .md-nav--primary .md-nav__item .md-nav__link--active { color: var(--tw-text); background-color: var(--tw-accent-soft); font-weight: 600; }
.md-search__form { background-color: var(--tw-surface); box-shadow: none; }
.md-typeset h1, .md-typeset h2, .md-typeset h3 { color: var(--tw-text); font-weight: 600; letter-spacing: 0; }
.md-typeset code { border-radius: var(--tw-r-1); }
.md-typeset pre > code { border: 0.5px solid var(--tw-divider); border-radius: var(--tw-r-2); }
.md-typeset table:not([class]) { box-shadow: none; border: 0.5px solid var(--tw-divider); border-radius: var(--tw-r-2); }
.md-typeset table:not([class]) th { background-color: var(--tw-surface); color: var(--tw-text-2); font-weight: 600; }
.md-typeset table:not([class]) td { border-top: 0.5px solid var(--tw-divider); }
.md-typeset .tabular, .md-typeset td code { font-variant-numeric: tabular-nums; }
:focus-visible { outline: var(--tw-focus-width) solid var(--tw-focus-color); outline-offset: var(--tw-focus-offset); }

/* Admonitions take the status colours as the status pills do: a soft ground, ink text, the icon in the status colour.
   One ground per box: the title has none of its own. */
.md-typeset .admonition, .md-typeset details { box-shadow: none; border: 0; border-radius: var(--tw-r-2); font-size: inherit; }
.md-typeset .admonition-title, .md-typeset summary { background-color: transparent; color: var(--tw-text); }
.md-typeset summary::after { background-color: var(--tw-text-muted); }
/* A folded reference block (the API reference's request and responses): a plain surface, no status, no icon. */
.md-typeset details.reference { background-color: var(--tw-surface); border: 0.5px solid var(--tw-divider); }
.md-typeset details.reference > summary { padding-left: 0; font-weight: 500; }
.md-typeset details.reference > summary::before { display: none; }
.md-typeset .admonition.note, .md-typeset details.note { background-color: var(--tw-info-soft); }
.md-typeset .note > .admonition-title, .md-typeset .note > summary { background-color: transparent; color: var(--tw-text); }
.md-typeset .note > .admonition-title::before, .md-typeset .note > summary::before { background-color: var(--tw-info); }
.md-typeset .admonition.info, .md-typeset details.info { background-color: var(--tw-info-soft); }
.md-typeset .info > .admonition-title, .md-typeset .info > summary { background-color: transparent; color: var(--tw-text); }
.md-typeset .info > .admonition-title::before, .md-typeset .info > summary::before { background-color: var(--tw-info); }
.md-typeset .admonition.abstract, .md-typeset details.abstract { background-color: var(--tw-info-soft); }
.md-typeset .abstract > .admonition-title, .md-typeset .abstract > summary { background-color: transparent; color: var(--tw-text); }
.md-typeset .abstract > .admonition-title::before, .md-typeset .abstract > summary::before { background-color: var(--tw-info); }
.md-typeset .admonition.tip, .md-typeset details.tip { background-color: var(--tw-success-soft); }
.md-typeset .tip > .admonition-title, .md-typeset .tip > summary { background-color: transparent; color: var(--tw-text); }
.md-typeset .tip > .admonition-title::before, .md-typeset .tip > summary::before { background-color: var(--tw-success); }
.md-typeset .admonition.success, .md-typeset details.success { background-color: var(--tw-success-soft); }
.md-typeset .success > .admonition-title, .md-typeset .success > summary { background-color: transparent; color: var(--tw-text); }
.md-typeset .success > .admonition-title::before, .md-typeset .success > summary::before { background-color: var(--tw-success); }
.md-typeset .admonition.question, .md-typeset details.question { background-color: var(--tw-info-soft); }
.md-typeset .question > .admonition-title, .md-typeset .question > summary { background-color: transparent; color: var(--tw-text); }
.md-typeset .question > .admonition-title::before, .md-typeset .question > summary::before { background-color: var(--tw-info); }
.md-typeset .admonition.warning, .md-typeset details.warning { background-color: var(--tw-warning-soft); }
.md-typeset .warning > .admonition-title, .md-typeset .warning > summary { background-color: transparent; color: var(--tw-text); }
.md-typeset .warning > .admonition-title::before, .md-typeset .warning > summary::before { background-color: var(--tw-warning); }
.md-typeset .admonition.failure, .md-typeset details.failure { background-color: var(--tw-danger-soft); }
.md-typeset .failure > .admonition-title, .md-typeset .failure > summary { background-color: transparent; color: var(--tw-text); }
.md-typeset .failure > .admonition-title::before, .md-typeset .failure > summary::before { background-color: var(--tw-danger); }
.md-typeset .admonition.danger, .md-typeset details.danger { background-color: var(--tw-danger-soft); }
.md-typeset .danger > .admonition-title, .md-typeset .danger > summary { background-color: transparent; color: var(--tw-text); }
.md-typeset .danger > .admonition-title::before, .md-typeset .danger > summary::before { background-color: var(--tw-danger); }
.md-typeset .admonition.bug, .md-typeset details.bug { background-color: var(--tw-danger-soft); }
.md-typeset .bug > .admonition-title, .md-typeset .bug > summary { background-color: transparent; color: var(--tw-text); }
.md-typeset .bug > .admonition-title::before, .md-typeset .bug > summary::before { background-color: var(--tw-danger); }
.md-typeset .admonition.example, .md-typeset details.example { background-color: var(--tw-info-soft); }
.md-typeset .example > .admonition-title, .md-typeset .example > summary { background-color: transparent; color: var(--tw-text); }
.md-typeset .example > .admonition-title::before, .md-typeset .example > summary::before { background-color: var(--tw-info); }
.md-typeset .admonition.quote, .md-typeset details.quote { background-color: var(--tw-info-soft); }
.md-typeset .quote > .admonition-title, .md-typeset .quote > summary { background-color: transparent; color: var(--tw-text); }
.md-typeset .quote > .admonition-title::before, .md-typeset .quote > summary::before { background-color: var(--tw-info); }

/* The screens switch (docs/assets/screens.js) and the screenshots: the picture never outgrows the column; a phone shot shown on a wide screen stays phone-sized. */
.md-typeset picture { display: inline-block; max-width: 100%; }
.md-typeset picture[data-forced="phone"] img { width: 300px; }
.bw-screens { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tw-s-2); margin: var(--tw-s-3) 0; font-size: var(--tw-fs-small); color: var(--tw-text-2); }
.bw-screens button { font: inherit; color: var(--tw-text); background: transparent; border: 0.5px solid var(--tw-divider-strong); border-radius: var(--tw-r-2); padding: var(--tw-s-1) var(--tw-s-3); cursor: pointer; }
.bw-screens button[aria-pressed="true"] { background: var(--tw-accent-soft); border-color: var(--tw-accent); color: var(--tw-accent-text); font-weight: 600; }
.bw-screens button:hover { border-color: var(--tw-accent); }