:root{--sp-color-mint: #78E6D0;--sp-color-lilac: #F1E6F1;--sp-color-brown: #AC723B;--sp-color-white: #FFFFFF;--sp-color-black: #0B0B0D;--sp-color-grey-light: #F7F7F5;--sp-color-grey-mid: #D9D9D6;--sp-color-grey-dark: #1E1E1E;--sp-color-mint-rgb: 120, 230, 208;--sp-color-lilac-rgb: 241, 230, 241;--sp-color-brown-rgb: 172, 114, 59;--sp-color-white-rgb: 255, 255, 255;--sp-color-black-rgb: 11, 11, 13;--sp-color-grey-light-rgb: 247, 247, 245;--sp-color-grey-mid-rgb: 217, 217, 214;--sp-color-grey-dark-rgb: 30, 30, 30;--sp-bg: var(--sp-color-white);--sp-bg-subtle: var(--sp-color-grey-light);--sp-surface: var(--sp-color-white);--sp-surface-accent: var(--sp-color-lilac);--sp-text: var(--sp-color-black);--sp-text-muted: rgba(var(--sp-color-black-rgb), .64);--sp-text-inverse: var(--sp-color-white);--sp-accent: var(--sp-color-mint);--sp-accent-contrast: var(--sp-color-black);--sp-accent-2: var(--sp-color-brown);--sp-accent-2-contrast: var(--sp-color-white);--sp-border: var(--sp-color-grey-mid);--sp-border-strong: var(--sp-color-black);--sp-link: var(--sp-color-black);--sp-link-hover: var(--sp-color-brown);--sp-state-success-bg: var(--sp-color-mint);--sp-state-success-text: var(--sp-color-black);--sp-state-notice-bg: var(--sp-color-lilac);--sp-state-notice-text: var(--sp-color-black);--sp-state-warning-bg: var(--sp-color-brown);--sp-state-warning-text: var(--sp-color-white);--sp-font-heading: "Trade Gothic Next Condensed", "Trade Gothic LT Std Bold Condensed", "Trade Gothic", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--sp-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--sp-font-weight-regular: 400;--sp-font-weight-medium: 500;--sp-font-weight-bold: 700;--sp-font-weight-heading: 700;--sp-text-xs: .75rem;--sp-text-sm: .875rem;--sp-text-base: 1rem;--sp-text-lg: clamp(1.0625rem, 1rem + .3vw, 1.1875rem);--sp-text-xl: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--sp-text-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--sp-text-3xl: clamp(1.875rem, 1.5rem + 1.8vw, 2.75rem);--sp-text-4xl: clamp(2.375rem, 1.8rem + 2.8vw, 3.75rem);--sp-text-display: clamp(2.75rem, 2rem + 4vw, 5rem);--sp-leading-tight: 1.05;--sp-leading-snug: 1.25;--sp-leading-normal: 1.5;--sp-leading-loose: 1.7;--sp-tracking-heading: .01em;--sp-tracking-caps: .06em;--sp-tracking-body: 0;--sp-heading-transform: uppercase;--sp-space-1: .25rem;--sp-space-2: .5rem;--sp-space-3: .75rem;--sp-space-4: 1rem;--sp-space-5: 1.5rem;--sp-space-6: 2rem;--sp-space-7: 2.5rem;--sp-space-8: 3rem;--sp-space-9: 4rem;--sp-space-10: 5rem;--sp-space-11: 6.5rem;--sp-section-py: clamp(3rem, 2rem + 4vw, 6rem);--sp-section-py-sm: clamp(2rem, 1.5rem + 2vw, 3.5rem);--sp-block-gap: clamp(1.5rem, 1rem + 2vw, 2.5rem);--sp-grid-gap: clamp(1rem, .75rem + 1vw, 1.5rem);--sp-container-max: 75rem;--sp-container-narrow: 50rem;--sp-container-wide: 90rem;--sp-container-gutter: clamp(1rem, .5rem + 2.5vw, 2.5rem);--sp-grid-item-min: 16rem;--sp-radius-none: 0;--sp-radius-sm: .25rem;--sp-radius-md: .5rem;--sp-radius-lg: 1rem;--sp-radius-pill: 62.4375rem;--sp-border-width: 1px;--sp-border-width-strong: 2px;--sp-shadow-sm: 0 1px 2px rgba(var(--sp-color-black-rgb), .06);--sp-shadow-md: 0 4px 12px rgba(var(--sp-color-black-rgb), .08);--sp-shadow-lg: 0 12px 32px rgba(var(--sp-color-black-rgb), .12);--sp-duration-fast: .15s;--sp-duration-base: .25s;--sp-duration-slow: .45s;--sp-ease-out: cubic-bezier(.22, 1, .36, 1);--sp-ease-in-out: cubic-bezier(.65, 0, .35, 1);--sp-motion-distance: 1.5rem;--sp-focus-ring: 0 0 0 2px var(--sp-bg), 0 0 0 4px var(--sp-color-black);--sp-focus-ring-inverse: 0 0 0 2px var(--sp-color-grey-dark), 0 0 0 4px var(--sp-color-mint);--sp-tap-target-min: 2.75rem;--sp-z-base: 1;--sp-z-raised: 10;--sp-z-overlay: 50}.sp-scope--dark{--sp-bg: var(--sp-color-grey-dark);--sp-bg-subtle: var(--sp-color-black);--sp-surface: var(--sp-color-black);--sp-surface-accent: rgba(var(--sp-color-mint-rgb), .12);--sp-text: var(--sp-color-white);--sp-text-muted: rgba(var(--sp-color-white-rgb), .72);--sp-text-inverse: var(--sp-color-black);--sp-border: rgba(var(--sp-color-white-rgb), .2);--sp-border-strong: var(--sp-color-white);--sp-link: var(--sp-color-white);--sp-link-hover: var(--sp-color-mint);--sp-focus-ring: var(--sp-focus-ring-inverse)}@media(prefers-reduced-motion:reduce){:root{--sp-duration-fast: .01ms;--sp-duration-base: .01ms;--sp-duration-slow: .01ms;--sp-motion-distance: 0rem}}
/*# sourceMappingURL=/cdn/shop/t/127/assets/sp-design-tokens.css.map */