.ts-control,
.ts-control input,
.ts-dropdown
{
    color: var(--bs-body-color);
}

.ts-wrapper
{
    height: auto;
    min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
    font-size: 0.875rem;
}

.ts-wrapper.single .ts-control
{
    padding: 0.25rem 2.25rem 0.25rem 0.5rem;
    border-radius: var(--bs-border-radius-sm);
    background-position: right 0.75rem center;
}

.ts-wrapper.focus .ts-control,
.ts-wrapper.plugin-dropdown_input.focus.dropdown-active .ts-control
{
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.ts-wrapper.locked .ts-control,
.ts-wrapper.single.locked.input-active .ts-control,
.ts-wrapper.locked .ts-control input
{
    background-color: var(--bs-secondary-bg);
    cursor: not-allowed;
}

.ts-control .item
{
    width: auto;
    padding: 0;
    border: 0;
}

:is(.unifiedControl, .unifiedControl-sm) .ts-wrapper
{
    min-height: calc(1.5em + 0.5rem);
}

:is(.unifiedControl, .unifiedControl-sm) .ts-wrapper .ts-control,
:is(.unifiedControl, .unifiedControl-sm) .ts-wrapper.plugin-dropdown_input.focus.dropdown-active .ts-control
{
    border: 0;
    box-shadow: none;
}

:is(.unifiedControl, .unifiedControl-sm):has(.ts-wrapper.focus)
{
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.ts-dropdown
{
    margin-top: 0.125rem;
    padding: 0.5rem 0;
    font-size: 0.875rem;
    border: var(--bs-border-width) solid var(--bs-border-color-translucent);
    border-radius: var(--bs-border-radius);
    box-shadow: none;
}

.ts-dropdown .dropdown-input-wrap
{
    padding: 4px 8px;
}

.ts-dropdown .dropdown-input
{
    display: block;
    width: 100%;
    padding: 0.25rem 0.5rem;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-sm);
}

.ts-dropdown .dropdown-input:focus
{
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.125rem rgba(13, 110, 253, 0.15);
}

.ts-dropdown .ts-dropdown-content
{
    max-height: 300px;
    padding: 0;
}

.ts-dropdown .option,
.ts-dropdown .no-results,
.ts-dropdown .create,
.ts-dropdown .optgroup-header
{
    padding: 0.25rem 2.5rem 0.25rem 1rem;
}

.ts-dropdown .option
{
    position: relative;
}

.ts-dropdown .option.active,
.ts-dropdown .option.selected
{
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
}

.ts-dropdown .option.selected::after
{
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 0.35em;
    height: 0.75em;
    border: solid var(--pep-blue);
    border-width: 0 2px 2px 0;
    transform: translateY(-60%) rotate(45deg);
}
