VRCX/src/styles/noty.css

/* Noty animate.css keyframes (inlined, only the 4 animations used by noty.js) */

.animate__animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0) scaleX(3);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0) scaleX(1);
    }

    75% {
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }

    90% {
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.animate__bounceInLeft {
    animation-name: bounceInLeft;
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0) scaleX(0.9);
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0) scaleX(2);
    }
}

.animate__bounceOutLeft {
    animation-name: bounceOutLeft;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.animate__fadeIn {
    animation-name: fadeIn;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.animate__zoomOut {
    animation-name: zoomOut;
}

/* Noty mint theme */

.noty_layout {
    word-break: break-all;
}

.noty_theme__mint.noty_bar {
    position: relative;
    margin: 4px 0;
    overflow: hidden;
    border-radius: 2px;
}

.noty_theme__mint.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px;
}

.noty_theme__mint.noty_bar .noty_buttons {
    padding: 10px;
}

.noty_theme__mint.noty_type__alert,
.noty_theme__mint.noty_type__notification {
    color: #2f2f2f;
    background-color: #fff;
    border-bottom: 1px solid #d1d1d1;
}

.noty_theme__mint.noty_type__warning {
    color: #fff;
    background-color: #ffae42;
    border-bottom: 1px solid #e89f3c;
}

.noty_theme__mint.noty_type__error {
    color: #fff;
    background-color: #de636f;
    border-bottom: 1px solid #ca5a65;
}

.noty_theme__mint.noty_type__info,
.noty_theme__mint.noty_type__information {
    color: #fff;
    background-color: #7f7eff;
    border-bottom: 1px solid #7473e8;
}

.noty_theme__mint.noty_type__success {
    color: #fff;
    background-color: #afc765;
    border-bottom: 1px solid #a0b55c;
}