:root {
    /*-- Keyframes --*/

    --fade-in-medium: 0.4s;
    --expand-medium: 0.4s;
}

/* Util */

.field-hidden {
    display: none;
}

/*-- Keyframes --*/

.fade-in {
    animation: var(--fade-in-medium) 1 normal fade-in;
    animation-timing-function: ease-in;
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade-out {
    animation: var(--fade-in-medium) 1 normal fade-out;
    animation-timing-function: ease-in;
}

@keyframes fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}