.sx-field{border:1px solid var(--ctl);background:var(--page);min-width:0;height:40px;color:var(--ink);cursor:text;-webkit-user-select:text;user-select:text;transition:border-color .2s var(--ease);border-radius:100px;align-items:center;gap:10px;padding:0 14px 0 16px;display:inline-flex;position:relative}.sx-field:hover{border-color:var(--mute)}.sx-field:focus-within{border-color:var(--ink)}.sx-field>svg{flex:none;width:16px;height:16px}.sx-field input{min-width:0;height:100%;color:var(--ink);font:400 15px/1 var(--core);letter-spacing:-.01em;appearance:none;background:0 0;border:0;outline:0;flex:auto;padding:0}.sx-field input::placeholder{color:var(--mute);opacity:1}.sx-field input::-webkit-search-cancel-button{display:none}.sx-field kbd{background:var(--search-kbd);min-width:20px;height:20px;color:var(--mute);font:500 12px/1 var(--accent);border-radius:5px;flex:none;place-items:center;padding:0 5px;display:inline-grid}.sx-field:focus-within kbd{display:none}.sx-x{width:24px;height:24px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin-right:-6px;padding:0;display:grid}.sx-x:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.sx-x svg{width:10px;height:10px}@media (hover:none),(pointer:coarse){.sx-field{height:44px}.sx-x{position:relative}.sx-x:after{content:"";position:absolute;inset:-10px}}