<commit_before>@import 'select-variables';

.select {
    margin-bottom: $select__margin-bottom;

    &:focus-within {
        .label {
            color: $select__label-color-focus;
        }
    }

    &__field {
        position: relative;
        background: $select__field-background;

        &--native {
            width: 100%;
            height: $select__height;
            padding: $select__padding;
            border: $select__border;
            border-radius: $select__border-radius;
            appearance: none;
            transition: $select__transition;
            font-family: $select__font-family;
            background-image: $select__field-bg-image--native;
            background-repeat: $select__field-bg-repeat--native;
            background-position: $select__field-bg-position--native;
        }

        &:disabled {
            background-color: $select__background-disabled;
            cursor: not-allowed;
        }

        &.focus-visible {
            @include focus-input();
        }
    }

    &__field-item {
        position: relative;
        height: $select__height;
        padding: $select__padding;
        line-height: $select__line-height;
        font-size: $select__field-font-size;
        cursor: pointer;
    }

    &__field-list {
        &--single {
            height: $select__height;
            padding: 0;
            border: $select__border;
            border-radius: $select__border-radius;
            line-height: $select__line-height;
        }
    }

    &__field-input {
        transition: $select__transition;

        &:focus {
            outline: $outline-base;
        }
    }
}

// select2 overwrite styles
.select2 {
    width: 100%;
}
.select2-container {
    .select2-selection--single {
        height: $select__height;
        width: 100%;
        border: $select__border;
        border-radius: $select__border-radius;

        .select2-selection__rendered {
            width: 100%;
            padding: $select__field-padding;
            line-height: $select__height;
        }

        .select2-selection__arrow {
            height: $select__height;
            top: $select__arrow-position-top;
            right: $select__arrow-position-right;
            b {
                padding: $select__arrow-padding;
                border-color: $select__arrow-bg-color;
                border-width: $select__arrow-border-width;
                margin-top: $select__arrow-margin-top;
                pointer-events: none;
                transform: $select__arrow-transform;
                transition: $select__arrow-transition;
            }
        }
    }
    &.select2-container--open {
        .select2-selection--single {
            @include focus-input();
            .select2-selection__arrow b {
                border-color: $select__arrow-bg-color;
                border-width: $select__arrow-border-width;
                transform: $select__arrow-transform--open;
            }
        }
    }

    .select2-results {
        &__options {
            max-height: 300px;
        }

        &__option {
            position: relative;
            height: $select__height;
            line-height: $select__height;
            padding: $select__option-padding;
            font-size: $select__option-font-size;
            &[aria-selected=true] {
                background-color: $white;
            }

            &--highlighted[aria-selected] {
                background-color: $select__option-bg-color--highlighted;
                color: $select__option-color--highlighted;
            }
        }
    }

    .select2-dropdown {
        border: $select__border;
        border-radius: $select__border-radius;<commit_msg>#62141 - Update select styles<commit_after>@import 'select-variables';

.select {
    margin-bottom: $select__margin-bottom;

    &:focus-within {
        .label {
            color: $select__label-color-focus;
        }
    }

    &__field {
        position: relative;
        background: $select__field-background;

        &--native {
            width: 100%;
            height: $select__height;
            padding: $select__padding;
            border: $select__border;
            border-radius: $select__border-radius;
            appearance: none;
            transition: $select__transition;
            font-family: $select__font-family;
            background-image: $select__field-bg-image--native;
            background-repeat: $select__field-bg-repeat--native;
            background-position: $select__field-bg-position--native;
        }

        &:disabled {
            background-color: $select__background-disabled;
            cursor: not-allowed;
        }

        &.focus-visible {
            @include focus-input();
        }
    }

    &__field-item {
        position: relative;
        height: $select__height;
        padding: $select__padding;
        line-height: $select__line-height;
        font-size: $select__field-font-size;
        cursor: pointer;
    }

    &__field-list {
        &--single {
            height: $select__height;
            padding: 0;
            border: $select__border;
            border-radius: $select__border-radius;
            line-height: $select__line-height;
        }
    }

    &__field-input {
        transition: $select__transition;

        &:focus {
            outline: $outline-base;
        }
    }
}

// select2 overwrite styles
.select2 {
    width: 100%;
}
.select2-container {
    .select2-selection--single {
        height: $select__height;
        width: 100%;
        border: $select__border;
        border-radius: $select__border-radius;

        .select2-selection__rendered {
            width: 100%;
            padding: $select__field-padding;
            line-height: $select__height;
        }

        .select2-selection__arrow {
            height: $select__height;
            top: $select__arrow-position-top;
            right: $select__arrow-position-right;
            b {
                padding: $select__arrow-padding;
                border-color: $select__arrow-bg-color;
                border-width: $select__arrow-border-width;
                margin-top: $select__arrow-margin-top;
                pointer-events: none;
                transform: $select__arrow-transform;
                transition: $select__arrow-transition;
            }
        }
    }
    &.select2-container--open {
        .select2-selection--single {
            @include focus-input();
            .select2-selection__arrow b {
                border-color: $select__arrow-bg-color;
                border-width: $select__arrow-border-width;
                transform: $select__arrow-transform--open;
                margin-top: 0;
            }
        }
    }

    .select2-results {
        &__options {
            max-height: 300px;
        }

        &__option {
            position: relative;
            height: $select__height;
            line-height: $select__height;
            padding: $select__option-padding;
            font-size: $select__option-font-size;
            &[aria-selected=true] {
                background-color: $white;
            }

            &--highlighted[aria-selected] {
                background-color: $select__option-bg-color--highlighted;
                color: $select__option-color--highlighted;
            }
        }
    }

    .select2-dropdown {
        border: $select__border;
        border-radius: $select__border-radius;
{'fraction_non_alphanumeric': 0.10654753967195627, 'fraction_numerical': 0.008001066808907855, 'mean_word_length': 1.5746652935118435, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '374136', 'n_tokens_mistral': 2108, 'n_tokens_neox': 2007, 'n_words': 326}