#model-app{font-family:Inter,sans-serif;display:flex;width:100%;overflow-y:auto;height:100%;box-sizing:border-box}.three-d_wrapper{height:100%;position:relative}#floating-controls{display:flex;position:absolute;right:17px;top:98px;gap:10px}.view-toggle-container{display:flex;z-index:2;border-radius:7px;background:none;border:2px solid #f9c80e;height:45px;box-sizing:border-box}button.view-toggle-btn{width:45px;background:none;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background-color .2s linear;background-color:#fff;border-radius:5px}button.view-toggle-btn.active{background:#f9c80e}button.view-toggle-btn img{width:30px;transition:transform .3s ease}button#toogle-roof-btn{width:50px;height:50px;background:none;border:1px solid black;border-radius:5px;cursor:pointer;margin:0;padding:0;z-index:2}button#toogle-roof-btn img{width:48px}button#ARButton{display:none!important}#ar-button-container{z-index:2}button.toggle-button img{width:30px;height:34px}button.toggle-button{width:45px;height:45px;background:none;border:2px solid #f9c80e;border-radius:5px;cursor:pointer;margin:0;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;background-color:#fff;z-index:2}button.toggle-button.active{background-color:#f9c80e}button#dimension-button img{width:26px;height:28px}.qr-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.qr-modal-content{background:#fff;border-radius:12px;position:relative;max-width:300px;width:90%;text-align:center;box-sizing:border-box;padding:40px 0}.qr-close-btn{position:absolute;top:10px;right:10px;border:none;background:none;font-size:24px;cursor:pointer;padding:5px}.qr-modal-content h2{font-size:16px;margin-bottom:20px;line-height:1.4;margin-left:40px;margin-right:40px}.qr-code-container{padding:20px;display:inline-block}.qr-code-container img{width:200px;height:200px}.ar-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#f9c80e;animation:spin 1s linear infinite;z-index:1}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}#loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;z-index:9999}#loading-title{color:#fff;font-size:24px;margin-bottom:20px;font-weight:700;text-align:center}#progress-bar-container{width:60%;height:26px;background-color:#555;border-radius:5px;overflow:hidden;position:relative}#progress-bar{display:block;height:100%;width:0;background-color:#f9c80e;transition:width .2s ease}#progress-number{position:absolute;top:0;left:calc(50% - 21px)}#three-container{flex:1;background-color:#fff;position:relative;overflow:hidden}#drag-icon{display:block;z-index:10;position:absolute;width:200px;height:200px;right:calc(50% - 100px);top:calc(40% - 100px);background-size:contain!important;pointer-events:none}#small-progress-bar{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:300px;text-align:center;z-index:10;background:#000000b3;border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center}#small-progress-text{color:#fff;font-size:14px;margin-bottom:5px}#small-progress-track{width:100%;height:8px;background:#333;border-radius:4px;overflow:hidden}#small-progress-fill{display:block;width:0;height:100%;background:#f9c80e;transition:width .2s ease}@media (max-width: 911px){#model-app{position:relative;flex-direction:column;padding:0}#floating-controls{right:10px;top:10px}#three-container{min-width:0;width:100%;order:-1;min-height:360px;flex-shrink:1;flex-grow:1;min-width:0px}#drag-icon{width:200px;height:200px;right:calc(50% - 100px);top:calc(30% - 100px)}}@media only screen and (max-width: 768px){.view-toggle-container{height:40px}button.view-toggle-btn{width:40px}button.view-toggle-btn img{width:25px}button.toggle-button img{width:30px;height:30px}button.toggle-button{width:40px;height:40px}button#dimension-button img{width:25px;height:25px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/model.css.map */