.cp-dropdown-select-menu {
  background-color: $color-default;
  color: $white;
  .ant-dropdown-menu-item {
    cursor: default;
    padding: 8px;
    &:hover {
      background-color: unset;
    }
  }

  .cp-dropdown-option-content {
    max-height: 70vh;
    overflow: auto;
  }

  .cp-dropdown-select-option-group {
    .cp-dropdown-select-option-group-content {
      height: auto;
      overflow: hidden;
      &.no-expand {
        height: 0;
      }
    }

    .cp-dropdown-select-option-group-label {
      color: $color-white-6;

      .expand-icon {
        transform: rotate(0deg);
        transition: all 0.3s ease-in-out;
        &.expand {
          transform: rotate(180deg);
        }
      }
    }
  }
}

.cp-dropdown-select-option-item {
  padding: 16px 8px;
  &:hover {
    background-color: rgba($white, 0.08);
  }

  .option-label {
    font-weight: bold;
    color: $white;
  }

  .option-desc {
    font-size: 12px;
    color: $color-white-6;
  }

  &.small {
    .option-img {
      width: 16px;
      height: 16px;
      margin-right: 4px;
    }
  }
  &.middle {
    .option-img {
      width: 24px;
      height: 24px;
      margin-right: 8px;
    }
  }
  &.big {
    .option-img {
      width: 40px;
      height: 40px;
      margin-right: 8px;
    }
  }
}

.cp-dropdown-select {
  .cp-dropdown-select-option-item {
    .option-desc {
      font-size: 12px;
      color: $color-default-6;
    }

    .option-label {
      color: $color-default;
    }
  }
}
