@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-hover: #385D52;--primary-bg: #BDC5C1;--secondary:#b2a384;--secondary-hover:#BFB197;--secondary-bg: #EBE6DE;--box-bg: #a6a6a67a;--floor-color:#274935}body{width:100vw;height:100vh;margin:0;font-family:MiranteVN-Medium;background-color:var(--primary)}.bg-img{position:fixed;height:100%;z-index:1;pointer-events:none}.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(--secondary)}.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:2.5em;right:0;background-color:var(--box-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(--box-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}}@keyframes rotateAnimation{0%{transform:translate(-40%,-80%) rotateY(90deg)}to{transform:translate(-40%,-80%) rotateY(270deg)}}.hotspotPanel .landmark{position:absolute;pointer-events:none}.hotspotPanel .landmark .landmark-point{width:150px;height:50px;transform:translate(-5px,5px);position:relative}.hotspotPanel .landmark .landmark-point.disable{pointer-events:none}.hotspotPanel .landmark .landmark-line{background-color:#fff;width:2px;border:#004838 2px solid;transform:translate(2px,-100%);height:60px}.hotspotPanel .landmark img{transform:translate(-40%,-100%);cursor:pointer;pointer-events:initial;width:28px;height:40px}.hotspotPanel .landmark span{transform:translate(-25px,-25px);background-color:#bdc5c1;border-radius:4px;padding:2px;font-size:11px;position:absolute;top:-40px;left:40px;text-align:center}.ui-panel{position:fixed;top:0;left:0;right:0;bottom:2em}.ui-panel .location{background-color:#004838}.ui-panel .location img{position:absolute;object-fit:cover}.ui-panel .facility{background-color:#e0dcd0;justify-content:space-between;align-items:flex-start}.ui-panel .facility .map{height:60vh;width:122vh;cursor:pointer}.ui-panel .facility .map canvas{height:100%}.ui-panel .facility .tour{display:flex;flex-direction:column;padding:2em;height:35vh;overflow-y:auto}.ui-panel .facility .tour div{cursor:pointer}.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:20;stroke-width:4;stroke-dashoffset:0}.ui-panel .floorplan #border polygon.active{stroke:#ffac15;stroke-dashoffset:0;animation:dash 10s infinite linear forwards;stroke-dashoffset:1000}.ui-panel .floorplan #tower .tower-btn{cursor:pointer;fill:transparent}.ui-panel .floorplan #tower .tower-btn.active{fill:var(--floor-color)}.ui-panel .floorplan #level g{cursor:pointer}.ui-panel .floorplan #level rect{fill:transparent}.ui-panel .floorplan #level g.active rect{fill:var(--floor-color)}.ui-panel .floorplan #level g.active text{fill:#fff}.ui-panel .floorplan #level g.disable{pointer-events:none;fill:#deddd7}.ui-panel .floorplan #text .cls-101{fill:var(--floor-color)}.ui-panel .floorplan #text .cls-112{fill:#fff}.ui-panel .floorplan #text rect,.ui-panel .floorplan #text line{stroke:#fff}.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:60%;height:100%;display:flex;align-items:center;justify-content:center}.ui-panel .unit-plan .right-panel>div{width:50%}.ui-panel .unit-plan .right-panel{width:40%;height:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:column}.ui-panel .unit-plan .right-panel .sbutton{padding:5px;margin:5px 0}.ui-panel .unit-plan .right-panel svg{width:100%;height:100%}.ui-panel .unit-plan .preview{max-height:80%;max-width:80%}.ui-panel .apartment .content{display:grid;grid-template-columns:auto auto}.ui-panel .apartment .sbutton{padding:1em;margin:.5em}.ui-panel .booking-page{background-color:#0008;color:#fff}.ui-panel .booking-page .content{width:70%;height:100%;display:flex;justify-content:center;align-items:center;font-size:30px;text-shadow:1px 1px black;white-space:pre}.video-subtitles{position:fixed;bottom:2em;left:2em;right:6em;font-size:xx-large;color:#fff;white-space:pre;text-align:center;text-shadow:2px 2px black;pointer-events:none}.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}.chat-panel .chat-panel-dialog{position:fixed;top:0;left:0;right:0;bottom:0;display:none;align-items:center;justify-content:center}.chat-panel .chat-panel-dialog .dialog-bg{background:#000000a0;width:100%;height:100%}.chat-panel .chat-panel-dialog .content{position:absolute;display:flex;flex-direction:column;background-color:wheat;padding:20px}.chat-panel .chat-panel-dialog .content .btn{display:block;margin:5px}.chat-panel .chat-panel-dialog.active{display:flex}.chat-panel .show-btn{width:100%;height:100%;background-color:#d9d9d9}.chat-panel .btn{cursor:pointer;color:#fff;background-color:var(--primary);display:inline-block;padding:.375rem .75rem;text-align:center;text-decoration:none;vertical-align:middle;border:1px solid transparent;border-radius:.375rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.chat-panel .btn:hover{background-color:var(--primary-hover)}.chat-panel .chat-group{position:absolute;display:none;top:60px;right:10px;background-color:#f0f0f0;width:380px;height:60vh;border-radius:10px;transition:width .5s,height .5s}.chat-panel .chat-log{height:calc(100% - 60px);overflow-y:auto;padding:10px}.chat-panel .chat-log .msg .msg-txt{padding:5px;border-radius:5px;display:inline-block;margin-bottom:10px;white-space:pre-wrap}.chat-panel .chat-log .msg .msg-txt .btn{display:block}.chat-panel .chat-log .msg-user{text-align:right}.chat-panel .chat-log .msg-user .msg-txt{background-color:#def}.chat-panel .chat-log .msg-bot .msg-txt{background-color:#fff}.chat-panel .chat-input{padding:0 25px;position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;box-sizing:border-box}.chat-panel .chat-input input{position:relative;flex:1 1 auto;width:1%;min-width:0}.chat-panel .chat-input .mic-btn{padding:.5rem;border-radius:50%;z-index:2}.chat-panel .chat-input .mic-btn:hover{background-color:#d9d9d9;border-top-left-radius:50%;border-bottom-left-radius:50%}.chat-panel .chat-input .mic-btn.active{padding:.25rem;border:.25rem solid #86b7fe;box-shadow:0 0 0 .25rem #0d6efd40}.chat-panel .chat-input .mic-btn.active path{fill:#1967d2}.chat-panel .start-bg{position:absolute;top:10px;right:10px}.chat-panel.active{background-color:#0006}.chat-panel.active img{visibility:visible}.chat-panel.active .hint{display:initial;width:150px;color:#fff;margin:5px}.chat-panel.active input{margin:0;display:block;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.chat-panel.active input:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.chat-panel.active input:before,.chat-panel.active input:after{box-sizing:border-box}.chat-panel.active .show-btn{height:10px}.chat-panel.active .chat-log{display:block}.chat-panel.active .chat-input{display:flex}.chat-panel.active .start-bg{display:none}@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}.ui-panel .unit-plan .right-panel{flex-direction:column}.ui-panel .unit-plan .right-panel>div{width:100%}.ui-panel .facility .tour{padding:1em;font-size:small}.minimap{bottom:.5em}.hotspotPanel .landmark .landmark-point{scale:.5}.video-subtitles{font-size:medium;text-shadow:1px 1px black}:root{--size-text-small: .8em}}