@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.App{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}*{padding:0;margin:0;box-sizing:border-box}@font-face{font-family:Segoeui;src:url(/assets/segoeuigis-BwGmy0oo.ttf) format("truetype");font-display:swap}@font-face{font-family:roboto;src:url(/assets/Roboto-Medium-BJbjO3wX.ttf)}.container{display:"flex";align-items:center;justify-content:center;background-size:contain}.container{display:flex;justify-content:center;align-items:center;flex-direction:column}.chart-container{background:#000;border-radius:10px;margin-top:10px;margin-left:10px;padding:0 10px}.title-dropdown-container{display:flex;align-items:center;width:100%;gap:.5rem}.chart-title{color:#fff;padding:15px 0 25px}.dropdown{margin-bottom:10px;padding:5px;border-radius:5px;background-color:#333;color:#fff}body{background:#fcf6e6}.image-map-container{position:relative;display:inline-block;width:100%;height:auto}.image-map,.image-map-timelapse{display:block;width:100%;height:100%;pointer-events:none;background-size:cover;z-index:2}.villasidecard{animation:fadeIn 5s ease-out}.svg-overlay,.svg-overlay-timelapse{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.animate-svg,.card-opacity{animation:fadeIn 1s ease-out}.image-map-container{width:100%;height:100%;position:relative}.image-map,.image-map-timelapse{width:100%;height:100%;object-fit:cover;z-index:2}.svg-overlay,.svg-overlay-timelapse{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.map-area{fill:transparent;stroke:#fff;stroke-width:2;pointer-events:all;cursor:pointer}.map-arealagoonthree{stroke:#fff;stroke-width:2;pointer-events:all;cursor:pointer}.map-arealagoonfour{pointer-events:all;cursor:pointer}.map-area:hover{fill:#ff000080}.map-area:active{fill:#d0ff0080}.map-line{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}.path{fill:transparent;stroke:#fff;stroke-dasharray:1000;stroke-dashoffset:1000}.linepath{fill:transparent;stroke:#fff;stroke-dasharray:10000;stroke-dashoffset:10000;animation:dash 15s ease-in forwards;-webkit-animation:dash 15s ease-in forwards}@media screen and (max-width: 768px){.image-map-container{width:auto;height:100vh;overflow:auto}.image-map,.image-map-timelapse{display:block;width:auto;height:100vh;background-size:cover;z-index:2}}.image-map,.image-map-timelapse{display:block;width:100vw;height:100%;z-index:2}.svg-overlay,.svg-overlay-timelapse{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 730px){.main-container{flex-direction:row}.image-map-container{width:auto;height:100vh;overflow-x:auto;overflow-y:hidden}.image-map{width:auto;height:100vh;object-fit:cover}.image-map-timelapse{width:auto;height:100%;object-fit:cover}.svg-overlay{width:auto;height:100vh}.svg-overlay-timelapse{width:auto!important;height:100vh}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.timelapsemodal{animation:fadeIn .7s ease-out}.svg-overlay,.svg-overlay-timelapse,.svg-overlay *{-webkit-tap-highlight-color:transparent;outline:none}.mainContainer{flex-direction:column}.imageMapContainer{position:relative;display:inline-block;width:100vw;height:100%;overflow:auto}.imageMap{display:block;width:100vw;height:100%;object-fit:cover;z-index:2}.svgOverlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;-webkit-tap-highlight-color:transparent;outline:none}@media screen and (min-width: 600px) and (max-width: 1024px) and (orientation: portrait){.mainContainer{flex-direction:row}.imageMapContainer{width:auto;height:100vh;overflow:auto;overflow-y:hidden}.imageMap,.svgOverlay{width:auto;height:100vh}}@media screen and (max-width: 768px){.imageMapContainer{width:auto;height:100vh;overflow:auto}.imageMap{width:auto;height:100vh}}@media screen and (max-width: 730px){.mainContainer{flex-direction:row}.imageMapContainer{width:auto;height:100vh;overflow-x:auto;overflow-y:hidden}.imageMap,.svgOverlay{width:auto;height:100vh}}.filter-dropdown-container{overflow:hidden;max-height:0;transition:max-height .6s ease-in-out}.filter-dropdown-container.show{max-height:500px}.clouds-wrapper{position:absolute;height:100vh;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:4;pointer-events:none;opacity:.7}.clouds-wrappersecond{position:absolute;height:100vh;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:4;pointer-events:none;opacity:.7;display:flex;justify-content:center;align-items:center;transform:translateY(50%)}.cloud-item{position:absolute;left:0;height:330px;width:100%;right:0}.cloudBase{position:absolute;left:0;top:0;width:400px;height:300px;animation:cloud-move var(--time) linear infinite;-webkit-animation:cloud-move var(--time) linear infinite}.landmark{transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;will-change:transform,opacity}@media (max-width: 768px){.cloudBase{width:200px;height:100px}}.cloudBase img{width:100%}@keyframes cloud-move{0%{transform:translate(var(--from)) translateY(var(--top))}to{transform:translate(var(--to)) translateY(var(--top))}}@media screen and (max-width: 768px){.image-map-container{width:auto;height:100vh;overflow:auto}.image-map{display:block;width:auto;height:100vh;background-size:cover;z-index:2}}@keyframes dash{to{stroke-dashoffset:0}}.black-film-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;min-width:100%;min-height:100%;background-color:#00000080;z-index:1;pointer-events:none}.image-container-villa{position:relative;width:100%;height:100vh;overflow:hidden}.background-image-villa{width:100%;height:100%;object-fit:cover}.foreground-image-villa{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:80%;max-height:80%;object-fit:contain}.image-map-container{position:relative;width:100vw;height:100%;overflow:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-map{display:block;width:100vw;height:100%;z-index:2;animation:fadeIn 1s ease-out}.svg-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.animate-svg,.majormodal,.pin-new-amd,.pin-new-landmark{animation:fadeIn 1s ease-out}.main-container{flex-direction:column}@media screen and (max-width: 730px){.main-container{flex-direction:row}.image-map-container{width:auto;height:100vh;overflow-x:auto;overflow-y:hidden}.image-map{width:auto;height:100vh;object-fit:cover}.svg-overlay{width:auto;height:100vh}}.compass__arrow.svelte-16rgxa1:before{border-width:0 3px 20px 3px!important}.compass__arrow.svelte-16rgxa1:after{border-width:20px 3px 0 3px!important}.wrapper{width:100%!important}.compass.svelte-16rgxa1{position:relative;display:flex;height:100%;flex-direction:row;align-items:center;justify-content:center;transition:.3s ease-in-out;bottom:0}@media (max-width: 768px){.compass.svelte-16rgxa1{min-width:35px;min-height:35px}}.compass__wrapper.svelte-16rgxa1{display:flex;flex-direction:column;position:relative}.compass__north.svelte-16rgxa1{font-size:10px;line-height:100%;font-weight:400;color:#fff;text-align:center;top:-12px;position:absolute;transition:var(--transition)}.compass__circle.svelte-16rgxa1{display:flex;flex-direction:column;justify-content:center;align-items:center}.compass__arrow.svelte-16rgxa1{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:46px;height:46px;border-radius:100%;background-color:#23232380;transition:var(--transition)}@media (max-width: 768px){.compass__arrow.svelte-16rgxa1{width:35px;height:35px}}.compass__arrow.svelte-16rgxa1:before{content:"";width:0;height:0;border-style:solid;border-width:0 4px 24px 4px;border-color:transparent transparent #fe191a transparent}@media (max-width: 768px){.compass__arrow.svelte-16rgxa1:before{border-width:0 2.65px 17.28px 2.65px}}.compass__arrow.svelte-16rgxa1:after{content:"";width:0;height:0;border-style:solid;border-width:24px 4px 0 4px;border-color:#fefefe transparent transparent transparent}@media (max-width: 768px){.compass__arrow.svelte-16rgxa1:after{border-width:17.28px 2.65px 0 2.65px}}[dir=rtl] .compass{margin-right:0;margin-left:6px}.main{height:100dvh;display:grid;place-content:center;background-color:#000;position:fixed;top:0;left:0;width:100%;z-index:9999}.legacy{height:100vh;display:grid;background-color:#000;position:fixed;top:0;left:0;width:100%;z-index:9999}.loader{--dim: 3rem;width:var(--dim);height:var(--dim);position:relative;animation:spin988 2s linear infinite,scrollVertical 5s linear infinite;-webkit-animation:spin988 2s linear infinite,scrollVertical 5s linear infinite}.loader .circle{--color: white !important;--dim: 1.2rem;width:var(--dim);height:var(--dim);background-color:var(--color);border-radius:50%;position:absolute}.loader .circle:nth-child(1){top:0;left:0}.loader .circle:nth-child(2){top:0;right:0}.loader .circle:nth-child(3){bottom:0;left:0}.loader .circle:nth-child(4){bottom:0;right:0}@keyframes spin988{0%{transform:scale(1) rotate(0)}20%,25%{transform:scale(1.3) rotate(90deg)}45%,50%{transform:scale(1) rotate(180deg)}70%,75%{transform:scale(1.3) rotate(270deg)}95%,to{transform:scale(1) rotate(360deg)}}@keyframes fadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.main.fade-out{animation:fadeOut 1s forwards}.legacy.fade-out{animation:fadeOut 1s forwards;-webkit-animation:fadeOut 1s forwards}._mainContainer_j22uf_1{flex-direction:column}._imageMapContainer_j22uf_5{position:relative;display:inline-block;width:100vw;height:100%;overflow:auto}._imageMap_j22uf_5{display:block;width:100vw;height:100%;object-fit:cover;z-index:2}._svgOverlay_j22uf_21{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;-webkit-tap-highlight-color:transparent;outline:none}@media screen and (min-width: 600px) and (max-width: 1024px) and (orientation: portrait){._mainContainer_j22uf_1{flex-direction:row}._imageMapContainer_j22uf_5{width:auto;height:100vh;overflow:auto;overflow-y:hidden}._imageMap_j22uf_5,._svgOverlay_j22uf_21{width:auto;height:100vh}}@media screen and (max-width: 768px){._imageMapContainer_j22uf_5{width:auto;height:100vh;overflow:auto}._imageMap_j22uf_5{width:auto;height:100vh}}@media screen and (max-width: 730px){._mainContainer_j22uf_1{flex-direction:row}._imageMapContainer_j22uf_5{width:auto;height:100vh;overflow-x:auto;overflow-y:hidden}._imageMap_j22uf_5,._svgOverlay_j22uf_21{width:auto;height:100vh}}*{margin:0;padding:0;box-sizing:border-box;font-family:roboto}* ::-webkit-scrollbar{width:0px}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px);-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px)}to{opacity:1;transform:translate(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px);-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px)}to{opacity:1;transform:translate(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}@keyframes slideInFromtop{0%{opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}.rounded-bar{width:100px;height:10px;background-color:#595959;border-radius:10px;margin:10px auto}