body{background:var(--Platinum, #DFE3EA)}.view-floor{margin-top:calc(var(--hl-header-size) * -1)}.view-floor .section-floor{height:100vh;display:grid;align-items:center;justify-content:center;position:relative;background:var(--platinum);grid-template-columns:auto 1fr 1fr 1fr 1fr;grid-template-rows:repeat(5,1fr);max-width:100vw;padding-left:clamp(20px,18vw,341px);padding-right:clamp(20px,8vw,139px);padding-top:clamp(186px,11vw,205px);padding-bottom:clamp(50px,4vw,73px);column-gap:40px}@media (max-width: 1480px){.view-floor .section-floor{padding-left:var(--container-lg);padding-right:var(--container-lg)}}@media (max-width: 1080px){.view-floor .section-floor{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);height:unset;column-gap:unset;row-gap:40px}}@media (max-height: 756px) and (min-height: 1080px){.view-floor .section-floor{padding-top:139px}}.view-floor .section-floor .plan{position:relative;grid-area:1/2/6/5;align-self:flex-start;width:fit-content;opacity:0;transition:opacity .3s;height:calc(100% - 52px);justify-self:center;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}@media (max-width: 1080px){.view-floor .section-floor .plan{height:fit-content}}.view-floor .section-floor .plan .wrapper-inner{position:relative;height:100%;width:fit-content;margin:auto}@media (max-width: 1080px){.view-floor .section-floor .plan .wrapper-inner{height:fit-content}}.view-floor .section-floor .plan .image-wrapper{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;display:none;opacity:0;transition:opacity .3s}@media (max-width: 1080px){.view-floor .section-floor .plan .image-wrapper{position:relative}}.view-floor .section-floor .plan .image-wrapper svg{pointer-events:none}.view-floor .section-floor .plan .image-wrapper.active{z-index:2;display:block}.view-floor .section-floor .plan .image-wrapper.active svg{pointer-events:auto}.view-floor .section-floor .plan .image-wrapper.rdy{opacity:1}.view-floor .section-floor .plan svg{position:absolute;top:50%;left:0;transform:translateY(-50%);pointer-events:auto;z-index:1;height:100%;width:100%}.view-floor .section-floor .plan svg g.houseNum path:first-child{fill:var(--peacock)}.view-floor .section-floor .plan svg g.houseNum path:last-child{fill:var(--white)}.view-floor .section-floor .plan svg g:not(.houseNum) path{cursor:pointer;fill:none;fill-opacity:1;transition:fill-opacity .3s ease}.view-floor .section-floor .plan svg g:not(.houseNum).free path{fill:var(--silver)}.view-floor .section-floor .plan svg g:not(.houseNum).free.kamb1 path{fill:var(--kamb1)}.view-floor .section-floor .plan svg g:not(.houseNum).free.kamb1-5 path{fill:var(--kamb1)}.view-floor .section-floor .plan svg g:not(.houseNum).free.kamb2 path{fill:var(--kamb2)}.view-floor .section-floor .plan svg g:not(.houseNum).free.kamb3 path{fill:var(--kamb3)}.view-floor .section-floor .plan svg g:not(.houseNum).free.kamb4 path{fill:var(--kamb4)}.view-floor .section-floor .plan svg g:not(.houseNum).free.kamb5 path{fill:var(--kamb5)}.view-floor .section-floor .plan svg g:not(.houseNum).sold path{fill:var(--sold)}.view-floor .section-floor .plan svg g:not(.houseNum).reserved path{fill:var(--sold)}.view-floor .section-floor .plan svg g:not(.houseNum).freeP path{fill:var(--freeP)}.view-floor .section-floor .plan svg g:not(.houseNum).freeP.storage path{fill:var(--kamb2)}.view-floor .section-floor .plan svg g:not(.houseNum).reservedP path{fill:var(--sold)}.view-floor .section-floor .plan svg g:not(.houseNum).soldP path{fill:var(--sold)}.view-floor .section-floor .plan svg g:not(.houseNum):hover path{fill-opacity:.5}.view-floor .section-floor .plan svg a{pointer-events:all}.view-floor .section-floor .plan svg g.houseNum:hover path{fill-opacity:1!important;opacity:1!important}.view-floor .section-floor .plan.active{opacity:1}@media (max-width: 1480px){.view-floor .section-floor .plan{justify-self:center}}@media (max-width: 1080px){.view-floor .section-floor .plan{grid-area:1/1/2/4;margin-bottom:22px}}@media (max-width: 576px){.view-floor .section-floor .plan{justify-self:center;max-width:calc(100% - 20px)}}.view-floor .section-floor .plan img{grid-area:1/1/2/2;object-fit:contain;object-position:center;position:relative;z-index:2;pointer-events:none;transition:opacity .3s;width:100%;height:100%}@media (max-width: 1080px){.view-floor .section-floor .plan img{max-height:68vh}}.view-floor .section-floor .plan .svgs{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.view-floor .section-floor .plan .svgs .item{width:100%;height:100%;opacity:0;pointer-events:none;position:absolute;left:0;top:0}.view-floor .section-floor .plan .svgs .item.active{pointer-events:auto;opacity:1}.view-floor .section-floor .plan .roadBottom{position:absolute;left:50%;transform:translate(-50%,100%);bottom:-26px}@media (max-width: 576px){.view-floor .section-floor .plan .roadBottom{bottom:-8px}}.view-floor .section-floor .plan .roadBottom span{color:var(--peacock)}.view-floor .section-floor .plan .roadLeft{position:absolute;right:0;top:50%;transform:rotate(90deg) translate(-50%,-200%)}.view-floor .section-floor .plan .roadLeft span{color:var(--peacock)}.view-floor .section-floor .floors{display:flex;flex-direction:column;gap:clamp(4px,2vw,16px);grid-area:1/1/5/2}.view-floor .section-floor .floors svg{max-width:calc(100% + -0px);max-height:calc(100% + -0px)}@media (max-width: 1080px){.view-floor .section-floor .floors{grid-area:2/1/3/3;flex-direction:row-reverse;align-self:flex-start;justify-self:flex-start;align-items:center}.view-floor .section-floor .floors svg{width:12px;position:relative;bottom:1px}}@media (max-width: 576px){.view-floor .section-floor .floors{gap:4px}}.view-floor .section-floor .floors .floorBtn{width:clamp(24px,4vw,60px);height:clamp(24px,4vw,60px);color:var(--peacock);font-size:clamp(1rem,.8684210526rem + .5263157895vw,1.5rem);display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:none;transition:background-color .3s;font-weight:500;cursor:pointer}@media (max-width: 1480px) and (max-height: 800px){.view-floor .section-floor .floors .floorBtn{width:clamp(24px,4vw,40px);height:clamp(24px,4vw,40px)}}.view-floor .section-floor .floors .floorBtn:hover,.view-floor .section-floor .floors .floorBtn.active{background:var(--sage)}.view-floor .section-floor .filterBtn{display:flex;align-items:center;gap:10px;grid-area:5/1/6/2;align-self:flex-end;cursor:pointer}@media (max-width: 1080px){.view-floor .section-floor .filterBtn{grid-area:2/3/3/4;align-self:flex-start;justify-self:flex-end}}.view-floor .section-floor .filterBtn svg path{transition:stroke .3s}.view-floor .section-floor .filterBtn span{color:var(--peacock);transition:color .3s}@media (min-width: 1080px){.view-floor .section-floor .filterBtn:hover span{color:var(--sage)}.view-floor .section-floor .filterBtn:hover svg path{stroke:var(--sage)}}.view-floor .section-floor .backBtn{position:absolute;left:var(--container-lg);top:0;display:flex;align-items:center;gap:12px;top:clamp(145px,11vw,205px);cursor:pointer}@media (max-height: 756px) and (min-height: 1080px){.view-floor .section-floor .backBtn{top:139px}}@media (min-width: 1380px) and (max-height: 750px){.view-floor .section-floor .backBtn{top:120px}}@media (max-width: 576px){.view-floor .section-floor .backBtn{transform:translateY(-200%)}}.view-floor .section-floor .backBtn svg path{transition:fill .3s}.view-floor .section-floor .backBtn span{color:var(--peacock);font-weight:500;transition:color .3s}@media (min-width: 1080px){.view-floor .section-floor .backBtn:hover span{color:var(--sage)}.view-floor .section-floor .backBtn:hover svg path{fill:var(--sage)}}.view-floor .section-floor .legend{display:flex;flex-direction:column;gap:20px;grid-area:2/5/5/6}.view-floor .section-floor .legend.hidden{display:none}@media (max-width: 1080px){.view-floor .section-floor .legend{grid-area:3/1/4/3}}@media (max-width: 576px){.view-floor .section-floor .legend{gap:13px}}.view-floor .section-floor .legend .item{display:flex;display:none;gap:27px}.view-floor .section-floor .legend .item.active{display:flex}.view-floor .section-floor .legend .item .color{width:29px;height:17px}.view-floor .section-floor .legend .item span{color:var(--peacock);text-wrap-mode:nowrap}.view-floor .section-floor .compass{grid-area:1/5/2/6}@media (max-width: 1080px){.view-floor .section-floor .compass{grid-area:3/3/4/4;align-self:flex-start;justify-self:flex-end}}.view-floor .section-floor .compass svg{width:clamp(98px,8vw,135px);height:auto}.view-floor .section-floor #tooltipApart{position:absolute;top:0;left:0;will-change:transform,opacity,scale;opacity:0;z-index:98;display:flex;flex-direction:column;pointer-events:none;background:var(--peacock);border-radius:30px;width:217px}@media (max-width: 1080px){.view-floor .section-floor #tooltipApart{display:none}}.view-floor .section-floor #tooltipApart span{color:var(--white);font-size:clamp(1rem,1rem + 0vw,1rem)}.view-floor .section-floor #tooltipApart div.nr{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 0;margin-bottom:4px}.view-floor .section-floor #tooltipApart span.nr{font-size:clamp(2rem,2rem + 0vw,2rem);font-weight:500}.view-floor .section-floor #tooltipApart span.status{margin-bottom:4px}.view-floor .section-floor #tooltipApart .middle{padding:0 20px 16px}.view-floor .section-floor #tooltipApart .middle .info{display:flex;align-items:center;justify-content:space-between}.view-floor .section-floor #tooltipApart .middle .price{display:flex;align-items:center;gap:7px}.view-floor .section-floor #tooltipApart .middle .price .priceDiscount{font-size:clamp(.875rem,.875rem + 0vw,.875rem);font-weight:300;text-decoration:line-through;color:var(--sage)}.view-floor .section-floor #tooltipApart .top{position:relative}.view-floor .section-floor #tooltipApart .top:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:22px;height:18px;background:url('data:image/svg+xml;utf8,<svg width="22" height="18" viewBox="0 0 22 18" xmlns="http://www.w3.org/2000/svg"><path d="M11 18L0.607698 0L21.3923 0L11 18Z" fill="%23223A3C"/></svg>') no-repeat center;background-size:contain}.view-floor .section-floor #tooltipApart .bottom{background:var(--sage);padding:16px 20px;border-radius:0 0 30px 30px;position:relative}.view-floor .section-floor #tooltipApart .bottom:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:22px;height:18px;background:url('data:image/svg+xml;utf8,<svg width="22" height="18" viewBox="0 0 22 18" xmlns="http://www.w3.org/2000/svg"><path d="M11 18L0.607698 0L21.3923 0L11 18Z" fill="%23B0BD8A"/></svg>') no-repeat center;background-size:contain}.view-floor .section-floor #tooltipApart .bottom span{color:var(--peacock)}.view-floor .section-floor #tooltipApart.sold div.nr{padding-bottom:16px}.view-floor .section-floor #tooltipParking{position:absolute;top:0;left:0;will-change:transform,opacity,scale;opacity:0;z-index:98;display:flex;flex-direction:column;pointer-events:none;background:var(--peacock);border-radius:30px;width:260px}.view-floor .section-floor #tooltipParking span{color:var(--white);font-size:clamp(1rem,1rem + 0vw,1rem)}.view-floor .section-floor #tooltipParking div.nr{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 0}.view-floor .section-floor #tooltipParking span.nr{font-size:clamp(2rem,2rem + 0vw,2rem);font-weight:500}.view-floor .section-floor #tooltipParking .middle{padding:0 20px 16px}.view-floor .section-floor #tooltipParking .middle .price{display:flex;align-items:center;gap:7px}.view-floor .section-floor #tooltipParking .middle .price .priceDiscount{font-size:clamp(.875rem,.875rem + 0vw,.875rem);font-weight:300;text-decoration:line-through;color:var(--sage)}.view-floor .section-floor #tooltipParking .top{position:relative}.view-floor .section-floor #tooltipParking .top:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:22px;height:18px;background:url('data:image/svg+xml;utf8,<svg width="22" height="18" viewBox="0 0 22 18" xmlns="http://www.w3.org/2000/svg"><path d="M11 18L0.607698 0L21.3923 0L11 18Z" fill="%23223A3C"/></svg>') no-repeat center;background-size:contain}.view-floor .section-floor #tooltipParking.sold{width:260px}.view-floor .section-floor #tooltipParking.sold div.nr{padding-bottom:16px}