.product-spin{position:relative;display:flex;flex-direction:column;width:100%;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;outline-offset:.3rem}.product-spin--dragging{cursor:grabbing}.product-spin__stage{position:relative;width:100%;aspect-ratio:var(--spin-aspect, 4 / 3);overflow:hidden}.product-spin__image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.product-spin__progress{position:absolute;inset-inline:15%;bottom:1.2rem;height:.2rem;border-radius:.2rem;background:rgba(var(--color-foreground),.12);overflow:hidden;transition:opacity .3s ease}.product-spin__progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:var(--spin-progress, 0%);background:rgb(var(--color-foreground));transition:width .2s ease}.product-spin--ready .product-spin__progress{opacity:0;pointer-events:none}.product-spin__hint{display:flex;justify-content:center;margin-top:1.2rem;pointer-events:none;transition:opacity .4s ease}.product-spin__hint>span{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;border-radius:3rem;font-size:1.2rem;line-height:1;letter-spacing:.04rem;background:rgba(var(--color-foreground),.72);color:rgb(var(--color-background));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-spin__hint svg{width:1.6rem;height:1.6rem}.product-spin--interacted .product-spin__hint,.product-spin:not(.product-spin--ready) .product-spin__hint{opacity:0}@media(prefers-reduced-motion:reduce){.product-spin__hint svg{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-product-spin.css.map */