.menu-list {
  width: 100%;
  height: 100%;
  padding: 0 6px;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--saas-main-bg);

  &-header {
    height: 46px;
    line-height: 34px;
    font-size: 15px;
    font-weight: 600;
    padding: 6px 8px;
  }

  &-body {
    height: calc(100% - 46px);
    display: flex;
    flex-direction: column;
    overflow-y: auto;

    &-item {
      min-height: 48px;
      cursor: pointer;
      display: flex;
      align-items: center;
      border-radius: 4px;
      font-weight: 500;
      margin-top: 6px;

      &-selected {
        background-color: var(--Form-select-menu-onHover-bg);
      }

      &:hover {
        background-color: var(--Form-select-menu-onHover-bg);
      }

      &-icon {
        padding: 8px;
        background-color: #CDE1FD;
        font-size: 16px;
        color: var(--saas-Primary-Color);
        margin-left: 12px;
      }

      &-title {
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        font-weight: 400;
        flex: 1;
        margin-left: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
      }

    }

  }

}