/* Simple fades and transforms */
.view-fade-in {
    animation: viewFadeIn 350ms ease both;
}

@keyframes viewFadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.view-fade-out {
    animation: viewFadeOut 250ms ease both;
}

@keyframes viewFadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(6px);
    }
}