//== Animations
//
//## variables, mixins and styles for Animations

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade-in {
    animation: fadeIn ease-in 1;
    animation-duration: 0.2s;
}

@keyframes fadeInDelayed {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fade-in-delayed {
    animation: fadeInDelayed ease-in 1;
    animation-duration: 1s;
}

@keyframes showDelayed {
    0% {
        opacity: 0;
    }

    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}