.@{elNamespace}-notification {
    // border-radius: 2px;
    &.cip-notification-success {
        border-color:  var(~'--@{elNamespace}-color-success');
        background-color: var(~'--@{elNamespace}-color-success-light-9');
    }
    &.cip-notification-error {
        border-color:  var(~'--@{elNamespace}-color-error');
        background-color: var(~'--@{elNamespace}-color-error-light-9');
    }
    &.cip-notification-warning {
        border-color:  var(~'--@{elNamespace}-color-warning');
        background-color: var(~'--@{elNamespace}-color-warning-light-9');
    }
    &.cip-notification-info {
        border-color:  var(~'--@{elNamespace}-color-primary');
        background-color: var(~'--@{elNamespace}-color-primary-light-9');
        .@{elNamespace}-notification__icon {
            color: var(~'--@{elNamespace}-color-primary');
        }
    }
}