html {
    height:100%;
    font-family: 'Barlow','OpenSans Condensed','Segoe UI Mod';
}

body, #map, select {
    margin:0;
    height: 100%;
    font-family: 'Barlow','OpenSans Condensed','Segoe UI Mod';
}

input {
    accent-color: #3278fb;
}

img {
    -webkit-user-drag: none;
}

span.material-icons-outlined {
    vertical-align: -7%;
}

.leaflet-tooltip {
    font-weight: bolder;
    font-size:14px;
    transition: opacity 0.3s;
}

[data-theme="dark"] .leaflet-tooltip {
    background-color: rgb(30, 30, 30);
    color: rgb(230, 230, 230);
    border: 1px solid rgb(30, 30, 30);
    backdrop-filter: blur(10px);
}

[data-theme="dark"] .leaflet-tooltip-right:before {
    border-right-color: rgb(30, 30, 30);
}

[data-theme="dark"]:not([data-selected-map="sat"]) .leaflet-tile-pane {
    filter: invert(1) hue-rotate(180deg);
}

.leaflet-right .leaflet-control {
    margin-right: 10px;
}

[data-theme="dark"] .leaflet-right .leaflet-control {
    background-color: rgb(20, 20, 20);
    color: rgb(230, 230, 230);
}

.leaflet-control-attribution {
    -webkit-user-select: none;
    user-select: none;
}

[data-theme="dark"] :is(.leaflet-control-zoom-in, .leaflet-control-zoom-out) {
    background-color: rgb(30, 30, 30);
    color: rgb(230, 230, 230);
}

[data-theme="dark"] :is(.leaflet-control-zoom-in, .leaflet-control-zoom-out):hover {
    background-color: rgb(50, 50, 50);
    transition: background-color 0.2s;
}