.product-360-viewer{position:relative;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y pinch-zoom}.product-360-viewer:focus{outline:3px solid var(--color-focus, #005fcc);outline-offset:2px}.product-360-viewer:focus:not(:focus-visible){outline:none}.product-360-viewer:focus-visible{outline:3px solid var(--color-focus, #005fcc);outline-offset:2px}.product-360-viewer.is-scrubbing{cursor:grabbing}.product-360-viewer.is-scrubbing,.product-360-viewer.has-momentum,.product-360-viewer.is-touching{touch-action:none}.product-360-viewer video.video-360{background:#000;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.product-360-viewer video.video-360::-webkit-media-controls{display:none!important}.product-360-viewer video.video-360::-webkit-media-controls-enclosure{display:none!important}.product__media.video-ready .deferred-media__poster,.product__media.is-scrubbing .deferred-media__poster,.product-360-viewer.video-ready .deferred-media__poster,.product-360-viewer.is-scrubbing .deferred-media__poster{opacity:0;pointer-events:none}.product-360-viewer .video-play-pause-toggle,.product__media:has(.video-360) .video-play-pause-toggle{display:none!important}.viewer-360-progress{position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:50%;max-width:180px;opacity:0;transition:opacity .2s ease;z-index:10;pointer-events:none}.product-360-viewer.is-scrubbing .viewer-360-progress,.product-360-viewer.has-momentum .viewer-360-progress,.product-360-viewer:focus .viewer-360-progress{opacity:1}.viewer-360-progress-track{height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.viewer-360-progress-fill{height:100%;width:0%;background:#ffffffe6;border-radius:2px;transition:width .05s linear}.drag-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 16px;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:24px;color:#fff;font-size:12px;font-weight:500;white-space:nowrap;z-index:15;pointer-events:none;opacity:1;transition:opacity .3s ease,transform .3s ease}.drag-hint.dismissed,.product-360-viewer.is-scrubbing .drag-hint,.product-360-viewer.has-momentum .drag-hint{opacity:0;transform:translate(-50%) translateY(10px)}.product-360-viewer.is-playing .drag-hint-text--rotate,.drag-hint-text--control{display:none}.product-360-viewer.is-playing .drag-hint-text--control{display:inline}.product-360-viewer.is-playing .drag-hint-arrows{display:none}.drag-hint-arrows{display:flex;align-items:center;gap:2px}.drag-hint-arrow{display:inline-block;font-size:14px;opacity:.7}.drag-hint-arrow--left{animation:arrow-pulse-left 1.5s ease-in-out infinite}.drag-hint-arrow--right{animation:arrow-pulse-right 1.5s ease-in-out infinite}@keyframes arrow-pulse-left{0%,to{transform:translate(0);opacity:.7}50%{transform:translate(-3px);opacity:1}}@keyframes arrow-pulse-right{0%,to{transform:translate(0);opacity:.7}50%{transform:translate(3px);opacity:1}}.drag-hint-text{letter-spacing:.02em}.product-360-viewer.is-loading:after{content:"";position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:50%;max-width:180px;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.product-360-viewer.is-loading:before{content:"";position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:calc(var(--load-progress, 0%) * .5);max-width:180px;height:4px;background:#fffc;border-radius:2px;z-index:1;transition:width .2s ease}.viewer-360-error{position:relative}.viewer-360-error:after{content:"Unable to load 360\b0  view";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 24px;background:#000c;color:#fff;font-size:14px;border-radius:8px;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 749px){.drag-hint{padding:6px 12px;font-size:11px;bottom:12px}.viewer-360-progress{bottom:12px;width:60%}}@media (prefers-reduced-motion: reduce){.drag-hint-arrow--left,.drag-hint-arrow--right{animation:none}.drag-hint{transition:opacity .1s}.viewer-360-progress-fill{transition:none}}@media (prefers-contrast: high){.product-360-viewer:focus{outline-width:4px}.drag-hint{background:#000;border:2px solid white}.viewer-360-progress-track{background:#ffffff80;border:1px solid white}}
/*# sourceMappingURL=/cdn/shop/t/93/assets/product-360-viewer.css.map */