:root{--ds-border-width-hairline: 1px;--ds-border-width-thick: 2px;--ds-border-width-thin: 1.5px;--ds-breakpoint-lg: 64rem;--ds-breakpoint-md: 48rem;--ds-breakpoint-sm: 30rem;--ds-breakpoint-xl: 80rem;--ds-button-primary-background: var(--ds-color-action-primary);--ds-button-primary-background-hover: var(--ds-color-action-primary-hover);--ds-button-primary-text: var(--ds-color-on-brand);--ds-button-radius: var(--ds-radius-control);--ds-color-action-primary: var(--ds-color-brand-500);--ds-color-action-primary-hover: var(--ds-color-brand-600);--ds-color-action-tint: var(--ds-color-brand-50);--ds-color-announce-surface: var(--ds-color-brand-900);--ds-color-announce-text: var(--ds-color-brand-100);--ds-color-border: var(--color-border, var(--ds-color-neutral-200));--ds-color-border-selected: var(--ds-color-brand-500);--ds-color-border-strong: var(--ds-color-neutral-300);--ds-color-border-subtle: var(--ds-color-neutral-100);--ds-color-brand-50: #EAF4F2;--ds-color-brand-100: #D0EAE6;--ds-color-brand-200: #A6D9D1;--ds-color-brand-300: #6FBDB1;--ds-color-brand-400: #449488;--ds-color-brand-500: #2A7068;--ds-color-brand-600: #225C56;--ds-color-brand-700: #1A4741;--ds-color-brand-800: #133732;--ds-color-brand-900: #0C2421;--ds-color-data-negative: #A83230;--ds-color-data-neutral: #9B9790;--ds-color-data-positive: #2D7A4A;--ds-color-data-warning: #A86B2A;--ds-color-disabled-surface: var(--ds-color-neutral-100);--ds-color-disabled-text: var(--ds-color-neutral-500);--ds-color-error-50: #FDECEA;--ds-color-error-100: #FAD4CF;--ds-color-error-200: #F4A9A0;--ds-color-error-500: #D14339;--ds-color-error-600: #A8241B;--ds-color-error-700: #7E1A13;--ds-color-feedback-error-border: var(--ds-color-error-200);--ds-color-feedback-error-default: var(--ds-color-error-500);--ds-color-feedback-error-subtle: var(--ds-color-error-50);--ds-color-feedback-error-text: var(--ds-color-error-600);--ds-color-feedback-info-border: var(--ds-color-info-200);--ds-color-feedback-info-default: var(--ds-color-info-500);--ds-color-feedback-info-subtle: var(--ds-color-info-50);--ds-color-feedback-info-text: var(--ds-color-info-600);--ds-color-feedback-on: var(--ds-color-neutral-0);--ds-color-feedback-success-border: var(--ds-color-success-200);--ds-color-feedback-success-default: var(--ds-color-success-500);--ds-color-feedback-success-subtle: var(--ds-color-success-50);--ds-color-feedback-success-text: var(--ds-color-success-600);--ds-color-feedback-warning-border: var(--ds-color-warning-200);--ds-color-feedback-warning-default: var(--ds-color-warning-500);--ds-color-feedback-warning-subtle: var(--ds-color-warning-50);--ds-color-feedback-warning-text: var(--ds-color-warning-600);--ds-color-focus-ring: var(--ds-color-brand-500);--ds-color-goal-energy: var(--ds-gradient-goal-energy);--ds-color-goal-heart: var(--ds-gradient-goal-heart);--ds-color-goal-hormones: var(--ds-gradient-goal-hormones);--ds-color-goal-longevity: var(--ds-gradient-goal-longevity);--ds-color-gradient-avatar: var(--ds-gradient-brand-avatar);--ds-color-gradient-band-brand: var(--ds-gradient-brand-deep);--ds-color-gradient-panel-brand: var(--ds-gradient-brand-panel);--ds-color-gradient-surface-brand: var(--ds-gradient-brand-forest);--ds-color-info-50: #E8F1FB;--ds-color-info-100: #CBDFF6;--ds-color-info-200: #9DC3EE;--ds-color-info-500: #2C72BE;--ds-color-info-600: #1B5390;--ds-color-info-700: #123E6C;--ds-color-neutral-0: #FFFFFF;--ds-color-neutral-50: #F4F2ED;--ds-color-neutral-100: #ECEAE4;--ds-color-neutral-200: #E6E3DC;--ds-color-neutral-300: #CEC9BF;--ds-color-neutral-400: #9B9790;--ds-color-neutral-500: #6B6660;--ds-color-neutral-600: #54504B;--ds-color-neutral-700: #3D3A36;--ds-color-neutral-800: #2A2723;--ds-color-neutral-900: #1A1814;--ds-color-on-brand: var(--ds-color-neutral-0);--ds-color-on-brand-border: color-mix(in srgb, var(--ds-color-on-brand) 14%, transparent);--ds-color-on-brand-fill: color-mix(in srgb, var(--ds-color-on-brand) 10%, transparent);--ds-color-on-brand-muted: rgba(255, 255, 255, .82);--ds-color-on-brand-soft: rgba(255, 255, 255, .66);--ds-color-on-brand-strong: rgba(255, 255, 255, .94);--ds-color-on-brand-track: color-mix(in srgb, var(--ds-color-on-brand) 16%, transparent);--ds-color-signal-attention: var(--ds-color-warning-200);--ds-color-signal-attention-tint: color-mix(in srgb, var(--ds-color-signal-attention) 22%, transparent);--ds-color-signal-positive: var(--ds-color-brand-300);--ds-color-signal-positive-tint: color-mix(in srgb, var(--ds-color-signal-positive) 22%, transparent);--ds-color-status-negative: var(--ds-color-data-negative);--ds-color-status-neutral: var(--ds-color-data-neutral);--ds-color-status-positive: var(--ds-color-data-positive);--ds-color-status-warning: var(--ds-color-data-warning);--ds-color-success-50: #E9F4EE;--ds-color-success-100: #CDE7D7;--ds-color-success-200: #A6D4B8;--ds-color-success-500: #2E8B57;--ds-color-success-600: #1E6B41;--ds-color-success-700: #14512F;--ds-color-surface: var(--color-background, var(--ds-color-neutral-50));--ds-color-surface-elevated: var(--ds-color-neutral-0);--ds-color-surface-overlay: rgba(26, 24, 20, .6);--ds-color-surface-selected: var(--ds-color-brand-100);--ds-color-surface-subtle: var(--color-background-2, var(--ds-color-neutral-100));--ds-color-surface-translucent: color-mix(in srgb, var(--color-background, var(--ds-color-neutral-50)) 82%, transparent);--ds-color-text: var(--color-foreground, var(--ds-color-neutral-900));--ds-color-text-inverse: var(--ds-color-neutral-0);--ds-color-text-subtle: var(--ds-color-neutral-500);--ds-color-warning-50: #FBF1E3;--ds-color-warning-100: #F5DEBE;--ds-color-warning-200: #E9C088;--ds-color-warning-500: #B5781F;--ds-color-warning-600: #8A5316;--ds-color-warning-700: #663D10;--ds-control-background: var(--ds-color-surface);--ds-control-border: var(--ds-color-border-strong);--ds-control-checked-background: var(--ds-color-action-primary);--ds-control-checked-mark: var(--ds-color-on-brand);--ds-control-disabled-background: var(--ds-color-disabled-surface);--ds-control-radius: var(--ds-radius-sm);--ds-control-size: 1.25rem;--ds-duration-base: .2s;--ds-duration-fast: .12s;--ds-duration-instant: 0ms;--ds-duration-slow: .32s;--ds-easing-accelerate: cubic-bezier(.4, 0, 1, 1);--ds-easing-decelerate: cubic-bezier(0, 0, .2, 1);--ds-easing-standard: cubic-bezier(.4, 0, .2, 1);--ds-elevation-card: var(--ds-shadow-sm);--ds-elevation-card-hover: var(--ds-shadow-soft);--ds-elevation-float: var(--ds-shadow-float);--ds-elevation-focus-ring: 0 0 0 2px var(--ds-color-neutral-0), 0 0 0 4px var(--ds-color-brand-500);--ds-elevation-modal: var(--ds-shadow-xl);--ds-elevation-popover: var(--ds-shadow-lg);--ds-elevation-raised: var(--ds-shadow-md);--ds-focus-ring-offset: var(--ds-space-1);--ds-focus-ring-width: var(--ds-border-width-thick);--ds-font-family-base: "Hanken Grotesk", system-ui, sans-serif;--ds-font-family-display: "Fraunces", Georgia, serif;--ds-font-size-50: .75rem;--ds-font-size-75: .875rem;--ds-font-size-100: 1rem;--ds-font-size-200: 1.25rem;--ds-font-size-300: 1.5rem;--ds-font-size-400: 2rem;--ds-font-size-500: 2.5rem;--ds-font-size-600: 3rem;--ds-font-size-700: 3.75rem;--ds-font-weight-body: var(--ds-font-weight-regular);--ds-font-weight-bold: 700;--ds-font-weight-emphasis: var(--ds-font-weight-medium);--ds-font-weight-heading: var(--ds-font-weight-semibold);--ds-font-weight-medium: 500;--ds-font-weight-regular: 400;--ds-font-weight-semibold: 600;--ds-gradient-brand-avatar: linear-gradient(135deg, var(--ds-color-brand-300), var(--ds-color-brand-500));--ds-gradient-brand-deep: linear-gradient(135deg, var(--ds-color-brand-700), var(--ds-color-brand-900));--ds-gradient-brand-forest: linear-gradient(155deg, var(--ds-color-brand-700), var(--ds-color-brand-900) 78%);--ds-gradient-brand-panel: linear-gradient(150deg, var(--ds-color-brand-800), var(--ds-color-brand-900));--ds-gradient-goal-energy: linear-gradient(150deg, var(--ds-color-brand-200), var(--ds-color-brand-400));--ds-gradient-goal-heart: linear-gradient(150deg, var(--ds-color-brand-700), var(--ds-color-brand-900));--ds-gradient-goal-hormones: linear-gradient(150deg, var(--ds-color-brand-500), var(--ds-color-brand-800));--ds-gradient-goal-longevity: linear-gradient(150deg, var(--ds-color-brand-600), var(--ds-color-brand-900));--ds-input-background: var(--ds-color-surface);--ds-input-border: var(--ds-color-border);--ds-input-border-error: var(--ds-color-feedback-error-default);--ds-input-border-focus: var(--ds-color-focus-ring);--ds-input-border-hover: var(--ds-color-border-strong);--ds-input-disabled-background: var(--ds-color-disabled-surface);--ds-input-disabled-text: var(--ds-color-disabled-text);--ds-input-placeholder: var(--ds-color-text-subtle);--ds-input-radius: var(--ds-radius-control);--ds-input-text: var(--ds-color-text);--ds-letter-spacing-heading: var(--ds-letter-spacing-tight);--ds-letter-spacing-normal: 0em;--ds-letter-spacing-tight: -.01em;--ds-letter-spacing-wide: .04em;--ds-line-height-body: var(--ds-line-height-normal);--ds-line-height-heading: var(--ds-line-height-tight);--ds-line-height-none: 1;--ds-line-height-normal: 1.5;--ds-line-height-relaxed: 1.7;--ds-line-height-snug: 1.25;--ds-line-height-tight: 1.1;--ds-link-text: var(--ds-color-action-primary);--ds-link-text-hover: var(--ds-color-action-primary-hover);--ds-motion-duration-base: var(--ds-duration-base);--ds-motion-duration-fast: var(--ds-duration-fast);--ds-motion-duration-slow: var(--ds-duration-slow);--ds-motion-easing-default: var(--ds-easing-standard);--ds-motion-easing-enter: var(--ds-easing-decelerate);--ds-motion-easing-exit: var(--ds-easing-accelerate);--ds-opacity-disabled: .5;--ds-opacity-muted: .7;--ds-opacity-overlay: .6;--ds-radius-control: var(--style-border-radius-inputs, var(--ds-radius-md));--ds-radius-full: 9999px;--ds-radius-lg: 1rem;--ds-radius-md: .5rem;--ds-radius-sm: .25rem;--ds-shadow-float: 0 2px 4px rgba(12, 36, 33, .04), 0 18px 40px -12px rgba(12, 36, 33, .22), 0 50px 80px -40px rgba(12, 36, 33, .3);--ds-shadow-lg: 0 10px 15px -3px rgba(26, 24, 20, .1), 0 4px 6px -4px rgba(26, 24, 20, .06);--ds-shadow-md: 0 4px 6px -1px rgba(26, 24, 20, .1), 0 2px 4px -2px rgba(26, 24, 20, .08);--ds-shadow-sm: 0 1px 3px 0 rgba(26, 24, 20, .1), 0 1px 2px -1px rgba(26, 24, 20, .08);--ds-shadow-soft: 0 1px 2px rgba(26, 24, 20, .04), 0 12px 28px -14px rgba(26, 24, 20, .18);--ds-shadow-xl: 0 20px 25px -5px rgba(26, 24, 20, .12), 0 8px 10px -6px rgba(26, 24, 20, .08);--ds-shadow-xs: 0 1px 2px 0 rgba(26, 24, 20, .06);--ds-site-chrome-cart-badge-offset: var(--ds-space-1);--ds-site-chrome-cart-badge-size: 1.125rem;--ds-site-chrome-header-height: 4rem;--ds-site-chrome-header-logo-max-height: 2rem;--ds-site-chrome-mobile-drawer-width: min(80vw, 320px);--ds-size-avatar-lg: 4rem;--ds-size-avatar-md: 2.5rem;--ds-size-avatar-sm: 2rem;--ds-size-control-lg: 3rem;--ds-size-control-md: 2.5rem;--ds-size-control-sm: 2rem;--ds-size-icon-lg: 2rem;--ds-size-icon-md: 1.5rem;--ds-size-icon-sm: 1rem;--ds-size-thumbnail-lg: 8rem;--ds-size-thumbnail-md: 6.25rem;--ds-size-thumbnail-sm: 3.5rem;--ds-size-touch-min: 2.75rem;--ds-space-0: 0;--ds-space-1: .25rem;--ds-space-2: .5rem;--ds-space-3: .75rem;--ds-space-4: 1rem;--ds-space-5: 1.25rem;--ds-space-6: 1.5rem;--ds-space-7: 1.75rem;--ds-space-8: 2rem;--ds-space-10: 2.5rem;--ds-space-12: 3rem;--ds-space-16: 4rem;--ds-space-20: 5rem;--ds-space-24: 6rem;--ds-toggle-height: 1.5rem;--ds-toggle-thumb: var(--ds-color-neutral-0);--ds-toggle-track-off: var(--ds-color-border-strong);--ds-toggle-track-on: var(--ds-color-action-primary);--ds-toggle-width: 2.75rem;--ds-z-index-base: 0;--ds-z-index-drawer: 1200;--ds-z-index-dropdown: 1000;--ds-z-index-modal: 1300;--ds-z-index-raised: 10;--ds-z-index-sticky: 1100;--ds-z-index-toast: 1400;--ds-z-index-tooltip: 1500}[data-theme=dark]{--ds-color-action-tint: var(--ds-color-brand-900);--ds-color-announce-surface: var(--ds-color-neutral-900);--ds-color-announce-text: var(--ds-color-neutral-50);--ds-color-border: var(--ds-color-neutral-700);--ds-color-border-selected: var(--ds-color-brand-400);--ds-color-border-strong: var(--ds-color-neutral-600);--ds-color-border-subtle: var(--ds-color-neutral-800);--ds-color-disabled-surface: var(--ds-color-neutral-800);--ds-color-disabled-text: var(--ds-color-neutral-400);--ds-color-feedback-error-border: var(--ds-color-error-600);--ds-color-feedback-error-subtle: var(--ds-color-error-700);--ds-color-feedback-error-text: var(--ds-color-error-200);--ds-color-feedback-info-border: var(--ds-color-info-600);--ds-color-feedback-info-subtle: var(--ds-color-info-700);--ds-color-feedback-info-text: var(--ds-color-info-200);--ds-color-feedback-success-border: var(--ds-color-success-600);--ds-color-feedback-success-subtle: var(--ds-color-success-700);--ds-color-feedback-success-text: var(--ds-color-success-200);--ds-color-feedback-warning-border: var(--ds-color-warning-600);--ds-color-feedback-warning-subtle: var(--ds-color-warning-700);--ds-color-feedback-warning-text: var(--ds-color-warning-200);--ds-color-focus-ring: var(--ds-color-brand-400);--ds-color-surface: var(--ds-color-neutral-900);--ds-color-surface-elevated: var(--ds-color-neutral-800);--ds-color-surface-overlay: rgba(0, 0, 0, .7);--ds-color-surface-selected: var(--ds-color-brand-800);--ds-color-surface-subtle: var(--ds-color-neutral-800);--ds-color-surface-translucent: color-mix(in srgb, var(--ds-color-neutral-900) 82%, transparent);--ds-color-text: var(--ds-color-neutral-50);--ds-color-text-inverse: var(--ds-color-neutral-900);--ds-color-text-subtle: var(--ds-color-neutral-400);--ds-elevation-focus-ring: 0 0 0 2px var(--ds-color-neutral-900), 0 0 0 4px var(--ds-color-brand-400)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ds-tokens.css.map */