.Alert {
  padding: var(--space-s) var(--space-m);
  color: var(--color-typo-primary);
  border-radius: var(--control-radius);
}

  .Alert_withIcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .Alert_status_system {
      --alert-status-color: var(--color-bg-system);
      --alert-typo-color: var(--color-typo-system);
    }

  .Alert_status_error {
      --alert-status-color: var(--color-bg-error);
      --alert-typo-color: var(--color-typo-error);
    }

  .Alert_status_warning {
      --alert-status-color: var(--color-bg-warning);
      --alert-typo-color: var(--color-typo-warning);
    }

  .Alert_status_success {
      --alert-status-color: var(--color-bg-success);
      --alert-typo-color: var(--color-typo-success);
    }

  .Alert_status_info {
       --alert-status-color: var(--color-bg-normal);
       --alert-typo-color: var(--color-typo-normal);
     }

  .Alert_view_bordered {
      background-color: var(--color-bg-default);
      border-left: var(--space-xs) solid var(--alert-typo-color);
      -webkit-box-shadow: var(--shadow-layer);
              box-shadow: var(--shadow-layer);
    }

  .Alert_view_filled {
      background-color: var(--alert-status-color);
    }

  .Alert_view_outlined {
       --alert-status-color: null;
       border: 1px solid var(--alert-typo-color);
     }

  .Alert_size_s {
       padding: var(--space-s) var(--space-m);
     }

  .Alert_size_m {
       padding: var(--space-m) var(--space-l);
     }

  .Alert_size_l {
       padding: var(--space-l) var(--space-xl);
     }

  .Alert-Icon {
    margin-right: var(--space-s);
    -webkit-transform: translateY(var(--space-3xs));
            transform: translateY(var(--space-3xs));
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: var(--alert-typo-color);
  }