<commit_before>.selector {
    border: rem-calc(1) solid $grey-xlight;
    border-radius: 0;
    
    display: block;
    
    position: relative;
    z-index: 100;

    &__selected {
        cursor: default;
        user-select: none;

        display: flex;
        align-items: center;
        justify-content: space-between;

        &:focus {
            box-shadow: 0 0 0 rem-calc(2) rgba($grey-light, 0.25);
        }
    }

    &__label {
        color: $white;
        
        flex: 1;
    }

    &__caret {
        @include icon-chevron-white-down;
        &--active {
            @include icon-chevron-white-up;
        }
    }

    &__selected,
    &__option {
        padding: rem-calc(10 16);
    }

    &__options {
        @include beautify-scrollbar;
        
        background-color: $grey;        
        border: rem-calc(1) solid $grey-xlight;
        color: $white;
        overflow-y: scroll;
        
        height: rem-calc(100);

        position: absolute;
        top: rem-calc(44);
        right: - rem-calc(1);
        left: - rem-calc(1);
    }

    &__option {
        user-select: none;
        cursor: pointer;

        &:focus {
            outline: none;
        }
        
        &:focus,<commit_msg>Fix offset of dropdown in selector<commit_after>.selector {
    border: rem-calc(1) solid $grey-xlight;
    border-radius: 0;
    
    display: block;
    
    position: relative;
    z-index: 100;

    &__selected {
        cursor: default;
        user-select: none;

        display: flex;
        align-items: center;
        justify-content: space-between;

        &:focus {
            box-shadow: 0 0 0 rem-calc(2) rgba($grey-light, 0.25);
        }
    }

    &__label {
        color: $white;

        flex: 1;
    }

    &__caret {
        @include icon-chevron-white-down;
        &--active {
            @include icon-chevron-white-up;
        }
    }

    &__selected,
    &__option {
        padding: rem-calc(10 16);
    }

    &__options {
        @include beautify-scrollbar;
        
        background-color: $grey;        
        border: rem-calc(1) solid $grey-xlight;
        color: $white;
        overflow-y: scroll;
        
        height: rem-calc(100);

        position: absolute;
        top: rem-calc(40);
        right: - rem-calc(1);
        left: - rem-calc(1);
    }

    &__option {
        user-select: none;
        cursor: pointer;

        &:focus {
            outline: none;
        }
        
        &:focus,
{'fraction_non_alphanumeric': 0.12344689378757515, 'fraction_numerical': 0.02004008016032064, 'mean_word_length': 1.381679389312977, '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': '2399503', 'n_tokens_mistral': 856, 'n_tokens_neox': 789, 'n_words': 164}