.o23a-explorer {
--o23a-ink:#153c4b; --o23a-muted:#405861; --o23a-line:#dde6e7;
--o23a-overlay-color:#f7941d; --o23a-overlay-opacity:28; --o23a-overlay-border:#ac520b; --o23a-overlay-border-width:2px; --o23a-focus:#ac520b;
--o23a-tag-color:#fff; --o23a-tag-background:#f7941d; --o23a-tag-active-color:#153c4b; --o23a-tag-active-background:#fff; --o23a-tag-radius:4px;
--o23a-card-background:#fff; --o23a-card-border:#153c4b24; --o23a-card-border-width:1px; --o23a-card-radius:10px; --o23a-card-width:268px;
--o23a-title-color:#153c4b; --o23a-price-color:#ac520b; --o23a-available-color:#1e6655; --o23a-reserved-color:#785719; --o23a-other-status-color:#405861;
--o23a-dock-min-height:208px; --o23a-hint-background:#153c4b; --o23a-hint-color:#fff; --o23a-hint-radius:10px;
font-family:"General Sans",Arial,sans-serif; font-size:17px; line-height:1.5; color:var(--o23a-ink); color-scheme:light; width:100%; max-width:none; min-width:0; margin:0; text-align:left; container-type:inline-size;
}
.elementor-widget-oceans23_availability { width:100%; min-width:0; }
.o23a-explorer *, .o23a-explorer *::before,.o23a-explorer *::after { box-sizing:border-box; }
.o23a-explorer [hidden] { display:none!important; }
.o23a-explorer h2,.o23a-explorer h3,.o23a-explorer p { margin:0; padding:0; color:inherit; }
.o23a-explorer button { font:inherit; letter-spacing:normal; text-transform:none; }
.o23a-explorer button { cursor:pointer; appearance:none; box-shadow:none; margin:0; }
.o23a-explorer button:focus-visible { outline:3px solid var(--o23a-focus); outline-offset:3px; }
.o23a-main { width:100%; border:var(--o23a-building-border-width,1px) solid var(--o23a-line); border-radius:var(--o23a-building-radius,14px); background:white; overflow:hidden; }
.o23a-building { position:relative; width:100%; aspect-ratio:2400/1360; overflow:hidden; overflow:clip; isolation:isolate; background:#d7e7ec; user-select:none; }
.o23a-explorer .o23a-photo { position:absolute; left:0; top:-11.029412%; width:100%; height:118.382353%; max-width:none; object-fit:fill; pointer-events:none; user-select:none; }
.o23a-hotspots { position:absolute; inset:0; }
.o23a-explorer .o23a-unit, .o23a-explorer .o23a-unit:hover { position:absolute; border:0; border-radius:0; padding:0; background:transparent; color:var(--o23a-ink); touch-action:pan-y; }
.o23a-unit::before,.o23a-unit::after { content:""; position:absolute; inset:0; pointer-events:none; }
.o23a-unit::before { border:var(--o23a-overlay-border-width) solid transparent; z-index:1; }
.o23a-unit::after { background:var(--o23a-overlay-color); opacity:0; transition:opacity .16s; }
.o23a-explorer .o23a-unit[data-active=true] { z-index:2; }
.o23a-unit[data-active=true]::before,.o23a-unit:focus-visible::before { border-color:var(--o23a-overlay-border); }
.o23a-unit[data-active=true]::after,.o23a-unit:focus-visible::after { opacity:calc(var(--o23a-overlay-opacity) / 100); }
@media(hover:hover) { .o23a-explorer .o23a-unit:hover { z-index:2; } .o23a-unit:hover::before { border-color:var(--o23a-overlay-border); } .o23a-unit:hover::after { opacity:calc(var(--o23a-overlay-opacity) / 100); } }
.o23a-explorer .o23a-unit-tag { position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; gap:6px; min-width:40px; min-height:33px; padding:5px 8px; background:var(--o23a-tag-background); color:var(--o23a-tag-color); font-size:16px; font-weight:500; line-height:1.4; border-radius:var(--o23a-tag-radius); box-shadow:0 2px 8px #0d313a14; white-space:nowrap; pointer-events:none; }
.o23a-explorer .o23a-unit[data-active=true] .o23a-unit-tag,.o23a-explorer .o23a-unit:focus-visible .o23a-unit-tag { background:var(--o23a-tag-active-background); color:var(--o23a-tag-active-color); }
@media(hover:hover) { .o23a-explorer .o23a-unit:hover .o23a-unit-tag { background:var(--o23a-tag-active-background); color:var(--o23a-tag-active-color); } }
.o23a-unit[data-status=sold] .o23a-unit-tag::before,.o23a-unit[data-status=reserved] .o23a-unit-tag::before { content:""; width:5px; height:5px; border-radius:50%; background:#68777a; }
.o23a-unit[data-status=reserved] .o23a-unit-tag::before { background:#a87519; }
.o23a-card { position:absolute; z-index:5; width:var(--o23a-card-width); max-width:calc(100% - 24px); max-height:calc(100% - 24px); overflow:auto; padding:var(--o23a-card-padding,16px 18px); border:var(--o23a-card-border-width) solid var(--o23a-card-border); border-radius:var(--o23a-card-radius); background:var(--o23a-card-background); color:var(--o23a-ink); box-shadow:0 8px 32px #0f323e38; display:grid; align-content:start; gap:9px; user-select:text; }
.o23a-explorer .o23a-card-name { font-size:18px; line-height:1.35; font-weight:500; overflow-wrap:anywhere; color:var(--o23a-title-color); }
.o23a-explorer .o23a-card-price { font-size:29px; line-height:1.25; letter-spacing:-.025em; font-weight:500; color:var(--o23a-price-color); overflow-wrap:anywhere; }
.o23a-explorer .o23a-card-specs { font-size:16px; line-height:1.6; color:var(--o23a-muted); }
.o23a-card-specs span { white-space:nowrap; }
.o23a-card-specs span+span::before { content:" · "; white-space:pre; }
.o23a-explorer .o23a-card-status { font-size:15px; line-height:1.5; color:var(--o23a-other-status-color); }
.o23a-card-status::before { content:""; display:inline-block; width:6px; height:6px; border-radius:50%; margin-right:7px; vertical-align:middle; background:currentColor; }
.o23a-explorer .o23a-card-status[data-status=available] { color:var(--o23a-available-color); }
.o23a-explorer .o23a-card-status[data-status=reserved] { color:var(--o23a-reserved-color); }
.o23a-dock { display:none; border-top:1px solid var(--o23a-line); background:var(--o23a-card-background); }
.o23a-explorer[data-layout=docked] .o23a-dock { display:block; }
.o23a-details-slot { display:grid; min-height:var(--o23a-dock-min-height); background:var(--o23a-card-background); }
.o23a-explorer .o23a-touch-hint { position:absolute; z-index:6; top:8px; left:12px; right:12px; width:calc(100% - 24px); min-height:44px; border:0; border-radius:var(--o23a-hint-radius); padding:10px 14px; background:var(--o23a-hint-background); color:var(--o23a-hint-color); font-size:16px; font-weight:500; line-height:1.4; text-align:center; box-shadow:0 4px 16px #153c4b26; }
.o23a-explorer[data-layout=hover] .o23a-touch-hint { top:16px; left:50%; right:auto; width:max-content; max-width:calc(100% - 32px); transform:translateX(-50%); padding:10px 18px; }
.o23a-explorer[data-layout=docked] .o23a-card { grid-area:1/1; position:static; width:100%; max-width:none; max-height:none; overflow:visible; border:0; border-radius:0; box-shadow:none; padding:var(--o23a-card-padding,20px); }
.o23a-explorer[data-layout=docked] .o23a-card-specs { font-size:17px; }
.o23a-explorer[data-layout=docked] .o23a-card-status { font-size:16px; }
.o23a-explorer .o23a-image-error { padding:18px; color:var(--o23a-muted); }
.o23a-image-unavailable .o23a-dock { display:block; }
.o23a-live { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip-path:inset(50%)!important; white-space:nowrap!important; }
@media(hover:none) { .o23a-dock { display:block; } }
@media(max-width:1024px) { .o23a-explorer { --o23a-card-width:294px; } }
@container(max-width:760px) {
.o23a-dock { display:block; }
.o23a-building { aspect-ratio:1520/1400; }
.o23a-explorer .o23a-photo { left:-28.289474%; top:-9.285714%; width:157.894737%; height:115%; }
}
@container(max-width:360px) { .o23a-explorer .o23a-card { padding:var(--o23a-card-padding,13px 15px); gap:7px; } .o23a-explorer .o23a-card-name { font-size:17px; } .o23a-explorer .o23a-card-price { font-size:27px; } .o23a-explorer .o23a-unit-tag { min-width:34px; padding:5px 6px; } }
@media(prefers-reduced-motion:reduce) { .o23a-explorer * { transition:none!important; scroll-behavior:auto!important; } }