.product-360{display:block;height:100%;width:100%}.product-360__poster{z-index:1}.product-360__canvas{z-index:2;cursor:grab;touch-action:none;opacity:0;transition:opacity var(--duration-long) ease}.product-360--ready .product-360__canvas{opacity:1}.product-360__canvas:active,.product-360__canvas--grabbing{cursor:grabbing}.product-360__canvas:focus-visible{outline:.2rem solid rgb(var(--brand-gold-deep));outline-offset:-.2rem}.product-360__hint{position:absolute;z-index:3;left:50%;bottom:1.6rem;transform:translate(-50%);display:flex;align-items:center;column-gap:.6rem;padding:.6rem 1.2rem;border-radius:999px;background:rgba(var(--brand-porcelain),.88);color:rgba(var(--brand-ink),.75);font-size:1.2rem;letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:1;transition:opacity var(--duration-long) ease}.product-360__hint .svg-wrapper{fill:rgb(var(--brand-gold-deep));height:1.4rem;width:1.4rem;flex-shrink:0}.product-360__hint--dismissed{opacity:0}@media(prefers-reduced-motion:no-preference){.product-360__hint:not(.product-360__hint--dismissed) .svg-wrapper{animation:product360HintPulse 1.8s ease-in-out infinite}}@keyframes product360HintPulse{0%,to{transform:rotate(0)}50%{transform:rotate(-24deg)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-product-360.css.map */