:root{--splux-color-primary-red: #D00A07;--splux-color-primary-white: #FFFFFF;--splux-color-primary-black: #000000;--splux-color-secondary-gray: #EAEAEA;--splux-color-secondary-cream: #F9F7ED;--splux-color-secondary-gold: #FFC90E;--splux-color-dark-bg: #130200;--splux-color-dark-surface-1: #1F0B08;--splux-color-dark-surface-2: #2B1310;--splux-color-dark-border: #3A2420;--splux-color-dark-text-primary: #F7F7F7;--splux-color-dark-text-secondary: #B8ABA8;--splux-color-text-white: #FFFFFF;--splux-color-text-placeholder: #9E9E9E;--splux-color-text-description: #999999;--splux-color-text-body: #666666;--splux-color-text-title: #000000;--splux-color-success: #1E8E3E;--splux-color-warning: #FFC90E;--splux-color-error: #A80805;--splux-color-info: #000000;--splux-color-link: #000000;--splux-color-link-hover: #D00A07;--splux-color-primary-red-hover: #B80906;--splux-color-primary-red-active: #A80805;--splux-color-primary-red-disabled: rgba(208, 10, 7, .4);--splux-color-badge-success-bg: rgba(30, 142, 62, .1);--splux-color-badge-warning-bg: rgba(255, 201, 14, .1);--splux-color-badge-error-bg: rgba(168, 8, 5, .1);--splux-color-badge-warning-text: #8A6A00;--splux-divider-color-light: #EAEAEA;--splux-divider-color-dark: #3A2420;--splux-divider-width: 1px;--splux-opacity-disabled: .4;--splux-color-selected-bg: #000000;--splux-color-selected-text: #FFFFFF;--splux-color-selected-border: #000000;--splux-gradient-fade-bottom-light: linear-gradient(180deg, #ffffff00 0%, #ffffff 100%);--splux-gradient-fade-bottom-dark: linear-gradient(180deg, #13020000 0%, #130200 100%);--splux-gradient-image-caption-mask: linear-gradient(180deg, #13020000 40%, #130200a6 100%);--splux-gradient-image-hover-mask: linear-gradient(0deg, #130200a6 0%, #13020000 60%);--splux-gradient-scrim-top-nav: linear-gradient(180deg, #13020099 0%, #13020000 100%);--splux-font-family-cn-title: "ZCOOLQingKeHuangYou", "PingFang SC", "Microsoft YaHei", sans-serif;--splux-font-family-en-body: "Open Sans", "PingFang SC", "Helvetica Neue", Arial, sans-serif;--splux-font-family-h1-zcool: "ZCOOLQingKeHuangYou", "PingFang SC", "Microsoft YaHei", sans-serif;--splux-font-family-h1-opensans: "Open Sans", "PingFang SC", "Helvetica Neue", Arial, sans-serif;--splux-font-size-display: clamp(4.5rem, 4.5rem + 4.5vw, 8.625rem);--splux-font-size-h1: clamp(2.25rem, 2.25rem + 2.25vw, 3.75rem);--splux-font-size-h2: clamp(1.75rem, 1.75rem + 2.07vw, 3.125rem);--splux-font-size-h3: clamp(1.25rem, 1.25rem + .94vw, 1.875rem);--splux-font-size-h4: clamp(1.0625rem, 1.0625rem + .47vw, 1.375rem);--splux-font-size-body: clamp(1rem, 1rem + .38vw, 1.25rem);--splux-font-size-description: clamp(.9375rem, .9375rem + .19vw, 1.0625rem);--splux-font-size-caption: clamp(.8125rem, .8125rem + .19vw, .9375rem);--splux-font-size-micro: .625rem;--splux-line-height-h1: .8;--splux-line-height-h1-opensans: .9;--splux-line-height-h2: .9;--splux-line-height-h3: 1.3;--splux-line-height-h4: 1.35;--splux-line-height-body: 1.6;--splux-line-height-caption: 1.5;--splux-line-height-micro: 1.4;--splux-font-weight-h1: 700;--splux-font-weight-h1-opensans: 800;--splux-font-weight-h2: 800;--splux-font-weight-h3: 600;--splux-font-weight-h4: 600;--splux-font-weight-body: 400;--splux-font-weight-caption: 400;--splux-font-weight-micro: 400;--splux-letter-spacing-title: .02em;--splux-letter-spacing-body: normal;--splux-letter-spacing-caps: .08em;--splux-space-1: 4px;--splux-space-2: 8px;--splux-space-3: 16px;--splux-space-4: 24px;--splux-space-5: 32px;--splux-space-6: 40px;--splux-space-7: 56px;--splux-space-8: 64px;--splux-container-max-desktop: 1440px;--splux-container-max-laptop: 1200px;--splux-grid-columns-desktop: 12;--splux-grid-columns-tablet: 8;--splux-grid-columns-mobile: 4;--splux-grid-margin-desktop: 64px;--splux-grid-margin-laptop: 40px;--splux-grid-margin-tablet: 32px;--splux-grid-margin-mobile: 16px;--splux-grid-gutter-desktop: 24px;--splux-grid-gutter-tablet: 16px;--splux-grid-gutter-mobile: 8px;--splux-bp-sm: 480px;--splux-bp-md: 768px;--splux-bp-lg: 1024px;--splux-bp-xl: 1280px;--splux-bp-2xl: 1440px;--splux-radius-none: 0;--splux-shadow-sm: 0 1px 2px rgba(19, 2, 0, .06);--splux-shadow-md: 0 4px 12px rgba(19, 2, 0, .1);--splux-shadow-lg: 0 8px 24px rgba(19, 2, 0, .16);--splux-shadow-xl: 0 16px 40px rgba(19, 2, 0, .24);--splux-z-base: 10;--splux-z-nav: 100;--splux-z-dropdown: 200;--splux-z-overlay: 900;--splux-z-modal: 1000;--splux-z-toast: 1100;--splux-icon-stroke-width: 1.5px;--splux-icon-size-sm: 16px;--splux-icon-size-md: 20px;--splux-icon-size-lg: 24px;--splux-icon-size-xl: 32px;--splux-hit-area-min: 40px;--splux-duration-fast: .15s;--splux-duration-base: .3s;--splux-duration-slow: .5s;--splux-ease-out: ease-out;--splux-ease-in-out: ease-in-out;--splux-animation-fade-in: splux-fade-in .3s ease-out both;--splux-animation-fade-out: splux-fade-out .3s ease-out both;--splux-focus-ring-width: 2px;--splux-focus-ring-gap: 2px;--splux-focus-outline-default: 2px solid #D00A07;--splux-focus-outline-on-primary: 2px solid #000000;--splux-btn-height-sm: 32px;--splux-btn-height-md: 40px;--splux-btn-height-lg: 48px;--splux-btn-padding-x-sm: 12px;--splux-btn-padding-x-md: 16px;--splux-btn-padding-x-lg: 20px;--splux-btn-font-size-sm: 13px;--splux-btn-font-size-md: 14px;--splux-btn-font-size-lg: 16px;--splux-btn-font-weight-lg: 600;--splux-btn-icon-size-sm: 14px;--splux-btn-icon-size-md: 16px;--splux-btn-icon-size-lg: 18px;--splux-btn-gap-sm: 6px;--splux-btn-gap-md: 8px;--splux-btn-gap-lg: 8px;--splux-btn-border-width: 1px;--splux-btn-focus-width: 3px;--splux-btn-transition: .16s ease-out;--splux-btn-spinner-size: 16px;--splux-btn-brand-bg: #D00A07;--splux-btn-brand-bg-hover: #B80906;--splux-btn-brand-bg-active: #970706;--splux-btn-brand-bg-disabled: #F0B0AE;--splux-btn-brand-text: #FFFFFF;--splux-btn-brand-text-disabled: rgba(255, 255, 255, .85);--splux-btn-ink-bg: #111111;--splux-btn-ink-bg-hover: #2A2A2A;--splux-btn-ink-bg-active: #000000;--splux-btn-ink-bg-disabled: #BDBDBD;--splux-btn-ink-text: #FFFFFF;--splux-btn-ink-border: #D6D6D6;--splux-btn-ink-border-hover: #999999;--splux-btn-ink-text-quiet: #555555;--splux-btn-white-bg: #FFFFFF;--splux-btn-white-bg-hover: #F5F5F5;--splux-btn-white-bg-active: #EAEAEA;--splux-btn-white-bg-disabled: rgba(255, 255, 255, .45);--splux-btn-white-text: #111111;--splux-btn-white-text-disabled: rgba(17, 17, 17, .4);--splux-btn-gradient-bg: linear-gradient(180deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .35) 100%);--splux-btn-gradient-bg-hover: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .45) 100%);--splux-btn-gradient-bg-active: linear-gradient(180deg, rgba(235, 235, 235, 1) 0%, rgba(235, 235, 235, .5) 100%);--splux-btn-gradient-border: rgba(255, 255, 255, .4);--splux-btn-gradient-text: #111111;--splux-btn-focus-ring-brand: 0 0 0 3px rgba(208, 10, 7, .22);--splux-btn-focus-ring-ink: 0 0 0 3px rgba(128, 128, 128, .35);--splux-btn-focus-ring-white: 0 0 0 3px rgba(255, 255, 255, .45);--splux-card-padding-desktop: 24px;--splux-card-padding-mobile: 16px;--splux-card-bg-light: #FFFFFF;--splux-card-hover-scale: 1.03;--splux-card-image-ratio-landscape: 3 / 2;--splux-card-image-ratio-portrait: 4 / 5;--splux-input-height: 44px;--splux-input-height-sm: 36px;--splux-input-bg: #FFFFFF;--splux-input-padding-x: 16px;--splux-input-radius: 0;--splux-input-border-color: #EAEAEA;--splux-input-border-width: 1px;--splux-input-focus-border-color: #000000;--splux-input-placeholder-color: #9E9E9E;--splux-input-disabled-bg: #F5F5F5;--splux-input-error-border-color: #A80805;--splux-select-arrow-color: #666666;--splux-textarea-min-height: 96px;--splux-checkbox-size: 20px;--splux-checkbox-checked-bg: #000000;--splux-radio-size: 18px;--splux-radio-checked-color: #000000;--splux-switch-width: 40px;--splux-switch-height: 22px;--splux-tag-default-bg: #EAEAEA;--splux-tag-default-text: #666666;--splux-tag-accent-bg: #FFC90E;--splux-tag-accent-text: #000000;--splux-nav-height-desktop: 72px;--splux-nav-height-mobile: 56px;--splux-nav-bg: #000000;--splux-nav-text: #F7F7F7;--splux-tab-indicator-height: 2px;--splux-pagination-size: 36px;--splux-toast-bg: #000000;--splux-toast-text: #FFFFFF;--splux-spinner-color: #D00A07;--splux-media-ratio-landscape: 3 / 2;--splux-media-ratio-portrait: 4 / 5;--splux-media-ratio-banner: 16 / 9;--splux-carousel-arrow-size-desktop: 48px;--splux-carousel-arrow-size-mobile: 40px;--splux-carousel-arrow-icon-size-desktop: 20px;--splux-carousel-arrow-icon-size-mobile: 16px;--splux-carousel-arrow-offset-desktop: 24px;--splux-carousel-arrow-offset-mobile: 16px;--splux-carousel-arrow-radius: 50%;--splux-carousel-arrow-bg: rgba(208, 10, 7, .5);--splux-carousel-arrow-bg-hover: rgba(208, 10, 7, .7);--splux-carousel-arrow-bg-active: rgba(208, 10, 7, .7);--splux-carousel-arrow-color: #000000;--splux-carousel-arrow-bg-disabled: rgba(208, 10, 7, .2);--splux-carousel-arrow-color-disabled: rgba(0, 0, 0, .3);--splux-dot-size: 4px;--splux-dot-color-light: #EAEAEA;--splux-dot-color-light-active: #000000;--splux-dot-color-dark: rgba(247, 247, 247, .4);--splux-dot-color-dark-active: #F7F7F7;--splux-list-indent: 24px;--splux-list-item-gap: 8px;--splux-list-marker-size: 5px;--splux-list-marker-color: #D00A07;--splux-list-marker-radius: 0;--splux-selection-bg: #D00A07;--splux-selection-color: #FFFFFF}::selection{background:var(--splux-selection-bg);color:var(--splux-selection-color)}@keyframes splux-fade-in{0%{opacity:0}to{opacity:1}}@keyframes splux-fade-out{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/splux-tokens.css.map */