[data-bs-theme=dark] tep-select {
    --bs-tep-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

tep-select {
    --bs-tep-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
}

tep-select.sm {
    width: 200px;
}

tep-select.sm+.dropdown-menu {
    width: 200px !important;
}

tep-select.md {
    width: 300px;
}

tep-select.md+.dropdown-menu {
    width: 300px !important;
}

tep-select+.dropdown-menu ul {
    list-style-type: none;
}

tep-select+.dropdown-menu .dropdown-item.selected {
    background-color: var(--bs-secondary-bg);
}

tep-select[multi]+.dropdown-menu .dropdown-item::before {
    font: var(--fa-font-regular);
    content: "\f111";
    padding-right: 8px;
    opacity: 25%;
}

tep-select[multi][default]+.dropdown-menu:not(:has(.selected)) .dropdown-item::before {
    font: var(--fa-font-solid);
    content: "\f058";
}

tep-select[multi]+.dropdown-menu .dropdown-item.selected::before {
    font: var(--fa-font-solid);
    content: "\f058";
    padding-right: 8px;
    color: var(--bs-primary);
    opacity: 100%;
}

tep-select[multi]+.dropdown-menu .dropdown-item:active::before {
    color: white;
    opacity: 100%;
}

tep-select+.dropdown-menu ul {
    max-height: 240px;
    overflow-y: auto;
}