@layer components{.search-field[data-v-9b7c93e5]{--placeholder:var(--color-neutral-500);display:flex;gap:8px;width:100%;align-items:center;background:var(--color-neutral-100);border-radius:9999px;color:var(--color-neutral-800);line-height:20px;padding:10px 12px;flex-shrink:0}.search-field[data-v-9b7c93e5]:hover{--placeholder:var(--color-neutral-600);background:var(--color-neutral-200)}.search-field[data-v-9b7c93e5]:focus-within{--placeholder:var(--color-neutral-400);background:#fff;outline:1px solid var(--color-info-500);outline-offset:-1px}.search-field[data-v-9b7c93e5]:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m17 17-4.667-4.667m1.556-3.889a5.445 5.445 0 1 1-10.89 0 5.445 5.445 0 0 1 10.89 0'/%3E%3C/svg%3E");line-height:0}.search-input[data-v-9b7c93e5]{width:0;flex:1}.search-input[data-v-9b7c93e5]::-moz-placeholder{color:var(--placeholder)}.search-input[data-v-9b7c93e5]::placeholder{color:var(--placeholder)}}