.directory-hero-suggest{--suggest-quiet:color-mix(in srgb, var(--muted-foreground) 78%, var(--foreground));justify-items:center;gap:.75rem;margin-top:2.25rem;display:grid}.directory-hero-suggest[hidden]{display:none}.directory-hero-suggest-copy{color:var(--foreground);margin:0;font-size:.9375rem;line-height:1.45}.suggest-form{justify-items:center;gap:.625rem;width:100%;display:grid}.suggest-field{width:min(100%,31rem);height:calc(var(--control-h) * 1.25 + .5rem);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--background);transition:border-color var(--dur-fast) var(--ease-out);align-items:center;gap:.375rem;padding:.25rem .25rem .25rem 1rem;display:flex;position:relative}.suggest-field:hover{border-color:var(--muted-foreground)}.suggest-field:focus-within{outline:var(--focus-ring);outline-offset:0;border-color:#0000}.suggest-field[data-invalid=true]{border-color:var(--destructive)}.suggest-input{min-width:0;height:100%;color:var(--foreground);font-family:var(--font-mono);background:0 0;border:0;flex:1;padding:0;font-size:.875rem}.suggest-input::placeholder{color:var(--suggest-quiet);opacity:1}.suggest-input:focus,.suggest-input:focus-visible{outline:none}.suggest-submit{border-radius:var(--radius-xs);flex:none;height:100%;padding-inline:1.125rem;font-size:.9375rem}.suggest-submit[aria-disabled=true]{cursor:progress}.suggest-form[aria-busy=true] .suggest-submit{background:var(--accent-strong)}.suggest-progress{inset-inline:calc(var(--radius-lg) - 1px);background:var(--muted);opacity:0;pointer-events:none;height:2px;transition:opacity var(--dur) var(--ease-out);position:absolute;bottom:-7px;overflow:hidden}.suggest-progress[data-state]{opacity:1}.suggest-progress-fill{background:var(--accent);transform:scaleX(var(--suggest-progress,0));transform-origin:0;transition:transform var(--suggest-progress-dur,var(--dur)) var(--suggest-progress-ease,var(--ease-out));position:absolute;inset:0}.suggest-progress:not([data-state]) .suggest-progress-fill{transition:none}.suggest-progress[data-state=running]:before{content:"";inset-block:0;background:color-mix(in srgb, var(--accent) 40%, transparent);width:30%;animation:1.6s cubic-bezier(.4,0,.2,1) infinite suggest-progress-sweep;position:absolute;left:0}@keyframes suggest-progress-sweep{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media (prefers-reduced-motion:reduce){.suggest-progress[data-state=running]:before{animation:none;display:none}}.suggest-status{max-width:34rem;min-height:1.125rem;color:var(--suggest-quiet);text-wrap:balance;margin:0;font-size:.75rem;line-height:1.5}.suggest-status[data-tone=progress],.suggest-status[data-tone=notice]{color:var(--foreground)}.suggest-status[data-tone=error]{color:var(--destructive)}.suggest-captcha:empty{display:none}@media (max-width:599px){.suggest-field{background:0 0;border:0;border-radius:0;flex-direction:column;align-items:stretch;gap:.5rem;height:auto;padding:0}.suggest-field:focus-within{outline:none}.suggest-input{height:calc(var(--control-h) * 1.25);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--background);text-align:center;flex:none;padding:0 1rem;font-size:1rem}.suggest-input:focus-visible{outline:var(--focus-ring);outline-offset:0;border-color:#0000}.suggest-field[data-invalid=true] .suggest-input{border-color:var(--destructive)}.suggest-submit{height:calc(var(--control-h) * 1.25);border-radius:var(--radius)}.suggest-progress{inset-inline:var(--radius);bottom:-6px}}