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

  .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);

      /* DOTO: Надо вынести */
      -webkit-box-shadow: 0 2px 2px rgba(var(--color-nums-shadow), 0.07),
        0 4px 4px rgba(var(--color-nums-shadow), 0.07),
        0 8px 8px rgba(var(--color-nums-shadow), 0.07),
        0 12px 16px rgba(var(--color-nums-shadow), 0.07),
        0 16px 32px rgba(var(--color-nums-shadow), 0.07);
              box-shadow: 0 2px 2px rgba(var(--color-nums-shadow), 0.07),
        0 4px 4px rgba(var(--color-nums-shadow), 0.07),
        0 8px 8px rgba(var(--color-nums-shadow), 0.07),
        0 12px 16px rgba(var(--color-nums-shadow), 0.07),
        0 16px 32px rgba(var(--color-nums-shadow), 0.07);
    }

  .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;
  }