.field-label{color:var(--fg);font-size:15px;font-weight:700;display:block}.search-field{margin-top:10px;position:relative}.search-field svg{fill:none;width:20px;height:20px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;left:18px;translate:0 -50%}.search-field input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg);width:100%;height:56px;color:var(--fg);font:inherit;box-shadow:var(--elev-1);padding:0 56px 0 50px;font-size:18px;transition:border-color .2s}.search-field input::placeholder{color:var(--dim);opacity:1}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-field .clear{width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:none;position:absolute;top:50%;right:6px;translate:0 -50%}.search-field:has(input:not(:placeholder-shown)) .clear{display:grid}.search-field .clear svg{stroke:currentColor;width:18px;height:18px;position:static;translate:none}.search-field .clear:hover{color:var(--accent-text)}.search-field .clear:focus-visible{outline:3px solid var(--accent-text);outline-offset:-3px}.search-field input:hover{border-color:var(--accent-text)}.search-field input:focus-visible{outline:3px solid var(--accent-text);outline-offset:2px;border-color:var(--accent-text)}@media (width<=640px){.search-field input{font-size:16px}}