@import url(../var.less);

@select-group-prefix: ~"@{prefix}select-group";

.@{select-group-prefix} {
  @gap: 20px;

  margin: 0;
  padding: 0;

  &__wrap {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;

    &:not(:last-of-type) {
      padding-bottom: 24px;

      &::after {
        content: '';
        position: absolute;
        display: block;
        left: @gap;
        right: @gap;
        bottom: 12px;
        height: 1px;
        background: @border-light-color;
      }
    }
  }

  &__title {
    padding-left: @gap;
    font-size: @select-group-font-size;
    color: @select-group-color;
    line-height: @select-group-height;
  }

  & .el-select-dropdown__item {
    padding-left: @gap;
  }
}