.Alert{--alert-status-line-width:8px;--alert-status-line-gutter:var(--control-padding-xs);--alert-title-text-color:var(--color-content-primary);--alert-body-text-color:var(--color-content-secondary);--alert-icon-color:var(--color-content-primary);--alert-close-button-color:var(--color-content-primary);box-sizing:border-box;-moz-column-gap:var(--spacing-2xs);align-items:flex-start;column-gap:var(--spacing-2xs);inline-size:100%;padding:var(--control-padding-s);font:var(--typography-text-xs-font);letter-spacing:var(--typography-text-xs-letter_spacing,0);text-transform:var(--typography-text-xs-text_transform,none);padding-inline-start:calc(var(--control-padding-s) + var(--alert-status-line-width) + var(--alert-status-line-gutter));display:flex;position:relative;overflow:auto}.Alert_color_dark,.Alert_inverse{--alert-title-text-color:var(--color-content-primary-inverse);--alert-body-text-color:var(--color-content-primary-inverse);--alert-icon-color:var(--color-content-primary-inverse);--alert-close-button-color:var(--color-content-primary-inverse)}.Alert_status_info{--alert-icon-color:var(--color-content-info);--alert-status-line-color:var(--color-background-info)}.Alert_status_warning{--alert-icon-color:var(--color-content-warning);--alert-status-line-color:var(--color-background-warning)}.Alert_status_success{--alert-icon-color:var(--color-content-success);--alert-status-line-color:var(--color-background-success)}.Alert_status_error{--alert-icon-color:var(--color-content-error);--alert-status-line-color:var(--color-background-error)}.Alert_hasCloseButton{padding-inline-end:40px}.Alert-Icon{color:var(--alert-icon-color);padding-block-start:2px;display:flex}.Alert-Title{color:var(--alert-title-text-color);font:var(--typography-text-s_1-font);letter-spacing:var(--typography-text-s_1-letter_spacing,0);text-transform:var(--typography-text-s_1-text_transform,none);align-items:center;display:flex}.Alert-Body{color:var(--alert-body-text-color);margin-block-start:var(--spacing-3xs)}.Alert-Action{margin-block-start:var(--spacing-2xs)}.Alert:after{content:"";margin:var(--alert-status-line-gutter);border-radius:var(--border-radius-s);inline-size:var(--alert-status-line-width);background-color:var(--alert-status-line-color);margin-inline-end:0;position:absolute;inset:0}.ButtonBase.IconButtonNext.Alert-CloseButton{--icon-button-font-color:var(--alert-close-button-color);--icon-button-font-color-hover:var(--alert-close-button-color);--icon-button-font-color-active:var(--alert-close-button-color);--icon-button-font-color-focus:var(--alert-close-button-color);margin:var(--spacing-xs);position:absolute;inset-block-start:0;inset-inline-end:0}