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

.@{prefix}-select-nav {
  padding: 18px 2px;
  height: 60px;
  box-sizing: border-box;
  display: flex;
  align-items: center;

  .arco-select-view {
    font-weight: 500;
    height: 24px !important;
    line-height: 24px !important;

    svg {
      stroke-width: 6px;
      color: var(--color-text-1);
    }
  }

  &-option {
    svg {
      padding-right: 8px;
    }
  }
}

html.rtl {
  .@{prefix}-select-nav {
    &-option {
      svg {
        padding-left: 8px;
        padding-right: 0;
      }
    }
  }
}