.product-spinner{display:block;position:relative;width:100%}.product-spinner__stage{position:relative;width:100%;aspect-ratio:1 / 1;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.product-spinner__stage:active{cursor:grabbing}.product-spinner__stage canvas{display:block;width:100%!important;height:100%!important}.product-spinner__fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.product-spinner--ready .product-spinner__fallback{display:none}.product-spinner__hint{margin:.6rem 0 0;text-align:center;opacity:.55;transition:opacity .4s ease}.product-spinner--touched .product-spinner__hint{opacity:0}.product-spinner--ready .product-spinner__hint{animation:product-spinner-hint-out .8s ease 4s forwards}@keyframes product-spinner-hint-out{to{opacity:0}}.product-spinner--fallback .product-spinner__hint{display:none}.product-spinner--fallback .product-spinner__stage{cursor:default}.design-zoom{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:hidden;cursor:zoom-out;-webkit-tap-highlight-color:transparent}.design-zoom[open]{display:flex;align-items:center;justify-content:center;animation:design-zoom-in .18s ease-out}.design-zoom::backdrop{background:rgb(var(--color-background))}.design-zoom__image{display:block;width:min(100vw,100dvh);height:auto;max-height:100dvh;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.design-zoom__text{margin:0 -.05em 0 0;padding:0;font-size:min(calc(90vw / var(--text-em-width, 8.8)),40dvh);line-height:1;letter-spacing:.05em;white-space:nowrap;color:inherit;-webkit-user-select:none;user-select:none;pointer-events:none}body.wod-reactive .design-zoom--text{color:var(--wod-accent, rgb(var(--color-foreground)))}.product-spinner__stage.is-over-print{cursor:zoom-in}@keyframes design-zoom-in{0%{opacity:0;transform:scale(.92)}}@media(prefers-reduced-motion:reduce){.design-zoom[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-product-spinner.css.map */