/* stylelint-disable selector-class-pattern */
.feedback_error,
.feedback_warning,
.feedback_info,
.feedback_success,
.feedback_debug {
    margin: 10px 0;
    padding: 20px;
    border-radius: var(--tlp-medium-radius);
    list-style: none;

    h4 {
        margin: 0 0 20px;
    }
}

.feedback_error {
    border-left: var(--tlp-alert-danger-border);
    background: var(--tlp-alert-danger-background);
    box-shadow: var(--tlp-alert-danger-shadow);
    color: var(--tlp-alert-danger-color);
}

.feedback_warning {
    border-left: var(--tlp-alert-warning-border);
    background: var(--tlp-alert-warning-background);
    box-shadow: var(--tlp-alert-warning-shadow);
    color: var(--tlp-alert-warning-color);
}

.feedback_info {
    border-left: var(--tlp-alert-info-border);
    background: var(--tlp-alert-info-background);
    box-shadow: var(--tlp-alert-info-shadow);
    color: var(--tlp-alert-info-color);
}

.feedback_success {
    border-left: var(--tlp-alert-success-border);
    background: var(--tlp-alert-success-background);
    box-shadow: var(--tlp-alert-success-shadow);
    color: var(--tlp-alert-success-color);
}

.feedback_debug {
    display: none;
}
/* stylelint-enable */
