:root{--dc-margin-mobile: 16px;--dc-margin-desktop: 48px;--dc-grid-mobile-columns: 4;--dc-grid-mobile-gutter: 8px;--dc-grid-mobile-margin: 16px;--dc-grid-desktop-columns: 12;--dc-grid-desktop-gutter: 24px;--dc-grid-desktop-margin: 48px;--dc-radius-pill: 999px;--dc-radius: 30px;--dc-radius-xs: 4px;--dc-transition-fast: .15s ease;--dc-transition-base: .25s ease-out;--dc-transition-slow: .35s ease-out}.dc-container{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--dc-margin-mobile)}@media(min-width:750px){.dc-container{padding-inline:var(--dc-margin-desktop)}}.dc-grid{display:grid;grid-template-columns:repeat(var(--dc-grid-mobile-columns),1fr);gap:var(--dc-grid-mobile-gutter)}@media(min-width:750px){.dc-grid{grid-template-columns:repeat(var(--dc-grid-desktop-columns),1fr);gap:var(--dc-grid-desktop-gutter)}}.color-scheme-1{--color-background: rgb(247 249 251 / 1);--color-background-rgb: 247 249 251;--opacity-5-15: .05;--opacity-10-25: .1;--opacity-35-55: .35;--opacity-40-60: .4;--opacity-30-60: .3;--color-foreground: rgb(24 23 28 / .81);--color-foreground-rgb: 24 23 28;--color-foreground-heading: rgb(24 23 28 / 1);--color-foreground-heading-rgb: 24 23 28;--color-primary: rgb(0 111 168 / 1);--color-primary-rgb: 0 111 168;--color-primary-hover: rgb(0 119 179 / 1);--color-primary-hover-rgb: 0 119 179;--color-border: rgb(24 23 28 / .06);--color-border-rgb: 24 23 28;--color-shadow: rgb(24 23 28 / 1);--color-shadow-rgb: 24 23 28;--color-primary-button-text: rgb(255 255 255 / 1);--color-primary-button-background: rgb(0 119 179 / 1);--color-primary-button-border: rgb(0 136 204 / 1);--color-primary-button-hover-text: rgb(255 255 255 / 1);--color-primary-button-hover-background: rgb(0 119 179 / 1);--color-primary-button-hover-border: rgb(0 119 179 / 1);--color-secondary-button-text: rgb(24 23 28 / 1);--color-secondary-button-background: rgb(0 0 0 / 0);--color-secondary-button-border: rgb(24 23 28 / 1);--color-secondary-button-hover-text: rgb(24 23 28 / 1);--color-secondary-button-hover-background: rgb(227 237 244 / 1);--color-secondary-button-hover-border: rgb(24 23 28 / 1);--color-input-background: rgb(255 255 255 / 1);--color-input-text: rgb(24 23 28 / 1);--color-input-text-rgb: 24 23 28;--color-input-border: rgb(227 237 244 / 1);--color-input-hover-background: rgb(255 255 255 / 1);--color-variant-background: rgb(247 249 251 / 1);--color-variant-border: rgb(227 237 244 / 1);--color-variant-text: rgb(24 23 28 / 1);--color-variant-text-rgb: 24 23 28;--color-variant-hover-background: rgb(227 237 244 / 1);--color-variant-hover-text: rgb(24 23 28 / 1);--color-variant-hover-border: rgb(0 136 204 / 1);--color-selected-variant-background: rgb(24 23 28 / 1);--color-selected-variant-border: rgb(24 23 28 / 1);--color-selected-variant-text: rgb(255 255 255 / 1);--color-selected-variant-hover-background: rgb(39 39 35 / 1);--color-selected-variant-hover-text: rgb(255 255 255 / 1);--color-selected-variant-hover-border: rgb(39 39 35 / 1);--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));--font-h1--color: var(--color-foreground-heading);--font-h2--color: var(--color-foreground-heading);--font-h3--color: var(--color-foreground-heading);--font-h4--color: var(--color-foreground-heading);--font-h5--color: var(--color-foreground-heading);--font-h6--color: var(--color-foreground-heading);--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));--shadow-blur: 20px;--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15))}.color-scheme-2{--color-background: rgb(227 237 244 / 1);--color-background-rgb: 227 237 244;--opacity-5-15: .05;--opacity-10-25: .1;--opacity-35-55: .35;--opacity-40-60: .4;--opacity-30-60: .3;--color-foreground: rgb(24 23 28 / .81);--color-foreground-rgb: 24 23 28;--color-foreground-heading: rgb(24 23 28 / 1);--color-foreground-heading-rgb: 24 23 28;--color-primary: rgb(0 136 204 / 1);--color-primary-rgb: 0 136 204;--color-primary-hover: rgb(0 119 179 / 1);--color-primary-hover-rgb: 0 119 179;--color-border: rgb(24 23 28 / .08);--color-border-rgb: 24 23 28;--color-shadow: rgb(24 23 28 / 1);--color-shadow-rgb: 24 23 28;--color-primary-button-text: rgb(255 255 255 / 1);--color-primary-button-background: rgb(0 136 204 / 1);--color-primary-button-border: rgb(0 136 204 / 1);--color-primary-button-hover-text: rgb(255 255 255 / 1);--color-primary-button-hover-background: rgb(0 119 179 / 1);--color-primary-button-hover-border: rgb(0 119 179 / 1);--color-secondary-button-text: rgb(24 23 28 / 1);--color-secondary-button-background: rgb(0 0 0 / 0);--color-secondary-button-border: rgb(24 23 28 / 1);--color-secondary-button-hover-text: rgb(24 23 28 / 1);--color-secondary-button-hover-background: rgb(247 249 251 / 1);--color-secondary-button-hover-border: rgb(24 23 28 / 1);--color-input-background: rgb(255 255 255 / 1);--color-input-text: rgb(24 23 28 / 1);--color-input-text-rgb: 24 23 28;--color-input-border: rgb(24 23 28 / .13);--color-input-hover-background: rgb(247 249 251 / 1);--color-variant-background: rgb(247 249 251 / 1);--color-variant-border: rgb(24 23 28 / .13);--color-variant-text: rgb(24 23 28 / 1);--color-variant-text-rgb: 24 23 28;--color-variant-hover-background: rgb(247 249 251 / 1);--color-variant-hover-text: rgb(24 23 28 / 1);--color-variant-hover-border: rgb(0 136 204 / 1);--color-selected-variant-background: rgb(24 23 28 / 1);--color-selected-variant-border: rgb(24 23 28 / 1);--color-selected-variant-text: rgb(255 255 255 / 1);--color-selected-variant-hover-background: rgb(39 39 35 / 1);--color-selected-variant-hover-text: rgb(255 255 255 / 1);--color-selected-variant-hover-border: rgb(39 39 35 / 1);--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));--font-h1--color: var(--color-foreground-heading);--font-h2--color: var(--color-foreground-heading);--font-h3--color: var(--color-foreground-heading);--font-h4--color: var(--color-foreground-heading);--font-h5--color: var(--color-foreground-heading);--font-h6--color: var(--color-foreground-heading);--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));--shadow-blur: 20px;--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15))}.color-scheme-3{--color-background: rgb(34 50 64 / 1);--color-background-rgb: 34 50 64;--opacity-5-15: .15;--opacity-10-25: .25;--opacity-35-55: .55;--opacity-40-60: .6;--opacity-30-60: .6;--color-foreground: rgb(255 255 255 / .81);--color-foreground-rgb: 255 255 255;--color-foreground-heading: rgb(255 255 255 / 1);--color-foreground-heading-rgb: 255 255 255;--color-primary: rgb(0 136 204 / 1);--color-primary-rgb: 0 136 204;--color-primary-hover: rgb(102 187 227 / 1);--color-primary-hover-rgb: 102 187 227;--color-border: rgb(255 255 255 / .1);--color-border-rgb: 255 255 255;--color-shadow: rgb(0 0 0 / 1);--color-shadow-rgb: 0 0 0;--color-primary-button-text: rgb(24 23 28 / 1);--color-primary-button-background: rgb(0 136 204 / 1);--color-primary-button-border: rgb(0 136 204 / 1);--color-primary-button-hover-text: rgb(24 23 28 / 1);--color-primary-button-hover-background: rgb(102 187 227 / 1);--color-primary-button-hover-border: rgb(102 187 227 / 1);--color-secondary-button-text: rgb(255 255 255 / 1);--color-secondary-button-background: rgb(0 0 0 / 0);--color-secondary-button-border: rgb(255 255 255 / .69);--color-secondary-button-hover-text: rgb(255 255 255 / 1);--color-secondary-button-hover-background: rgb(255 255 255 / .08);--color-secondary-button-hover-border: rgb(255 255 255 / 1);--color-input-background: rgb(255 255 255 / .08);--color-input-text: rgb(255 255 255 / 1);--color-input-text-rgb: 255 255 255;--color-input-border: rgb(255 255 255 / .24);--color-input-hover-background: rgb(255 255 255 / .12);--color-variant-background: rgb(34 50 64 / 1);--color-variant-border: rgb(255 255 255 / .24);--color-variant-text: rgb(255 255 255 / 1);--color-variant-text-rgb: 255 255 255;--color-variant-hover-background: rgb(255 255 255 / .08);--color-variant-hover-text: rgb(255 255 255 / 1);--color-variant-hover-border: rgb(0 136 204 / 1);--color-selected-variant-background: rgb(0 136 204 / 1);--color-selected-variant-border: rgb(0 136 204 / 1);--color-selected-variant-text: rgb(24 23 28 / 1);--color-selected-variant-hover-background: rgb(102 187 227 / 1);--color-selected-variant-hover-text: rgb(24 23 28 / 1);--color-selected-variant-hover-border: rgb(102 187 227 / 1);--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));--font-h1--color: var(--color-foreground-heading);--font-h2--color: var(--color-foreground-heading);--font-h3--color: var(--color-foreground-heading);--font-h4--color: var(--color-foreground-heading);--font-h5--color: var(--color-foreground-heading);--font-h6--color: var(--color-foreground-heading);--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));--shadow-blur: 20px;--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15))}.color-scheme-4{--color-background: rgb(39 39 35 / 1);--color-background-rgb: 39 39 35;--opacity-5-15: .15;--opacity-10-25: .25;--opacity-35-55: .55;--opacity-40-60: .6;--opacity-30-60: .6;--color-foreground: rgb(255 255 255 / .81);--color-foreground-rgb: 255 255 255;--color-foreground-heading: rgb(255 255 255 / 1);--color-foreground-heading-rgb: 255 255 255;--color-primary: rgb(0 136 204 / 1);--color-primary-rgb: 0 136 204;--color-primary-hover: rgb(102 187 227 / 1);--color-primary-hover-rgb: 102 187 227;--color-border: rgb(255 255 255 / .1);--color-border-rgb: 255 255 255;--color-shadow: rgb(0 0 0 / 1);--color-shadow-rgb: 0 0 0;--color-primary-button-text: rgb(24 23 28 / 1);--color-primary-button-background: rgb(0 136 204 / 1);--color-primary-button-border: rgb(0 136 204 / 1);--color-primary-button-hover-text: rgb(24 23 28 / 1);--color-primary-button-hover-background: rgb(102 187 227 / 1);--color-primary-button-hover-border: rgb(102 187 227 / 1);--color-secondary-button-text: rgb(255 255 255 / 1);--color-secondary-button-background: rgb(0 0 0 / 0);--color-secondary-button-border: rgb(255 255 255 / .69);--color-secondary-button-hover-text: rgb(255 255 255 / 1);--color-secondary-button-hover-background: rgb(255 255 255 / .08);--color-secondary-button-hover-border: rgb(255 255 255 / 1);--color-input-background: rgb(255 255 255 / .08);--color-input-text: rgb(255 255 255 / 1);--color-input-text-rgb: 255 255 255;--color-input-border: rgb(255 255 255 / .24);--color-input-hover-background: rgb(255 255 255 / .12);--color-variant-background: rgb(39 39 35 / 1);--color-variant-border: rgb(255 255 255 / .24);--color-variant-text: rgb(255 255 255 / 1);--color-variant-text-rgb: 255 255 255;--color-variant-hover-background: rgb(255 255 255 / .08);--color-variant-hover-text: rgb(255 255 255 / 1);--color-variant-hover-border: rgb(0 136 204 / 1);--color-selected-variant-background: rgb(0 136 204 / 1);--color-selected-variant-border: rgb(0 136 204 / 1);--color-selected-variant-text: rgb(24 23 28 / 1);--color-selected-variant-hover-background: rgb(102 187 227 / 1);--color-selected-variant-hover-text: rgb(24 23 28 / 1);--color-selected-variant-hover-border: rgb(102 187 227 / 1);--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));--font-h1--color: var(--color-foreground-heading);--font-h2--color: var(--color-foreground-heading);--font-h3--color: var(--color-foreground-heading);--font-h4--color: var(--color-foreground-heading);--font-h5--color: var(--color-foreground-heading);--font-h6--color: var(--color-foreground-heading);--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));--shadow-blur: 20px;--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15))}.color-scheme-5{--color-background: rgb(24 23 28 / 1);--color-background-rgb: 24 23 28;--opacity-5-15: .15;--opacity-10-25: .25;--opacity-35-55: .55;--opacity-40-60: .6;--opacity-30-60: .6;--color-foreground: rgb(255 255 255 / .81);--color-foreground-rgb: 255 255 255;--color-foreground-heading: rgb(255 255 255 / 1);--color-foreground-heading-rgb: 255 255 255;--color-primary: rgb(0 136 204 / 1);--color-primary-rgb: 0 136 204;--color-primary-hover: rgb(102 187 227 / 1);--color-primary-hover-rgb: 102 187 227;--color-border: rgb(255 255 255 / .1);--color-border-rgb: 255 255 255;--color-shadow: rgb(0 0 0 / 1);--color-shadow-rgb: 0 0 0;--color-primary-button-text: rgb(24 23 28 / 1);--color-primary-button-background: rgb(0 136 204 / 1);--color-primary-button-border: rgb(0 136 204 / 1);--color-primary-button-hover-text: rgb(24 23 28 / 1);--color-primary-button-hover-background: rgb(102 187 227 / 1);--color-primary-button-hover-border: rgb(102 187 227 / 1);--color-secondary-button-text: rgb(255 255 255 / 1);--color-secondary-button-background: rgb(0 0 0 / 0);--color-secondary-button-border: rgb(255 255 255 / .69);--color-secondary-button-hover-text: rgb(255 255 255 / 1);--color-secondary-button-hover-background: rgb(255 255 255 / .08);--color-secondary-button-hover-border: rgb(255 255 255 / 1);--color-input-background: rgb(255 255 255 / .08);--color-input-text: rgb(255 255 255 / 1);--color-input-text-rgb: 255 255 255;--color-input-border: rgb(255 255 255 / .24);--color-input-hover-background: rgb(255 255 255 / .12);--color-variant-background: rgb(24 23 28 / 1);--color-variant-border: rgb(255 255 255 / .24);--color-variant-text: rgb(255 255 255 / 1);--color-variant-text-rgb: 255 255 255;--color-variant-hover-background: rgb(255 255 255 / .08);--color-variant-hover-text: rgb(255 255 255 / 1);--color-variant-hover-border: rgb(0 136 204 / 1);--color-selected-variant-background: rgb(0 136 204 / 1);--color-selected-variant-border: rgb(0 136 204 / 1);--color-selected-variant-text: rgb(24 23 28 / 1);--color-selected-variant-hover-background: rgb(102 187 227 / 1);--color-selected-variant-hover-text: rgb(24 23 28 / 1);--color-selected-variant-hover-border: rgb(102 187 227 / 1);--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));--font-h1--color: var(--color-foreground-heading);--font-h2--color: var(--color-foreground-heading);--font-h3--color: var(--color-foreground-heading);--font-h4--color: var(--color-foreground-heading);--font-h5--color: var(--color-foreground-heading);--font-h6--color: var(--color-foreground-heading);--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));--shadow-blur: 20px;--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15))}.color-scheme-6{--color-background: rgb(0 0 0 / 0);--color-background-rgb: 0 0 0;--opacity-5-15: .15;--opacity-10-25: .25;--opacity-35-55: .55;--opacity-40-60: .6;--opacity-30-60: .6;--color-foreground: rgb(255 255 255 / 1);--color-foreground-rgb: 255 255 255;--color-foreground-heading: rgb(255 255 255 / 1);--color-foreground-heading-rgb: 255 255 255;--color-primary: rgb(255 255 255 / 1);--color-primary-rgb: 255 255 255;--color-primary-hover: rgb(255 255 255 / .69);--color-primary-hover-rgb: 255 255 255;--color-border: rgb(230 230 230 / 1);--color-border-rgb: 230 230 230;--color-shadow: rgb(0 0 0 / 1);--color-shadow-rgb: 0 0 0;--color-primary-button-text: rgb(0 0 0 / 1);--color-primary-button-background: rgb(255 255 255 / 1);--color-primary-button-border: rgb(255 255 255 / 1);--color-primary-button-hover-text: rgb(255 255 255 / 1);--color-primary-button-hover-background: rgb(0 0 0 / 1);--color-primary-button-hover-border: rgb(0 0 0 / 1);--color-secondary-button-text: rgb(255 255 255 / 1);--color-secondary-button-background: rgb(0 0 0 / 0);--color-secondary-button-border: rgb(255 255 255 / 1);--color-secondary-button-hover-text: rgb(255 255 255 / 1);--color-secondary-button-hover-background: rgb(255 255 255 / .08);--color-secondary-button-hover-border: rgb(255 255 255 / 1);--color-input-background: rgb(255 255 255 / 1);--color-input-text: rgb(0 0 0 / .53);--color-input-text-rgb: 0 0 0;--color-input-border: rgb(0 0 0 / .13);--color-input-hover-background: rgb(250 250 250 / 1);--color-variant-background: rgb(255 255 255 / 1);--color-variant-border: rgb(230 230 230 / 1);--color-variant-text: rgb(0 0 0 / 1);--color-variant-text-rgb: 0 0 0;--color-variant-hover-background: rgb(245 245 245 / 1);--color-variant-hover-text: rgb(0 0 0 / 1);--color-variant-hover-border: rgb(230 230 230 / 1);--color-selected-variant-background: rgb(0 0 0 / 1);--color-selected-variant-border: rgb(0 0 0 / 1);--color-selected-variant-text: rgb(255 255 255 / 1);--color-selected-variant-hover-background: rgb(26 26 26 / 1);--color-selected-variant-hover-text: rgb(255 255 255 / 1);--color-selected-variant-hover-border: rgb(26 26 26 / 1);--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));--font-h1--color: var(--color-foreground-heading);--font-h2--color: var(--color-foreground-heading);--font-h3--color: var(--color-foreground-heading);--font-h4--color: var(--color-foreground-heading);--font-h5--color: var(--color-foreground-heading);--font-h6--color: var(--color-foreground-heading);--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));--shadow-blur: 20px;--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15))}.color-scheme-1,.color-scheme-2,.color-scheme-3,.color-scheme-4,.color-scheme-5,.color-scheme-6{color:var(--color-foreground);background-color:var(--color-background)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/design-tokens.css.map */