.search-field{display:block;position:relative}.search-field>svg{width:16px;height:16px;color:var(--muted);pointer-events:none;transition:color var(--hover-ms);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-field:focus-within>svg{color:var(--ink)}.search-field input{background:var(--wash);width:100%;color:var(--ink);font:inherit;font-size:var(--text-body);line-height:var(--leading-body);transition:border-color var(--hover-ms), background-color var(--hover-ms), box-shadow var(--hover-ms);border:1px solid #0000;border-radius:16px;outline:none;padding:11px 16px 11px 40px}.search-field input::placeholder{color:var(--muted);opacity:1}.search-field input::-webkit-search-cancel-button{display:none}.search-field input:hover{border-color:var(--line)}.search-field input:focus{border-color:var(--accent);background:var(--paper);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent)}@media (prefers-reduced-motion:reduce){.search-field>svg,.search-field input{transition:none}}