.select2-container {
    & span.select-container {
        font-size: 14px;
        min-height: 38px;
        padding: 0 7px;

        border-radius: 5px !important;
        border: 1px solid var(--color-border-input);
        background-color: var(--color-bg-input);
        color: var(--color-text-input);

        & li.select2-search input.select2-search__field {
            background-color: var(--color-bg-input);
            color: var(--color-text-input);

            &:focus {
                border: none;
                box-shadow: none;
            }

            &:disabled {
                background-color: var(--color-border-input);
            }
        }

        &.search__field-hidden input.select2-search__field {
            display: none;
        }

        & span.select2-selection__rendered {
            line-height: 38px;
            color: var(--color-text-input);
        }

        & span.select2-selection__arrow {
            top: 50%;
            transform: translate(0, -50%);
        }

        & li.select2-selection__choice {
            background-color: var(--color-bg-secondary);
            color: var(--color-text-input);
            border: 1px solid var(--color-border-input);

            & span.select2-selection__choice__remove {
                color: var(--color-list-item-marker);

                &:hover {
                    color: rgba(var(--color-list-item-marker), 0.5);
                }
            }
        }
    }

    & span.select-drop {
        margin-top: 2px;
        border-radius: 5px;
        border: 1px solid var(--color-border-input);
        background-color: var(--color-bg-input);
        color: var(--color-text-input);

        & span.select2-search input.select2-search__field {
            border: 1px solid var(--color-border-input);
            background-color: var(--color-bg-input);
            color: var(--color-text-input);
            max-height: 36px;
            margin: 0;
            padding: 0 7px;
            border-radius: 3px;
            box-sizing: border-box;

            &:focus {
                border: 1px solid var(--color-border-input);
                box-shadow: none;
            }

        }

        & li {
            margin: 6px;
            border-radius: 5px;

            &.select2-results__option[aria-selected=true] {
                background-color: var(--color-border);
            }

            &.select2-results__option--highlighted[aria-selected] {
                background-color: var(--color-primary);
            }
        }
    }
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: var(--color-border-input);
}