:root{--color-primary: 18, 18, 18;--color-primary-rgb: rgb(18, 18, 18);--color-primary-light: 35, 35, 35;--color-primary-light-rgb: rgb(35, 35, 35);--color-primary-dark: 8, 8, 8;--color-primary-dark-rgb: rgb(8, 8, 8);--color-secondary: 142, 142, 147;--color-secondary-rgb: rgb(142, 142, 147);--color-secondary-light: 199, 199, 204;--color-secondary-light-rgb: rgb(199, 199, 204);--color-secondary-dark: 99, 99, 102;--color-secondary-dark-rgb: rgb(99, 99, 102);--color-gray-0: 255, 255, 255;--color-gray-0-rgb: rgb(255, 255, 255);--color-gray-1: 250, 250, 250;--color-gray-1-rgb: rgb(250, 250, 250);--color-gray-2: 245, 245, 247;--color-gray-2-rgb: rgb(245, 245, 247);--color-gray-3: 230, 230, 230;--color-gray-3-rgb: rgb(230, 230, 230);--color-gray-4: 210, 210, 210;--color-gray-4-rgb: rgb(210, 210, 210);--color-gray-5: 142, 142, 147;--color-gray-5-rgb: rgb(142, 142, 147);--color-gray-6: 99, 99, 102;--color-gray-6-rgb: rgb(99, 99, 102);--color-gray-7: 58, 58, 60;--color-gray-7-rgb: rgb(58, 58, 60);--color-gray-8: 28, 28, 30;--color-gray-8-rgb: rgb(28, 28, 30);--color-gray-9: 0, 0, 0;--color-gray-9-rgb: rgb(0, 0, 0);--color-accent-primary: 0, 122, 255;--color-accent-primary-rgb: rgb(0, 122, 255);--color-accent-primary-light: 90, 169, 255;--color-accent-primary-dark: 0, 98, 204;--color-accent-secondary: 88, 86, 214;--color-accent-secondary-rgb: rgb(88, 86, 214);--color-accent-success: 52, 199, 89;--color-accent-success-rgb: rgb(52, 199, 89);--color-accent-warning: 255, 149, 0;--color-accent-warning-rgb: rgb(255, 149, 0);--color-accent-error: 255, 59, 48;--color-accent-error-rgb: rgb(255, 59, 48);--color-bg-primary: var(--color-gray-0);--color-bg-primary-rgb: var(--color-gray-0-rgb);--color-bg-secondary: var(--color-gray-1);--color-bg-secondary-rgb: var(--color-gray-1-rgb);--color-bg-tertiary: var(--color-gray-2);--color-bg-tertiary-rgb: var(--color-gray-2-rgb);--color-bg-surface: var(--color-gray-0);--color-bg-surface-rgb: var(--color-gray-0-rgb);--color-bg-surface-hover: var(--color-gray-1);--color-bg-surface-hover-rgb: var(--color-gray-1-rgb);--color-bg-overlay: 0, 0, 0;--color-bg-overlay-rgb: rgb(0, 0, 0);--color-bg-overlay-opacity: .4;--color-text-primary: var(--color-gray-8);--color-text-primary-rgb: var(--color-gray-8-rgb);--color-text-primary-opacity: 1;--color-text-secondary: var(--color-gray-6);--color-text-secondary-rgb: var(--color-gray-6-rgb);--color-text-secondary-opacity: .8;--color-text-tertiary: var(--color-gray-5);--color-text-tertiary-rgb: var(--color-gray-5-rgb);--color-text-tertiary-opacity: .6;--color-text-quaternary: var(--color-gray-4);--color-text-quaternary-rgb: var(--color-gray-4-rgb);--color-text-quaternary-opacity: .4;--color-text-heading: var(--color-gray-9);--color-text-heading-rgb: var(--color-gray-9-rgb);--color-text-link: var(--color-accent-primary);--color-text-link-rgb: var(--color-accent-primary-rgb);--color-text-link-hover: var(--color-accent-primary-dark);--color-text-link-hover-rgb: rgb(0, 98, 204);--color-text-link-secondary: var(--color-gray-7);--color-text-link-secondary-rgb: var(--color-gray-7-rgb);--color-btn-primary: var(--color-primary);--color-btn-primary-rgb: var(--color-primary-rgb);--color-btn-primary-text: var(--color-gray-0);--color-btn-primary-text-rgb: var(--color-gray-0-rgb);--color-btn-primary-hover: var(--color-primary-light);--color-btn-primary-hover-rgb: var(--color-primary-light-rgb);--color-btn-primary-hover-text: var(--color-gray-0);--color-btn-primary-active: var(--color-primary-dark);--color-btn-primary-active-rgb: var(--color-primary-dark-rgb);--color-btn-primary-active-text: var(--color-gray-0);--color-btn-primary-disabled: var(--color-gray-3);--color-btn-primary-disabled-rgb: var(--color-gray-3-rgb);--color-btn-primary-disabled-text: var(--color-gray-5);--color-btn-primary-disabled-opacity: .5;--color-btn-secondary: var(--color-gray-0);--color-btn-secondary-rgb: var(--color-gray-0-rgb);--color-btn-secondary-text: var(--color-primary);--color-btn-secondary-text-rgb: var(--color-primary-rgb);--color-btn-secondary-border: var(--color-gray-3);--color-btn-secondary-border-rgb: var(--color-gray-3-rgb);--color-btn-secondary-hover: var(--color-gray-1);--color-btn-secondary-hover-rgb: var(--color-gray-1-rgb);--color-btn-secondary-hover-text: var(--color-primary);--color-btn-secondary-hover-border: var(--color-gray-4);--color-btn-secondary-active: var(--color-gray-2);--color-btn-secondary-active-text: var(--color-primary);--color-btn-secondary-disabled: var(--color-gray-0);--color-btn-secondary-disabled-text: var(--color-gray-5);--color-btn-secondary-disabled-border: var(--color-gray-3);--color-btn-secondary-disabled-opacity: .5;--color-btn-tertiary: transparent;--color-btn-tertiary-text: var(--color-primary);--color-btn-tertiary-text-rgb: var(--color-primary-rgb);--color-btn-tertiary-hover: var(--color-gray-1);--color-btn-tertiary-hover-text: var(--color-primary);--color-border-primary: var(--color-gray-3);--color-border-primary-rgb: var(--color-gray-3-rgb);--color-border-primary-opacity: 1;--color-border-secondary: var(--color-gray-2);--color-border-secondary-rgb: var(--color-gray-2-rgb);--color-border-secondary-opacity: .5;--color-border-divider: var(--color-gray-3);--color-border-divider-rgb: var(--color-gray-3-rgb);--color-border-divider-opacity: .3;--color-border-focus: var(--color-accent-primary);--color-border-focus-rgb: var(--color-accent-primary-rgb);--color-shadow-primary: 0, 0, 0;--color-shadow-primary-rgb: rgb(0, 0, 0);--color-shadow-primary-opacity: .08;--color-shadow-secondary: 0, 0, 0;--color-shadow-secondary-rgb: rgb(0, 0, 0);--color-shadow-secondary-opacity: .12;--color-shadow-tertiary: 0, 0, 0;--color-shadow-tertiary-rgb: rgb(0, 0, 0);--color-shadow-tertiary-opacity: .16;--color-card-bg: var(--color-gray-0);--color-card-bg-rgb: var(--color-gray-0-rgb);--color-card-bg-hover: var(--color-gray-1);--color-card-bg-hover-rgb: var(--color-gray-1-rgb);--color-card-border: var(--color-gray-3);--color-card-border-rgb: var(--color-gray-3-rgb);--color-card-border-opacity: .2;--color-card-title: var(--color-text-heading);--color-card-title-rgb: var(--color-text-heading-rgb);--color-card-price: var(--color-text-primary);--color-card-price-rgb: var(--color-text-primary-rgb);--color-card-price-sale: var(--color-accent-error);--color-card-price-sale-rgb: var(--color-accent-error-rgb);--color-card-vendor: var(--color-text-tertiary);--color-card-vendor-rgb: var(--color-text-tertiary-rgb);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--ease-apple: cubic-bezier(.25, .1, .25, 1);--ease-apple-smooth: cubic-bezier(.4, 0, .2, 1);--opacity-disabled: .5;--opacity-hover: .8;--opacity-pressed: .6;--opacity-overlay: .4;--opacity-subtle: .1;--opacity-muted: .3;--spacing-xs: .4rem;--spacing-sm: .8rem;--spacing-md: 1.6rem;--spacing-lg: 2.4rem;--spacing-xl: 3.2rem;--spacing-2xl: 4.8rem;--spacing-3xl: 6.4rem;--spacing-4xl: 9.6rem;--spacing-5xl: 12.8rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/color-system.css.map */