.sx[data-sx] .pan__stage{--a:360;--from:0;--bls:1;--cx:68%;--cy:47%;--mx:68%;--my:47%;--rx:30vw;--ry:11vw;position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:#000}.sx[data-sx] .pan__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;max-width:none;transform-origin:var(--mx) var(--my)}.sx[data-sx] .pan__base{filter:grayscale(1) brightness(.4) contrast(1.1)}.sx[data-sx] .pan__lit{-webkit-mask-image:conic-gradient(from calc(var(--from) * 1deg) at var(--mx) var(--my),#000 calc(var(--a) * 1deg),transparent calc(var(--a) * 1deg + .4deg)),radial-gradient(ellipse var(--rx) var(--ry) at var(--mx) var(--my),#000 96%,transparent 100%);-webkit-mask-composite:source-in;mask-image:conic-gradient(from calc(var(--from) * 1deg) at var(--mx) var(--my),#000 calc(var(--a) * 1deg),transparent calc(var(--a) * 1deg + .4deg)),radial-gradient(ellipse var(--rx) var(--ry) at var(--mx) var(--my),#000 96%,transparent 100%);mask-composite:intersect}.sx[data-sx] .pan__beam{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .4s;background:conic-gradient(from calc((var(--a) + var(--from)) * 1deg - 34deg) at var(--cx) var(--cy),transparent 0deg 33.6deg,rgba(255,255,255,.9) 34deg,transparent 34.3deg);-webkit-mask-image:radial-gradient(ellipse var(--rx) var(--ry) at var(--cx) var(--cy),#000 96%,transparent 100%);mask-image:radial-gradient(ellipse var(--rx) var(--ry) at var(--cx) var(--cy),#000 96%,transparent 100%);mix-blend-mode:screen}.sx[data-sx] .is-sweeping .pan__beam{opacity:1}.sx[data-sx] .is-done .pan__beam{opacity:0}.sx[data-sx] .pan__blind{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .5s;background:#ff453a47;-webkit-mask-image:conic-gradient(from calc((300 + var(--from)) * 1deg) at var(--cx) var(--cy),#000 0 60deg,transparent 60deg),radial-gradient(ellipse calc(var(--rx) * var(--bls)) calc(var(--ry) * var(--bls)) at var(--cx) var(--cy),#000 60%,transparent 100%);-webkit-mask-composite:source-in;mask-image:conic-gradient(from calc((300 + var(--from)) * 1deg) at var(--cx) var(--cy),#000 0 60deg,transparent 60deg),radial-gradient(ellipse calc(var(--rx) * var(--bls)) calc(var(--ry) * var(--bls)) at var(--cx) var(--cy),#000 60%,transparent 100%);mask-composite:intersect}.sx[data-sx] .is-300.is-done .pan__blind{opacity:1}.sx[data-sx] .pan__rings{position:absolute;left:var(--cx);top:var(--cy);width:calc(var(--rx) * 2);height:calc(var(--ry) * 2);transform:translate(-50%,-50%);overflow:visible;pointer-events:none}.sx[data-sx] .pan__rings ellipse{fill:none;stroke:#ffffff4d;stroke-width:1.5;vector-effect:non-scaling-stroke}.sx[data-sx] .pan__rings .mark300{stroke:var(--rec);stroke-width:2;stroke-dasharray:4 5;opacity:0;transition:opacity .4s}.sx[data-sx] .is-300 .pan__rings .mark300{opacity:1}.sx[data-sx] .is-front .pan__img{object-position:100% 50%}.sx[data-sx] .pan__stage.is-front{--from:10;--fov:90;--rx:9vw;--ry:9vw}.sx[data-sx] .is-front .pan__base{filter:grayscale(calc(.9 - .2 * var(--p, 0))) brightness(calc(.34 + .06 * var(--p, 0))) contrast(1.1)}.sx[data-sx] .is-front .pan__lit{-webkit-mask-image:conic-gradient(from calc(var(--ls, -80) * 1deg) at var(--mx) var(--my),transparent 0deg,#000 6deg,#000 calc((var(--sp, 90) - 4) * 1deg),transparent calc(var(--sp, 90) * 1deg)),radial-gradient(circle at var(--mx) var(--my),#000 30%,transparent 88%);-webkit-mask-composite:source-in;mask-image:conic-gradient(from calc(var(--ls, -80) * 1deg) at var(--mx) var(--my),transparent 0deg,#000 6deg,#000 calc((var(--sp, 90) - 4) * 1deg),transparent calc(var(--sp, 90) * 1deg)),radial-gradient(circle at var(--mx) var(--my),#000 30%,transparent 88%);mask-composite:intersect;filter:saturate(1.08) brightness(1.04)}.sx[data-sx] .pan__vp{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;display:none;overflow:visible}.sx[data-sx] .vp__edge{stroke-width:1.5;stroke-linecap:round}.sx[data-sx] .vp__dot{fill:#fff}.sx[data-sx] .vp__halo{fill:#fff3;stroke:#ffffffb3;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:sx-vpPulse 2.4s cubic-bezier(.2,.7,.3,1) infinite}@keyframes sx-vpPulse{0%{transform:scale(.45);opacity:.95}to{transform:scale(2);opacity:0}}.sx[data-sx] .is-front .pan__vp{display:block}.sx[data-sx] .is-front .pan__beam,.sx[data-sx] .is-front .pan__rings,.sx[data-sx] .is-front .pan__blind{display:none}.sx[data-sx] .vp__blind{opacity:0;transition:opacity .6s}.sx[data-sx] .is-front .vp__blind{opacity:1}.sx[data-sx] .vp__cone,.sx[data-sx] .vp__edge{transition:opacity .6s}.sx[data-sx] .is-300.is-done .vp__cone,.sx[data-sx] .is-300.is-done .vp__edge{opacity:0}.sx[data-sx] .pan__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05070bbf,#05070b33 40%,#05070b00 55%),linear-gradient(90deg,#05070b99,#05070b00 45%);pointer-events:none}.sx[data-sx] .pan__ui{position:absolute;left:0;right:0;top:clamp(calc(2*var(--u)),8vh,calc(5*var(--u)))}.sx[data-sx] .pan__ui .h2{max-width:12ch}.sx[data-sx] .pan__ui .lede{margin-top:calc(1.25*var(--u));color:#d3dbe4;max-width:calc(30*var(--u))}.sx[data-sx] .seg{display:inline-grid;grid-auto-flow:column;gap:calc(.3*var(--u));margin:calc(1.75*var(--u)) 0 0;padding:calc(.35*var(--u));border:1px solid rgba(255,255,255,.22);border-radius:calc(var(--radius) + calc(.3*var(--u)));background:#05070bb3}.sx[data-sx] .seg label{position:relative;cursor:pointer}.sx[data-sx] .seg input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.sx[data-sx] .seg span{display:block;padding:calc(.8*var(--u)) calc(1.1*var(--u));border-radius:var(--radius);font-weight:500;font-size:calc(.8125*var(--u));letter-spacing:.06em;text-transform:uppercase;color:#c9d2dc;transition:background-color .3s,color .3s}.sx[data-sx] .seg label:hover span{color:#fff}.sx[data-sx] .seg input:checked+span{background:#fff;color:var(--black)}.sx[data-sx] .seg input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}.sx[data-sx] .pan__models{margin-top:calc(1*var(--u));color:#c9d2dc;font-size:calc(.9375*var(--u));max-width:calc(30*var(--u));min-height:3em}.sx[data-sx] .pan__models a{color:#fff;font-weight:600}.sx[data-sx] .pan__readout{position:absolute;right:var(--gutter);bottom:clamp(calc(1.5*var(--u)),5vh,calc(3*var(--u)));display:grid;justify-items:end;line-height:1;text-align:right}.sx[data-sx] .pan__readout b{text-shadow:0 2px 28px rgba(5,7,11,.55);font-weight:300;font-size:clamp(calc(4*var(--u)),calc(2*var(--u)) + 7vw,calc(10*var(--u)));letter-spacing:-.05em;font-variant-numeric:tabular-nums;line-height:.85}.sx[data-sx] .pan__readout sup{font-size:.45em;vertical-align:.9em;margin-left:.04em}.sx[data-sx] .pan__readout .osd{color:#c9d2dc;text-shadow:0 1px 10px rgba(5,7,11,.7)}.sx[data-sx] .pan__note{position:absolute;left:var(--gutter);bottom:calc(1.25*var(--u));color:#8e99a6;font-size:calc(.75*var(--u))}@media(max-width:900px){.sx[data-sx] .pan__stage{--rx:44vw;--ry:16vw}.sx[data-sx] .pan__img{object-position:64% 50%}.sx[data-sx] .is-front .pan__img{top:28%;object-position:90% 50%}.sx[data-sx] .pan__ui{top:calc(1.5*var(--u))}.sx[data-sx] .pan__ui .lede{font-size:calc(.9375*var(--u));margin-top:calc(.9*var(--u))}.sx[data-sx] .seg{margin-top:calc(1.1*var(--u))}.sx[data-sx] .seg span{padding:calc(.65*var(--u)) calc(.8*var(--u));font-size:calc(.75*var(--u))}.sx[data-sx] .pan__models{font-size:calc(.875*var(--u))}.sx[data-sx] .pan__readout{left:var(--gutter);right:auto;justify-items:start;text-align:left;bottom:auto;top:auto}.sx[data-sx] .pan__readout{bottom:calc(3*var(--u))}.sx[data-sx] .pan__readout b{font-size:calc(3.5*var(--u))}.sx[data-sx] .pan__note{display:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/sx-coverage.css.map */