:root{--green-vivid: #57b949;--green-deep: #2b4a25;--green-midnight: #0e1c12;--green-forest: #1e3820;--green-sage: #b5cfa8;--green-mist: #d5e4d0;--hairline-on-dark: rgb(181 207 168 / .14);--border-on-dark: rgb(181 207 168 / .25);--border-on-dark-strong: rgb(181 207 168 / .3);--hairline-ink: rgb(29 26 16 / .12);--hairline-ink-strong: rgb(29 26 16 / .15);--border-midnight: rgb(14 28 18 / .25);--tint-brand: rgb(87 185 73 / .15);--tint-brand-strong: rgb(87 185 73 / .2);--overlay-sage-faint: rgb(181 207 168 / .055);--overlay-sage-soft: rgb(181 207 168 / .1);--hairline-sage: rgb(181 207 168 / .12);--border-sage: rgb(181 207 168 / .2);--overlay-cream: rgb(230 240 226 / .4);--cream-100: #f6f1e6;--cream-200: #ede7d4;--cream-300: #ddd0b6;--cream-on-dark: #e6f0e2;--ink-900: #1d1a10;--ink-950: #0a0e0a;--offer-amber: #c47714;--status-warning: #9a6b3a;--status-danger: #8f4339}:root,[data-theme=light]{--color-background: var(--cream-100);--color-surface: var(--cream-200);--color-border: var(--cream-300);--color-border-strong: var(--green-sage);--color-foreground: var(--ink-900);--color-muted: oklch(45% .02 80deg);--color-brand: var(--green-vivid);--color-brand-on: var(--ink-900);--color-primary: var(--green-deep);--color-primary-hover: var(--ink-950);--color-accent: var(--green-vivid);--color-primary-button-bg: var(--green-vivid);--color-primary-button-text: var(--ink-900);--color-primary-button-hover-bg: var(--green-deep);--color-primary-button-hover-text: var(--cream-100);--color-secondary-button-text: var(--ink-900);--color-secondary-button-border: var(--ink-900);--color-secondary-button-hover-bg: var(--cream-100);--color-secondary-button-hover-text: var(--ink-900);--color-success: var(--green-deep);--color-warning: var(--status-warning);--color-danger: var(--status-danger);--color-info: var(--green-deep);--color-offer: var(--color-foreground);--on-green-bg: var(--green-deep);--on-green-surface: #244320;--on-green-border: var(--green-sage);--on-green-border-strong: var(--green-sage);--on-green-fg: var(--cream-100);--on-green-muted: oklch(78% .06 120deg);--on-green-brand-on: var(--ink-900);--on-green-primary: var(--cream-100);--on-green-primary-hover: var(--green-vivid);--on-green-btn-primary-bg: var(--green-vivid);--on-green-btn-primary-text: var(--ink-900);--on-green-btn-primary-hover-bg: var(--cream-100);--on-green-btn-primary-hover-text: var(--ink-900);--on-green-btn-secondary-text: var(--cream-100);--on-green-btn-secondary-border: var(--green-sage);--on-green-btn-secondary-hover-bg: var(--green-sage);--on-green-btn-secondary-hover-text: var(--ink-900)}[data-theme=dark]{--color-background: var(--green-midnight);--color-surface: var(--green-forest);--color-border: oklch(28% .04 140deg);--color-border-strong: var(--green-sage);--color-foreground: var(--cream-on-dark);--color-muted: oklch(65% .06 130deg);--color-brand: var(--green-vivid);--color-brand-on: var(--green-midnight);--color-primary: var(--green-vivid);--color-primary-hover: var(--cream-on-dark);--color-accent: var(--green-vivid);--color-primary-button-bg: var(--green-vivid);--color-primary-button-text: var(--green-midnight);--color-primary-button-hover-bg: var(--cream-on-dark);--color-primary-button-hover-text: var(--green-midnight);--color-secondary-button-text: var(--cream-on-dark);--color-secondary-button-border: var(--cream-on-dark);--color-secondary-button-hover-bg: var(--green-forest);--color-secondary-button-hover-text: var(--cream-on-dark);--color-success: var(--green-vivid);--color-warning: var(--status-warning);--color-danger: var(--status-danger);--color-info: var(--green-vivid);--color-offer: var(--color-foreground);--on-green-bg: var(--green-forest);--on-green-surface: var(--green-midnight);--on-green-border: oklch(25% .04 140deg);--on-green-border-strong: var(--green-sage);--on-green-fg: var(--cream-on-dark);--on-green-muted: oklch(65% .06 130deg);--on-green-brand-on: var(--green-midnight);--on-green-primary: var(--green-vivid);--on-green-primary-hover: var(--cream-on-dark);--on-green-btn-primary-bg: var(--green-vivid);--on-green-btn-primary-text: var(--green-midnight);--on-green-btn-primary-hover-bg: var(--cream-on-dark);--on-green-btn-primary-hover-text: var(--green-midnight);--on-green-btn-secondary-text: var(--cream-on-dark);--on-green-btn-secondary-border: var(--green-sage);--on-green-btn-secondary-hover-bg: oklch(25% .04 140deg);--on-green-btn-secondary-hover-text: var(--cream-on-dark)}[data-theme=on-green]{--color-background: var(--on-green-bg);--color-surface: var(--on-green-surface);--color-border: var(--on-green-border);--color-border-strong: var(--on-green-border-strong);--color-foreground: var(--on-green-fg);--color-muted: var(--on-green-muted);--color-brand: var(--green-vivid);--color-brand-on: var(--on-green-brand-on);--color-primary: var(--on-green-primary);--color-primary-hover: var(--on-green-primary-hover);--color-accent: var(--green-vivid);--color-primary-button-bg: var(--on-green-btn-primary-bg);--color-primary-button-text: var(--on-green-btn-primary-text);--color-primary-button-hover-bg: var(--on-green-btn-primary-hover-bg);--color-primary-button-hover-text: var(--on-green-btn-primary-hover-text);--color-secondary-button-text: var(--on-green-btn-secondary-text);--color-secondary-button-border: var(--on-green-btn-secondary-border);--color-secondary-button-hover-bg: var(--on-green-btn-secondary-hover-bg);--color-secondary-button-hover-text: var(--on-green-btn-secondary-hover-text);--color-success: var(--green-vivid);--color-warning: var(--status-warning);--color-danger: var(--status-danger);--color-info: var(--on-green-fg);--color-offer: var(--color-foreground)}:root{--font-heading: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Hanken Grotesk Variable", "Hanken Grotesk", system-ui, sans-serif;--font-mono: "Anonymous Pro", ui-monospace, "SF Mono", Menlo, monospace;--bricolage-opsz-display: 72;--bricolage-opsz-heading: 40;--bricolage-opsz-subheading: 24;--bricolage-opsz-ui: 18;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--font-size-xs: clamp(.75rem, .724rem + .11vw, .8125rem);--font-size-eyebrow: clamp(.8125rem, .787rem + .11vw, .875rem);--font-size-sm: clamp(.875rem, .849rem + .11vw, .9375rem);--font-size-md: clamp(.9375rem, .912rem + .11vw, 1rem);--font-size-body: clamp(1rem, .948rem + .22vw, 1.125rem);--font-size-body-lg: clamp(1.125rem, 1.073rem + .22vw, 1.25rem);--font-size-lg: clamp(1.25rem, 1.15rem + .44vw, 1.5rem);--font-size-xl: clamp(1.375rem, 1.22rem + .66vw, 1.75rem);--font-size-2xl: clamp(1.625rem, 1.42rem + .88vw, 2.125rem);--font-size-hero: clamp(2.5rem, 1.67rem + 3.54vw, 4.5rem);--font-size-display: clamp(3rem, 2.28rem + 3.09vw, 4.75rem);--font-size-title: clamp(2rem, 1.48rem + 2.21vw, 3.25rem);--font-size-h-lg: clamp(1.9rem, 1.53rem + 1.59vw, 2.8rem);--font-size-h-md: clamp(1.5rem, 1.19rem + 1.33vw, 2.25rem);--font-size-h-sm: clamp(1.4rem, 1.19rem + .88vw, 1.9rem);--font-size-lead: clamp(1rem, .92rem + .33vw, 1.1875rem);--faq-question-size: clamp(1.25rem, 1.1rem + .7vw, 1.5rem);--font-size-h1: var(--font-size-hero);--font-size-h2: var(--font-size-h-lg);--font-size-h3: var(--font-size-h-md);--font-size-h4: var(--font-size-h-sm);--font-size-h5: 1.125rem;--font-size-h6: 1rem;--label-size-lg: clamp(12px, 11.6px + .11vw, 13px);--label-size-md: clamp(11px, 10.6px + .11vw, 12px);--label-size-sm: clamp(10px, 9.6px + .11vw, 11px);--label-size-xs: clamp(9px, 8.6px + .11vw, 10px);--line-height-display: 1.02;--line-height-heading: 1.12;--line-height-body: 1.62;--line-height-tight: 1.25;--tracking-display-tight: -.025em;--tracking-heading: .25em;--tracking-normal: 0em;--tracking-loose: .03em;--tracking-sm: .06em;--tracking-md: .15em;--text-display--family: var(--font-heading);--text-display--size: var(--font-size-h1);--text-display--weight: var(--weight-bold);--text-display--tracking: var(--tracking-display-tight);--text-display--line: var(--line-height-display);--text-display--opsz: var(--bricolage-opsz-display);--text-heading--family: var(--font-heading);--text-heading--weight: var(--weight-bold);--text-heading--tracking: var(--tracking-display-tight);--text-heading--line: var(--line-height-heading);--text-body--family: var(--font-body);--text-body--size: var(--font-size-body);--text-body--weight: var(--weight-regular);--text-body--line: var(--line-height-body);--text-eyebrow--family: var(--font-mono);--text-eyebrow--size: var(--font-size-eyebrow);--text-eyebrow--weight: var(--weight-bold);--text-eyebrow--tracking: var(--tracking-md);--text-eyebrow--transform: uppercase}:root{--space-0: 0;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-4-5: 1.25rem;--space-5: 1.5rem;--space-5-5: 1.75rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-9: 4rem;--space-10: 5rem;--space-11: 6rem;--space-12: 7.5rem;--z-base: 0;--z-raised: 1;--z-content: 2;--z-scrim: 10;--z-nav-backdrop: 55;--z-header: 60;--z-dropdown: 80;--z-header-legacy: 100;--z-toast: 150;--z-drawer: 200;--z-map-overlay: 1000;--section-pad-y: clamp(3rem, 7vw, 7.5rem);--page-width: 1600px;--page-gutter: clamp(1.375rem, 4vw, 3.5rem);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .625rem;--radius-xl: .875rem;--radius-pill: 999px;--radius-full: 50%;--shadow-button: 0 2px 3px rgb(29 26 16 / 18%);--shadow-card: 0 1px 2px rgb(29 26 16 / 8%), 0 4px 12px rgb(29 26 16 / 10%);--shadow-raised: 0 12px 26px rgb(29 26 16 / 16%);--shadow-popover: 0 6px 24px rgb(29 26 16 / 18%);--shadow-modal: 0 20px 48px rgb(29 26 16 / 14%);--border-width: 1px;--border-width-strong: 2px;--border-hairline: 1px solid var(--color-border);--border-ink: 1.5px solid var(--color-foreground);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-wipe: cubic-bezier(.7, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.4, .5, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .2s;--duration-base: .26s;--duration-slow: .6s;--stagger-step: 80ms;--card-lift-y: -5px;--reveal-line-distance: 110%;--grid-cell: 48px;--grid-line: var(--green-sage);--grid-line-opacity: .04;--grid-fade: 56px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-foreground);background:var(--color-background);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--tracking-display-tight);margin:0 0 .5em;text-wrap:balance}h1,h2{font-variation-settings:"opsz" 72}h3,h4{font-variation-settings:"opsz" 40}h5,h6{font-variation-settings:"opsz" 24}h1{font-size:var(--font-size-h1);line-height:var(--line-height-display)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}p{margin:0 0 1em;text-wrap:pretty}a{color:var(--color-primary);text-decoration:none;transition:opacity var(--duration-fast) var(--ease-standard)}a:hover{opacity:.7;text-decoration:none}.smb-finder-card-media:hover,.smb-shop-row-media:hover,.smb-home-card-media:hover,.product-item:hover,.collection-card:hover{opacity:1}.eyebrow{font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:var(--font-size-eyebrow);letter-spacing:var(--tracking-md);text-transform:uppercase}.smb-hero-eyebrow+h1{margin-top:var(--hero-eyebrow-gap, 18px)}[data-theme]{transition:background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/design-system.css.map */