@font-face{font-family:MiranteVN-Medium;src:url(./MiranteVN-Medium-Df--rXeJ.ttf);font-weight:700}:root{-webkit-user-select:none!important;user-select:none!important;--primary: #274935;--primary-bg: #20352993;--text-bg: #a6a6a67a;--black: #000;--white: #fff;--text-color: #161823;--primary-hover: #a79e88;--white-hover: #0082a1;--font-family: "MiranteVN-Medium";--default-layout-header-height: 60px;--default-layout-width: 1150px;--default-layout-horizontal-spacer: 24px;--default-boder-bg: 8px;--width-card: 170px;--height-card: 240px;--width-btn: 44px;--height-btn: 44px;--size-text: 15px;--sub-menu-right: 80px;--size-text-small: 1em;--size-text-big: 20px}body{width:100vw;height:100vh;margin:0;font-family:MiranteVN-Medium}.auto-rot{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--primary);color:#fff;display:none;align-items:center;justify-content:center;text-align:center;font-size:larger;padding:20px}.full-screen{position:fixed;top:0;left:0;right:0;bottom:0}.sbutton{background-color:var(--primary);position:relative;font-size:var(--size-text-small);color:#fff;text-align:center;cursor:pointer;border:1px solid white;display:flex;justify-content:center;align-items:center;text-transform:uppercase}.sbutton.active{color:var(--primary-hover)}.sbutton.outline{border:2px solid var(--primary);background-color:#fff;color:var(--primary)}.sbutton.outline.active{background-color:var(--primary);color:#fff}.button-group{display:flex}.button-group .sbutton{width:100%;height:100%}.button-group.horizontal{flex-direction:row}.button-group.vertical{flex-direction:column}.minimap{position:absolute;bottom:calc(var(--default-boder-bg) + var(--height-btn));right:0;background-color:var(--text-bg);right:var(--default-boder-bg);transition:.5s;transform:translate(100%)}.minimap .map{display:flex;padding:.5em;max-width:45vh}.minimap .minimize{position:absolute;bottom:0;padding:8px;font-size:1.2em;color:#fff;background-color:var(--text-bg);right:100%}.minimap canvas{width:100%;height:auto}.minimap.show{transform:translate(0)}.apartment-info{position:absolute;bottom:3em;padding:.5em;left:6em;border-radius:10px;background-color:#fff;width:16%;max-width:185px}.apartment-info .button-group{display:block;margin:0 4px 14px 0}.apartment-info .button-group .sbutton{height:35px;margin-bottom:.3em}.apartment-info svg{width:100%;height:auto}.hotspot{position:absolute;width:60px;height:60px;cursor:pointer}@keyframes dash{to{stroke-dashoffset:100}}@keyframes dashdraw{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.ui-panel{position:fixed;top:0;left:0;right:0;bottom:2em}.ui-panel .location{background-color:#d4cfc3}.ui-panel .location img{position:absolute;height:100%;width:100%;object-fit:cover}.ui-panel .facility{background-color:#e0dcd0;justify-content:space-between;align-items:flex-start}.ui-panel .facility .map{height:100%;width:125vh;cursor:pointer}.ui-panel .facility .map canvas{height:100%}.ui-panel .facility .content{width:100%;height:100%;overflow-y:auto;padding:0 20px}.ui-panel .facility .content .place{padding:20px;display:grid;grid-template-columns:auto auto;font-size:var(--size-text-small)}.ui-panel .facility .content .place div{margin:4px;cursor:pointer}.ui-panel .floorplan svg{height:100%;width:100%;z-index:99}.ui-panel .floorplan img{position:absolute;height:100%;width:100%;object-fit:contain;pointer-events:none}.ui-panel .floorplan #border polygon{cursor:pointer;fill:transparent;stroke:transparent;stroke-miterlimit:10;stroke-dasharray:5 3;stroke-width:2.5}.ui-panel .floorplan #border polygon:hover{stroke:#ffac15;stroke-dashoffset:0;animation:dash 2s infinite linear forwards;stroke-dasharray:1000;stroke-dashoffset:1000;animation:dashdraw 5s linear forwards}.ui-panel .floorplan #tower polygon{cursor:pointer;fill:transparent}.ui-panel .floorplan #tower polygon.active{fill:#4c7156}.ui-panel .floorplan #level g{cursor:pointer}.ui-panel .floorplan #level rect{fill:transparent}.ui-panel .floorplan #level g.active rect{fill:#4c7156}.ui-panel .floorplan #level g.active text{fill:#fff}.ui-panel .floorplan #level g.disable{pointer-events:none;fill:#deddd7}.ui-panel .floorplan #text .active polyline{stroke:#ffac15;stroke-dashoffset:0;stroke-miterlimit:10;stroke-dasharray:5 3;stroke-width:1.5;animation:dash 2s infinite linear forwards;stroke-dasharray:1000;stroke-dashoffset:1000;animation:dashdraw 5s linear forwards}.ui-panel .floorplan #text .active .cls-106{stroke:#ffac15;stroke-dashoffset:0;stroke-miterlimit:10;stroke-dasharray:5 3;stroke-width:1.5;animation:dash 2s infinite linear forwards;stroke-dasharray:1000;stroke-dashoffset:1000;animation:dashdraw 5s linear forwards}.ui-panel .floorplan .room-mask{stroke:transparent;fill:transparent}.ui-panel .floorplan .room-mask.active{stroke-width:3px;stroke:#ff9507b0}.ui-panel .unit-plan .bg{position:absolute;width:100%;height:100%}.ui-panel .unit-plan .content{display:flex}.ui-panel .unit-plan .left-panel{width:50%;height:100%;display:flex;align-items:center}.ui-panel .unit-plan .right-panel>div{width:50%}.ui-panel .unit-plan .right-panel{width:50%;height:100%;display:flex;justify-content:space-around;align-items:center}.ui-panel .unit-plan .right-panel .sbutton{height:2em;margin:.5em}.ui-panel .unit-plan .right-panel svg{width:80%;height:80%}.ui-panel .unit-plan .preview{width:90%;height:90%}.ui-panel .apartment .content{display:grid;grid-template-columns:auto auto}.ui-panel .apartment .sbutton{padding:1em;margin:.5em}.ui-panel>div{position:relative;width:100%;height:100%;background-color:#fff;display:none;align-items:center;justify-content:center}.menu{position:fixed;bottom:0;left:0;right:0;height:2em;display:flex}.menu .sbutton{width:100%;height:100%}.menu .sub-menu{position:relative}.menu .sub-menu-content{position:absolute;display:none;width:100%;bottom:120%;flex-direction:column-reverse}.menu .sub-menu.active>.sbutton{color:var(--primary-hover)}.menu .sub-menu-content.active{display:flex}.menu .sub-menu-content .sbutton{margin-top:5px}.menu .sub-menu.active .sub-menu-content{display:flex;flex-direction:column-reverse}@media screen and (max-width: 1024px){.menu{top:0;bottom:0;left:0;width:5em;height:100%;flex-direction:column}.ui-panel{left:5em;bottom:0}.minimap{bottom:.5em}:root{--size-text-small: .8em}}