.test {
    opacity: 1;
    transition-delay: .5s
}

.bjrScale1 {
    transform: scaleY(1)
}

.bjr {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center top;
    transition: transform .5s ease;
    width: 100%;
    will-change: transform;
    z-index: 5
}

.willHeight {
    will-change: height
}

.menuEl {
    transition: max-height .5s cubic-bezier(.4, 0, .2, 1), opacity .5s cubic-bezier(.4, 0, .2, 1);
    will-change: max-height, opacity
}

#drawerMenu {
    transition: height .5s ease-in-out, opacity .5s ease-in-out
}

.nav-fade {
    animation: fadeIn .5s ease-in forwards;
    opacity: 0
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.ticker-fade-enter-active,
.ticker-fade-leave-active {
    transition: opacity .5s ease-in-out
}

.ticker-fade-enter-from,
.ticker-fade-leave-to {
    opacity: 0
}

.ticker-fade-enter-to,
.ticker-fade-leave-from {
    opacity: 1
}

.ticker-slide-enter-active,
.ticker-slide-leave-active {
    transition: all .5s ease-in-out
}

.ticker-slide-enter-from {
    opacity: 0;
    transform: translate(100%)
}

.ticker-slide-leave-to {
    opacity: 0;
    transform: translate(-100%)
}

.ticker-slide-enter-to,
.ticker-slide-leave-from {
    opacity: 1;
    transform: translate(0)
}