@layer equip{.eq-search-field{--_h:var(--eq-h-m);--_text:var(--eq-text-m);gap:var(--eq-space-1);grid-template-columns:minmax(0,1fr);min-width:0;margin:0;display:grid}.eq-search-field[data-size=s]{--_h:var(--eq-h-s);--_text:var(--eq-text-s)}.eq-search-field[data-size=l]{--_h:var(--eq-h-l);--_text:var(--eq-text-l)}.eq-search-field-label{color:var(--eq-ink);font:var(--eq-weight-strong) var(--eq-text-s) / 1.3 var(--eq-font)}.eq-search-field-label[data-hidden],.eq-search-field-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eq-search-field-control{align-items:center;gap:var(--eq-space-2);min-width:0;height:var(--_h);padding-inline:var(--eq-space-3) var(--eq-space-2);border:1px solid var(--eq-line-strong);border-radius:var(--eq-radius-m);background:var(--eq-raised);color:var(--eq-ink);font-size:var(--_text);transition:border-color var(--eq-dur) var(--eq-ease);display:flex;position:relative}.eq-search-field-control:has(.eq-search-field-input:focus-visible){outline:2px solid var(--eq-focus);outline-offset:-1px}.eq-search-field-icon,.eq-search-field-spinner{width:1.15em;height:1.15em;color:var(--eq-ink-3);flex:none}.eq-search-field-spinner{box-sizing:border-box;border:2px solid color-mix(in srgb, currentColor 30%, transparent);border-radius:var(--eq-radius-full);width:1em;height:1em;color:var(--eq-ink-2);border-top-color:currentColor;margin-inline:.075em;animation:.7s linear infinite eq-search-field-spin}@keyframes eq-search-field-spin{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.eq-search-field-spinner{animation-duration:2.4s}}.eq-search-field-input{min-width:0;height:100%;color:inherit;font:var(--eq-weight) var(--_text) / 1 var(--eq-font);appearance:none;background:0 0;border:0;flex:1;padding:0}.eq-search-field-input:focus-visible{outline:none}.eq-search-field-input::placeholder{color:var(--eq-ink-3)}.eq-search-field-input::-webkit-search-cancel-button{appearance:none;display:none}.eq-search-field-input::-webkit-search-decoration{appearance:none;display:none}.eq-search-field-shortcut{min-width:20px;height:20px;padding-inline:var(--eq-space-1);box-sizing:border-box;border:1px solid var(--eq-line-strong);border-radius:var(--eq-radius-s);color:var(--eq-ink-2);font:var(--eq-weight-strong) var(--eq-text-xs) / 1 var(--eq-font-mono);font-variation-settings:var(--eq-font-mono-settings);flex:none;justify-content:center;align-items:center;margin-inline-end:var(--eq-space-1);display:none}.eq-search-field[data-empty]:not(:focus-within) .eq-search-field-shortcut{display:inline-flex}.eq-search-field-clear{border-radius:var(--eq-radius-s);width:24px;height:24px;color:var(--eq-ink-2);cursor:pointer;transition:background-color var(--eq-dur) var(--eq-ease), color var(--eq-dur) var(--eq-ease), opacity var(--eq-dur) var(--eq-ease), scale var(--eq-dur-move) var(--eq-spring);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}@starting-style{.eq-search-field-clear{opacity:0;scale:.6}}.eq-search-field-clear>svg{width:16px;height:16px}@media (hover:hover){.eq-search-field-clear:hover{background:var(--eq-tint);color:var(--eq-ink)}}.eq-search-field-clear:active{scale:var(--eq-press);transition:scale var(--eq-dur) var(--eq-ease)}.eq-search-field-clear:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-search-field[data-disabled]{opacity:.45}.eq-search-field[data-disabled] .eq-search-field-input{cursor:not-allowed}}
