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

#slideLoader {
    height: 100vh;
}

#infoBtn {
    transform: perspective(6px) rotateY(-3deg) rotateZ(90deg);
}

#infoBtnLabel {
    transform: perspective(6px) rotateX(3deg) translateY(-6px);
    margin: 0 10px;
}

#infoBtnWrapper {
    position: fixed;
    top: 50vh;
    right: -36px;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-in-out;
    z-index: 10000;
}

#infoBtnWrapper.is_shown {
    transform: translateX(-400px);
}

#infoBtnWrapper.is_hidden {
    transform: none;
}

#slideLoader, #slideLoader2 {
    flex: 1 1 auto;
}

.ol-annotations-toolbar {
    transform: translateX(calc(50vw - 144px));
}

.blinking {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}