.spin-360-container{position:relative;width:100%;max-width:100%;margin:0 auto;background:#f9f9f9;overflow:hidden}.spin-360-viewport{position:relative;width:100%;padding-bottom:25%;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}.spin-360-viewport.dragging{cursor:grabbing}.spin-360-viewport img{position:absolute;top:-35%;left:0;width:100%;height:200%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;-webkit-user-select:none;opacity:0}.spin-360-viewport img.active{opacity:1}.spin-360-viewport:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid #e0e0e0;animation:spin-360-loader .8s linear infinite;z-index:1}.spin-360-viewport.loaded:before{display:none}@keyframes spin-360-loader{to{transform:rotate(360deg)}}.spin-360-controls{position:relative;display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;z-index:100}.spin-360-instruction{font-size:.875rem;color:#666;text-align:center;display:flex;align-items:center;gap:.5rem}.spin-360-instruction svg{width:20px;height:20px;opacity:.6}.spin-360-autoplay-toggle{padding:.5rem 1rem;background:#fff;border:1px solid #ddd;font-size:.875rem;cursor:pointer;transition:all .2s ease}.spin-360-autoplay-toggle:hover{background:#f5f5f5;border-color:#999}.spin-360-autoplay-toggle.active{background:#333;color:#fff;border-color:#333}.spin-360-frame-counter{display:none;position:absolute;bottom:.5rem;right:.5rem;padding:.25rem .5rem;background:#000000b3;color:#fff;font-size:.75rem;border-radius:3px;font-family:monospace;z-index:10;pointer-events:none}@media (max-width: 768px){.spin-360-container{margin:1rem 0;border-radius:0}.spin-360-viewport{padding-bottom:70%}.spin-360-viewport img{top:-45%}.spin-360-controls{flex-direction:column;gap:.5rem;padding:.75rem}.spin-360-instruction{font-size:.8125rem}}.spin-360-viewport:focus{outline:2px solid #0066cc;outline-offset:2px}@media (prefers-reduced-motion: reduce){.spin-360-viewport img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/spin-360.css.map */