:root{--building-color:#ff9800;--house-color:#0288d1;--shop-color:#7b1fa2;--warehouse-color:#558b2f}html,body{height:100%;margin:0;padding:0}#map{width:100%;height:100%}.property{color:#263238;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;gap:15px;width:30px;height:30px;padding:4px;font-size:14px;transition:all .3s ease-out;display:flex;position:relative;transform:translateY(-9px)}.property:after{content:"";z-index:1;border-top:9px solid #fff;border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0;transition:all .3s ease-out;position:absolute;top:95%;left:50%;transform:translate(-50%)}.property .icon{color:#fff;justify-content:center;align-items:center;display:flex}.property .icon svg{width:auto;height:20px}.property .details{flex-direction:column;flex:1;display:none}.property .address{color:#9e9e9e;margin-top:5px;margin-bottom:10px;font-size:10px}.property .features{flex-direction:row;align-items:flex-end;gap:10px;display:flex}.property .features>div{background:#f5f5f5;border:1px solid #ccc;border-radius:5px;align-items:center;gap:5px;padding:5px;font-size:10px;display:flex}.property.highlight{background-color:#fff;border-radius:8px;width:auto;height:80px;padding:8px 15px;box-shadow:10px 10px 5px #0003}.property.highlight:after{border-top:9px solid #fff}.property.highlight .details{display:flex}.property.highlight .icon svg{width:50px;height:50px}.property .bed{color:#ffa000}.property .bath{color:#03a9f4}.property .size{color:#388e3c}.property.highlight:has(.fa-house) .icon{color:var(--house-color)}.property:not(.highlight):has(.fa-house){background-color:var(--house-color)}.property:not(.highlight):has(.fa-house):after{border-top:9px solid var(--house-color)}.property.highlight:has(.fa-building) .icon{color:var(--building-color)}.property:not(.highlight):has(.fa-building){background-color:var(--building-color)}.property:not(.highlight):has(.fa-building):after{border-top:9px solid var(--building-color)}.property.highlight:has(.fa-warehouse) .icon{color:var(--warehouse-color)}.property:not(.highlight):has(.fa-warehouse){background-color:var(--warehouse-color)}.property:not(.highlight):has(.fa-warehouse):after{border-top:9px solid var(--warehouse-color)}.property.highlight:has(.fa-shop) .icon{color:var(--shop-color)}.property:not(.highlight):has(.fa-shop){background-color:var(--shop-color)}.property:not(.highlight):has(.fa-shop):after{border-top:9px solid var(--shop-color)}