#map, #WDNmap {
    height: calc(100% - 50px);
    width: calc(100% - 50px);
}

.maximized {
    display: flex;
    max-height: calc(100% - 50px) !important;
    height: calc(100% - 50px) !important;
    left: 50px;
}

.leaflet-control:not(.leaflet-control-attribution) a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--icon-size-large) !important;
    height: var(--icon-size-large) !important;
    border: var(--border) !important;
    background-color: var(--background-color1) !important;
    border-radius: var(--border-radius) !important;
}

.leaflet-bar a:first-child, .leaflet-bar a:last-child {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
}

.leaflet-control {
    margin: 5px !important;
}

.leaflet-container {
    background: transparent !important;
}

.leaflet-control a img {
    width: var(--icon-size-normal);
    height: var(--icon-size-normal);
}

.leaflet-control a:hover {
    background-color: var(--map-background-hover) !important;
}

.leaflet-control a:focus {
    background-color: var(--map-background-active) !important;
}