spin-360-viewer{display:block;position:relative;width:100%;height:100%}.spin-360-hidden{display:none!important}.spin-360-frame.product-media-container{position:relative;overflow:hidden}.spin-360{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:inherit;background:transparent;touch-action:pan-y;user-select:none;-webkit-user-select:none}.spin-360__canvas{touch-action:pan-y}.spin-360__canvas{display:block;width:100%;height:100%;object-fit:contain;cursor:grab}.spin-360.is-dragging .spin-360__canvas{cursor:grabbing}.spin-360__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.spin-360.is-ready .spin-360__poster{display:none}.spin-360__badge{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:999px;background:#0000008c;color:#fff;font-size:1.2rem;line-height:1;letter-spacing:.04em;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:2}.spin-360__badge svg{width:1.6rem;height:1.6rem}.spin-360.is-interacted .spin-360__badge{opacity:0}.spin-360__loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:3;opacity:0;transition:opacity .2s ease}.spin-360.is-loading .spin-360__loader{opacity:1}.spin-360__spinner{width:3.2rem;height:3.2rem;border:.3rem solid rgba(0,0,0,.15);border-top-color:#0000008c;border-radius:50%;animation:spin-360-rotate .8s linear infinite}@keyframes spin-360-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spin-360__spinner{animation-duration:1.6s}}.thumbnail .spin-360-thumb-badge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.thumbnail .spin-360-thumb-badge span{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:999px;background:#0009;color:#fff;font-size:1rem;line-height:1}
/*# sourceMappingURL=/cdn/shop/t/13/assets/spin-360.css.map */
