@import '../index.less';
@btri-select: ~'@{ant-prefix}-btri-select';
@select-prefix-cls: ~'@{ant-prefix}-select';

.@{btri-select}-box {
  .@{select-prefix-cls}-arrow {
    color: var(--caption-font);

    &.@{select-prefix-cls}-arrow-loading {
      color: var(--primary-6);
    }
  }

  &.@{select-prefix-cls}-focused {
    .@{select-prefix-cls}-arrow {
      color: var(--primary-6);
      transform: rotate(180deg);
      transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
  }

  &.@{select-prefix-cls}-multiple {
    .@{select-prefix-cls}-selection-item {
      padding-inline-end: 0;
      border-radius: calc(var(--border-radius-base) / 2);

      &-content {
        margin-right: var(--padding-xs);

        .@{ant-prefix}-btri-icon-box {
          display: none;
        }
      }

      .@{select-prefix-cls}-disabled& {
        background-color: var(--gray-2);
      }
    }

    .@{select-prefix-cls}-selection-item-remove {
      margin-right: var(--padding-xs);

      .@{ant-prefix}-btri-icon-box .i-icon {
        display: inline-block;
        vertical-align: middle;
      }
    }
  }

  &.@{select-prefix-cls}-borderless {
    border-radius: var(--border-radius-base);
    border: 2px solid rgba(0, 0, 0, 0);

    &:hover {
      background-color: var(--gray-blue-2);
    }

    &:focus,
    &.@{select-prefix-cls}-focused {
      background-color: var(--gray-blue-2);
      border-color: var(--gray-blue-3);
    }
  }

  &.@{select-prefix-cls}-disabled {
    &.@{select-prefix-cls}:not(.@{select-prefix-cls}-customize-input)
      .@{select-prefix-cls}-selector {
      border-color: var(--gray-4);
    }
  }
}

.@{btri-select}-select-dropdown {
  border: 1px solid var(--primary-2);

  .@{select-prefix-cls}-item-option {
    margin: 0 4px 0px 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;

    &:last-child {
      margin-bottom: 0;
    }
  }

  .@{select-prefix-cls}-item-option-grouped {
    padding-left: var(--padding-xs);
  }

  .@{select-prefix-cls}-item-group {
    color: var(--disable-font);
  }

  // .rc-virtual-list-holder-inner {
  //   gap: 4px;
  // }

  .@{btri-select}-select-item {
    display: flex;
    align-items: center;
    gap: 8px;

    .i-icon {
      font-size: 16px;
    }
  }
}

.@{btri-select}-loading {
  text-align: center;
}