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

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

  .Informer_status_system {
      --informer-status-color: var(--color-bg-system);
    }

  .Informer_status_alert {
      --informer-status-color: var(--color-bg-alert);
    }

  .Informer_status_warning {
      --informer-status-color: var(--color-bg-warning);
    }

  .Informer_status_success {
      --informer-status-color: var(--color-bg-success);
    }

  .Informer_view_bordered {
      background-color: var(--color-bg-default);
      border-left: var(--space-xs) solid var(--informer-status-color);
      -webkit-box-shadow: var(--shadow-layer);
              box-shadow: var(--shadow-layer);
    }

  .Informer_view_filled {
      background-color: var(--informer-status-color);
    }

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