:root{--toolbar-main-color:#2d2d2d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.v3d-viewer{inset:0;position:fixed}.v3d-viewer>iframe{border:none;height:100%;width:100%}.v3d-viewer .annotation-container{display:none}.v3d-viewer .annotation-container.show{display:block}.v3d-viewer .annotation-container .annotation{display:flex;position:absolute}.v3d-viewer .annotation-container .annotation.electrical-box{background-color:#fff;border-radius:10px;padding:.5em}.v3d-viewer .annotation-container .annotation.temperature{align-items:center;background-color:#fff;border-radius:50%;font-size:small;height:40px;justify-content:center;width:40px}.controller-container{display:block}.left-sidebar{align-items:center;bottom:10%;display:flex;justify-content:center;left:0;position:fixed;top:10%;transition:left .5s linear;width:250px}.left-sidebar.collapsed{left:-250px}.left-sidebar.collapsed>div .left-sidebar__btn.expand-btn{left:calc(100% + .5em);opacity:.8}.left-sidebar>div{display:flex;height:100%;justify-content:center;margin-left:.5em;position:relative;transition:opacity .2s ease-in-out;width:100%}.left-sidebar>div>ul{background-color:var(--toolbar-main-color);border-radius:7px;height:100%;margin:0;opacity:1;padding:1em;width:100%;z-index:1}.left-sidebar>div>ul>li{color:#fff;cursor:pointer;font-weight:700;list-style:none;margin-bottom:1em}.left-sidebar>div>ul>li ul{padding-left:1em}.left-sidebar>div>ul>li ul li{font-weight:400;list-style:none;margin:.5em 0}.left-sidebar>div .left-sidebar__btn{background:none;border:none;cursor:pointer;position:absolute}.left-sidebar>div .left-sidebar__btn>img{height:100%;object-fit:contain;width:100%}.left-sidebar>div .left-sidebar__btn.expand-btn{background:var(--toolbar-main-color);border-radius:4px;height:100px;left:-60px;opacity:0;top:calc(50% - 50px);transition:left .6s linear,opacity .2s ease-in;width:30px}.left-sidebar>div .left-sidebar__btn.expand-btn:hover{opacity:1}.left-sidebar>div .left-sidebar__btn.expand-btn>img{transform:rotate(180deg)}.left-sidebar>div .left-sidebar__btn.collapse-btn{background:none;border:none;bottom:0;height:30px;left:0;padding:.5em;right:0;z-index:1}@media screen and (max-width:768px){.left-sidebar{display:none}}.toolbar-container{bottom:0;left:0;position:fixed;right:0}.toolbar-container,.toolbar-container>div{align-items:center;display:flex;justify-content:center}.toolbar-container>div{background-color:var(--toolbar-main-color);border-radius:30px;height:50px;margin-bottom:1em;min-width:200px;padding:.5em 1em}.toolbar-container>div>button{align-items:center;background-color:#0000;border:none;display:flex;height:100%;justify-content:center;margin:0 2em;padding:0;position:relative}.toolbar-container>div>button:hover{cursor:pointer}.toolbar-container>div>button:hover:after{background-color:var(--toolbar-main-color)!important;border-radius:5px;color:#fff;font-size:medium;left:-.5em;padding:.25em .5em;position:absolute;right:0;top:-3em;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.toolbar-container>div>button:hover:before{border-bottom:.5em solid gray;border-left:.5em solid #0000;border-right:.5em solid #0000;content:"";left:50%;position:absolute;top:-1.6em;transform:translateX(-50%) rotate(180deg)}.toolbar-container>div>button.fps-btn:hover:after{content:"Di chuyển trong 3D"}.toolbar-container>div>button.free-btn:hover:after{content:"Xem tổng thể"}.toolbar-container>div>button.mode-360-btn:hover:after{content:"Tham quan hình ảnh thực tế"}.toolbar-container>div>button.temperature-btn:hover:after{content:"Giám sát nhiệt độ"}.toolbar-container>div>button.info-btn:hover:after{content:"FPS"}.toolbar-container>div>button.active>img{filter:invert(62%) sepia(261%) saturate(243%) hue-rotate(87deg) brightness(164%) contrast(100%)}.toolbar-container>div>button.disabled{opacity:.2}.toolbar-container>div>button>img{height:70%}.minimap-wrapper{aspect-ratio:3/2;background-color:#fff;border-radius:10px;bottom:10px;position:fixed;right:10px;visibility:hidden;width:300px}.minimap-wrapper.show{visibility:visible}.minimap-wrapper>div{height:100%;position:relative;width:100%}.minimap-wrapper>div>iframe{border:none;height:100%;width:100%}.minimap-wrapper>div .floor-container{display:flex;flex-direction:row-reverse;position:absolute;right:calc(100% - 35px);top:5px}.minimap-wrapper>div .floor-container .floor-btn{background:#2d2d2d;border:none;border-radius:5px;height:30px;width:30px}.minimap-wrapper>div .floor-container .floor-btn>img{height:100%;object-fit:contain;width:100%}.minimap-wrapper>div .floor-container .floor-list{background-color:#fff;border-radius:5px;display:none;list-style:none;margin:-5px .5em 0 0;padding:.5em}.minimap-wrapper>div .floor-container .floor-list.show{display:block}.minimap-wrapper>div .floor-container .floor-list li{background-color:#2d2d2d;border-radius:5px;color:#fff;font-size:small;margin-bottom:.5em;opacity:.9;padding:.5em;white-space:nowrap}.minimap-wrapper>div .floor-container .floor-list li.active{background-color:#006400}.minimap-wrapper>div .floor-container .floor-list li:hover{cursor:pointer;opacity:1}.minimap-wrapper>div .floor-name{border-radius:5px;font-size:small;font-weight:700;padding:.5em;position:absolute;right:2px;top:2px}@media screen and (max-width:1200px){.minimap-wrapper{bottom:auto;top:10px;width:220px}}.loading{align-items:center;background:#fff;display:flex;flex-direction:column;inset:0;justify-content:space-between;padding:1em;position:fixed;z-index:1}.loading>img{height:300px;object-fit:contain;width:300px}.loading>span{margin-top:1em;max-width:80%;text-align:center}.message{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.message__background{background-color:#00000080;inset:0;position:absolute}.message__content{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:center;max-width:300px;min-height:100px;min-width:150px;padding:20px 1em 1em;position:relative}.message__content__close-btn{background:none;border:none;font-size:large;height:30px;position:absolute;right:0;top:0;width:30px}
/*# sourceMappingURL=main.b9348202.css.map*/