.search{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2)}.search__field{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1 320px;max-width:460px;cursor:text}.search__label{font:700 var(--text-ui)/1.5 var(--font-ui);color:var(--text-ink)}.search__input{width:100%;min-width:0;box-sizing:border-box;min-height:var(--control-height);padding:0 var(--space-2);font:400 var(--text-ui)/1.5 var(--font-ui);color:var(--text-ink);background:var(--surface-card);border:1px solid var(--line-subtle);border-radius:var(--radius-control)}.search__input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.search__input::-webkit-search-cancel-button{display:none}.search__input::-webkit-search-decoration{display:none}.search__clear{min-height:var(--control-height);padding:0 var(--space-3);font:700 var(--text-ui)/1 var(--font-ui);color:var(--action-primary);background:var(--surface-card);border:1px solid var(--action-secondary-border);border-radius:var(--radius-control);cursor:pointer}.search__clear:hover{background:var(--surface-tint-sage)}.search__clear:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.search__state{margin:0;font:400 var(--text-body)/1.6 var(--font-ui);color:var(--text-secondary);max-width:62ch}@media(forced-colors:active){.search__input,.search__clear{border:1px solid ButtonBorder}}@media(max-width:560px){.search__field{flex:1 1 100%;max-width:none}.search__clear{width:100%}}