.watch-360-integration-container{position:static}.watch-360-trigger-btn{position:absolute;bottom:20px;right:20px;z-index:5;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid rgba(255,255,255,.1);border-radius:50px;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.5px;cursor:pointer;opacity:1;transform:translateZ(0);will-change:transform,opacity;transition:opacity .35s ease,transform .35s ease,background .2s ease;box-shadow:0 4px 15px #0000001a}.watch-360-trigger-btn svg{width:18px;height:18px}.watch-360-trigger-btn:hover{background:#000;transform:translateY(0) scale(1.03)!important}@media screen and (max-width:749px){.watch-360-trigger-btn{opacity:1;transform:none;bottom:12px;right:12px;padding:8px 14px;font-size:12px}}.watch-360-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;background:rgba(var(--color-background),.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--media-radius, 0px);animation:watch360FadeIn .3s ease forwards}.watch-360-overlay[hidden]{display:none!important}@keyframes watch360FadeIn{0%{opacity:0}to{opacity:1}}.watch-360-modal{position:relative;width:90%;max-width:500px;max-height:90%;aspect-ratio:1 / 1;background:rgb(var(--color-background));border-radius:12px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;overflow:hidden}.watch-360-close-btn{position:absolute;top:16px;right:16px;z-index:30;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(0,0,0,.1);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;box-shadow:0 4px 10px #0000000d;transition:transform .2s ease,background .2s ease}.watch-360-close-btn:hover{transform:scale(1.05);background:rgba(var(--color-foreground),.05)}.watch-360-autoplay-btn{position:absolute;top:16px;left:16px;z-index:30;padding:8px 16px;border:1px solid rgba(0,0,0,.1);border-radius:50px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;box-shadow:0 4px 10px #0000000d;font-family:inherit;font-size:12px;font-weight:500;transition:transform .2s ease,background .2s ease}.watch-360-autoplay-btn:hover{transform:scale(1.02);background:rgba(var(--color-foreground),.05)}.watch-360-autoplay-btn.is-active .autoplay-status{color:#10b981}.w360-hint{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#00000059;color:#fff;transition:opacity .4s ease}.w360-hint.is-hidden{opacity:0}.w360-swipe-icon{animation:w360-swipe-anim 1.5s ease-in-out infinite alternate;opacity:1}.w360-hint-text{font-family:inherit;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}@keyframes w360-swipe-anim{0%{transform:translate(-15px)}to{transform:translate(15px)}}.watch-360-viewer{width:100%;height:100%;position:relative;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none}.watch-360-viewer:active,.watch-360-viewer.is-dragging{cursor:grabbing}.viewer-canvas{width:100%;height:100%;object-fit:contain;display:block}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgb(var(--color-background));transition:opacity .3s ease}.loading-overlay.is-hidden{opacity:0;pointer-events:none}.spinner{width:36px;height:36px;border:3px solid rgba(var(--color-foreground),.1);border-top-color:rgb(var(--color-foreground));border-radius:50%;animation:w360-spin .8s linear infinite}.loading-text{font-family:inherit;font-size:12px;color:rgba(var(--color-foreground),.6);letter-spacing:.5px}@keyframes w360-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/watch-360-viewer.css.map */