.flocara-address-map-picker-shell {
    display: grid;
    gap: 0.5rem;
}

.flocara-address-map-picker {
    width: 100%;
    height: clamp(240px, 42vh, 380px);
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-background-gray, #f3f4f6);
}

.flocara-address-map-pin {
    width: 28px;
    height: 28px;
    border: 3px solid #ffffff;
    border-radius: 50% 50% 50% 0;
    background: var(--mud-palette-primary);
    box-shadow: 0 3px 8px rgb(0 0 0 / 30%);
    transform: rotate(-45deg);
    cursor: grab;
}

.flocara-address-map-pin:active {
    cursor: grabbing;
}

.flocara-address-mini-map {
    width: 100%;
    height: clamp(210px, 34vw, 320px);
    overflow: hidden;
    border-radius: 12px;
    background: var(--mud-palette-background-gray, #f3f4f6);
}

.flocara-address-mini-map .flocara-address-map-pin {
    cursor: default;
}