.storefront{--base-white:#fff;--base-black:#000;--brand-50:#f8f8fa;--brand-100:#f3f3f6;--brand-200:#eeeff3;--brand-300:#dadce5;--brand-400:#babdce;--brand-500:#9398b2;--brand-600:#4e5684;--brand-700:#2d366b;--brand-800:#091450;--brand-900:#070c2b;--brand-950:#040714;--accent-50:#fffbfa;--accent-100:#fff7f5;--accent-200:#fff0eb;--accent-300:#ffece5;--accent-400:#ffe4db;--accent-500:#ffddd2;--accent-600:#ffc9b8;--accent-700:#ffb399;--accent-800:#ff9f80;--accent-900:#ff8861;--accent-950:#ff8157;--success-50:#ecfdf3;--success-400:#47cd89;--success-600:#079455;--error-500:#f04438;--price-up:#de3024;--price-down:#0b9055;--shadow-xs:0px 1px 2px rgba(4,7,20,.05);--shadow-sm:0px 1px 3px rgba(4,7,20,.1),0px 1px 2px rgba(4,7,20,.06);--shadow-md:0px 4px 10px -2px rgba(4,7,20,.06);--shadow-lg:0px 10px 16px -4px rgba(4,7,20,.04),0px 4px 6px -2px rgba(4,7,20,.02);--shadow-xl:0px 20px 24px -4px rgba(4,7,20,.06),0px 8px 8px -4px rgba(4,7,20,.02);--shadow-2xl:0px 24px 48px -12px rgba(4,7,20,.16);--storefront-gutter:clamp(16px,4vw,48px);--storefront-content:1160px;--storefront-wrapper:1256px;font-variant-numeric:tabular-nums;color:var(--brand-800)}.storefront *,.storefront :after,.storefront :before{box-sizing:border-box}.storefront a:active,.storefront button:active{opacity:.75}@media (prefers-reduced-motion:reduce){.storefront *,.storefront :after,.storefront :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}