:root {
    --theme-bg: var(--color-white);
    --theme-tx: var(--gray-700);
}

.dark {
    --theme-bg: var(--gray-900);
    --theme-tx: var(--color-white);
}

[class$="--SearchBox"] {
    background: var(--theme-bg) !important;
    border-radius: 2em !important;
    outline: none !important;
    outline: none !important;
    border: none !important;
}

[class$="--Input"] {
    color: var(--theme-tx) !important;
    outline: none !important;
    outline: none !important;
    border: none !important;
}

.mapboxgl-ctrl-icon {
    background: var(--theme-bg);
    color: var(--theme-tx);
}

.mapboxgl-popup-content {
    background: var(--theme-bg);
    color: var(--theme-tx);
    border-radius: 0.5em;
}

.markersearch, .markersearch>div {
    border-radius: 2em;
}

.mapboxgl-popup-close-button {
    padding: 0 1em;
}