:root{color-scheme:light;--paper:#F5F4F0;--paper-soft:#FAFAF8;--paper-edge:#F1F0EC;--paper-selected:#f3f2ed;--ink:#111111;--ink-soft:#333333;--bone:#F5F4F1;--card:#FFFFFF;--on-ink:#FFFFFF;--ink-100:rgba(0,0,0,1);--ink-85:rgba(0,0,0,.85);--ink-80:rgba(0,0,0,.8);--ink-75:rgba(0,0,0,.75);--ink-70:rgba(0,0,0,.7);--ink-65:rgba(0,0,0,.65);--ink-60:rgba(0,0,0,.6);--ink-55:rgba(0,0,0,.55);--ink-50:rgba(0,0,0,.5);--ink-45:rgba(0,0,0,.45);--ink-40:rgba(0,0,0,.4);--ink-35:rgba(0,0,0,.35);--ink-30:rgba(0,0,0,.3);--ink-25:rgba(0,0,0,.25);--ink-20:rgba(0,0,0,.2);--ink-15:rgba(0,0,0,.15);--ink-12:rgba(0,0,0,.12);--ink-10:rgba(0,0,0,.1);--ink-08:rgba(0,0,0,.08);--ink-07:rgba(0,0,0,.07);--ink-06:rgba(0,0,0,.06);--ink-05:rgba(0,0,0,.05);--ink-04:rgba(0,0,0,.04);--ink-03:rgba(0,0,0,.03);--ink-02:rgba(0,0,0,.02);--blend-body:#7B7A78;--blend-secondary:#9F9E9C;--blend-caption:#939290;--blend-border:#DCDBD7;--blend-chip:#ECEBE7;--surface-page:var(--paper);--surface-card:var(--card);--surface-section:var(--paper-edge);--surface-raised:var(--paper-soft);--chip-bg:var(--ink-04);--hover-wash:var(--ink-03);--text-heading:var(--ink);--text-body:var(--ink-65);--text-secondary:var(--ink-50);--text-label:var(--ink-40);--text-footer:var(--ink-35);--text-on-ink:#FAFAF8;--border-default:var(--ink-10);--border-card:var(--ink-07);--border-hover:var(--ink-15);--divider:var(--ink-06);--chart-1:#111111;--chart-2:#626160;--chart-3:#9F9E9C;--chart-4:#D0CFCC;--glass-bg:rgba(245,244,240,.3);--glass-bg-elevated:rgba(245,244,240,.55);--nav-surface:rgba(245,244,240,.3);--nav-elevated:rgba(245,244,240,.55);--nav-shadow:0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.06);--nav-elevated-shadow:0 10px 40px rgba(0,0,0,.12),0 4px 12px rgba(0,0,0,.08);--shadow-glass:var(--nav-shadow);--shadow-glass-elevated:var(--nav-elevated-shadow);--toggle-thumb-shadow:0 1px 3px rgba(0,0,0,.12),0 0 0 1px var(--ink-06)}:root[data-theme=dark],[data-theme=dark]{color-scheme:dark;--paper:#151614;--paper-soft:#242620;--paper-edge:#11120f;--paper-selected:#2b2e25;--bone:#151614;--ink:#eeede6;--ink-soft:#d7d5c9;--on-ink:#181a15;--card:#1d1f1a;--ink-100:rgba(245,244,236,1);--ink-85:rgba(245,244,236,.85);--ink-80:rgba(245,244,236,.8);--ink-75:rgba(245,244,236,.75);--ink-70:rgba(245,244,236,.7);--ink-65:rgba(245,244,236,.65);--ink-60:rgba(245,244,236,.6);--ink-55:rgba(245,244,236,.55);--ink-50:rgba(245,244,236,.5);--ink-45:rgba(245,244,236,.45);--ink-40:rgba(245,244,236,.4);--ink-35:rgba(245,244,236,.35);--ink-30:rgba(245,244,236,.3);--ink-25:rgba(245,244,236,.25);--ink-20:rgba(245,244,236,.2);--ink-15:rgba(245,244,236,.15);--ink-12:rgba(245,244,236,.12);--ink-10:rgba(245,244,236,.1);--ink-08:rgba(245,244,236,.08);--ink-07:rgba(245,244,236,.07);--ink-06:rgba(245,244,236,.06);--ink-05:rgba(245,244,236,.05);--ink-04:rgba(245,244,236,.04);--ink-03:rgba(245,244,236,.03);--ink-02:rgba(245,244,236,.02);--text-on-ink:var(--on-ink);--blend-body:#A7A6A0;--blend-secondary:#858580;--blend-caption:#7A7A75;--blend-border:#2B2C2A;--blend-chip:#1E1F1D;--chart-1:#EEEDE6;--chart-2:#A7A6A0;--chart-3:#6B6B66;--chart-4:#3A3B37;--nav-surface:rgba(28,30,25,.84);--nav-elevated:rgba(28,30,25,.94);--nav-shadow:0 8px 32px rgba(0,0,0,.18),0 1px 0 rgba(245,244,236,.03) inset;--nav-elevated-shadow:0 12px 40px rgba(0,0,0,.3),0 1px 0 rgba(245,244,236,.04) inset;--shadow-glass:var(--nav-elevated-shadow);--shadow-glass-elevated:var(--nav-elevated-shadow);--glass-bg:var(--nav-surface);--glass-bg-elevated:var(--nav-elevated);--toggle-thumb-shadow:0 1px 3px rgba(0,0,0,.4),0 0 0 1px var(--ink-06)}.site-header{background:var(--nav-surface);box-shadow:var(--nav-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.site-header[data-scrolled=true]{background:var(--nav-elevated);box-shadow:var(--nav-elevated-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@media(min-width:64rem){.site-header{background:color-mix(in srgb,var(--paper) 96%,transparent);box-shadow:0 2px 8px var(--ink-04),0 8px 24px var(--ink-04)}.site-header[data-scrolled=true]{background:var(--paper);box-shadow:var(--shadow-glass)}}[data-theme=dark]:not(:root){background-color:var(--paper);color:var(--ink)}:root[data-theme=dark] .pixel-icon,[data-theme=dark] .pixel-icon{filter:invert(.94) sepia(.08)}:root[data-theme=dark] .theme-wallpaper,[data-theme=dark] .theme-wallpaper{filter:invert(1) grayscale(1);mix-blend-mode:screen;opacity:.38}:root{--ease-reveal:cubic-bezier(.16,1,.3,1);--ease-curtain:cubic-bezier(.76,0,.24,1);--ease-out:cubic-bezier(.4,0,1,1);--dur-quick:.2s;--dur-base:.3s;--dur-slow:.7s;--dur-reveal:1.2s}@keyframes glitch-shift{0%,to{transform:translate(0)}33%{transform:translate(-2px,2px)}66%{transform:translate(2px,-2px)}}@keyframes glitch-opacity{0%,to{opacity:1}50%{opacity:.8}}@keyframes word-reveal{0%{opacity:0;filter:blur(24px);transform:translateY(24px)}60%{filter:blur(3px);opacity:.85}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes marqueeLeft{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@keyframes marqueeRight{0%{transform:translate(-33.333%)}to{transform:translate(0)}}:is(a[href],button).press-feedback{transition-property:color,background-color,border-color,translate;transition-duration:var(--dur-quick);transition-timing-function:var(--ease-reveal)}:is(a[href],button).press-feedback:not(:disabled):not([aria-disabled=true]):active{translate:0 1px}.motion-card{--card-reveal-distance:16px}@media(min-width:48rem){.motion-card{--card-reveal-distance:28px}}.card-link-arrow,.press-feedback-arrow{transition:transform var(--dur-quick) var(--ease-reveal)}.press-feedback:focus-visible>.press-feedback-arrow{transform:translate(4px)}.motion-card:has(a:focus-visible){border-color:var(--ink-15);background-color:var(--paper-soft);outline:2px solid var(--ink-70);outline-offset:3px}.motion-card:has(a:focus-visible)>.card-glow{opacity:1}.motion-card:has(a:focus-visible) .card-link-label{color:var(--ink-100)}.motion-card:has(a:focus-visible) .card-link-arrow{transform:translate(4px)}@media(hover:hover)and (pointer:fine){.motion-card:hover{border-color:var(--ink-15);background-color:var(--paper-soft)}.motion-card:hover>.card-glow{opacity:1}.motion-card:hover .card-link-label{color:var(--ink-100)}.motion-card:hover .card-link-arrow{transform:translate(4px)}.press-feedback:hover>.press-feedback-arrow{transform:translate(4px)}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink-70);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}:is(a[href],button).press-feedback{translate:none!important}.motion-card,.reveal-text-word{opacity:1!important;transform:none!important;filter:none!important;transition-delay:0ms!important}.card-link-arrow,.press-feedback-arrow{transform:none!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/jslabs-tokens.css.map */