.sp-pv{display:grid;gap:14px;width:100%}.sp-pv__stage{position:relative;aspect-ratio:4/5;max-height:min(82vh,900px);width:100%;margin:0 auto;background:#fff;overflow:hidden;perspective:1400px;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none}.sp-pv__stage:active{cursor:grabbing}.sp-pv__stage:focus-visible{box-shadow:0 0 0 2px #8d9297 inset}.sp-pv__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.sp-pv__img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .45s var(--sp-out,ease);-webkit-user-drag:none;pointer-events:none}.sp-pv__frame .sp-pv__img--b{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden}.sp-pv__img svg,svg.sp-pv__img{fill:#d5d8db}.sp-pv__hook .hl{stroke:#eef0f1;stroke-width:1}.sp-pv__stage.is-lens .sp-pv__img{transform:scale(2.1)}.sp-pv__stage.is-lens{cursor:zoom-in}.sp-pv__badge{position:absolute;left:14px;top:14px;background:#0a0a0a;color:#fff;font-size:10px;letter-spacing:.2em;padding:7px 10px;pointer-events:none;transition:opacity .3s}.sp-pv__stage.is-lens .sp-pv__badge,.sp-pv__stage.is-lens .sp-pv__hint{opacity:0}.sp-pv__hint{position:absolute;left:50%;bottom:16px;translate:-50% 0;display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;background:#0a0a0ad1;color:#fff;font-size:11px;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;transition:opacity .5s,translate .5s var(--sp-out,ease);animation:sp-hint-in .8s var(--sp-out,ease) 1.2s backwards}.sp-pv__hint.gone{opacity:0;translate:-50% 12px}.sp-pv__hand{width:18px;height:18px;border:1.5px solid #fff;border-radius:50%;animation:sp-hand 1.8s ease-in-out infinite}@keyframes sp-hand{0%,to{transform:translate(-6px)}50%{transform:translate(6px)}}@keyframes sp-hint-in{0%{opacity:0;translate:-50% 14px}}.sp-pv__zoom{position:absolute;right:12px;top:12px;width:42px;height:42px;border-radius:50%;border:1px solid #0a0a0a;background:#fff;color:#0a0a0a;display:grid;place-items:center;cursor:pointer;transition:background-color .3s,color .3s,transform .3s var(--sp-out,ease)}.sp-pv__zoom:hover{background:#0a0a0a;color:#fff}.sp-pv__zoom:active{transform:scale(.92)}.sp-pv__zoom svg{width:18px;height:18px}.sp-pv__turn{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}.sp-pv__tab{position:relative;min-height:44px;border:1px solid var(--sp-line,#d5d8db);background:#fff;font:inherit;font-size:11px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:color .3s,border-color .3s}.sp-pv__tab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0a;transform:scaleY(0);transform-origin:50% 100%;transition:transform .4s var(--sp-out,ease);z-index:0}.sp-pv__tab.is-on{color:#fff;border-color:#0a0a0a}.sp-pv__tab.is-on:before{transform:none}.sp-pv__tab{isolation:isolate}.sp-pv__tab:before{z-index:-1}.sp-pv__tab:hover{border-color:#0a0a0a}.sp-pv__tab:active{transform:scale(.97)}.sp-pv__close{display:grid;gap:10px;margin-top:6px}.sp-pv__k{margin:0;font-size:11px;letter-spacing:.3em;color:#8d9297}.sp-pv__details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sp-pv__det{display:grid;gap:6px;align-content:start;padding:0;border:0;background:none;font:inherit;text-align:left;cursor:pointer;opacity:0;transform:translate3d(0,14px,0);transition:opacity .6s var(--sp-out,ease) calc(var(--i) * .07s),transform .6s var(--sp-out,ease) calc(var(--i) * .07s)}.sp-pv__details.in .sp-pv__det{opacity:1;transform:none}.sp-pv__detimg{display:block;aspect-ratio:1;overflow:hidden;background:#f1f2f3;outline:1px solid transparent;outline-offset:2px;transition:outline-color .3s}.sp-pv__detimg img{width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box;display:block;transition:transform .9s var(--sp-out,ease)}.sp-pv__det:hover .sp-pv__detimg img{transform:scale(1.12)}.sp-pv__det:active .sp-pv__detimg img{transform:scale(1.06)}.sp-pv__det.is-on .sp-pv__detimg{outline-color:#0a0a0a}.sp-pv__det b{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.sp-pv__det small{font-size:11px;color:#8d9297;line-height:1.3}.sp-zbox{border:0;padding:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;background:#fff;color:#0a0a0a;opacity:0;transition:opacity .25s}.sp-zbox.in{opacity:1}.sp-zbox::backdrop{background:#fff}.sp-zbox__sc{position:absolute;top:0;right:0;bottom:64px;left:0;overflow:auto;-webkit-overflow-scrolling:touch;display:grid;place-items:center}.sp-zbox__img{width:200%;max-width:none;height:auto;cursor:zoom-out;display:block}.sp-zbox.is-fit .sp-zbox__img{width:auto;max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in}.sp-zbox.is-fit .sp-zbox__sc{overflow:hidden}.sp-zbox__bar{position:absolute;left:0;right:0;bottom:0;height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px env(safe-area-inset-bottom);border-top:1px solid var(--sp-line,#d5d8db);background:#fff}.sp-zbox__lb{font-size:11px;letter-spacing:.18em;text-align:center;flex:1;white-space:pre}.sp-zbox__nav,.sp-zbox__x{border:1px solid #0a0a0a;background:#fff;border-radius:999px;padding:9px 14px;font:inherit;font-size:11px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.sp-zbox__x{background:#0a0a0a;color:#fff}.sp-rail__img{position:relative}.sp-rail__img .sp-rail__back{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s var(--sp-out,ease)}@media(hover:hover)and (pointer:fine){.sp-rail__item:hover .sp-rail__back{opacity:1;transition-delay:.35s}}@media(hover:none),(pointer:coarse){.sp-rail__item.is-active .sp-rail__back{animation:sp-backflip 5s ease-in-out 1.2s infinite}}@keyframes sp-backflip{0%,40%{opacity:0}50%,90%{opacity:1}to{opacity:0}}@media(max-width:749px){.sp-pv{gap:10px}.sp-pv__stage{max-height:none}.sp-pv__details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sp-pv__tab{font-size:10px;letter-spacing:.1em;min-height:42px}}@media(prefers-reduced-motion:reduce){.sp-pv__hand,.sp-rail__item.is-active .sp-rail__back{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/surplus-pdp.css.map */