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

.root {
  display: flex;
  &:hover,
  &.active {
    button {
      background: @theme-color-005;
      color: @theme-color;
    }
  }
  .refreshButton {
    padding-right: 2px !important;
  }

  .downButton {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin: 0 !important;
    &:hover,
    &:focus {
      background: @theme-color-010 !important;
    }
  }
}

.list {
  max-height: 250px;
  overflow: auto;
  min-width: 90px;

  &:global(.@{sdk-prefix}-popover-list .@{sdk-prefix}-item) {
    font-size: 14px;
    line-height: 36px;
    color: @font-color-3;
    &:hover,
    &:global(.@{sdk-prefix}-active) {
      color: @theme-color;
    }
  }
}