.s360{--s360-accent: #FFCD00;--s360-accent-ink: #16140a;--s360-fg: #F4F7FA;--s360-muted: rgba(255, 255, 255, .62);--s360-faint: rgba(255, 255, 255, .42);--s360-surface: rgba(14, 17, 21, .82);--s360-line: rgba(255, 255, 255, .16);--s360-radius: 16px;--s360-font: var(--f-body, "Barlow", system-ui, sans-serif);--s360-mono: var(--f-mono, ui-monospace, "SFMono-Regular", monospace);position:relative;width:100%;font-family:var(--s360-font);-webkit-user-select:none;user-select:none;touch-action:manipulation}.s360__stage{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--s360-radius);touch-action:pan-y;cursor:grab;outline:none;-webkit-tap-highlight-color:transparent}.s360__stage.is-grab{cursor:grabbing}.s360.is-zoomed .s360__stage{cursor:move;touch-action:none}.s360.is-loupe:not(.is-zoomed) .s360__stage{cursor:none}.s360__stage:focus-visible{box-shadow:0 0 0 2px var(--s360-accent)}.s360__glow{position:absolute;left:50%;top:52%;width:76%;height:66%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--s360-accent) 26%,transparent),color-mix(in srgb,var(--s360-accent) 6%,transparent) 56%,transparent 78%);filter:blur(6px);pointer-events:none;z-index:0}.s360__viewport{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.s360__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:50% 50%;transform-origin:0 0;will-change:transform;pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 24px 44px rgba(0,0,0,.5))}.s360__loupe{position:absolute;z-index:6;display:none;width:clamp(110px,16vw,168px);aspect-ratio:1;border-radius:50%;border:2px solid var(--s360-accent);background-color:#0b0d0f;background-repeat:no-repeat;box-shadow:0 0 0 3px #00000059,0 14px 36px #0000008c,inset 0 0 26px #00000073;pointer-events:none}.s360__loupe:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff2e}.s360__loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;background:radial-gradient(closest-side,#0b0d0f99,#0b0d0f33);transition:opacity .4s ease;gap:14px}.s360.is-ready .s360__loader{opacity:0;pointer-events:none}.s360__ring{width:42px;height:42px;transform:rotate(-90deg)}.s360__ring circle{fill:none;stroke-width:3;stroke-linecap:round}.s360__ring .trk{stroke:var(--s360-line)}.s360__ring .bar{stroke:var(--s360-accent);stroke-dasharray:119.4;stroke-dashoffset:119.4;transition:stroke-dashoffset .2s linear}.s360__loader span{font-family:var(--s360-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--s360-muted)}.s360__track{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:min(52%,300px);height:3px;z-index:4;border-radius:3px;background:#ffffff1f;overflow:hidden;opacity:0;transition:opacity .3s ease}.s360.is-ready .s360__track{opacity:1}.s360.is-controls-bar .s360__track,.s360.is-fullscreen.is-controls-floating .s360__track{display:none}.s360__track-bar{display:block;height:100%;width:100%;transform-origin:left center;transform:scaleX(.0278);background:var(--s360-accent);border-radius:3px;transition:transform .08s linear}.s360__hint{position:absolute;left:50%;bottom:13%;transform:translate(-50%);z-index:5;display:inline-flex;align-items:center;gap:10px;pointer-events:none;font-family:var(--s360-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--s360-muted);transition:opacity .5s ease,transform .5s ease}.s360.is-touched .s360__hint,.s360.is-zoomed .s360__hint{opacity:0;transform:translate(-50%) translateY(8px)}.s360__hint-ring{position:relative;width:26px;height:26px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4)}.s360__hint-ring:before{content:"\21c4";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:13px;color:var(--s360-accent)}.s360__hint-ring:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1.5px solid var(--s360-accent);animation:s360Pulse 1.9s cubic-bezier(.22,1,.36,1) infinite}@keyframes s360Pulse{0%{opacity:.6;transform:scale(.72)}70%,to{opacity:0;transform:scale(1.5)}}.s360__controls{position:absolute;z-index:7;display:flex;align-items:center}.s360__controls--floating{left:50%;bottom:16px;transform:translate(-50%);gap:4px;padding:5px;background:var(--s360-surface);border:1px solid var(--s360-line);border-radius:999px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 16px 40px -14px #000000b3}.s360__controls--minimal{right:14px;top:14px;gap:6px;bottom:auto;left:auto}.s360__controls--bar{left:0;right:0;bottom:0;gap:14px;padding:12px clamp(14px,3vw,24px);justify-content:space-between;background:linear-gradient(0deg,#080a0ceb,#080a0c00)}.s360__controls--bar .s360__group{display:flex;align-items:center;gap:4px}.s360__btn{appearance:none;-webkit-appearance:none;border:0;cursor:pointer;width:40px;height:40px;border-radius:999px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--s360-fg);transition:background .18s ease,color .18s ease,transform .12s ease}.s360__controls--minimal .s360__btn,.s360__controls--bar .s360__btn{background:var(--s360-surface);border:1px solid var(--s360-line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.s360__btn:hover{background:#ffffff1f}.s360__btn:active{transform:translateY(1px)}.s360__btn svg{width:19px;height:19px;stroke-width:1.9;pointer-events:none}.s360__btn[aria-pressed=true]{background:var(--s360-accent);color:var(--s360-accent-ink)}.s360__btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--s360-accent)}.s360__btn[disabled]{opacity:.35;pointer-events:none}.s360__readout{font-family:var(--s360-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--s360-muted);white-space:nowrap}.s360__readout b{color:var(--s360-fg);font-weight:600}.s360__spots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.s360.is-zoomed .s360__spots{opacity:0;pointer-events:none}.s360__spot{position:absolute;transform:translate(-50%,-50%);width:14px;height:14px;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;display:none}.s360__spot.is-on{display:block}.s360__dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:13px;height:13px;border-radius:50%;background:var(--s360-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--s360-accent) 18%,transparent),0 0 12px 2px color-mix(in srgb,var(--s360-accent) 42%,transparent);transition:transform .2s ease}.s360__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid var(--s360-accent);animation:s360Spot 2.4s cubic-bezier(.22,1,.36,1) infinite}@keyframes s360Spot{0%{opacity:.65;transform:scale(1)}70%,to{opacity:0;transform:scale(2.7)}}.s360__spot:hover .s360__dot,.s360__spot:focus-visible .s360__dot{transform:translate(-50%,-50%) scale(1.18)}.s360__spot:focus-visible{outline:none}.s360__card{position:absolute;width:236px;pointer-events:none;background:#090d13e6;border:1px solid color-mix(in srgb,var(--s360-accent) 45%,transparent);border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:15px 17px 16px;text-align:left;box-shadow:0 20px 46px #0000008c;opacity:0;transition:opacity .22s ease,transform .22s ease}.s360__card:before{content:"";position:absolute;opacity:0;transition:opacity .22s ease}.s360__spot--right .s360__card{left:calc(100% + 34px);top:50%;transform:translate(8px,-50%)}.s360__spot--left .s360__card{right:calc(100% + 34px);top:50%;transform:translate(-8px,-50%)}.s360__spot--down .s360__card{left:50%;top:calc(100% + 32px);transform:translate(-50%,6px)}.s360__spot--up .s360__card{left:50%;bottom:calc(100% + 32px);transform:translate(-50%,-6px)}.s360__spot--right .s360__card:before,.s360__spot--left .s360__card:before{top:50%;width:34px;height:1px}.s360__spot--right .s360__card:before{right:100%;background:linear-gradient(to left,var(--s360-accent),transparent)}.s360__spot--left .s360__card:before{left:100%;background:linear-gradient(to right,var(--s360-accent),transparent)}.s360__spot--down .s360__card:before,.s360__spot--up .s360__card:before{left:50%;width:1px;height:32px}.s360__spot--down .s360__card:before{bottom:100%;background:linear-gradient(var(--s360-accent),transparent)}.s360__spot--up .s360__card:before{top:100%;background:linear-gradient(transparent,var(--s360-accent))}.s360__spot:hover .s360__card,.s360__spot:focus-visible .s360__card{opacity:1;pointer-events:auto}.s360__spot:hover .s360__card:before,.s360__spot:focus-visible .s360__card:before{opacity:1}.s360__spot--right:hover .s360__card,.s360__spot--right:focus-visible .s360__card,.s360__spot--left:hover .s360__card,.s360__spot--left:focus-visible .s360__card{transform:translateY(-50%)}.s360__spot--down:hover .s360__card,.s360__spot--down:focus-visible .s360__card,.s360__spot--up:hover .s360__card,.s360__spot--up:focus-visible .s360__card{transform:translate(-50%)}.s360__k{display:block;font-family:var(--s360-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--s360-accent) 80%,white);margin-bottom:6px}.s360__t{display:block;font-family:var(--s360-font);font-weight:700;font-size:15px;color:var(--s360-fg);letter-spacing:.01em;line-height:1.18}.s360__b{display:block;font-size:12.5px;line-height:1.5;color:var(--s360-muted);margin-top:6px}.s360__lnk{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-family:var(--s360-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--s360-accent);text-decoration:none;pointer-events:auto}.s360__lnk .arr{transition:transform .2s ease}.s360__lnk:hover .arr{transform:translate(3px)}.s360.is-fullscreen{background:#07090b;display:flex;flex-direction:column;justify-content:center}.s360.is-fullscreen .s360__stage{flex:1;aspect-ratio:auto;height:100%;border-radius:0}.s360:fullscreen{padding:0}@media(prefers-reduced-motion:reduce){.s360__hint-ring:after,.s360__dot:after{animation:none}.s360__track-bar{transition:none}}.s360.is-authoring .s360__stage{cursor:crosshair}.s360__author{position:absolute;left:14px;top:14px;z-index:9;display:inline-flex;align-items:center;gap:9px;max-width:calc(100% - 28px);font-family:var(--s360-mono);font-size:11px;letter-spacing:.04em;color:var(--s360-fg);background:#090d13e6;border:1px solid var(--s360-accent);border-radius:999px;padding:8px 14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.s360__author b{color:var(--s360-accent)}.s360__author-dot{width:8px;height:8px;border-radius:50%;background:var(--s360-accent);flex:none;box-shadow:0 0 8px var(--s360-accent)}.s360__author-mark{position:absolute;z-index:8;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;pointer-events:none;display:grid;place-items:center;font-family:var(--s360-mono);font-size:9px;color:var(--s360-accent-ink);background:var(--s360-accent);border:2px solid #fff;box-shadow:0 2px 10px #00000080}@media(max-width:640px){.s360__stage{aspect-ratio:4 / 3}.s360.is-fullscreen .s360__stage{aspect-ratio:auto}.s360__card{width:min(74vw,230px)}.s360__spot[data-m] .s360__card{left:50%;right:auto}.s360__spot[data-m=down] .s360__card{top:calc(100% + 22px);bottom:auto;transform:translate(-50%,6px)}.s360__spot[data-m=up] .s360__card{bottom:calc(100% + 22px);top:auto;transform:translate(-50%,-6px)}.s360__spot[data-m]:hover .s360__card,.s360__spot[data-m]:focus-visible .s360__card{transform:translate(-50%)}.s360__spot[data-m] .s360__card:before{left:50%!important;right:auto!important;width:1px!important;height:22px!important}.s360__spot[data-m=down] .s360__card:before{bottom:100%!important;top:auto!important;background:linear-gradient(var(--s360-accent),transparent)!important}.s360__spot[data-m=up] .s360__card:before{top:100%!important;bottom:auto!important;background:linear-gradient(transparent,var(--s360-accent))!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/spin360-pro.css.map */