:root{--spbx-surface-0: #f4f2ee;--spbx-surface-1: #ffffff;--spbx-surface-2: #e9e7e1;--spbx-ink: #0a0a0a;--spbx-ink-mut: rgba(10, 10, 10, .55);--spbx-line: rgba(10, 10, 10, .14);--spbx-accent: #c81927;--spbx-on-accent: #ffffff;--spbx-btn-bg: var(--spbx-ink);--spbx-btn-fg: var(--spbx-surface-1);--spbx-shadow: 0 1px 24px rgba(0, 0, 0, .12);--spbx-header-bg: var(--spbx-surface-1);color-scheme:light;--sp-3xs: .4rem;--sp-2xs: .8rem;--sp-xs: 1.2rem;--sp-sm: 1.6rem;--sp-md: 2.4rem;--sp-lg: 3.2rem;--sp-xl: 4.8rem;--sp-2xl: 6.4rem;--sp-3xl: 9.6rem;--sp-4xl: 12.8rem;--sp-section: clamp(6.4rem, 9vw, 12.8rem);--sp-gutter: clamp(2rem, 4vw, 6.4rem);--fs-eyebrow: 1.2rem;--fs-body: clamp(1.5rem, 1.5vw, 1.7rem);--fs-lead: clamp(1.8rem, 2vw, 2.2rem);--fs-h3: clamp(2rem, 2.4vw, 2.6rem);--fs-h2: clamp(2.8rem, 5vw, 5.6rem);--fs-h1: clamp(4rem, 9vw, 9.6rem);--fs-display: clamp(5.2rem, 13vw, 16rem);--lh-tight: .95;--lh-snug: 1.15;--lh-body: 1.55;--measure: 62ch}:root{--bgColor: var(--spbx-surface-0);--bgColorOpacity: var(--spbx-surface-0);--primary: var(--spbx-accent);--color: var(--spbx-ink);--colorHeadings: var(--spbx-ink);--linkColor: var(--spbx-ink);--linkHover: var(--spbx-accent);--buttonBgColor: var(--spbx-btn-bg);--buttonColor: var(--spbx-btn-fg);--buttonBorderColor: var(--spbx-line);--buttonBorderHover: var(--spbx-ink);--buyButtonBgColor: var(--spbx-accent);--buyButtonColor: var(--spbx-on-accent);--buyButtonBorderColor: var(--spbx-accent);--buyButtonBorderHover: var(--spbx-accent);--boxBgColor: var(--spbx-surface-2);--boxColor: var(--spbx-ink);--boxPlaceholderColor: var(--spbx-ink-mut);--boxBorderColor: var(--spbx-line);--boxBorderHover: var(--spbx-ink-mut);--boxBorderActive: var(--spbx-ink);--cardBg: transparent;--cardColor: var(--spbx-ink);--cardTextBg: transparent;--globalBorderColor: var(--spbx-line);--globalTransparentBg: var(--spbx-surface-0);--footerBg: var(--spbx-surface-0);--footerColor: var(--spbx-ink);--footerBorder: var(--spbx-line);background-color:var(--spbx-surface-0)}body{background-color:var(--spbx-surface-0);color:var(--spbx-ink)}a,button,input,select,textarea,summary,[role=button]{touch-action:manipulation}.price,.money,[data-spbl-count]{font-variant-numeric:tabular-nums}header{background:var(--spbx-header-bg);color:var(--spbx-ink)}.main-header #header details.dm>details-menu{--headerBg: var(--spbx-surface-1);--linkColor: var(--spbx-ink);--linkHover: var(--spbx-accent);background:var(--spbx-surface-1);color:var(--spbx-ink);border-color:var(--spbx-line);box-shadow:var(--spbx-shadow)}.main-header #header details.dm>details-menu a,.main-header #header details.dm>details-menu summary{color:var(--spbx-ink)}.main-header #header details.dm>details-menu a:hover,.main-header #header details.dm>details-menu summary:hover{color:var(--spbx-accent)}.spb-nav-dropdown-list{padding:var(--sp-2xs) 0}.spb-nav-dropdown-list a,.spb-nav-dropdown-list summary{display:block;padding:var(--sp-xs) var(--sp-md);font-size:1.4rem;letter-spacing:.02em;transition:color .15s ease,background .15s ease}.spb-nav-dropdown-list a:hover{background:color-mix(in srgb,var(--spbx-ink) 8%,transparent)}body:has(.spbl) #header,body:has(.spbl) #header.header--transparent-top{--linkColor: var(--spbx-ink);--linkHover: var(--spbx-accent);--headerColor: var(--spbx-ink);--headerBg: var(--spbx-header-bg);background:var(--spbx-header-bg);color:var(--spbx-ink)}body:has(.spbl) #header.header--transparent-top svg,body:has(.spbl) #header.header--transparent-top a,body:has(.spbl) #header a,body:has(.spbl) #header svg{color:var(--spbx-ink);fill:currentColor;stroke:currentColor}body:has(.spbl) #header #counter,body:has(.spbl) #header.header--transparent-top #counter{color:var(--spbx-ink);border-color:var(--spbx-ink)}body:has(.spbl) #header .logo--white,body:has(.spbl) #header.header--transparent-top .logo--white{display:none}body:has(.spbl) #header .logo--black,body:has(.spbl) #header.header--transparent-top .logo--black{display:block}@property --spbx-grad-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --spbx-grad-angle-offset{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --spbx-grad-percent{syntax: "<percentage>"; initial-value: 5%; inherits: false;}@property --spbx-grad-shine{syntax: "<color>"; initial-value: #ffffff; inherits: false;}.spbx-shiny-cta.spbx-shiny-cta{--shiny-bg: var(--spbx-ink, #0a0a0a);--shiny-bg-subtle: #1f1d1d;--shiny-fg: #ffffff;--shiny-highlight: var(--spbx-accent, #c81927);--shiny-highlight-subtle: #ff8d96;--shiny-duration: 3s;--shiny-transition: .8s cubic-bezier(.25, 1, .5, 1);isolation:isolate;position:relative;overflow:hidden;clip-path:inset(0 round 36rem);contain:paint;z-index:0;display:inline-flex;align-items:center;justify-content:center;gap:1rem;cursor:pointer;outline-offset:4px;min-height:4.8rem;padding:1.4rem 2.8rem;font-size:1.3rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;line-height:1.2;border:1px solid transparent;border-radius:36rem;color:var(--shiny-fg);background:linear-gradient(var(--shiny-bg),var(--shiny-bg)) padding-box,conic-gradient(from calc(var(--spbx-grad-angle) - var(--spbx-grad-angle-offset)),transparent,var(--shiny-highlight) var(--spbx-grad-percent),var(--spbx-grad-shine) calc(var(--spbx-grad-percent) * 2),var(--shiny-highlight) calc(var(--spbx-grad-percent) * 3),transparent calc(var(--spbx-grad-percent) * 4)) border-box;box-shadow:inset 0 0 0 1px var(--shiny-bg-subtle);transition:var(--shiny-transition);transition-property:--spbx-grad-angle-offset,--spbx-grad-percent,--spbx-grad-shine}.spbx-shiny-cta.spbx-shiny-cta--big{min-height:6rem;padding:1.8rem 3.6rem;font-size:1.5rem}.spbx-shiny-cta:active{translate:0 1px}.spbx-shiny-cta.spbx-shiny-cta:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px var(--shiny-highlight)}.spbx-shiny-cta:before,.spbx-shiny-cta:after,.spbx-shiny-cta>span:before{content:"";pointer-events:none;position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;z-index:-1}.spbx-shiny-cta:before{--size: calc(100% - 6px) ;--position: 2px;--space: calc(var(--position) * 2);width:var(--size);height:var(--size);background:radial-gradient(circle at var(--position) var(--position),white calc(var(--position) / 4),transparent 0) padding-box;background-size:var(--space) var(--space);background-repeat:space;-webkit-mask-image:conic-gradient(from calc(var(--spbx-grad-angle) + 45deg),black,transparent 10% 90%,black);mask-image:conic-gradient(from calc(var(--spbx-grad-angle) + 45deg),black,transparent 10% 90%,black);border-radius:inherit;opacity:.4}.spbx-shiny-cta:after{width:100%;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--shiny-highlight),transparent);-webkit-mask-image:radial-gradient(circle at bottom,transparent 40%,black);mask-image:radial-gradient(circle at bottom,transparent 40%,black);opacity:.6}.spbx-shiny-cta>span{position:relative;z-index:1}.spbx-shiny-cta>span:before{--size: calc(100% + 1rem) ;width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px var(--shiny-highlight);opacity:0;transition:opacity var(--shiny-transition);animation:spbx-shiny-breathe calc(var(--shiny-duration) * 1.5) linear infinite}.spbx-shiny-cta,.spbx-shiny-cta:before{animation:spbx-shiny-angle var(--shiny-duration) linear infinite,spbx-shiny-angle calc(var(--shiny-duration) / .4) linear infinite reverse paused;animation-composition:add}.spbx-shiny-cta:after{animation:spbx-shiny-spin var(--shiny-duration) linear infinite,spbx-shiny-spin calc(var(--shiny-duration) / .4) linear infinite reverse paused;animation-composition:add}.spbx-shiny-cta.spbx-shiny-cta:is(:hover,:focus-visible){--spbx-grad-percent: 20%;--spbx-grad-angle-offset: 95deg;--spbx-grad-shine: var(--shiny-highlight-subtle);color:var(--shiny-fg)}.spbx-shiny-cta:is(:hover,:focus-visible),.spbx-shiny-cta:is(:hover,:focus-visible):before,.spbx-shiny-cta:is(:hover,:focus-visible):after{animation-play-state:running}.spbx-shiny-cta:is(:hover,:focus-visible)>span:before{opacity:1}@keyframes spbx-shiny-angle{to{--spbx-grad-angle: 360deg}}@keyframes spbx-shiny-spin{to{rotate:360deg}}@keyframes spbx-shiny-breathe{0%,to{scale:1}50%{scale:1.2}}@media(prefers-reduced-motion:reduce){.spbx-shiny-cta,.spbx-shiny-cta:before,.spbx-shiny-cta:after,.spbx-shiny-cta>span:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/spbox-theme.css.map */