@import "../../vendor/noty/noty.css";

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

.noty_theme__app.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
}

.noty_theme__app.noty_bar .noty_buttons {
    padding: 10px
}

.noty_theme__app.noty_type__alert,
.noty_theme__app.noty_type__notification {
    background-color: var(--kiss-color-contrast);
    color: #fff
}

.noty_theme__app.noty_type__alert .noty_progressbar,
.noty_theme__app.noty_type__notification .noty_progressbar {
    background-color: #fff
}

.noty_theme__app.noty_type__warning {
    background-color: var(--kiss-color-warning);
    color: #fff
}

.noty_theme__app.noty_type__error {
    background-color: var(--kiss-color-danger);
    color: #fff
}

.noty_theme__app.noty_type__error .noty_progressbar {
    opacity: .4
}

.noty_theme__app.noty_type__info,
.noty_theme__app.noty_type__information {
    background-color: var(--kiss-color-primary);
    color: #fff
}

.noty_theme__app.noty_type__info .noty_progressbar,
.noty_theme__app.noty_type__information .noty_progressbar {
    opacity: .6
}

.noty_theme__app.noty_type__success {
    background-color: var(--kiss-color-success);
    color: #fff
}