.plot-status{align-items:center;gap:var(--space-size-2xs);display:flex}.plot-status__dot{aspect-ratio:1;border-radius:50%;flex-shrink:0;width:8px}.plot-status__dot--available{background-color:var(--color-available)}.plot-status__dot--reserved{background-color:var(--color-reserved)}.plot-status__dot--sold{background-color:var(--color-sold)}.plot-map{position:relative}.plot-map__image{width:100%;height:auto;display:block}.plot-map__plots{width:100%;height:100%;position:absolute;inset:0}.plot-map__plot[href]{cursor:pointer}.plot-map__path{fill:#0000;transition:fill var(--transition-default-duration) var(--transition-default-timing-function)}.plot-map__plot--sold .plot-map__path{fill:var(--color-lightbox)}.plot-map__plot--active .plot-map__path{fill:var(--color-primary)}.plot-map__label{fill:var(--color-body-background);pointer-events:none}.plot-map__landmark,.plot-map__lock{color:var(--color-body-background);pointer-events:none}.plot-map__landmark{padding:var(--space-size-3xs) var(--space-size-2xs);border:1px solid color-mix(in srgb,var(--color-white) 18%,transparent);border-radius:var(--space-size-2xs);white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000003b;align-items:center;display:flex;position:absolute}.plot-map__landmark--centre{top:var(--space-size-m);left:var(--space-size-m)}.plot-map__landmark--beach{top:25.73%;left:18.92%;translate:-50% -100%}.plot-map__landmark--beach:after{content:"";border:2px solid color-mix(in srgb,var(--color-white) 56%,transparent);background-color:var(--color-white);background-clip:padding-box;border-top:0;border-radius:0 0 10px 10px;width:19px;height:10px;position:absolute;top:100%;left:50%;translate:-50%}.plot-map__landmark--north{bottom:var(--space-size-m);left:var(--space-size-m);padding:var(--space-size-2xs)}.plot-map__tooltip{--plot-map-tooltip-width:196px;z-index:1;pointer-events:none;flex-direction:column;display:flex;position:absolute;left:0;right:0;translate:0 -100%}.plot-map__tooltip:after{content:"";width:18px;height:15px;margin-top:-1px;margin-left:calc(var(--plot-map-tooltip-x) - 9px);background-color:var(--color-body-background);clip-path:polygon(0 0,100% 0,50% 100%)}.plot-map__tooltip-box{gap:var(--space-size-s-m);width:var(--plot-map-tooltip-width);margin-left:clamp(0px,var(--plot-map-tooltip-x) - var(--plot-map-tooltip-width)/2,100% - var(--plot-map-tooltip-width));padding:var(--space-size-2xs);background-color:var(--color-body-background);flex-direction:column;display:flex}.plot-map__tooltip-head{justify-content:space-between;align-items:center;gap:var(--space-size-2xs);display:flex}.plot-map__tooltip-nr{color:var(--color-body-text-060)}