@layer starter, reset, base, state, application;
@layer reset {
  ._alert_k0yve_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_k0yve_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_k0yve_2 ._close-container_k0yve_27 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
  }
  ._alert_k0yve_2 ._content_k0yve_34 {
    margin-inline-start: 2rem;
    margin-inline-end: 2rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    font-size: 1rem;
  }
  ._alert_k0yve_2 ._top_k0yve_42 {
    font-weight: 700;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  ._alert_k0yve_2 ._top_k0yve_42 ._title-container_k0yve_48 {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    min-width: 0;
  }
  ._alert_k0yve_2 ._top_k0yve_42 ._title_k0yve_48 {
    font-size: 1rem;
    font-weight: 700;
    font-family: inherit;
    line-height: 1.5;
    letter-spacing: normal;
    margin-block-end: 0;
  }
}
@layer state {
  ._alert_k0yve_2 ._status-icon_k0yve_64 {
    color: var(--status-color-info, #0265DC);
    align-self: flex-start;
  }
  ._alert_k0yve_2._success_k0yve_68 {
    border-color: var(--status-color-success, #007A4D);
  }
  ._alert_k0yve_2._success_k0yve_68 ._status-icon_k0yve_64 {
    color: var(--status-color-success, #007A4D);
  }
  ._alert_k0yve_2._warning_k0yve_74 {
    border-color: var(--status-color-warning, #ffbe00);
  }
  ._alert_k0yve_2._warning_k0yve_74 ._status-icon_k0yve_64 {
    color: var(--status-color-warning, #ffbe00);
  }
  ._alert_k0yve_2._danger_k0yve_80 {
    border-color: var(--status-color-danger, #e13212);
  }
  ._alert_k0yve_2._danger_k0yve_80 ._status-icon_k0yve_64 {
    color: var(--status-color-danger, #e13212);
  }
}
@layer application {
  ._alert_k0yve_2 ._close-container_k0yve_27 ._close-button_k0yve_88 {
    color: var(--foreground-color, #141414);
  }
}