:root{--font-sans:var(--font-archivo), "Helvetica Neue", Arial, sans-serif;--font-foam:var(--font-raleway), "Helvetica Neue", Arial, sans-serif;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-ui:15px;--text-lead:17px;--text-title:22px;--text-2xl:clamp(22px, 1.2vw + 16px, 28px);--text-3xl:clamp(30px, 2.6vw + 20px, 48px);--text-display:clamp(42px, 5.4vw + 20px, 88px);--text-hero:clamp(64px, 6.4vw + 28px, 148px);--text-read:clamp(17px, .2vw + 16px, 18px);--leading-tight:1.04;--leading-snug:1.2;--leading-normal:1.4;--leading-relaxed:1.65;--leading-display:.88;--leading-read:1.55;--tracking-display:-.04em;--tracking-heading:-.025em;--tracking-snug:-.03em;--tracking-black:-.05em;--tracking-caps:0;--stretch-display:125%;--stretch-button:112%;--stretch-body:100%;--label-font:var(--font-sans);--label-size:12px;--label-tracking:0;--label-weight:600;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--weight-display:850;--weight-black:900;--weight-wordmark:650;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--section-y:clamp(64px, 8vw, 128px);--r-1:6px;--r-2:10px;--r-3:14px;--r-4:14px;--r-5:14px;--r-pill:999px;--r-drawer:6px;--r-control:10px;--r-pocket:14px;--r-card:12px;--r-panel:16px;--r-photo:8px;--r-finale:28px;--border-w:1px;--field-ring:0 0 0 2px var(--field), 0 0 0 4px var(--focus);--shadow-pocket:inset 0 12px 22px #000000a6, inset 0 0 0 1px #000, 0 1px 0 #ffffff73;--shadow-well:inset 0 4px 10px #0009;--field-shadow:0 0 0 0 transparent;--field-border:2px solid var(--c-ink);--shadow-button:inset 0 -3px 0 #000;--pores-image:radial-gradient(#0000000f 1px, transparent 1.5px);--pores-size:6px 6px;--dur:.16s;--ease:cubic-bezier(.4, 0, .2, 1);--gutter:16px;--container:1200px;--container-text:720px;--wrap-pad:16px;--site-bar:88px;--site-top:var(--site-bar);--mat-fade:880px;--mat-line:transparent;--grain:none;--grain-on-dark:none;--c-yellow:#ffcf19;--c-ink:#161616;--c-chalk:#f7f6f1;--c-muted:#a9a9a4;--c-workbench:#373735;--c-panel:#222;--c-control:#2c2c2c;--c-control-2:#333;--c-well:#111;--c-foam:#2a2d2f;--c-pocket:#c9c7c1;--c-neutral:#ecece8;--c-problem:#ff5a3c;--c-panel-deep:#1f1f1f;--c-raised:#2a2a2a;--c-raised-hover:#3d3d3d;--c-white:#fff;--base:var(--c-ink);--base-ink:var(--c-chalk);--base-ink-2:var(--c-muted)}@media (min-width:768px){:root{--gutter:32px}}@media (min-width:701px){:root{--wrap-pad:40px}}@media (max-width:900px){:root{--site-bar:64px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--foam:var(--c-foam);--foam-edge:#444a4d;--pocket:var(--c-pocket);--pocket-edge:color-mix(in srgb, #000 45%, var(--c-pocket));--pocket-ink:var(--c-ink);--paper:var(--c-workbench);--paper-2:var(--c-control);--chrome:var(--c-panel);--chrome-2:var(--c-control);--field:var(--c-well);--control:var(--c-control);--control-2:var(--c-control-2);--ink:var(--c-chalk);--ink-2:#d2d0ca;--ink-3:var(--c-muted);--line:#8a8882;--line-2:#3a3a38;--signal:var(--c-yellow);--signal-ink:var(--c-ink);--signal-soft:color-mix(in srgb, var(--c-yellow) 22%, transparent);--signal-text:var(--c-yellow);--measure:var(--c-chalk);--measure-on-foam:var(--c-chalk);--bad:var(--c-problem);--bad-on-foam:var(--c-problem);--bad-soft:color-mix(in srgb, var(--c-problem) 20%, transparent);--warn:color-mix(in srgb, var(--c-problem) 16%, transparent);--ok:var(--c-chalk);--ok-soft:color-mix(in srgb, var(--c-chalk) 10%, transparent);--ok-mark:var(--c-yellow);--field-shadow:var(--shadow-well);--field-border:2px solid transparent;--hover:color-mix(in srgb, var(--ink) 10%, transparent);--pressed:color-mix(in srgb, var(--ink) 17%, transparent);--shadow-1:0 1px 2px #00000073;--shadow-2:0 8px 18px -6px #0009, 0 2px 5px #0006;--shadow-3:var(--shadow-panel);--shadow-panel:0 18px 40px #00000073;--shadow-card:0 24px 60px -28px #0009;--scrim:#00000075;--page:#2b2b29;--card:var(--c-panel);--footer:#1b1b1b;--band:var(--c-ink);--band-ink:var(--c-chalk);--band-ink-2:var(--c-muted);--focus:var(--c-yellow);--disabled-bg:var(--control-2);--disabled-ink:var(--ink-3);--outline:var(--line);--rail-w:72px;--library-w:clamp(248px, 20vw, 300px);--inspector-w:clamp(296px, 23vw, 344px);--header-h:52px;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);--header-pad-l:14px;--header-pad-r:12px;--header-gap:12px}@media (max-width:900px){:root{--header-pad-l:10px;--header-pad-r:8px;--header-gap:8px}}@media (pointer:coarse),(max-width:767px){:root{--tap:44px;--field-font:16px}}@media (max-width:1024px) and (max-height:520px){:root{--header-h:44px}}:is([data-neutral],[data-layer=top],:root:has([data-layer=top])){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#d9d8d2;--paper-2:#e8e7e2;--chrome:var(--c-chalk);--chrome-2:#e6e5e0;--field:#fff;--control:#e8e7e2;--control-2:#dddcd6;--ink:var(--c-ink);--ink-2:#3b3a37;--ink-3:#5b5955;--line:#7a7873;--line-2:#c4c2bb;--signal:var(--c-yellow);--signal-ink:var(--c-ink);--signal-soft:color-mix(in srgb, var(--c-yellow) 38%, transparent);--signal-text:var(--c-ink);--measure:var(--c-ink);--measure-on-foam:var(--c-chalk);--bad:#a8341a;--bad-soft:color-mix(in srgb, var(--bad) 12%, transparent);--warn:color-mix(in srgb, var(--c-problem) 14%, transparent);--ok:var(--c-ink);--ok-soft:color-mix(in srgb, var(--c-ink) 8%, transparent);--ok-mark:var(--c-ink);--field-shadow:0 0 0 0 transparent;--field-border:2px solid var(--c-ink);--hover:color-mix(in srgb, var(--ink) 9%, transparent);--pressed:color-mix(in srgb, var(--ink) 16%, transparent);--shadow-1:0 1px 2px #16161624;--shadow-2:0 8px 18px -6px #16161647, 0 2px 5px #1616161f;--shadow-panel:0 18px 40px #1616163d;--shadow-card:0 24px 60px -28px #16161633;--scrim:#16161661;--page:var(--c-neutral);--card:var(--c-chalk);--footer:#e0dfda;--band:var(--c-ink);--band-ink:var(--c-chalk);--band-ink-2:var(--c-muted);--focus:var(--c-ink);--outline:var(--c-ink);--field-ring:0 0 0 2px var(--field), 0 0 0 4px var(--focus);--disabled-bg:var(--control-2);--disabled-ink:var(--ink-3)}:root [data-neutral=page]{--signal:var(--base);--signal-ink:var(--c-yellow);--signal-text:var(--ink)}:root:has([data-neutral=page]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:var(--c-neutral)}:root:has([data-neutral=page]) body{background:0 0}:is([data-layer=top],:root:has([data-layer=top])){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:var(--c-yellow);--card:color-mix(in srgb, var(--c-yellow) 62%, #fff);--footer:var(--c-yellow);--paper:var(--c-yellow);--paper-2:color-mix(in srgb, var(--c-yellow) 85%, #000);--chrome:var(--c-yellow);--chrome-2:color-mix(in srgb, var(--c-yellow) 85%, #000);--button-edge:var(--shadow-button);--field:var(--c-chalk);--field-border:2px solid var(--c-ink);--field-shadow:0 0 0 0 transparent;--ink:var(--c-ink);--ink-2:#3b3a37;--ink-3:#4a4a46;--line:var(--c-ink);--line-2:#16161640;--outline:var(--c-ink);--focus:var(--c-ink);--field-ring:0 0 0 2px var(--field), 0 0 0 4px var(--focus);--disabled-bg:var(--control-2);--disabled-ink:var(--ink-3);--signal:var(--c-ink);--signal-ink:var(--c-yellow);--signal-soft:#16161624;--signal-text:var(--c-ink);--hover:#16161617;--pressed:#16161629;--bad:#a8341a;--scrim:#16161673;--band:var(--c-ink);--band-ink:var(--c-chalk);--band-ink-2:var(--c-muted);background-color:var(--c-yellow);background-image:var(--pores-image);background-size:var(--pores-size);color:var(--ink);font-size:var(--text-read);line-height:var(--leading-read)}[data-workbench]{background-color:var(--c-workbench);color:var(--ink)}:root:has([data-workbench]) body{background:var(--c-workbench)}:root:has([data-layer=top]) body{background:0 0}[data-layer=top] :is(h1,h2){font-stretch:var(--stretch-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-display)}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--ink);background:var(--page);font-variant-numeric:tabular-nums;-webkit-text-size-adjust:100%;overscroll-behavior:none}:is(:root:has([data-layer=top]) body,:root:has([data-neutral=page]) body){overscroll-behavior:auto}:root:has([data-layer=top]){scroll-padding-top:calc(var(--site-top) + var(--space-2))}h1,h2,h3{font-weight:var(--weight-semibold);letter-spacing:-.01em;text-wrap:balance;margin:0}summary{text-wrap:balance}p,li{text-wrap:pretty}.type-display{font-stretch:var(--stretch-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-display)}.type-heading{font-stretch:var(--stretch-display);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-heading);line-height:var(--leading-tight)}.type-button{font-stretch:var(--stretch-button);font-weight:var(--weight-bold)}.type-body{font-stretch:var(--stretch-body);font-weight:var(--weight-regular);line-height:var(--leading-read)}button,input,select{font:inherit;color:inherit}:where(a){color:inherit;text-underline-offset:.15em}:where(a:hover){text-decoration-thickness:2px}a,button,input,select,summary,label{touch-action:manipulation;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--ink) 22%, transparent) transparent}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
