.search-input{display:flex;flex:1;align-items:center;column-gap:10px;min-width:220px;max-width:420px;padding:.6rem 1rem;border:1.5px solid color-mix(in srgb,var(--color-primary) 16%,transparent);border-radius:9999px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 12%,transparent)}.search-input input{flex:1;min-width:0;border:none;outline:none;background:rgba(0,0,0,0);font-size:.875rem}