.wm-sort-dropdown-toggle
{
    --bs-btn-color: var(--wm-primary-ink);
    --bs-btn-bg: var(--bs-white);
    --bs-btn-border-color: var(--wm-border);
    --bs-btn-hover-color: var(--wm-primary-ink);
    --bs-btn-hover-bg: var(--wm-primary-soft);
    --bs-btn-hover-border-color: var(--wm-border);
    --bs-btn-active-color: var(--wm-primary-ink);
    --bs-btn-active-bg: var(--wm-primary-soft);
    --bs-btn-active-border-color: var(--wm-primary);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 400;
    text-align: left;
}

.wm-sort-dropdown-chevron {
    margin-left: 8px;
    font-size: 12px;
}

.wm-sort-dropdown-menu
{
    --bs-dropdown-bg: var(--bs-white);
    --bs-dropdown-color: var(--wm-primary-ink);
    --bs-dropdown-border-color: var(--wm-border);
    --bs-dropdown-border-radius: var(--wm-radius-sm);
    --bs-dropdown-link-color: var(--wm-primary-ink);
    --bs-dropdown-link-hover-color: var(--wm-primary-ink);
    --bs-dropdown-link-hover-bg: var(--wm-primary-light);
    --bs-dropdown-link-active-color: var(--wm-primary-ink);
    --bs-dropdown-link-active-bg: var(--wm-primary-light);
    min-width: min(255px, calc(100vw - 2rem));
    padding: 6px;
    margin-top: 6px;
    box-shadow: var(--wm-shadow-md);
    font-size: .875rem;
}

.wm-sort-dropdown-menu .dropdown-header,
.wm-sort-dropdown-menu .dropdown-item
{
    padding: .375rem .75rem;
}

.wm-sort-dropdown-menu .dropdown-header
{
    color: var(--wm-gray);
    font-size: inherit;
    font-weight: 400;
}

.wm-sort-dropdown-menu .dropdown-item
{
    border-radius: 5px;
}