:root{--color-black: #000000;--color-white: #ffffff;--color-grey-050: #f7f8f8;--color-grey-100: #eef0f2;--color-grey-200: #d9dbdd;--color-grey-300: #949494;--color-grey-400: #696969;--color-grey-500: #656566;--color-grey-600: #4d4d4d;--color-grey-700: #333333;--color-warm-grey-050: #fafaf9;--color-warm-grey-100: #f5f5f4;--color-warm-grey-600: #57534e;--color-cream-050: #fafaf7;--color-cream-100: #f7f7f1;--color-cream-200: #f6f4ef;--color-cream-300: #ebece3;--color-grape-050: #fbf8fc;--color-grape-200: #e2c5eb;--color-grape-600: #9e55b5;--color-grape-800: #5e2c6d;--color-orange-050: #fff8ec;--color-orange-100: #f7d9a4;--color-orange-500: #ffa318;--color-orange-700: #b45309;--color-blue-050: #f5f9ff;--color-blue-100: #9dc0ee;--color-blue-500: #489bff;--color-blue-700: #1e40af;--color-red-050: #fff5f3;--color-red-100: #ec927f;--color-red-500: #b91c1c;--color-red-700: #991b1b;--color-green-050: #f6fff9;--color-green-100: #d1fae5;--color-green-500: #00bc7d;--color-green-700: #047857;--color-strawberry-100: #ffdfdf;--color-strawberry-500: #d74d52;--color-strawberry-700: #c11722;--color-strawberry-900: #a2182e;--space-0: 0px;--space-2: 2px;--space-4: 4px;--space-8: 8px;--space-9: 9px;--space-12: 12px;--space-15: 15px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-25: 25px;--space-30: 30px;--space-32: 32px;--space-35: 35px;--space-40: 40px;--space-48: 48px;--space-50: 50px;--space-60: 60px;--space-64: 64px;--space-80: 80px;--space-96: 96px;--space-120: 120px;--radius-0: 0px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-10: 10px;--radius-12: 12px;--radius-16: 16px;--radius-20: 20px;--radius-24: 24px;--radius-30: 30px;--radius-9999: 9999px;--border-width-0: 0px;--border-width-1: 1px;--border-width-1-5: 1.5px;--border-width-2: 2px;--border-width-3: 3px;--border-width-4: 4px;--font-size-12: 12px;--font-size-13: 13px;--font-size-14: 14px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-22: 22px;--font-size-24: 24px;--font-size-28: 28px;--font-size-30: 30px;--font-size-34: 34px;--font-size-36: 36px;--font-size-38: 38px;--font-size-42: 42px;--font-size-46: 46px;--font-size-50: 50px;--font-size-60: 60px;--text-primary: var(--color-grey-700);--text-secondary: var(--color-grey-500);--text-tertiary: var(--color-grey-400);--text-disabled: var(--color-grey-300);--text-placeholder: var(--color-grey-400);--text-inverse: var(--color-white);--text-inverse-muted: var(--color-cream-200);--text-brand: var(--color-grape-600);--text-brand-strong: var(--color-grape-800);--text-link: var(--color-grape-600);--text-error: var(--color-red-700);--text-success: var(--color-green-700);--text-warning: var(--color-orange-700);--text-info: var(--color-blue-700);--surface-default: var(--color-white);--surface-default-overlay: rgba(255, 255, 255, .85);--surface-subtle: var(--color-warm-grey-050);--surface-muted: var(--color-warm-grey-100);--surface-raised: var(--color-cream-100);--surface-sunken: var(--color-cream-300);--surface-inverse: var(--color-grey-700);--surface-footer: var(--color-grey-700);--surface-overlay: rgba(51, 51, 51, .6);--surface-brand-subtle: var(--color-grape-050);--border-subtle: var(--color-grey-200);--border-default: var(--color-grey-200);--border-strong: var(--color-grey-300);--border-inverse: rgba(255, 255, 255, .25);--border-brand: var(--color-grape-600);--border-brand-subtle: var(--color-grape-200);--border-selected: var(--color-grape-600);--border-focus: var(--color-grape-600);--border-error: var(--color-red-500);--border-error-subtle: var(--color-red-100);--border-error-strong: var(--color-red-700);--border-success: var(--color-green-500);--border-success-subtle: var(--color-green-100);--border-success-strong: var(--color-green-700);--border-warning: var(--color-orange-500);--border-warning-subtle: var(--color-orange-100);--border-warning-strong: var(--color-orange-700);--border-info: var(--color-blue-500);--border-info-subtle: var(--color-blue-100);--border-info-strong: var(--color-blue-700);--action-primary-default: var(--color-black);--action-primary-hover: var(--color-grape-800);--action-primary-active: var(--color-grape-800);--action-primary-disabled: var(--color-grey-200);--action-primary-text: var(--color-white);--action-primary-text-disabled: var(--color-grey-400);--action-secondary-border: var(--color-black);--action-secondary-border-hover: var(--color-grape-600);--action-secondary-text: var(--color-black);--action-secondary-text-hover: var(--color-grape-600);--action-secondary-text-disabled: var(--color-grey-300);--action-secondary-background-hover: var(--color-grape-050);--action-tertiary-text: var(--color-grape-800);--action-tertiary-text-hover: var(--color-grape-600);--action-tertiary-background-hover: var(--color-grape-050);--action-destructive-default: var(--color-red-500);--action-destructive-hover: var(--color-red-700);--action-destructive-active: var(--color-red-700);--action-destructive-text: var(--color-white);--action-inverse-default: var(--color-white);--action-inverse-text: var(--color-grey-700);--status-success-icon-background: var(--color-green-500);--status-success-icon-glyph: var(--color-white);--status-success-border: var(--color-green-100);--status-success-background: var(--color-green-050);--status-success-text: var(--text-primary);--status-success-text-strong: var(--color-green-700);--status-error-icon-background: var(--color-red-500);--status-error-icon-glyph: var(--color-white);--status-error-border: var(--color-red-100);--status-error-background: var(--color-red-050);--status-error-text: var(--color-red-500);--status-error-text-strong: var(--color-red-700);--status-warning-icon-background: var(--color-orange-500);--status-warning-icon-glyph: var(--color-white);--status-warning-border: var(--color-orange-100);--status-warning-background: var(--color-orange-050);--status-warning-text: var(--text-primary);--status-warning-text-strong: var(--color-orange-700);--status-info-icon-background: var(--color-blue-500);--status-info-icon-glyph: var(--color-white);--status-info-border: var(--color-blue-100);--status-info-background: var(--color-blue-050);--status-info-text: var(--text-primary);--status-info-text-strong: var(--color-blue-700);--radius-none: var(--radius-0);--radius-small: var(--radius-4);--radius-medium: var(--radius-8);--radius-large: var(--radius-16);--radius-xlarge: var(--radius-24);--radius-full: var(--radius-9999);--radius-button: var(--radius-full);--radius-form: var(--radius-6);--radius-card: var(--radius-12);--radius-widget: var(--radius-12);--radius-product-card: var(--radius-12);--border-width-none: var(--border-width-0);--border-width-default: var(--border-width-1-5);--border-width-strong: var(--border-width-2);--border-width-selected: var(--border-width-2);--border-width-focus: var(--border-width-2);--border-width-accent: var(--border-width-3);--spacing-2xsmall: var(--space-4);--spacing-xsmall: var(--space-8);--spacing-small: var(--space-8);--spacing-medium: var(--space-12);--spacing-regular: var(--space-16);--spacing-large: var(--space-24);--spacing-xlarge: var(--space-32);--spacing-container: var(--space-16);--spacing-button-padding-y: var(--space-12);--spacing-button-padding-x: var(--space-12);--spacing-input-padding: var(--space-8);--spacing-header-vertical: var(--space-16);--spacing-sidebar-width: 375px;--spacing-sidebar-gutter: var(--space-20);--spacing-container-vertical: var(--space-48);--spacing-grid-gap: var(--space-16)}@media screen and (min-width:475px){:root{--spacing-container: var(--space-20)}}@media screen and (min-width:768px){:root{--spacing-xlarge: var(--space-40);--spacing-container: var(--space-32);--spacing-button-padding-y: var(--space-16);--spacing-button-padding-x: var(--space-32);--spacing-input-padding: var(--space-12);--spacing-header-vertical: var(--space-20)}}@media screen and (min-width:1024px){:root{--spacing-small: var(--space-12);--spacing-medium: var(--space-16);--spacing-regular: var(--space-20);--spacing-large: var(--space-32);--spacing-xlarge: var(--space-48);--spacing-container: var(--space-40);--spacing-header-vertical: var(--space-32);--spacing-sidebar-width: 420px;--spacing-sidebar-gutter: var(--space-32);--spacing-container-vertical: var(--space-64);--spacing-grid-gap: var(--space-24)}}@media screen and (min-width:1280px){:root{--spacing-regular: var(--space-24);--spacing-large: var(--space-48);--spacing-xlarge: var(--space-64);--spacing-container-vertical: var(--space-80);--spacing-grid-gap: var(--space-32)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/design-token.css.map */