@keyframes display-none-in-transition {
    0% {
        opacity: 0;
        z-index: -9;
        padding-top: 0;
    }
    1% {
        opacity: 0;
        z-index: 9;
    }
    100% {
        opacity: 1;
        z-index: 9;
    }
}

@keyframes display-none-out-transition {
    0% {
        opacity: 1;
        z-index: 9;
    }
    99% {
        opacity: 0;
        z-index: 9;
    }
    100% {
        opacity: 0;
        z-index: -9;
    }
}

@keyframes slidemodal-top-in-transition {
    0% {
        transform: translateY(calc(-100% - .5px));
    }

    100% {
        transform: translateY(calc(0% + 7rem));
    }
}

@keyframes slidemodal-top-out-transition {
    0% {
        transform: translateY(calc(0% + 7rem));
    }
    100% {
        transform: translateY(calc(-100% - .5px));
    }
}

@keyframes slide-top-in-transition {
    0% {
        transform: translate3d(0, -100%, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slide-top-out-transition {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slide-right-in-transition {
    0% {
        transform: translate3d(100%, 0, 0);
    }
    100% {
        transform: translate3d(0%, 0, 0);
    }
}

@keyframes slide-right-out-transition {
    0% {
        transform: translate3d(0%, 0, 0);
    }
    100% {
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes spinner-transition {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-345deg);
    }
}

@keyframes popovers-in-transition {
    0% {
        opacity: 0;
        z-index: -9;
    }
    1% {
        opacity: 0;
        z-index: 9;
    }
    100% {
        opacity: 1;
        z-index: 9;
    }
}

@keyframes popovers-out-transition{
    0% {
        opacity: 1;
        z-index: 9;
    }
    99% {
        opacity: 0;
        z-index: 9;
    }
    100% {
        opacity: 0;
        z-index: -9;
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 1.5rem rgba(232, 76, 61, 0);
    }
}
