@layer starter, reset, base, state, application;
@layer reset {
  ._alert_16him_2 {
    all: unset;
    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
    font-size: 100%;
    color: var(--foreground-color, #141414);
    margin: 0;
    padding: 0;
    border-style: none;
    border-width: 0;
    border-color: transparent;
    box-sizing: border-box;
    display: flex;
  }
}
@layer base {
  ._alert_16him_2 {
    border: 0.125rem solid var(--border-color-primary, #0265DC);
    border-radius: 0.375rem;
    flex-direction: column;
    gap: 0.5rem;
    padding-block: 1rem;
    padding-inline: 1rem;
    background-color: var(--background-color, #ffffff);
    width: 100%;
  }
  ._alert_16him_2 ._close-container_16him_27 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
  }
  ._alert_16him_2 ._content_16him_34 {
    margin-inline-start: 2rem;
    margin-inline-end: 2rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    font-size: 1rem;
  }
  ._alert_16him_2 ._top_16him_42 {
    font-weight: 700;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  ._alert_16him_2 ._top_16him_42 ._title-container_16him_48 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
  }
}
@layer state {
  ._alert_16him_2 ._status-icon_16him_56 {
    color: var(--status-color-info, #0265DC);
    align-self: flex-start;
  }
  ._alert_16him_2._success_16him_60 {
    border-color: var(--status-color-success, #007A4D);
  }
  ._alert_16him_2._success_16him_60 ._status-icon_16him_56 {
    color: var(--status-color-success, #007A4D);
  }
  ._alert_16him_2._warning_16him_66 {
    border-color: var(--status-color-warning, #ffbe00);
  }
  ._alert_16him_2._warning_16him_66 ._status-icon_16him_56 {
    color: var(--status-color-warning, #ffbe00);
  }
  ._alert_16him_2._danger_16him_72 {
    border-color: var(--status-color-danger, #e13212);
  }
  ._alert_16him_2._danger_16him_72 ._status-icon_16him_56 {
    color: var(--status-color-danger, #e13212);
  }
}
@layer application {
  ._alert_16him_2 ._close-container_16him_27 ._close-button_16him_80 {
    color: var(--foreground-color, #141414);
  }
}