@layer components{.search-field[data-v-c777cda3]{--placeholder:var(--color-neutral-500);background:var(--color-neutral-100);width:100%;color:var(--color-neutral-800);border-radius:9999px;flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;line-height:20px;display:flex}.search-field[data-v-c777cda3]:hover{--placeholder:var(--color-neutral-600);background:var(--color-neutral-200)}.search-field[data-v-c777cda3]:focus-within{--placeholder:var(--color-neutral-400);outline:1px solid var(--color-info-500);outline-offset:-1px;background:#fff}.search-field[data-v-c777cda3]:before{content:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17%2017L12.3333%2012.3333M13.8889%208.44444C13.8889%2011.4513%2011.4513%2013.8889%208.44444%2013.8889C5.43756%2013.8889%203%2011.4513%203%208.44444C3%205.43756%205.43756%203%208.44444%203C11.4513%203%2013.8889%205.43756%2013.8889%208.44444Z'%20stroke='%2364748B'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");line-height:0}.search-input[data-v-c777cda3]{flex:1;width:0}.search-input[data-v-c777cda3]::placeholder{color:var(--placeholder)}}