.search-field{box-sizing:border-box;border:1px solid var(--ss-outline);background:var(--ss-surface);width:100%;min-width:0;height:48px;min-height:48px;color:var(--ss-on-surface-variant);border-radius:8px;flex:auto;align-items:center;gap:9px;padding:11px 12px;display:flex}.search-field:focus-within{border-color:var(--ss-accent);box-shadow:var(--ss-focus-ring)}.search-field>svg{flex:none;width:18px;height:18px}.search-field input::-webkit-search-cancel-button{appearance:none;display:none}.search-field input::-webkit-search-decoration{appearance:none;display:none}.search-field input{width:100%;min-width:0;color:var(--ss-on-surface);font-family:var(--ss-font-ui);background:0 0;border:0;outline:0;flex:1;padding:0;font-size:14px}.search-field input::placeholder{color:var(--ss-on-surface-variant);opacity:1;font-size:14px}.search-field__clear{width:28px;height:28px;color:var(--ss-on-surface-variant);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;margin-inline-end:-4px;padding:0;display:grid}.search-field__clear svg{width:16px;height:16px}.search-field__clear:hover,.search-field__clear:focus-visible{color:var(--ss-on-surface)}.search-field__clear:focus-visible{outline:2px solid var(--ss-accent);outline-offset:2px}