@import "mixins/mixins";
@import "common/var";

@include b(select-group) {
  $gap: 16px;

  margin: 0;
  padding: 0;

  @include e(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-color-light;
    //   }
    // }
  }

  @include e(title) {
    padding: 0 $gap;
    font-size: $--select-group-font-size;
    color: $--select-group-color;
    line-height: $--select-group-height;
    &--medium {
      line-height: $--select-group-height-big;
    }
    &--big {
      line-height: $--select-group-height-big;
    }
  }

  & .y-select-dropdown__item {
    padding: 0 $gap;
  }
}