.search-bar{display:flex;align-items:center;gap:10px;flex:1 1;min-width:220px;background:var(--craly-white,#ffffff);border:1px solid var(--craly-border,#e2e8f0);border-radius:var(--radius-full,9999px);padding:10px 18px;color:var(--craly-text-faint,#94a3b8);transition:all .2s ease}.search-bar:hover{border-color:#cbd5e1}.search-bar:focus-within{border-color:var(--craly-teal,#0f8b82);box-shadow:0 0 0 3px rgba(15,139,130,.14);color:var(--craly-teal,#0f8b82)}.search-bar input{flex:1 1;border:none;outline:none;background:none;font-family:var(--font-body);font-size:14.5px;color:var(--craly-text)}.search-bar input::placeholder{color:var(--craly-text-faint)}