.Notification-Item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: var(--space-s);
    background-color: var(--color-typo-white);
    border-radius: var(--space-2xs);
    -webkit-box-shadow: var(--shadow-group);
            box-shadow: var(--shadow-group);
    --is-webkit-line-clamp: transparent;
  }

    .Notification-Item_view_filled {
        background-color: var(--icon-color);
        padding: calc(var(--space-2xs) + 1px)  var(--space-4xl) calc(var(--space-2xs) + 1px) calc(var(--space-s) - 2px);
      }

    .Notification-Item_view_outlined {
        padding: calc(var(--space-m) - 2px)  var(--space-4xl) calc(var(--space-m) - 2px)  calc(var(--space-m) - 2px) ;
      }

    .Notification-Item_status_system {
        --icon-color: var(--color-typo-system);
      }

    .Notification-Item_status_info {
         --icon-color: var(--color-typo-normal);
      }

    .Notification-Item_status_success {
         --icon-color: var(--color-typo-success);
      }

    .Notification-Item_status_warning {
         --icon-color: var(--color-typo-warning);
      }

    .Notification-Item_status_error {
         --icon-color: var(--color-typo-error);
      }
  .Notification-Icon {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    color: var(--icon-color);
    margin-right: var(--space-s);
  }
  .Notification-Icon_onlyMessage {
       margin-top: unset;
    }
  .Notification-Icon_view_filled {
        margin-right: var(--space-xs);
        margin-top: calc(1px - var(--space-3xs));
        color: var(--color-bg-default);
      }
  .Notification-Content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .Notification-Title {
    color: var(--color-control-typo-ghost-hover);
    font-weight: 600;
  }
  .Notification-Title_view_filled {
         color: var(--color-bg-default);
      }
  .Notification-Message {
    margin-top: var(--space-s);
    font-size: var(--size-text-m);
    color: var(--color-control-typo-default);
    line-height: var(--line-height-text-l);
  }
  .Notification-Message_hiddenMessage {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: var(--is-webkit-line-clamp);
      -webkit-box-orient: vertical;
    }
  .Notification-Message_view_filled {
        margin-top: unset;
        color: var(--color-bg-default);

      }
  .Notification-Message_onlyMessage {
      margin-top: unset;
      font-weight: var(--font-weight-text-medium);
      font-size: unset;
    }
  .Notification-CloseButton {
    position: absolute;
    background-color: unset;
  }
  .Notification-CloseButton_view_filled {
        color: var(--color-bg-default);
        top: var(--space-2xs);
        right: var(--space-2xs);
      }
  .Notification-CloseButton_view_outlined {
        top: var(--space-m);
        right: var(--space-m);
      }
  .Notification-CloseButton.Button_view_clear:hover {
     background-color: unset;
  }
  .Notification-HiddenMessageButton {
    margin-left: -10px;
    margin-top: 8px;
  }