.viewer-360-container{position:relative;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewer-360-canvas{max-width:100%;max-height:100%;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.viewer-360-canvas:active{cursor:grabbing}.viewer-360-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.viewer-360-btn{background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .2s}.viewer-360-btn:hover{background:#fff}.viewer-360-btn.active{background:#007bff;color:#fff}.viewer-360-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;z-index:5}.viewer-360-info{position:absolute;top:20px;right:20px;background:#000000b3;color:#fff;padding:10px;border-radius:5px;font-size:14px;z-index:10}.viewer-360-close{position:absolute;top:20px;right:20px;background:#000000b3;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;color:#fff;font-size:20px;z-index:10;transition:background-color .2s ease}.viewer-360-close:hover{background:#000000e6}.viewer-360-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:9999;display:none;align-items:center;justify-content:center}.viewer-360-overlay.active{display:flex}.viewer-360-content{position:relative;width:90vw;height:90vh;max-width:1200px;max-height:800px}.viewer-360-instructions{position:absolute;top:20px;left:50%;transform:translate(-50%);color:#fff;font-family:AlternateGotNo2D,sans-serif;font-size:16px;text-align:center;z-index:10;opacity:.8}@media screen and (max-width: 768px){.viewer-360-content{width:95vw;height:95vh}.viewer-360-instructions{font-size:14px}.viewer-360-controls{bottom:10px}.viewer-360-btn{width:35px;height:35px;font-size:16px}.viewer-360-close{top:10px;right:10px;width:35px;height:35px;font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/360-viewer.css.map */