:root{--bg-color: #ff5733;--bg-color-hover: #ff5733;--border-color:#ff5733;--text-color:#ff5733;--text-color-hover:#ff5733}@font-face{font-family:UTM-Aptima;src:url(./UTM-Aptima-DIILCjL-.ttf)}@font-face{font-family:Barlow-Regular;src:url(./Barlow-Regular-DgxWDqdj.ttf)}@font-face{font-family:Barlow-SemiBold;src:url(./Barlow-SemiBold-DrfcEYX2.ttf)}@font-face{font-family:Nombre-Sans-Regular;src:url(./Nombre-Sans-Regular-BxRZNWyW.otf)}@media(min-width:320px){body{font-size:8px}}@media(min-width:481px){body{font-size:8px}}@media(min-width:641px){body{font-size:10px}}@media(min-width:961px){body{font-size:12px}}@media(min-width:1181px){body{font-size:14px}}@media(min-width:1380px){body{font-size:16px}}.title{font-family:UTM-Aptima}body{margin:0;font-family:Barlow-Regular;-webkit-user-select:none;user-select:none}#app{width:100vw;height:100vh}.modal{display:none;position:fixed;justify-content:center;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal .content{margin-bottom:5rem;display:flex}.modal .content img{display:block;margin:auto;object-fit:cover;max-width:90vw;max-height:70vh;border:.375rem solid #472F92;border-radius:2rem}.modal .content .text{text-align:center;margin:5px}@keyframes animateDash{to{stroke-dashoffset:0}}@keyframes fadein{0%{opacity:0}50%{opacity:1}}@keyframes fadeout{to{opacity:0}}@keyframes fadein2{0%{opacity:0}50%{opacity:1}}@keyframes fadeout2{to{opacity:0;display:none}}@keyframes animaterunout{0%{stroke-dashoffset:8000;stroke:#ffffff90;visibility:visible}50%{stroke-dashoffset:0;stroke:#ffffff90;visibility:visible}60%{stroke-dashoffset:0;stroke:#5691ff90;visibility:visible}70%{stroke-dashoffset:0;stroke:#ffffff90;visibility:visible}80%{stroke-dashoffset:0;stroke:#5691ff90;visibility:visible}90%{stroke-dashoffset:0;stroke:#ffffff90;visibility:visible}to{stroke-dashoffset:0;visibility:hidden}}@keyframes stirringa{0%{transform:translate(0)}50%{transform:translate(10px)}}@keyframes pulse-primary{0%{box-shadow:0 0 #ce7b1cb3;border-color:#ce7b1c}to{box-shadow:0 0 0 10px #d3bca11a;border-color:#d3bca1}}@keyframes pulse-animation{0%{box-shadow:0 0 #7c438999}to{box-shadow:0 0 0 15px #7c438900}}.cloud{pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.cloud .cloud-top{top:0;animation:cld2 calc(30s * var(--i)) linear infinite}.cloud .cloud-bot{bottom:0;animation:cld calc(30s * var(--i)) linear infinite}.cloud img{opacity:.2;max-width:100%;position:absolute}@keyframes cld{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes cld2{0%{transform:translate(-100%) scale(-1)}to{transform:translate(100%) scale(-1)}}.stirring{animation:stirringa 2s linear forwards infinite}.main-ui{display:flex;justify-content:center}.menu-effect{position:fixed;bottom:0;transform:translateY(40%);mix-blend-mode:multiply;width:70vw;background-color:#595959;filter:blur(4em);height:10vw}.menu{position:fixed;display:flex;width:65vw;bottom:0;transform:translateY(3vw)}.menu .bg{width:100%;height:100%}.menu .bg img{width:100%;height:auto}.menu .content{position:absolute;width:100%;height:75%;display:flex;z-index:10}.menu .logo{width:20%;height:auto;padding:.5rem;position:relative}.menu .logo img{position:absolute;width:100%;height:auto;visibility:hidden;transform:translateY(-30%)}.menu .btn{cursor:pointer;width:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-color);text-transform:uppercase}.menu .btn.active{font-family:Barlow-SemiBold;color:var(--text-color-hover)}.menu .btn:hover{color:var(--text-color-hover)}.menu .btn img,.menu .btn .icon{width:30px;height:30px}.menu .sub-menu.active .sub-menu-contain{display:flex}.menu .sub-menu .sub-menu-contain{display:none;position:absolute;transform:translateY(-75%);top:0;flex-direction:column}.menu .sub-menu .sub-btn{flex-direction:row;padding:5px;margin:0 0 5px}.menu .sub-menu .sub-btn .icon{margin-right:10px;width:26px;height:26px}.slide-menu{position:fixed;left:0;top:50%;transform:translate(calc(-100% + 18px),-50%);transition:transform 1s;color:#fff;min-width:100px;min-height:200px;border-width:19px;border-style:solid;border-image:url(./b1-BWcVlsQq.png) 19/1/0 stretch;background-color:#00000070;border-radius:1.5em}.slide-menu.active{transform:translateY(-50%)}.slide-menu .hide-btn{position:absolute;display:flex;justify-content:center;cursor:pointer;top:50%;right:0;transform:translate(calc(50% + 19px),-50%);background-image:linear-gradient(to top,#d3bca1,#fff5df);padding:.175rem;font-size:1.5em;width:1.25em;height:1.25em;border-radius:50%;transition:all 1s;color:#472f92;line-height:1.25em;font-family:cursive}.slide-menu .hide-btn svg{width:1.5rem;height:1.5rem;transition:all 1s}.slide-menu .hide-btn svg g{display:unset}.slide-menu .hide-btn svg path{display:none}.slide-menu .header{padding:.875rem 1rem;border-width:0px 0px .125rem 0;border-style:solid;border-image:linear-gradient(to right,#ffe9b700,#e0adb1) 30 0}.slide-menu .body{padding:.375rem .625rem}.slide-menu .footer{padding:.375rem .625rem;font-size:.625em}.slide-menu .footer .content{display:flex;align-items:flex-start;padding:4px 0}.slide-menu .footer img{width:1.25rem;height:1.25rem;margin-right:.275rem}.location-ui{z-index:10}.location-ui .button-group{display:flex;flex-direction:column}.location-ui .button-group .btn{-webkit-user-select:none;user-select:none;cursor:pointer;width:15em;padding:.375rem;font-size:.8em;display:flex;align-items:center;border-bottom:2px solid;border-image:linear-gradient(to right,#e6c4d7,#e6c4d700) 2}.location-ui .button-group .btn:hover{color:var(--text-color-hover)}.location-ui .button-group .btn .checkbox{width:1rem;height:1rem;margin-right:.275rem;border:.125rem solid #e6c4d7;border-radius:.275rem}.location-ui .button-group .btn .checkbox img{width:100%;height:100%;display:none}.location-ui .button-group .btn .icon{width:2rem;height:2rem}.location-ui .button-group .btn.active .checkbox{background-image:linear-gradient(to top,#8455bc,#956daf 46%,#b481b8 64%,#e6c4d7)}.location-ui .button-group .btn.active .checkbox img{display:initial}.location-ui .button-group .icon-bg{fill:#959697}.location-ui .button-group .icon-text{fill:#595959}.floor-plan-ui.slide-menu{transform:translate(-100%);top:50px}.floor-plan-ui.slide-menu.active{transform:translate(0)}.floor-plan-ui .body{max-height:75vh;scrollbar-width:none}.floor-plan-ui .btn{display:flex;justify-content:center;cursor:pointer;border-radius:2rem;border:.075rem solid var(--text-color);text-align:center;padding:.25rem 1rem;font-size:.8em;margin:.375rem 0}.floor-plan-ui .btn:hover{background-color:#472f9250}.floor-plan-ui .btn.active{background-color:#472f92;color:#e0adb1}.floor-plan-ui .btn.disable{pointer-events:none;color:gray;border-color:gray}.floor-plan-ui .btn img{width:24px;height:24px}.floor-plan-ui .footer{display:none}.floor-plan-ui .floor-plan-list{background-color:#ffffff1a;border-radius:10px;margin:0 20px}.floor-plan-ui .floor-plan-list.floor-plan-list-room .content{grid-template-columns:auto auto auto}.floor-plan-ui .floor-plan-list .content{display:grid;grid-template-columns:auto auto auto auto;padding:15px}.floor-plan-ui .floor-plan-list .content .btn{margin:2px;padding:6px;border:1px solid #472F92;border-radius:5px}.floor-plan-ui .hint{display:none;position:absolute;bottom:0;transform:translate(135%);background-color:#e0adb1b2;border:2px solid #472F92;border-radius:2rem}.floor-plan-ui .hint.active{display:block}.floor-plan-ui .hint .close{position:absolute;width:2rem;height:2rem;border-radius:50%;background-color:#e0adb1;border:.125rem solid #472F92;display:flex;align-items:center;justify-content:center;top:0;right:0;transform:translate(100%,-100%);cursor:pointer}.floor-plan-ui .hint .title{font-size:.8em;margin:.375rem 0}.floor-plan-ui .hint .content{display:flex;font-size:.6em;margin:.375rem 0}.floor-plan-ui .hint .hint-top{padding:.75rem;border-bottom:2px solid #472F92}.floor-plan-ui .hint .hint-bot{padding:.75rem}.floor-plan-ui .hint img{width:1.25rem;height:1.25rem;margin-right:.375rem}.list-select{background-color:#ffffff1a;border-radius:1rem}.list-select.active .content{display:grid}.list-select.active .btn-more{display:flex;margin:0 1rem}.list-select.active .btn-more.disable{display:none}.list-select.active .btn-show{text-align:left}.list-select.active .btn-show img{transform:scale(-1)}.list-select.long-list .content{grid-template-columns:auto auto auto auto}.list-select .btn-show{text-align:left}.list-select .btn-show span{flex-grow:1}.list-select .btn-show img{width:1rem;height:1rem}.list-select .btn-more{display:none}.list-select .content{display:none;grid-template-columns:auto auto auto;padding:.5rem}.list-select .content .btn{margin:.125rem;padding:.175rem;border:.075rem solid #472F92;border-radius:.375rem}.full-screen{width:100vw;height:100vh;display:none;-webkit-user-select:none;user-select:none;overflow:hidden}.tmp{position:absolute;top:0;visibility:hidden;pointer-events:none}.tmp>div{display:flex}.tmp .txt1{border:2px solid #472F92;border-radius:35px;background-color:#e0adb1;padding:9px 0;pointer-events:none}.tmp .txt1 span{margin-left:35px;font-size:13px;color:#472f92}.location-map{overflow:hidden}.location-map.fadeout{position:absolute;z-index:100}.location-map canvas{touch-action:none}.location-map .hotspot-contain{position:fixed;width:100vw}.location-map .hotspot-contain .zoom-group{position:fixed;bottom:50px;right:50px;z-index:1}.location-map .hotspot-contain .zoom-group .zoom-btn{display:flex;background-color:#00000046;border-radius:10px;border:2px solid rgba(255,255,255,.4);padding:8px;margin:15px;color:#fff;justify-content:center;cursor:pointer}.location-map .hotspot-contain .zoom-group .zoom-btn svg{width:36px;height:36px}.location-map .debug{position:fixed;right:1rem;top:1rem;background-color:#0e271ba0;padding:1rem;color:#fff}.location-map .debug input{margin:5px}.far-amenities{width:100vw;height:100vh;display:flex}.far-amenities>svg{width:100%;height:100%}.far-amenities .central-residence{fill:#c49a6c;cursor:pointer}.far-amenities .central-residence:hover{stroke-miterlimit:10;stroke-width:1.98px;stroke:#ff0;animation:animateDash 2s linear forwards}.far-amenities .icon{cursor:pointer}.far-amenities .icon:hover{stroke:#ffd341;filter:url(#glow)}.mid-amenities{overflow:hidden;justify-content:center;align-items:center}.mid-amenities svg{width:100%;height:100%}.mid-amenities .button{filter:url(#glow);fill:transparent;stroke:none;cursor:pointer}.mid-amenities .button:hover{stroke-miterlimit:10;stroke-width:1.98px;stroke:#ff0;stroke-dasharray:4000;stroke-dashoffset:4000;animation:animateDash 2s linear forwards}.mid-amenities .hint{pointer-events:none}.overview{width:100vw;height:100vh;overflow:hidden}.overview iframe{width:100%;height:100%;border:0}.overview .hotspot-manager .back-btn{position:absolute;top:1em;right:1em;width:5em;height:5em;cursor:pointer;display:none}.overview .hotspot-manager .back-btn.active{display:block}.overview .hotspot-manager .landmark{position:absolute;color:#fff;background-color:#7c4389;border-radius:50%;width:16px;height:16px;transform:translate(-50%,-50%);border:2px solid #eae8d1;animation:pulse-animation 2s infinite}.overview .hotspot-manager .landmark .landmark-stick{position:absolute;top:-60px;left:8px;width:2px;height:60px;background-color:#eae8d1}.overview .hotspot-manager .landmark .landmark-point{position:absolute;top:-60px;left:8px;width:135px;text-align:center;transform:translate(-50%,-100%);background-color:#7c438999;border:2px solid rgba(234,232,209,.6);border-radius:8px;padding:2px 8px}.near-amenities{background-position:top right}.near-amenities.portal{background-size:auto 100%}.near-amenities.portal .layer-txt{left:0;right:0;bottom:8em;padding:0 3em}.near-amenities.landscape{background-size:100% auto}.near-amenities.landscape .layer-txt{left:0;top:0;width:40%;padding:0 3em;bottom:6em;display:flex;align-self:center}.near-amenities canvas{width:100%;height:100%;touch-action:none}.near-amenities .thumb{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;display:none;opacity:0;transition:opacity 2s}.near-amenities .thumb.active{opacity:1;display:flex}.near-amenities .thumb img{max-width:90vw;max-height:70vh;border:.375rem solid #472F92;border-radius:2rem;margin-bottom:5rem}.near-amenities .hint{position:absolute;display:none;border:5px solid rgba(234,232,209,.6);border-radius:5px;animation:fadein ease-in 1.5s}.near-amenities .hint .hint-txt{color:#fff;text-align:center;padding:4px 8px;border-bottom:2px solid #eae8d1}.near-amenities .hint .hint-txt .sub-text{font-size:.75em}.near-amenities .facility-table{display:none}.near-amenities .facility-table.active{display:block;animation:fadein2 2s;visibility:visible;opacity:1}.near-amenities .facility-table .facility-table-title{min-width:9rem;text-align:center;font-size:2em}.near-amenities .facility-table .sub-text{font-size:.75em}.near-amenities .facility-table .facility-table-content .row:not(:first-child){border-width:.125rem 0 0 0}.near-amenities .facility-table .facility-table-content .row{border-width:0;border-style:solid;border-image:linear-gradient(to right,#ffe9b700,#e0adb1);border-image-slice:1;display:flex;flex-wrap:wrap}.near-amenities .facility-table .facility-table-content .col{padding:.875rem 0;flex:1 0 0}.near-amenities .facility-table .facility-table-content .item{display:flex;padding:.25rem 0;cursor:pointer;transition:background-color .5s ease}.near-amenities .facility-table .facility-table-content .item.active{background-color:var(--bg-color-hover)}.near-amenities .facility-table .facility-table-content .area{font-size:1.25em}.near-amenities .layer-txt{position:absolute;color:#fff}.near-amenities .layer-txt .sub-text{font-size:.75em}.near-amenities .layer-txt .layer-txt-tile{min-width:9rem;text-align:center;font-size:2em}.near-amenities .layer-txt .layer-txt-page{position:absolute;top:0;width:20px;height:100%;display:flex;justify-content:center;cursor:pointer}.near-amenities .layer-txt .layer-txt-page img{width:2em}.near-amenities .layer-txt .layer-txt-previous{left:1em}.near-amenities .layer-txt .layer-txt-previous img{transform:scale(-1)}.near-amenities .layer-txt .layer-txt-next{right:1em}.near-amenities .layer-txt .layer-txt-content{width:100%}.near-amenities .layer-txt .txt{flex:1 0 0}.near-amenities .layer-txt .point{border:.125em solid white;width:1.5em;height:1.5em;border-radius:50%;margin:0 .5em;display:block;text-align:center;line-height:1.5em;position:relative}.floor-plan{overflow:hidden}.floor-plan .floor-lable{position:absolute;color:var(--bg-color);padding:1em}.floor-plan .floor-lable .vi{font-size:2em}.floor-plan .floor-lable .en{font-size:1.25em}.floor-plan .color-hint{position:absolute;display:none;right:30px;bottom:150px;background-color:#1d133b5e;border:.125rem solid #e6c4d7;border-radius:20px;font-size:13px;color:#fff;padding:12px}.floor-plan .color-hint .hint-type{padding:10px;display:flex}.floor-plan .color-hint .hint-type .hint-color{display:inline-block;width:18px;height:18px;border-radius:3px;margin-right:10px}.floor-plan .tower-name{position:absolute;display:none;top:0;left:0;width:232px;height:auto}.floor-plan .hint{position:absolute;display:none;width:auto;height:2.25rem}.floor-plan .hint.active{display:flex}.floor-plan .thumb{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;justify-content:center;align-items:center;display:none;opacity:0;z-index:100;padding:2em;transition:opacity 2s}.floor-plan .thumb.active{opacity:1;display:flex}.floor-plan .thumb .bg{width:100%;height:100%}.floor-plan .thumb img{width:100%;height:100%;object-fit:contain}