spin-360{display:block;width:100%;max-width:var(--spin-max, 720px);margin-inline:auto}.spin360{position:relative;width:100%;aspect-ratio:var(--spin-aspect, 1 / 1);background:var(--spin-bg, #f5f5f5);border-radius:var(--spin-radius, 12px);overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.spin360:focus-visible{outline:2px solid var(--spin-accent, #111);outline-offset:3px}.spin360.is-dragging{cursor:grabbing}.spin360__poster,.spin360__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-user-drag:none}.spin360__poster{object-fit:var(--spin-fit, contain);opacity:1;transition:opacity .3s ease}.spin360__canvas{opacity:0;transition:opacity .2s ease}.spin360.is-ready .spin360__canvas{opacity:1}.spin360.is-ready .spin360__poster{opacity:0}.no-js .spin360__poster{opacity:1}.spin360__loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--spin-bg, #f5f5f5);transition:opacity .4s ease,visibility .4s ease}.spin360.is-ready .spin360__loader{opacity:0;visibility:hidden}.spin360__bar{width:46%;max-width:220px;height:3px;border-radius:3px;background:var(--spin-track, rgba(0, 0, 0, .12));overflow:hidden}.spin360__bar>i{display:block;height:100%;width:0%;background:var(--spin-accent, #111);transition:width .2s linear}.spin360__status{font:500 12px/1 var(--font-body-family, ui-sans-serif, system-ui, sans-serif);letter-spacing:.06em;color:var(--spin-muted, rgba(0, 0, 0, .6));text-align:center;padding-inline:16px}.spin360__loader.is-error .spin360__bar{display:none}.spin360__badge,.spin360__hint,.spin360__expand{position:absolute;z-index:2;font:600 11px/1 var(--font-body-family, ui-sans-serif, system-ui, sans-serif);letter-spacing:.06em;color:#fff;background:#00000094;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.spin360__badge{top:12px;left:12px;padding:6px 10px;border-radius:8px;font-weight:700;pointer-events:none}.spin360__hint{left:50%;bottom:14px;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;text-transform:uppercase;white-space:nowrap;pointer-events:none;transition:opacity .4s ease,transform .4s ease}.spin360__hint svg{width:15px;height:15px;flex:none}.spin360.is-touched .spin360__hint{opacity:0;transform:translate(-50%) translateY(6px)}.spin360__expand{top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:8px;cursor:pointer;transition:background .2s ease}.spin360__expand:hover,.spin360__expand:focus-visible{background:#000000d1}.spin360__expand svg{width:16px;height:16px}.spin360.is-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;width:100vw;height:100dvh;max-width:none;aspect-ratio:auto;border-radius:0}body.spin360-locked{overflow:hidden}.spin360__caption{max-width:var(--spin-max, 720px);margin:16px auto 0;text-align:center;opacity:.7}@media(prefers-reduced-motion:reduce){.spin360__poster,.spin360__canvas,.spin360__hint,.spin360__loader{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/spin-360.css.map */