@import url('mapboxCustom.css');

.window-size {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100)
}

.main-layout-max-size {
    max-height: calc(100vh - 48px);
}

.main-layout-size {
    height: calc(100vh - 48px);
    height: calc(var(--vh, 1vh) * 100 - 48px);
    width: 100%;
}

.agn-loading-logo {
    animation: loading-logo-animation 3s ease-in-out;
    animation-iteration-count: infinite;
}

@keyframes loading-logo-animation {
    0% {
        opacity: .3;
    }

    40% {
        opacity: 1;
    }

    69% {
        opacity: 1;
    }

    100% {
        opacity: .3;
    }
}