.product-3d-button-wrapper{position:relative;z-index:9}.product-3d-button-wrapper[data-position=left],.product-3d-button-wrapper[data-position=right],.product-3d-button-wrapper[data-position=bottom]{position:absolute;top:20px;left:60px;transform:none}.view-3d-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:32px!important;height:32px!important;background:#fff;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #0003;border:none;position:relative;overflow:visible}.view-3d-btn:hover{transform:scale(1.1);box-shadow:0 15px 40px #0000004d}.view-3d-btn:active{transform:scale(1.05)}.view-3d-icon{width:32px;height:32px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;perspective:200px}.view-3d-icon .char-3d{font-size:18px;font-weight:900;color:#667eea;transform-style:preserve-3d;text-shadow:0 0 20px rgba(102,126,234,.5),2px 2px 0 rgba(102,126,234,.3),4px 4px 0 rgba(102,126,234,.2),6px 6px 0 rgba(102,126,234,.1)}.view-3d-icon{animation:rotate3DText 3s infinite ease-in-out}@keyframes rotate3DText{0%,to{transform:rotateY(0) rotateX(10deg)}25%{transform:rotateY(90deg) rotateX(0)}50%{transform:rotateY(180deg) rotateX(-10deg)}75%{transform:rotateY(270deg) rotateX(0)}}.view-3d-text{margin-top:15px;font-size:20px;font-weight:600;color:#667eea;z-index:1}.viewer-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;z-index:10000;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:all .3s ease}.viewer-modal.active{opacity:1;visibility:visible}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.modal-title{font-size:20px;font-weight:600;color:#fff}.close-btn{width:40px;height:40px;border:none;background:#2d0808;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.close-btn:hover{background:#2d0808;transform:rotate(90deg)}.close-btn:before,.close-btn:after{content:"";position:absolute;width:20px;height:2px;background:#fff;border-radius:2px}.close-btn:before{transform:rotate(45deg)}.close-btn:after{transform:rotate(-45deg)}.modal-content{flex:1;position:relative;overflow:hidden}.modal-content canvas{display:block;width:100%!important;height:100%!important;background:#fffc}.modal-loading{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;transition:opacity .3s ease}.modal-loading.hidden{opacity:0;pointer-events:none}.modal-loading .spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.2);border-top:4px solid #667eea;border-radius:50%;animation:spin-3d 1s linear infinite}@keyframes spin-3d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-loading .loading-text{margin-top:20px;font-size:16px}.modal-loading .loading-progress{margin-top:10px;font-size:14px}.modal-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;display:none}.modal-error.show{display:block}.modal-error-title{font-size:20px;font-weight:600;margin-bottom:10px}.modal-error-message{font-size:14px;color:#ffffffb3}@media (max-width: 768px){.product-3d-button-wrapper[data-position=left],.product-3d-button-wrapper[data-position=right]{position:fixed;top:auto;left:40px;transform:none;margin:20px auto}.modal-header{padding:15px 20px}.modal-title{font-size:16px}.close-btn{width:32px;height:32px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-3d-viewer-button.css.map */