.location-status {
    display: block;
    color: var(--muted);
    font-size: 11px;
}

.location-provider {
    color: var(--muted);
    font-size: 10px;
}

.location-provider a {
    color: inherit;
}

.location-button {
    align-self: flex-start;
    border: 0;
    background: none;
    color: var(--berry);
    padding: 2px 0;
    text-decoration: underline;
    cursor: pointer;
}

.location-dialog {
    width: min(620px, calc(100% - 24px));
    max-width: 620px;
}

.location-dialog-body {
    padding: 24px;
}

.location-dialog-body h2 {
    margin-bottom: 6px;
}

#location-map {
    height: min(55vh, 430px);
    border-radius: 14px;
    background: #e9e4d9;
    overflow: hidden;
}

.location-dialog .button-primary {
    width: auto;
}