@import '../../../style/global.less';

.@{prefix}-dropdown-develop {
  .@{prefix}-dropdown {
    &-item {
      &-icon {
        background-color: #000;
      }
    }

    &-block-left {
      .@{prefix}-dropdown {
        &-item {
          &-icon {
            background-color: transparent;
          }

          &-name {
            margin: 0 8px 0 0;
            display: flex;
          }

          &-version {
            display: flex;
            align-items: center;
            padding: 0 8px;
            background-color: var(--color-fill-3);
            border-radius: 2px;
            margin: 0 8px;
            font-size: 12px;
            color: var(--color-text-1);
            transition: all 0.2s;
          }

          &:hover {
            .@{prefix}-dropdown-item-version {
              background-color: rgb(var(--primary-6));
              color: #fff;
            }
          }
        }
      }
    }
  }
}