.map-component-map{width:100%;height:400px;border-width:var(--border-width-md) 0;border-color:var(--color-black);border-style:solid}.map-component-marker{width:22px;height:22px;border-radius:50%;transition:background var(--transition-fast);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--color-white);border:none;cursor:pointer;padding:0;font-size:11px;font-weight:600;line-height:1}.map-component-marker.not-selected{background:color-mix(in srgb,var(--marker-color, var(--color-black)) 60%,white)}.map-component-marker.not-selected:hover{background:color-mix(in srgb,var(--marker-color, var(--color-black)) 70%,white)}.map-component-marker.selected{background:var(--marker-color, var(--color-black))}.map-component-marker.selected:hover{background:color-mix(in srgb,var(--marker-color, var(--color-black)) 80%,white)}