.search-filter{width:100%;position:relative}.search-filter__wrapper{background-color:var(--bg-ternary-50,var(--bg-page));border-radius:var(--radius-md);padding:var(--spacing-xs)var(--spacing-sm);transition:box-shadow var(--transition-fast);border:none;min-height:2.25rem}.search-filter__wrapper:focus-within{box-shadow:0 0 0 .125rem var(--border-focus)}.search-filter__input-wrapper{position:relative}.search-filter__search-icon{color:var(--color-text-secondary);flex-shrink:0}.search-filter__input{font-size:var(--font-size-sm);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;width:100%;padding:0}.search-filter__input::placeholder{color:var(--color-text-secondary)}.search-filter__input:disabled{color:var(--color-text-disabled);cursor:not-allowed}.search-filter__filter-button{border-radius:var(--radius-md);cursor:pointer;width:2.25rem;height:2.25rem;transition:background-color var(--transition-fast);margin-left:var(--spacing-xs);background-color:#0000;border:none;flex-shrink:0;padding:0}.search-filter__filter-button:hover:not(:disabled){background-color:var(--action-secondary-bg-hover)}.search-filter__filter-button:active:not(:disabled){background-color:var(--action-primary-bg)}.search-filter__filter-button:disabled{opacity:var(--opacity-disabled)}.search-filter__filter-icon{opacity:var(--opacity-faded);transition:color var(--transition-fast),opacity var(--transition-fast)}.search-filter__filter-button:hover .search-filter__filter-icon{color:var(--color-text-primary)}.search-filter__suggestions{top:calc(100% + var(--spacing-xs));background-color:var(--bg-page);border:.0625rem solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--dropdown-shadow);max-height:15rem;z-index:var(--z-index-dropdown);padding:var(--spacing-xs)0;margin:0;list-style:none;position:absolute;left:0;right:0;overflow-y:auto}.search-filter__suggestion{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-md);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);list-style:none}.search-filter__suggestion:hover,.search-filter__suggestion--highlighted,.search-filter__suggestion[aria-selected=true]{background-color:var(--action-secondary-bg-hover);color:var(--color-text-secondary)}.search-filter--compact .search-filter__wrapper{padding:var(--spacing-xs)var(--spacing-xs);min-height:2rem}.search-filter--compact .search-filter__input-wrapper{gap:var(--spacing-xs)}.search-filter--compact .search-filter__input{font-size:var(--font-size-xs)}.search-filter--compact .search-filter__filter-button{width:2rem;height:2rem;margin-left:var(--spacing-xs)}@media (min-width:768px) and (max-width:1023px){.search-filter__wrapper{padding:var(--spacing-sm)var(--spacing-md);min-height:2.5rem}.search-filter__input-wrapper{gap:var(--spacing-sm)}.search-filter__input{font-size:var(--font-size-md)}.search-filter__filter-button{width:2.5rem;height:2.5rem;margin-left:var(--spacing-sm)}.search-filter__suggestions{max-height:17.5rem}.search-filter--compact .search-filter__wrapper{padding:var(--spacing-xs)var(--spacing-sm);min-height:2.25rem}.search-filter--compact .search-filter__filter-button{width:2.25rem;height:2.25rem;margin-left:var(--spacing-xs)}}@media (min-width:1024px){.search-filter__wrapper{padding:var(--spacing-sm)var(--spacing-md);min-height:2.5rem}.search-filter__input-wrapper{gap:var(--spacing-sm)}.search-filter__input{font-size:var(--font-size-md)}.search-filter__filter-button{width:2.5rem;height:2.5rem;margin-left:var(--spacing-sm)}.search-filter__suggestions{max-height:18.75rem}.search-filter--compact .search-filter__wrapper{padding:var(--spacing-xs)var(--spacing-sm);min-height:2.25rem}.search-filter--compact .search-filter__filter-button{width:2.25rem;height:2.25rem;margin-left:var(--spacing-xs)}}.search-filter--icon-right .search-filter__input-wrapper{align-items:center;gap:var(--spacing-xs);display:flex}.search-filter--icon-right .search-filter__input{order:1}.search-filter--icon-right .search-filter__search-icon{order:2}.search-filter--icon-right .search-filter__search-icon-button{border-radius:var(--radius-md);cursor:pointer;width:1.5rem;height:1.5rem;transition:background-color var(--transition-fast);background-color:#0000;border:none;flex-shrink:0;order:2;padding:0}.search-filter--icon-right .search-filter__search-icon-button:hover:not(:disabled){background-color:var(--action-secondary-bg-hover)}.search-filter--icon-right .search-filter__search-icon-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}