.notifyList {
    /* display: none; */

    position: fixed;
    top: 25px;
    right: 25px;

    z-index: 999999;

    height: calc(100dvh - 30px);

    overflow: hidden;
    overflow-y: auto;
}

.notify {
    width: 25vw;
    max-width: 450px;
    
    height: fit-content;

    padding: 15px;

    border-radius: 8px;

    background-color: var(--notify-bg);

    margin-bottom: 25px;

    transform: translateX(100%);

    transition: all .3s ease-in-out, height .3s ease-in-out, opacity .3s ease-in-out, padding .3s ease-in-out;

    overflow: hidden;
}

.notify.error {
    background-color: var(--notify-bg-error);
}
.notify.success {
    background-color: var(--notify-bg-success);
}
.notify.info {
    background-color: var(--notify-bg-info);
}
.notify.warning {
    background-color: var(--notify-bg-warning);
}
.notify.debug {
    background-color: var(--notify-bg-debug);
}

.notify .title {
    font-weight: bold;

    text-align: left;

    overflow: hidden;
}

.notify .title i {    
    font-size: 17px;
    
    margin-right: 10px;
}

.notify .text {
    overflow: hidden;
}