.ts-wrapper .ts-control,
.ts-wrapper.single.input-active .ts-control {
    background: #0f0f1a;
    color: #eff0f6;
    border-color: #ced4da;
    border-radius: .375rem;
    min-height: calc(1.5em + .75rem + 2px);
}
.ts-wrapper .ts-control input {
    color: inherit;
}
.ts-wrapper .ts-control input::placeholder {
    color: #a0a0b4;
}
.ts-wrapper .ts-control input::-webkit-search-cancel-button,
.ts-wrapper .ts-control input::-webkit-search-decoration {
    -webkit-appearance: none;
    display: none;
}
.ts-wrapper.form-control {
    padding: 0;
    min-height: 0;
}
.ts-wrapper.form-control,
.ts-wrapper.form-select {
    border: 0;
    background: none;
}
.ts-wrapper.form-control .ts-control,
.ts-wrapper.form-control.single.input-active .ts-control,
.ts-wrapper.form-select .ts-control,
.ts-wrapper.form-select.single.input-active .ts-control {
    border: 1px solid #ced4da !important;
}
.ts-wrapper.form-control:not(.disabled) .ts-control,
.ts-wrapper.form-control:not(.disabled).single.input-active .ts-control,
.ts-wrapper.form-select:not(.disabled) .ts-control,
.ts-wrapper.form-select:not(.disabled).single.input-active .ts-control {
    background: #0f0f1a !important;
}
.ts-wrapper.multi.has-items .ts-control {
    padding-left: .75rem;
}
.ts-wrapper.form-control-sm .ts-control,
.ts-wrapper.form-select-sm .ts-control {
    min-height: calc(1.5em + .5rem + 2px) !important;
    padding: .25rem .5rem !important;
    font-size: .875rem;
    line-height: 1.25;
}
.ts-wrapper.form-select {
    background-image: none;
}
.ts-wrapper.focus .ts-control,
.ts-wrapper.form-control.single.input-active.focus .ts-control,
.ts-wrapper.form-select.single.input-active.focus .ts-control {
    border-color: #86b7fe !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

.ts-wrapper.single .ts-control {
    cursor: pointer;
}
.ts-wrapper:not(.form-control, .form-select).single .ts-control {
    background-image: none;
}
.ts-wrapper.single .ts-control::after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: .5rem;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #eff0f6 transparent transparent transparent;
}
.ts-wrapper.single.dropdown-active .ts-control::after {
    margin-top: -4px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #eff0f6 transparent;
}

.ts-wrapper.multi .ts-control > div {
    background: #2f2f4f;
    color: #eff0f6;
    border: 0 solid #dee2e6;
    border-radius: calc(.375rem - 1px);
}
.ts-wrapper.multi .ts-control > div.active {
    background: #0d6efd;
    color: #eff0f6;
}
.ts-wrapper.multi.disabled .ts-control > div,
.ts-wrapper.multi.disabled .ts-control > div.active {
    background: #2f2f4f;
    color: #acc0c2;
}
.ts-wrapper.plugin-remove_button .item .remove {
    color: #72a4f7;
    padding: 1px 5px;
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
    background: rgba(255, 255, 255, .1);
}
.ts-wrapper.plugin-clear_button .clear-button {
    color: #eff0f6;
}

.ts-wrapper.disabled .ts-control {
    opacity: .5;
    background-color: #0f0f1a;
}

.ts-dropdown,
.ts-dropdown.form-control,
.ts-dropdown.form-select {
    margin-top: 2px;
    background: #191929;
    color: #eff0f6;
    border: 1px solid var(--bs-border-color-translucent, rgba(255, 255, 255, .15));
    border-radius: .375rem;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.ts-dropdown .option,
.ts-dropdown .no-results {
    color: #eff0f6;
}
.ts-dropdown .optgroup-header {
    color: #eff0f6;
    background: #393964;
}
.ts-dropdown .selected,
.ts-dropdown .active {
    background-color: #0d6efd;
    color: #eff0f6;
}
.ts-dropdown .active:not(.selected) {
    background: #2f2f4f;
    color: #eff0f6;
}
.ts-dropdown .create,
.ts-dropdown .active.create {
    color: rgba(239, 240, 246, .6);
}

.ts-wrapper.is-invalid .ts-control,
.ts-wrapper.is-invalid.single.input-active .ts-control,
.was-validated .ts-wrapper.invalid .ts-control {
    border-color: var(--bs-danger, #dc3545) !important;
}
@media (max-width: 767.98px) {
    .ts-wrapper {
        max-width: 100%;
    }
}