.s-hero-parking{margin-block-end:var(--sections-spacing-lg);padding-block-start:calc(var(--header-size) + var(--sections-spacing-xs))}.s-hero-parking h1{text-wrap:balance}.s-hero-parking .main--top{padding-block-end:2rem}.s-hero-parking .topbar{padding-block-end:4.5rem}.s-hero-parking .bottom .bottom-left{flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;display:flex}@media screen and (width<=762px){.s-hero-parking .bottom .bottom-left{flex-direction:row}}.s-hero-parking .bottom .bottom-left .compass svg,.s-hero-parking .bottom .bottom-left .compass img{width:6rem;height:auto}@media (width<=980px){.s-hero-parking .bottom .bottom-left .compass svg,.s-hero-parking .bottom .bottom-left .compass img{width:6rem}}@media screen and (width<=762px){.s-hero-parking .bottom .bottom-left .compass svg,.s-hero-parking .bottom .bottom-left .compass img{width:32px}}.s-hero-parking .bottom .bottom-left .svg-el-control{flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:1rem;display:flex}@media screen and (width<=762px){.s-hero-parking .bottom .bottom-left .svg-el-control{flex-direction:row}}.s-hero-parking .bottom .bottom-left .svg-el-control button{border:1px solid var(--color-section-section-outline,#d1d1d1);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;pointer-events:all;background:#f5f5f5b3;border:none;border-radius:3.125rem;flex-direction:column;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:.25rem;transition:transform .48s,opacity .32s;display:flex;box-shadow:0 4px 4px #00000040}.s-hero-parking .bottom .bottom-left .svg-el-control button.hidden{opacity:0;pointer-events:none}.s-hero-parking .bottom .bottom-left .svg-el-control button svg{width:60%;height:auto}.s-hero-parking .bottom .bottom-left .svg-el-control button.prev svg{transform:scale(-1)}@media (hover:hover) and (pointer:fine){.s-hero-parking .bottom .bottom-left .svg-el-control button{cursor:pointer}.s-hero-parking .bottom .bottom-left .svg-el-control button:hover{transform:scale(.9)}}@media (width<=980px){.s-hero-parking .bottom .bottom-left .svg-el-control button{width:24px;height:24px}}.s-hero-parking .bottom .bottom-right{flex-direction:column;justify-content:space-between;gap:1.1rem;display:flex}@media screen and (width<=762px){.s-hero-parking .bottom .bottom-right{gap:28px}}.s-hero-parking .bottom .bottom-right .btn-groups{align-items:center;gap:2rem;display:inline-flex}.s-hero-parking .bottom .bottom-right .btn-groups .ev-btn.icon{aspect-ratio:1;justify-content:center;align-items:center;display:flex}.s-hero-parking .bottom .bottom-right .info{grid-template-columns:auto 1fr;gap:1.1rem;display:grid}.s-hero-parking .bottom .bottom-right .info .info-item{grid-column:span 2}@media screen and (width<=762px){.s-hero-parking .bottom .bottom-right .info{grid-template-columns:auto 1fr;grid-template-areas:"a a""c b";row-gap:20px}.s-hero-parking .bottom .bottom-right .info .ba{grid-area:a}.s-hero-parking .bottom .bottom-right .info .bb{grid-area:b;justify-content:flex-end}.s-hero-parking .bottom .bottom-right .info .bc{grid-area:c/auto}}.s-hero-parking .bottom .bottom-right .status{flex-direction:column;gap:1.1rem;display:flex}@media screen and (width<=762px){.s-hero-parking .bottom .bottom-right .status{gap:12px}}.s-hero-parking .bottom .bottom-right .status div{align-items:center;gap:1rem;display:flex}.s-hero-parking .bottom .bottom-right .status div.status-1 span{background-color:#92b6ae}.s-hero-parking .bottom .bottom-right .status div.status-2 span{background-color:#6977eb}.s-hero-parking .bottom .bottom-right .status div.status-3 span{background-color:#bba07c}.s-hero-parking .bottom .bottom-right .status div.status-4 span{background-color:#c37394}.s-hero-parking .bottom .bottom-right .status div span{border-radius:20px;width:8px;height:8px;display:flex}.s-hero-parking .bottom .bottom-right .status div p{line-height:1!important}.s-hero-parking .bottom .bottom-right .map h3{padding-block-end:2.1rem}.s-hero-parking .bottom .bottom-right .map svg{width:100%;max-width:16.875rem;height:auto;max-height:16rem;display:block}.s-hero-parking .bottom .bottom-right .map svg .plan :is(.bg,.unit){transition:fill .2s}@media (hover:hover) and (pointer:fine){.s-hero-parking .bottom .bottom-right .map svg .plan:not(.active){cursor:pointer}.s-hero-parking .bottom .bottom-right .map svg .plan:not(.active):hover :is(.bg,.unit){fill:#c1cae7}}.s-hero-parking .bottom .bottom-right .map svg .plan.active :is(.bg,.unit){fill:#b3c5f9}.s-hero-parking .bottom .bottom-right .map svg .labels{pointer-events:none}.s-hero-parking .middle{grid-template-columns:1fr auto;gap:1.25rem;display:grid;position:relative}@media screen and (width<=762px){.s-hero-parking .middle{grid-template-columns:1fr;gap:16px}}.s-hero-parking .middle .svg-el{gap:1rem;display:flex;position:relative}.s-hero-parking .middle .svg-el .svg-el-inner{width:100%;position:relative}.s-hero-parking .middle .svg-el .svg-el-viewport{cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden}.s-hero-parking .middle .svg-el .svg-el-viewport.is-panning,.s-hero-parking .middle .svg-el .svg-el-viewport.is-panning svg g{cursor:grabbing}.s-hero-parking .middle .svg-el .svg-el-stage{transform-origin:0 0;width:100%;position:relative}.s-hero-parking .middle .svg-el .svg-el-stage.is-swapping{pointer-events:none}.s-hero-parking .middle .svg-el .svg-el-viewport.is-panning .svg-el-stage{will-change:transform}.s-hero-parking .middle .svg-el .svg-el-stage img{pointer-events:none;object-fit:contain;z-index:4;width:100%;max-height:78vh;display:block;position:relative}.s-hero-parking .middle .svg-el .svg-el-stage svg{opacity:0;width:100%;height:auto;max-height:78vh;transition:opacity .25s;position:absolute;inset:0}.s-hero-parking .middle .svg-el .svg-el-stage svg.is-ready{opacity:1}.s-hero-parking .middle .svg-el .svg-el-stage svg :where(:is(.zone,.place)>*){fill:#6977eb}.s-hero-parking .middle .svg-el .svg-el-stage svg g.place{cursor:pointer}.s-hero-parking .middle .svg-el .svg-el-stage svg g.place>*{fill-opacity:.12;transition:fill-opacity .15s}.s-hero-parking .middle .svg-el .svg-el-stage svg g.place:hover>*{fill-opacity:.3}.s-hero-parking .middle .svg-el .svg-el-stage svg .zone{cursor:pointer}.s-hero-parking .middle .svg-el .svg-el-stage svg .zone>*{transition:fill-opacity .15s}.s-hero-parking .middle .svg-el .svg-el-stage svg .zone.status-0>*{fill:#ddeae6;fill-opacity:1}.s-hero-parking .middle .svg-el .svg-el-stage svg .zone.status-0.larger>*{fill:#e1eafe}.s-hero-parking .middle .svg-el .svg-el-stage svg .zone.status-0.type-storage>*{fill:#fff2c6;fill-opacity:.7}.s-hero-parking .middle .svg-el .svg-el-stage svg .zone.status-0.type-commercial>*,.s-hero-parking .middle .svg-el .svg-el-stage svg .zone.status-0.type-apartment>*{fill:#eabfc3;fill-opacity:.7}.s-hero-parking .middle .svg-el .svg-el-stage svg .zone.status-0.type-unknown>*{fill:#fff}.s-hero-parking .middle .svg-el .svg-el-stage svg .zone.status-1>*{fill:#e7e7e7;fill-opacity:.4}.s-hero-parking .middle .svg-el .svg-el-stage svg .zone.status-2>*{fill:#0000;fill-opacity:0}.s-hero-parking .middle .svg-el .svg-el-stage svg .zone.status-3>*{fill:#e8b943;fill-opacity:.3}.s-hero-parking .middle .svg-el .svg-el-stage svg .zone.status-4>*{fill:#c37394;fill-opacity:.3}.s-hero-parking .middle .svg-el .svg-el-stage svg .zone.status-0:hover>*,.s-hero-parking .middle .svg-el .svg-el-stage svg .zone.status-1:hover>*{fill-opacity:.6}.s-hero-parking .middle .svg-el .svg-el-stage svg .zone.status-2:hover>*{fill-opacity:.15}.s-hero-parking .middle .svg-el .spot-dot{z-index:90;pointer-events:none;opacity:0;color:#6977eb;width:8px;height:8px;box-shadow:0 0 0 5px color-mix(in srgb, currentColor 28%, transparent);background:currentColor;border-radius:50%;transition:opacity .15s;position:absolute;transform:translate(-50%,-50%)}.s-hero-parking .middle .svg-el .spot-dot.active{opacity:1}.s-hero-parking .middle .svg-el .spot-dot.status-1{color:#f2c94c}.s-hero-parking .middle .svg-el .spot-dot.status-2{color:#e51a4b}.s-hero-parking .middle .svg-el .dialog{top:var(--mouse-y);left:var(--mouse-x);z-index:100;pointer-events:none;opacity:0;position:absolute}.s-hero-parking .middle .svg-el .dialog.active{opacity:1}.s-hero-parking .middle .svg-el .dialog .dialog--close{z-index:1;width:20px;height:20px;color:var(--color-text-text-third-dark,#6d6d6d);cursor:pointer;pointer-events:auto;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:none;position:absolute;top:0;right:0;transform:translate(40%,-40%);box-shadow:0 4px 12px #0000001f}.s-hero-parking .middle .svg-el .dialog .dialog--close svg{width:68%;height:auto}@media (hover:none){.s-hero-parking .middle .svg-el .dialog.active .dialog--close{display:inline-flex}}.s-hero-parking .middle .svg-el .dialog .dialog--inner{border-radius:var(--Spacing-2,.5rem);border:1px solid var(--color-section-section-outline,#d1d1d1);-webkit-backdrop-filter:blur(21.5px);backdrop-filter:blur(21.5px);background:#f5f5f51a;flex-direction:column;align-items:flex-start;gap:.125rem;width:max-content;min-width:9rem;max-width:18rem;padding:.875rem 4rem 1rem 1rem;display:flex}.s-hero-parking .middle .svg-el .dialog .dialog--inner .lead,.s-hero-parking .middle .svg-el .dialog .dialog--inner .sub{line-height:1.3}.s-hero-parking .middle .svg-el .dialog .dialog--inner .sub{margin-block-start:.5rem}.s-hero-parking .middle .svg-el .dialog .dialog--inner .title{margin:0;line-height:1.1}.s-hero-parking .middle .svg-el .dialog .dialog--inner .rows{flex-direction:column;gap:.25rem;margin-block-start:.75rem;display:flex}.s-hero-parking .middle .svg-el .dialog .dialog--inner .rows .row{align-items:baseline;gap:.5rem;margin:0;display:flex}.s-hero-parking .middle aside{gap:3rem;display:flex}@media (width<=980px){.s-hero-parking .middle aside{gap:1.2rem}}@media screen and (width<=762px){.s-hero-parking .middle aside{flex-direction:column;gap:52px}}.s-hero-parking .middle aside .info-item{max-width:20rem}