.ts-dropdown-content::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: transparent;
}

.ts-dropdown-content::-webkit-scrollbar-track {
    border: 6px solid var(--scrollbar-track-bg);
    border-radius: 1000px
}

.ts-dropdown-content::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: var(--scrollbar-thumb-bg);
}

.dropdown-input {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom: 0 !important;
}

[data-bs-theme="dark"] .ts-control .placeholder,
[data-bs-theme="dark"] .ts-wrapper.single .ts-control:not(.rtl) .placeholder {
    color: rgba(255, 255, 255, 0.6);
}

[data-bs-theme="dark"] .ts-wrapper .ts-control {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .ts-wrapper .ts-control .item {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .ts-dropdown {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .ts-dropdown .option {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .ts-dropdown .option:hover,
[data-bs-theme="dark"] .ts-dropdown .option.active {
    background-color: var(--bs-primary);
    color: #fff;
}