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

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

    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-left: $gap;
        font-size: $--select-group-font-size;
        color: $--select-group-color;
        line-height: $--select-group-height;
    }

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