.SnackBar-Item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: var(--space-s);
    padding: var(--space-m) var(--space-2xl) var(--space-m) var(--space-m);
    color: var(--color-typo-primary);
    border-radius: var(--space-xs);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07), 0 2px 2px rgba(0, 0, 0, 0.07),
      0 4px 4px rgba(0, 0, 0, 0.07), 0 6px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07), 0 2px 2px rgba(0, 0, 0, 0.07),
      0 4px 4px rgba(0, 0, 0, 0.07), 0 6px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07);
  }

    .SnackBar-Item_status_system {
        background-color: var(--color-bg-system);
      }

    .SnackBar-Item_status_normal {
        background-color: var(--color-bg-normal);
      }

    .SnackBar-Item_status_success {
        background-color: var(--color-bg-success);
      }

    .SnackBar-Item_status_warning {
        background-color: var(--color-bg-warning);
      }

    .SnackBar-Item_status_alert {
        background-color: var(--color-bg-alert);
      }
  .SnackBar-Icon {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-right: var(--space-m);
  }
  .SnackBar-Content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .SnackBar-CloseButton {
    position: absolute;
    top: var(--space-2xs);
    right: var(--space-2xs);
  }