/* Dark mode (default) */
.ts-wrapper.tom-select-field .ts-control {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.8);
    height: calc(1.5em + 0.9rem + 2px); /* Bootstrap 4 input height */
    flex-wrap: nowrap;
    align-items: center;
}
.ts-wrapper.tom-select-field .item {
    background-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.2);
    white-space: nowrap;
    max-width: none;
    flex-shrink: 0;
}
.ts-wrapper.tom-select-field .ts-control input {
    color: rgba(255, 255, 255, 0.8);
}
.ts-wrapper.tom-select-field .ts-dropdown {
    background-color: #222a42;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.8);
}
.ts-wrapper.tom-select-field .ts-dropdown .option:hover,
.ts-wrapper.tom-select-field .ts-dropdown .option.active {
    background-color: #e14eca;
    color: #fff;
}
.ts-wrapper.tom-select-field .item {
    background-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.2);
}

/* Light mode */
.white-content .ts-wrapper.tom-select-field .ts-control {
    background-color: #fff;
    border-color: rgba(29, 37, 59, 0.5);
    color: #222a42;
}
.white-content .ts-wrapper.tom-select-field .ts-control input {
    color: #222a42;
}
.white-content .ts-wrapper.tom-select-field .ts-dropdown {
    background-color: #fff;
    border-color: rgba(29, 37, 59, 0.5);
    color: #222a42;
}
.white-content .ts-wrapper.tom-select-field .ts-dropdown .option:hover,
.white-content .ts-wrapper.tom-select-field .ts-dropdown .option.active {
    background-color: #e14eca;
    color: #fff;
}
.white-content .ts-wrapper.tom-select-field .item {
    background-color: rgba(29, 37, 59, 0.08);
    color: #222a42;
    border-color: rgba(29, 37, 59, 0.3);
}