html,
body,
#delivery-map {
    width: 100%;
    height: 100%;
    min-height: 320px;
    margin: 0;
}

body {
    overflow: hidden;
    background: #fafaf7;
}

.delivery-map-marker {
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 2px solid #fff9e9;
    border-radius: 9999px;
    color: #fff9e9;
    background: #8b343c;
    box-shadow: 0 2px 8px rgb(0 0 0 / 30%);
    cursor: pointer;
}

.delivery-map-marker[aria-pressed="true"] {
    color: #000;
    background: #d4bc97;
    outline: 3px solid #000;
    outline-offset: 2px;
}

.delivery-map-marker:focus-visible {
    outline: 3px solid #000;
    outline-offset: 2px;
}