/* stylelint-disable */
.Alert {
  position: relative;
  border-radius: var(--border-radius-xs);
  display: flex;
  -moz-column-gap: var(--spacing-2x);
       column-gap: var(--spacing-2x);
  align-items: flex-start;
  inline-size: 100%;
  overflow: auto;
  box-sizing: border-box;
  -webkit-border-start: 4px solid var(--alert-status-line-color);
          border-inline-start: 4px solid var(--alert-status-line-color);
  padding: 16px;
  box-shadow: var(--shadow-m);
  background-color: var(--alert-background-color);

  font: var(--typography-text-xs-font);

  text-transform: var(--typography-text-xs-text_transform, none);

  letter-spacing: var(--typography-text-xs-letter_spacing, 0);
}
.Alert_color_light {
      --alert-background-color: var(--color-background-surface-highest-default);
      --alert-title-text-color: var(--color-content-base-primary);
      --alert-body-text-color: var(--color-content-base-secondary);
      --alert-status-icon-color: var(--color-content-base-primary);
      --alert-status-line-color: var(--color-content-base-primary);
      --alert-close-icon-color: var(--color-content-base-primary);
    }
.Alert_color_dark {
      --alert-background-color: var(--color-background-surface-highest-inverse);
      --alert-title-text-color: var(--color-content-base-primary-inverse-on);
      --alert-body-text-color: var(--color-content-base-secondary-inverse-on);
      --alert-status-icon-color: var(--color-content-base-primary-inverse-on);
      --alert-status-line-color: var(--color-content-base-primary-inverse-on);
      --alert-close-icon-color: var(--color-content-base-primary-inverse-on);
    }
.Alert_status_light_info {
        --alert-status-icon-color: var(--color-content-info-default);
        --alert-status-line-color: var(--color-background-info-default);
      }
.Alert_status_light_warning {
        --alert-status-icon-color: var(--color-content-warning-default);
        --alert-status-line-color: var(--color-background-warning-default);
      }
.Alert_status_light_success {
        --alert-status-icon-color: var(--color-content-success-default);
        --alert-status-line-color: var(--color-background-success-default);
      }
.Alert_status_light_error {
        --alert-status-icon-color: var(--color-content-error-default);
        --alert-status-line-color: var(--color-background-error-default);
      }
.Alert_status_dark_info {
        --alert-status-icon-color: var(--color-content-info-inverse-on);
        --alert-status-line-color: var(--color-background-info-inverse-on);
      }
.Alert_status_dark_warning {
        --alert-status-icon-color: var(--color-content-warning-inverse-on);
        --alert-status-line-color: var(--color-background-warning-inverse-on);
      }
.Alert_status_dark_success {
        --alert-status-icon-color: var(--color-content-success-inverse-on);
        --alert-status-line-color: var(--color-background-success-inverse-on);
      }
.Alert_status_dark_error {
        --alert-status-icon-color: var(--color-content-error-inverse-on);
        --alert-status-line-color: var(--color-background-error-inverse-on);
      }
.Alert_hasCloseButton {
    -webkit-padding-end: 32px;
            padding-inline-end: 32px;
  }
.Alert-Icon {
    -webkit-padding-before: 2px;
            padding-block-start: 2px;
    display: flex;
    color: var(--alert-status-icon-color);
  }
.Alert-Title {
    display: flex;
    align-items: center;
    color: var(--alert-title-text-color);

    font: var(--typography-text-s_strong-font);

    text-transform: var(--typography-text-s_strong-text_transform, none);

    letter-spacing: var(--typography-text-s_strong-letter_spacing, 0);
  }
.Alert-Body {
    -webkit-margin-before: var(--spacing-1x);
            margin-block-start: var(--spacing-1x);
    color: var(--alert-body-text-color);
  }
.Alert-Action {
    -webkit-margin-before: var(--spacing-2x);
            margin-block-start: var(--spacing-2x);
  }
.IconButton.Alert-CloseButton {
  color: var(--alert-close-icon-color);
  position: absolute;
  inset-block-start: 16px;
  inset-inline-end: 16px;
}