:root{--field: #e6e8e4;--field-2: #dcdfda;--paper: #fdfdfc;--paper-2: #f4f5f2;--ink: #15171a;--ink-2: #33373c;--muted: #555a60;--hair: rgba(21, 23, 26, .09);--hair-2: rgba(21, 23, 26, .16);--hair-3: rgba(21, 23, 26, .28);--lamp: #ffb24a;--lamp-soft: rgba(255, 214, 160, .55);--lamp-line: #fff1d6;--night: #111315;--night-2: #1b1e21;--night-hair: rgba(255, 255, 255, .1);--night-text: #eceae4;--night-muted: #a7a9a6;--ok: #2e6b4f;--ok-bg: #e3efe6;--warn: #85520a;--warn-bg: #f6ecd9;--err: #a8261d;--err-bg: #f7e3e0;--focus: #15171a;--font-display: "Bricolage Grotesque", "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-ui: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs: 12.5px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-h3: 20px;--fs-h2: clamp(28px, 3.4vw + 12px, 46px);--fs-h1: clamp(34px, 3.6vw + 18px, 62px);--fs-display: clamp(46px, 6.4vw + 18px, 112px);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--s9: 96px;--s10: 128px;--gutter: clamp(16px, 4vw, 40px);--max: 1240px;--section: clamp(56px, 8vw, 120px);--header-h: 60px;--bar-h: 72px;--r-stage: 28px;--r-card: 20px;--r-ctl: 14px;--r-sm: 10px;--r-pill: 999px;--edge: inset 0 1px 0 rgba(255, 255, 255, .9);--sh-1: var(--edge), 0 1px 1px rgba(21, 23, 26, .05), 0 6px 18px -10px rgba(40, 46, 40, .22);--sh-2: var(--edge), 0 1px 2px rgba(21, 23, 26, .06), 0 22px 44px -22px rgba(40, 46, 40, .38);--sh-3: 0 30px 80px -30px rgba(20, 24, 22, .45), 0 2px 6px rgba(21, 23, 26, .08);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--t-press: .14s;--t-ui: .2s;--t-panel: .38s;--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.08  0 0 0 0 0.09  0 0 0 0 0.08  0.55 0 0 0 -0.2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}@media(min-width:900px){:root{--header-h: 68px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dyi-css-tokens.css.map */