.dropdown{position:relative}.dropdown__trigger{display:inline-flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-md);min-height:var(--filter-height);width:var(--filter-width);border:var(--border-width-thin) solid var(--gray-300);border-radius:var(--radius-md);background:var(--white);color:var(--gray-900)}.dropdown__trigger--compact{padding:var(--space-xs) var(--space-xxs);min-height:var(--height-sm);width:auto;min-width:0;font-size:var(--font-size-xs)}.dropdown__trigger:after{content:"";display:inline-block;width:var(--space-sm);height:var(--space-xs);margin-left:var(--space-xs);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8" fill="%236b7280"><path d="M6 8L0 2h12L6 8z"/></svg>');background-repeat:no-repeat;background-position:50%;background-size:contain}.dropdown__trigger:focus-visible{outline:var(--border-width-thin) solid var(--primary-600);outline-offset:2px}.dropdown__menu{position:absolute;top:100%;left:0;z-index:1000;margin-top:var(--space-xs);border:var(--border-width-thin) solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-lg);min-width:var(--width-md);padding:var(--space-xs) 0;list-style:none;margin-left:0;margin-right:0;max-height:var(--space-7xl);overflow:auto}@media screen and (max-width:768px){.dropdown__menu{left:0;right:auto;min-width:auto;width:120px;max-width:120px;top:calc(100% + 2px);padding:4px 0}.dropdown__option{padding:4px 6px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.dropdown__option{padding:var(--space-xs) var(--space-md);color:var(--gray-700)}.dropdown__option[aria-selected=true]{background:var(--primary-100);color:var(--gray-900)}@media screen and (max-width:768px){.dropdown__trigger{padding:10px 12px;min-height:36px;width:auto;min-width:80px;max-width:120px;font-size:13px;justify-content:center;border-radius:8px;font-weight:500}}.filter-dropdown__trigger{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-md);min-height:var(--filter-height);width:var(--filter-width);border:var(--border-width-thin) solid var(--gray-300);border-radius:var(--radius-md);background:var(--white);color:var(--gray-900)}.filter-dropdown__trigger--highlight{border-color:var(--primary-600);box-shadow:0 0 0 2px var(--primary-200)}@media screen and (max-width:768px){.filter-dropdown__trigger{padding:12px 10px;min-height:32px;width:auto;min-width:70px;max-width:110px;font-size:12px;border-radius:6px}}.filter-dropdown__trigger--center{justify-content:center}.filter-dropdown__trigger:focus-visible{outline:var(--border-width-thin) solid var(--primary-600);outline-offset:2px}.filter-dropdown__selected{color:var(--gray-700)}.filter-dropdown__option{padding:var(--space-xs) var(--space-md);color:var(--gray-700);list-style:none}.filter-dropdown__option[aria-selected=true]{background:var(--primary-100);color:var(--gray-900)}.filter-dropdown__option-label{font-size:var(--font-size-sm)}