@font-face{font-family:Product Story Condensed;src:url(product-story-condensed-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}product-current-selector{display:block;box-sizing:border-box;background:var(--current-bg, #000);color:var(--current-color, #fff);overflow-x:clip}product-current-selector *,product-current-selector *:before,product-current-selector *:after{box-sizing:border-box}product-current-selector .current{padding:var(--current-padding-top, 120px) 0 var(--current-padding-bottom, 0);text-align:center;font-family:Arial,Helvetica,sans-serif}product-current-selector .current__image{width:min(1800px,100%);margin:0 auto;background:#000}product-current-selector .current__image picture{display:block}product-current-selector .current__image img{display:block;width:100%;height:auto;min-height:0;max-width:none;max-height:none;color:inherit}product-current-selector .current__image img{--edge-fade: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.1) 3%, rgba(0,0,0,.35) 7%, rgba(0,0,0,.7) 12%, #000 18%, #000 76%, rgba(0,0,0,.85) 82%, rgba(0,0,0,.5) 89%, rgba(0,0,0,.15) 96%, transparent 100%);--side-fade: linear-gradient(to right, transparent 0%, #000 5%, #000 95%, transparent 100%);--subject-mask: radial-gradient(ellipse 27% 41% at 55% 50%, #000 90%, transparent 100%);-webkit-mask-image:var(--subject-mask),var(--edge-fade),var(--side-fade);mask-image:var(--subject-mask),var(--edge-fade),var(--side-fade);-webkit-mask-composite:source-over,source-in;mask-composite:add,intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}product-current-selector.product-current-selector--source-artwork .current__image img{--subject-mask: radial-gradient(ellipse 27% 41% at 55% 50%, #000 90%, transparent 100%)}product-current-selector:not(.product-current-selector--source-artwork) .current__image img{--subject-mask: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.1) 3%, rgba(0,0,0,.35) 7%, rgba(0,0,0,.7) 12%, #000 18%, #000 76%, rgba(0,0,0,.85) 82%, rgba(0,0,0,.5) 89%, rgba(0,0,0,.15) 96%, transparent 100%)}product-current-selector .current-control{width:min(820px,calc(100% - 96px));max-width:820px;margin:var(--current-control-top, 12px) auto var(--current-control-bottom, 40px);display:grid;grid-template-columns:136px 1fr;column-gap:32px;align-items:center;text-align:left}product-current-selector .current-control__readout{grid-column:1;grid-row:1 / 4;display:flex;align-items:flex-end;gap:8px;color:var(--current-color, #fff)}product-current-selector .current-control__readout>span:last-child{font:18px Arial,sans-serif;margin-bottom:3px}product-current-selector .current-control__accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}product-current-selector .current-control__digits{display:flex;gap:5px}product-current-selector .current-control__digits svg{width:46px;height:76px;overflow:visible}product-current-selector .current-control__digits polygon{fill:currentColor;opacity:.07}product-current-selector .current-control__digits polygon.on{opacity:1}product-current-selector .current-control.is-max .current-control__readout{color:var(--current-accent, #34c759)}product-current-selector .current-control__heading{grid-column:2;grid-row:1;display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 12px 4px}product-current-selector .current-control__label,product-current-selector .current-control__status{margin:0;font:11px/1.4 Arial,sans-serif;white-space:nowrap;color:var(--current-color, #fff)}product-current-selector .current-control__track{grid-column:2;grid-row:2;position:relative;height:48px;margin:0 12px}product-current-selector .current-control__rail{position:absolute;inset:10px 0 auto;height:28px;background:#131b16;border:1px solid #28392d;border-radius:20px;overflow:hidden}product-current-selector .current-control__rail span{display:block;width:calc(16px + (100% - 32px) * var(--fraction, 1));height:100%;background:var(--current-accent, #34c759);border-radius:20px 0 0 20px;opacity:.55}product-current-selector .current-control.is-max .current-control__rail span{width:100%;border-radius:20px;opacity:.85}product-current-selector .current-control__rail i{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}product-current-selector .current-control__rail i:before{content:"";position:absolute;inset:0 auto 0 -100%;width:200%;background-image:radial-gradient(ellipse at 35% 50%,rgba(255,255,255,.22),transparent 38%),linear-gradient(90deg,rgba(0,0,0,.14),transparent 35%,rgba(0,0,0,.14));background-size:50% 100%;background-repeat:repeat-x;animation:product-current-flow 4s linear infinite;animation-play-state:paused}product-current-selector .current-control__rail i:after{content:"";position:absolute;inset:0 auto 0 -139px;width:calc(100% + 139px);background-image:radial-gradient(circle at 10px 7px,rgba(255,255,255,.6) 0 .7px,transparent 1.5px),radial-gradient(circle at 53px 19px,rgba(255,255,255,.35) 0 .6px,transparent 1.3px),radial-gradient(circle at 101px 12px,rgba(255,255,255,.5) 0 .9px,transparent 1.8px);background-size:139px 28px;animation:product-current-sparkle 3.2s linear infinite;animation-play-state:paused}product-current-selector .current-control.is-max .current-control__rail i{opacity:1}product-current-selector .current-control.is-max.is-visible .current-control__rail i:before,product-current-selector .current-control.is-max.is-visible .current-control__rail i:after{animation-play-state:running}@keyframes product-current-flow{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes product-current-sparkle{0%{transform:translate(0);opacity:.4}50%{opacity:.75}to{transform:translate(139px);opacity:.4}}product-current-selector .current-control input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:48px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer}product-current-selector .current-control input::-webkit-slider-runnable-track{height:28px;background:transparent}product-current-selector .current-control input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:32px;height:32px;margin-top:-2px;border-radius:50%;background:#fff;border:3px solid var(--current-accent, #34c759);box-shadow:0 0 12px color-mix(in srgb,var(--current-accent, #34c759) 40%,transparent)}product-current-selector .current-control input::-moz-range-track{height:28px;background:transparent}product-current-selector .current-control input::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--current-accent, #34c759)}product-current-selector .current-control input:focus-visible{outline:2px solid var(--current-color, #fff);outline-offset:4px;border-radius:24px}product-current-selector .current-control__ticks{grid-column:2;grid-row:3;display:flex;justify-content:space-between;margin:0 12px;font:12px Arial,sans-serif}product-current-selector .current-control__ticks span{width:32px;text-align:center}product-current-selector .current-control__ticks span:before{content:"";display:block;margin:0 auto 6px;width:1px;height:5px;background:#555}product-current-selector .current-control__ticks .is-selected{color:var(--current-accent, #34c759)}product-current-selector .current__layout{margin-top:var(--current-copy-gap, 40px)}product-current-selector .current__copy{width:min(var(--current-copy-width, 1000px),calc(100% - 96px));margin-inline:auto;text-align:center}product-current-selector .current__copy h2{margin:0;font-family:Product Story Condensed,Arial Narrow,Arial,sans-serif;font-weight:700;font-size:var(--current-title-size, 75px);letter-spacing:-.018em;line-height:.96;text-wrap:balance;overflow-wrap:break-word}product-current-selector .current__copy p{max-width:var(--current-body-width, 650px);margin:22px auto 0;color:var(--current-color, #fff);font-size:16px;line-height:1.5}product-current-selector .current__copy p+p{margin-top:12px}product-current-selector[data-scroll-reveal=true] .current__image,product-current-selector[data-scroll-reveal=true] .current-control,product-current-selector[data-scroll-reveal=true] .current__copy h2,product-current-selector[data-scroll-reveal=true] .current__copy p{opacity:0;translate:0 18px;transition:opacity .9s ease-out,translate .9s ease-out}product-current-selector[data-scroll-reveal=true] .current__image.is-revealed,product-current-selector[data-scroll-reveal=true] .current-control.is-revealed,product-current-selector[data-scroll-reveal=true] .current__copy h2.is-revealed,product-current-selector[data-scroll-reveal=true] .current__copy p.is-revealed{opacity:1;translate:none}product-current-selector[data-scroll-reveal=true] .current__image,product-current-selector[data-scroll-reveal=true] .current-control{transition-duration:1s}product-current-selector[data-scroll-reveal=true] .current-control.is-revealed .current-control__rail i:before,product-current-selector[data-scroll-reveal=true] .current-control.is-revealed .current-control__rail i:after{animation-delay:1s}@media(max-width:1100px)and (min-width:701px){product-current-selector .current__copy h2{font-size:min(var(--current-title-size, 75px),64px)}}@media(max-width:700px){product-current-selector .current{padding-block:var(--current-padding-top-mobile, 72px) var(--current-padding-bottom-mobile, 0)}product-current-selector .current__image{overflow:hidden}product-current-selector .current__image img{position:relative;left:50%;width:var(--current-mobile-zoom, 210%);max-width:none;max-height:none;height:auto;transform:translate(calc(-1 * var(--current-mobile-focus, 54%)))}product-current-selector.product-current-selector--source-mobile-image .current__image img{--subject-mask: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.1) 3%, rgba(0,0,0,.35) 7%, rgba(0,0,0,.7) 12%, #000 18%, #000 76%, rgba(0,0,0,.85) 82%, rgba(0,0,0,.5) 89%, rgba(0,0,0,.15) 96%, transparent 100%)}product-current-selector .current-control{width:calc(100% - 48px);grid-template-columns:1fr;gap:0;margin-top:var(--current-control-top, 12px);margin-bottom:28px}product-current-selector .current-control__readout{grid-column:1;grid-row:1;justify-content:center;margin-bottom:12px}product-current-selector .current-control__digits svg{width:32px;height:52px}product-current-selector .current-control__heading{grid-column:1;grid-row:2;margin-bottom:5px}product-current-selector .current-control__label,product-current-selector .current-control__status{font-size:10px}product-current-selector .current-control__track{grid-column:1;grid-row:3}product-current-selector .current-control__ticks{grid-column:1;grid-row:4;font-size:11px}product-current-selector .current-control__ticks span{width:20px}product-current-selector .current__layout{margin-top:var(--current-copy-gap-mobile, 28px)}product-current-selector .current__copy{width:calc(100% - 40px)}product-current-selector .current__copy h2{font-size:var(--current-title-size-mobile, 40px);line-height:1}product-current-selector .current__copy p{font-size:15px;line-height:1.6;margin-top:18px}product-current-selector .current-control input:focus-visible{outline:none}product-current-selector .current-control input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #000,0 0 0 5px var(--current-accent, #34c759)}product-current-selector .current-control input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #000,0 0 0 5px var(--current-accent, #34c759)}}@media(prefers-reduced-motion:reduce){product-current-selector[data-scroll-reveal=true] .current__image,product-current-selector[data-scroll-reveal=true] .current-control,product-current-selector[data-scroll-reveal=true] .current__copy h2,product-current-selector[data-scroll-reveal=true] .current__copy p,product-current-selector[data-scroll-reveal=true] .current__image.is-revealed,product-current-selector[data-scroll-reveal=true] .current-control.is-revealed,product-current-selector[data-scroll-reveal=true] .current__copy h2.is-revealed,product-current-selector[data-scroll-reveal=true] .current__copy p.is-revealed{opacity:1;translate:none;transition:none}product-current-selector .current-control__rail i:before,product-current-selector .current-control__rail i:after{animation:none}}@media print{product-current-selector[data-scroll-reveal=true] .current__image,product-current-selector[data-scroll-reveal=true] .current-control,product-current-selector[data-scroll-reveal=true] .current__copy h2,product-current-selector[data-scroll-reveal=true] .current__copy p{opacity:1;translate:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/product-current-selector.css.map */