:root{--quas-walnut: #43270f;--quas-walnut-deep: #2c1908;--quas-caramel: #613613;--quas-cream: #f9f5de;--quas-ginger: #efdc81;--quas-gold: #dda633;--quas-mint: #c7e096;--quas-green: #90a46f;--quas-terracotta: #db7b51;--quas-terracotta-dark: #ba4f21;--quas-terracotta-deep: #a5441b;--quas-white: #ffffff;--quas-bark: #6b4a2a;--quas-border: #e4d8ae;--quas-border-strong: #c9b98a;--quas-surface-tint: #f2eccf;--quas-ginger-surface: #f6edbf;--quas-success: #3f5a24;--quas-error: #8e3b22;--quas-cold: #cff4fc;--quas-cold-soft: #e8f9fd;--quas-cold-border: #9eeaf9;--quas-cold-ink: #055160;--quas-walnut-rgb: 67 39 15;--quas-walnut-deep-rgb: 44 25 8;--quas-cream-rgb: 249 245 222;--quas-terracotta-rgb: 219 123 81;--quas-terracotta-dark-rgb: 186 79 33;--quas-mint-rgb: 199 224 150;--quas-cold-rgb: 207 244 252;--quas-cold-soft-rgb: 232 249 253;--quas-cold-border-rgb: 158 234 249;--color-bg: var(--quas-cream);--color-surface: var(--quas-white);--color-surface-2: var(--quas-surface-tint);--color-ink: var(--quas-walnut);--color-ink-secondary: var(--quas-caramel);--color-ink-muted: var(--quas-bark);--color-border: var(--quas-border);--color-border-strong: var(--quas-border-strong);--color-action: var(--quas-walnut);--color-action-ink: var(--quas-cream);--color-action-hover: var(--quas-caramel);--accent-on-light: var(--quas-terracotta-dark);--color-accent-fill: var(--quas-terracotta);--color-bg-dark: var(--quas-walnut);--color-bg-dark-2: var(--quas-caramel);--color-surface-on-dark: var(--quas-caramel);--color-surface-2-on-dark: var(--quas-walnut-deep);--color-ink-on-dark: var(--quas-cream);--color-ink-on-dark-secondary: rgba(249, 245, 222, .85);--color-ink-on-dark-muted: rgba(249, 245, 222, .74);--accent-on-dark: var(--quas-terracotta);--accent-fill-on-dark: var(--quas-terracotta-dark);--accent-fill-ink-on-dark: var(--quas-cream);--color-border-on-dark: rgba(249, 245, 222, .18);--color-border-on-dark-strong: rgba(249, 245, 222, .34);--accent-on-flavour: var(--quas-caramel);--color-error: var(--quas-error);--color-success: var(--quas-success);--color-error-bg: #fbeae4;--color-success-bg: #eaf0e0;--color-info-bg: var(--quas-surface-tint);--color-shimmer-mid: #ece4c4;--color-disabled-bg: var(--color-surface-2);--color-disabled-ink: var(--color-ink-muted);--color-selected-bg: var(--quas-ginger-surface);--color-hover-overlay: rgba(67, 39, 15, .06);--color-backdrop: rgba(44, 25, 8, .62);--color-field-on-dark: rgba(249, 245, 222, .06);--color-border-on-flavour: rgba(44, 25, 8, .2);--color-code-comment-on-dark: rgba(249, 245, 222, .5);--focus-ring-color: var(--quas-terracotta-dark);--focus-ring-width: 3px;--field-focus-color: var(--quas-walnut);--field-focus-ring-width: 1px;--flavour-original-field: var(--quas-cream);--flavour-ginger-field: var(--quas-ginger);--flavour-mint-lime-field: var(--quas-mint);--flavour-spiced-field: var(--quas-caramel);--format-live: var(--quas-cold);--format-live-border: var(--quas-cold-border);--format-live-soft: var(--quas-cold-soft);--aurora-walnut-one: rgb(24 13 3 / .85);--aurora-walnut-two: rgb(var(--quas-walnut-deep-rgb) / .95);--aurora-walnut-three: rgb(112 64 30 / .5);--aurora-walnut-four: rgb(var(--quas-terracotta-dark-rgb) / .18);--aurora-cold-one: rgb(var(--quas-cold-border-rgb) / .85);--aurora-cold-two: rgb(var(--quas-cold-rgb) / .95);--aurora-cold-three: rgb(var(--quas-mint-rgb) / .4);--aurora-cold-four: rgb(var(--quas-cream-rgb) / .7);--quas-bg: var(--color-bg);--quas-surface: var(--color-surface);--quas-surface-alt: var(--color-surface-2);--quas-surface-page: var(--color-bg);--quas-surface-raised: var(--color-surface);--quas-surface-sunken: var(--color-surface-2);--quas-surface-dark: var(--color-bg-dark);--quas-surface-deep: var(--quas-walnut-deep);--quas-ink: var(--color-ink);--quas-ink-strong: var(--color-ink);--quas-ink-soft: var(--color-ink-secondary);--quas-ink-muted: var(--color-ink-muted);--quas-ink-faint: color-mix(in srgb, var(--quas-bark) 72%, white);--quas-ink-on-dark: var(--color-ink-on-dark);--quas-ink-on-dark-soft: var(--color-ink-on-dark-secondary);--quas-ink-on-dark-muted: var(--color-ink-on-dark-muted);--quas-accent-light: var(--accent-on-light);--quas-accent-dark: var(--accent-on-dark);--quas-format-live: var(--format-live);--quas-border-hair: 1px solid var(--quas-border);--quas-border-soft: 1px solid color-mix(in srgb, var(--quas-walnut) 22%, transparent);--quas-border-strong-line: 1px solid var(--quas-border-strong);--quas-border-on-dark: 1px solid var(--color-border-on-dark);--r-xs: 3px;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 28px;--r-pill: 999px;--quas-radius-xs: var(--r-xs);--quas-radius-sm: var(--r-sm);--quas-radius-md: var(--r-md);--quas-radius-lg: var(--r-lg);--quas-radius-xl: var(--r-xl);--quas-radius-pill: var(--r-pill);--e-1: 0 1px 2px rgba(44, 25, 8, .06), 0 1px 1px rgba(44, 25, 8, .04);--e-2: 0 6px 16px -4px rgba(44, 25, 8, .12);--e-3: 0 14px 32px -8px rgba(44, 25, 8, .16);--e-4: 0 28px 60px -16px rgba(44, 25, 8, .22);--shadow-product-can: 0 24px 32px rgba(44, 25, 8, .22);--opacity-ambient-mark: .12;--opacity-proof-pattern: .06;--quas-shadow-can: var(--shadow-product-can);--quas-shadow-card: var(--e-2);--quas-shadow-lift: var(--e-3);--quas-shadow-plate: var(--e-3);--quas-shadow-plate-strong: var(--e-4);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 128px;--max-content: 1200px;--max-page: 1360px;--section-y-fluid: clamp(72px, 4rem + 5vw, 136px);--gap-split: clamp(40px, 6vw, 112px);--gap-split-tight: clamp(40px, 5vw, 88px);--max-text: 720px;--measure: 68ch;--gutter: 24px;--gutter-mobile: 16px;--section-y: 96px;--section-y-mobile: 60px;--quas-space-band: var(--section-y);--quas-space-band-loose: var(--s-10);--quas-space-band-tight: var(--s-7);--quas-space-gutter: var(--gutter);--quas-space-stack: var(--s-7);--quas-content-max: var(--max-content);--quas-measure-prose: var(--measure);--quas-measure-heading-narrow: 18ch;--quas-measure-heading-normal: 25ch;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--quas-font-display: var(--font-display);--quas-font-body: var(--font-body);--quas-font-label: var(--font-body);--quas-font-numeric: var(--font-display);--quas-fr-hero: "SOFT" 70, "WONK" .28, "opsz" 80;--quas-fr-h2: "SOFT" 58, "WONK" .12, "opsz" 56;--quas-fr-h3: "SOFT" 60, "WONK" .1, "opsz" 34;--quas-fr-flavour: "SOFT" 48, "WONK" .06, "opsz" 48;--quas-fr-sensory: "SOFT" 74, "WONK" .2, "opsz" 28;--quas-fr-quote: "SOFT" 80, "WONK" .2, "opsz" 44;--quas-fr-numeral: "SOFT" 50, "WONK" .05, "opsz" 40;--quas-w-hero: 750;--quas-w-h2: 700;--quas-w-h3: 640;--quas-w-flavour: 780;--quas-w-numeral: 760;--w-hero: 750;--w-h2: 700;--w-h3: 640;--w-flavour: 780;--w-sensory: 600;--w-numeral: 760;--w-quote: 620;--w-body: 400;--w-body-strong: 500;--w-button: 600;--w-nav: 500;--w-nav-active: 600;--w-badge: 600;--w-legal: 500;--w-caption: 500;--w-overline: 600;--t-hero: clamp(2.75rem, 1.55rem + 5.2vw, 5.75rem);--t-h2: clamp(2rem, 1.4rem + 2.6vw, 3.5rem);--t-h3: clamp(1.5rem, 1.32rem + .78vw, 2rem);--t-h3-compact: 1.5rem;--t-h4: 1.375rem;--t-price: 1.5rem;--t-lead: clamp(1.25rem, 1.12rem + .56vw, 1.625rem);--t-numeral: clamp(2.5rem, 2rem + 2.2vw, 3.75rem);--t-body-lg: 1.25rem;--t-body: 1.125rem;--t-body-sm: 1rem;--t-caption: .875rem;--t-legal: .8125rem;--t-micro: .75rem;--t-card-title: 1.1875rem;--t-button-lg: 1.0625rem;--lh-display: 1;--lh-h2: 1.05;--lh-h3: 1.15;--lh-lead: 1.25;--lh-body: 1.6;--lh-small: 1.5;--lh-legal: 1.4;--ls-display: -.025em;--ls-h2: -.02em;--ls-h3: -.015em;--ls-overline: .08em;--ls-button: .005em;--d-fast: .12s;--d-base: .2s;--d-reveal: .48s;--d-choreography: .8s;--d-ambient: 18s;--ease-out: cubic-bezier(.16, 1, .3, 1);--motion-feedback: var(--d-fast);--motion-state: var(--d-base);--motion-reveal: var(--d-reveal);--motion-choreography: var(--d-choreography);--motion-ambient: var(--d-ambient);--quas-ease-out: var(--ease-out);--quas-ease-in-out: cubic-bezier(.65, 0, .35, 1);--quas-ease-pour: cubic-bezier(.16, .84, .44, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--ease-swap: cubic-bezier(.77, 0, .175, 1);--quas-dur-xs: var(--d-fast);--quas-dur-sm: var(--d-base);--quas-dur-md: var(--d-reveal);--quas-dur-lg: var(--d-choreography);--quas-dur-marquee: 38s;--quas-reveal-distance: 24px;--z-raised: 10;--z-nav: 100;--z-modal: 400;--z-tooltip: 600}body{background:var(--quas-bg);color:var(--quas-ink);font-family:var(--quas-font-body);font-size:var(--t-body);font-weight:var(--w-body);line-height:var(--lh-body)}:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}:where(button,.quas-home-button,[role=button]):focus-visible{outline-offset:3px}:where(input,select,textarea):focus-visible{border-color:var(--field-focus-color);outline:none;box-shadow:0 0 0 var(--field-focus-ring-width) var(--field-focus-color)}:where(.quas-on-dark,.quas-surface-dark,.quas-surface--dark,.quas-pdp--dark,.darkpanel){--focus-ring-color: var(--quas-ginger);--field-focus-color: var(--quas-ginger)}@media(max-width:749px){:root{--quas-space-band: var(--section-y-mobile);--quas-space-band-loose: var(--section-y-mobile);--quas-space-gutter: var(--gutter-mobile);--quas-space-stack: var(--s-6)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/quas-tokens.css.map */