.common-simple-tabs {
  &.tabs-button {
    .common-simple-tabs-item {
      margin-right: 8px;
      color: $color-default-8;
      padding: 4px 12px;
      border-radius: $border-radius;
      &:hover,
      &.selected {
        color: $color-default;
        &:not(.not-allowed) {
          font-weight: 500;
          background-color: $color-default-06;
        }
      }
    }
    &.theme-dark {
      .common-simple-tabs-item {
        color: $white;
        &:hover,
        &.selected {
          &:not(.not-allowed) {
            font-weight: 500;
            background-color: $color-white-1;
          }
        }
      }
    }
  }

  &.tabs-underline {
    .common-simple-tabs-item {
      margin-right: 24px;
      position: relative;
      &:hover,
      &.selected {
        &:not(.not-allowed) {
          &::after {
            content: '';
            position: absolute;
            height: 3px;
            width: 100%;
            background-color: $color-purple-highlight;
            left: 0;
            bottom: -6px;
          }
          font-weight: bold;
        }
      }
    }
    &.theme-dark {
      .common-simple-tabs-item {
        color: $white;
      }
    }
  }
}

.common-simple-tabs-menu {
  .ant-dropdown-menu-item {
    cursor: default;
    padding: 8px;
    &:hover {
      background-color: unset;
    }
  }
  .common-simple-tabs-dropdown {
    max-height: 50vh;
    overflow: auto;
  }
}
