<commit_before>@import '../../css/config/index';
@import '../../css/mixins/index';
@import '../DropdownMenu/css/_variables';
@import '../DropdownMenu/css/_mixins';
@import '../Input/css/_mixins';
@import '../Icon/css/_variables';
@import '../Icon/css/_mixins';
@import 'css/_variables';
@import 'css/_sizes';

/**
 * Select
 */
.select {
    width: 100%;

    > .menu {
        max-width: 100%;
        width: 100%;
    }

    > .form-select {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-appearance: menulist-button;
    }

    > .form-input-group {
        &::after {
            @extend %icon;

            content: $icon-caret-down;
            display: inline-block;
            position: absolute;
            top: 50%;
            right: $spacer;
            margin-top: -8px;
            width: 12px;
            height: 6px;
            z-index: 1;
        }

        ::v-deep > .form-input {
            > input[readonly] {
                cursor: pointer;
                border-color: $select-input-border-color;

                &:disabled {
                    cursor: default;
                }

                &:not(:disabled) {
                    &:hover {
                        border-color: $select-input-border-color-hover;
                    }<commit_msg>Updated select styles.<commit_after>@import '../../css/config/index';
@import '../../css/mixins/index';
@import '../DropdownMenu/css/_variables';
@import '../DropdownMenu/css/_mixins';
@import '../Input/css/_mixins';
@import '../Icon/css/_variables';
@import '../Icon/css/_mixins';
@import 'css/_variables';
@import 'css/_sizes';

/**
 * Select
 */
.select {
    width: 100%;

    > .menu {
        max-width: 100%;
        width: 100%;
    }

    > .form-select {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-appearance: menulist-button;
    }

    > .form-input-group {
        &::after {
            @extend %icon;

            content: $icon-caret-down;
            display: inline-block;
            position: absolute;
            top: 50%;
            right: $spacer;
            margin-top: -6px;
            width: 12px;
            height: 6px;
            z-index: 1;
            font-size: 12px
        }

        ::v-deep > .form-input {
            > input[readonly] {
                cursor: pointer;
                border-color: $select-input-border-color;

                &:disabled {
                    cursor: default;
                }

                &:not(:disabled) {
                    &:hover {
                        border-color: $select-input-border-color-hover;
                    }
{'fraction_non_alphanumeric': 0.1519210433556574, 'fraction_numerical': 0.018329221008107157, 'mean_word_length': 1.2905569007263922, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 13, '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': '5264862', 'n_tokens_mistral': 893, 'n_tokens_neox': 811, 'n_words': 164}