:host {
    /* base */
    --alert-base-h-padding: var(--us-alert-base-h-padding, var(--space-inner-xl));
    --alert-base-v-padding: var(--us-alert-base-v-padding, var(--space-inner-m));
    --alert-base-border-radius: var(--us-alert-base-border-radius, var(--border-radius-m));
    --alert-base-border-width: var(--us-alert-base-border-width, 2px);
    /* info */
    --alert-info-bg-color: var(--us-alert-info-bg-color, var(--color-primary-100));
    --alert-info-border-left: var(--us-alert-info-border-left, var(--alert-base-border-width) solid var(--color-primary-600));
    --alert-info-icon-color: var(--us-alert-info-icon-color, var(--color-primary-600));
    /* success */
    --alert-success-bg-color: var(--us-alert-success-bg-color, var(--color-success-100));
    --alert-success-border-left: var(--us-alert-success-border-left, var(--alert-base-border-width) solid var(--color-success-600));
    --alert-success-icon-color: var(--us-alert-success-icon-color, var(--color-success-600));
    /* warning */
    --alert-warning-bg-color: var(--us-alert-warning-bg-color, var(--color-warning-100));
    --alert-warning-border-left: var(--us-alert-warning-border-left, var(--alert-base-border-width) solid var(--color-warning-600));
    --alert-warning-icon-color: var(--us-alert-warning-icon-color, var(--color-warning-600));
    /* danger */
    --alert-danger-bg-color: var(--us-alert-danger-bg-color, var(--color-danger-100));
    --alert-danger-border-left: var(--us-alert-danger-border-left, var(--alert-base-border-width) solid var(--color-danger-600));
    --alert-danger-icon-color: var(--us-alert-danger-icon-color, var(--color-danger-600));
}