html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

#app {
    height: 100%;
}

#map {
    width: 100%;
    height: 100%;
    background: #eee;
}

.leaflet-control-attribution {
    display: none
}

#loader-dot-former_component_single-1 {
    -webkit-animation: loader-dot-anim-former_component_single-1 1.2s linear infinite normal forwards;
    animation: loader-dot-anim-former_component_single-1 1.2s linear infinite normal forwards;
}

#loader-dot-former_component_single-2 {
    -webkit-animation: loader-dot-anim-former_component_single-2 1.2s linear infinite normal forwards;
    animation: loader-dot-anim-former_component_single-2 1.2s linear infinite normal forwards
}

#loader-dot-former_component_single-3 {
    -webkit-animation: loader-dot-anim-former_component_single-3 1.2s linear infinite normal forwards;
    animation: loader-dot-anim-former_component_single-3 1.2s linear infinite normal forwards
}

@keyframes loader-dot-anim-former_component_single-1 {
    0% {
        opacity: .9
    }
    33.333333% {
        opacity: .6
    }
    66.666667% {
        opacity: .3
    }
    to {
        opacity: .9
    }
}

@keyframes loader-dot-anim-former_component_single-2 {
    0% {
        opacity: .6
    }
    33.333333% {
        opacity: .3
    }
    66.666667% {
        opacity: .9
    }
    to {
        opacity: .6
    }
}

@keyframes loader-dot-anim-former_component_single-3 {
    0% {
        opacity: .3
    }
    33.333333% {
        opacity: .9
    }
    66.666667% {
        opacity: .6
    }
    to {
        opacity: .3
    }
}

.loader {
    position: fixed;
    top: 0;
    z-index: 1100000;
    left: 0;
    right: 0;
    width: fit-content;
    margin: auto;
}