.search-bar[data-v-9ae298d9]{align-items:center;gap:var(--space-12);border:1px solid var(--line);width:100%;padding:var(--space-8) var(--space-8) var(--space-8) var(--space-16);background:var(--white);box-shadow:0 3px 0 var(--line);border-radius:10px;grid-template-columns:auto 1fr auto;display:grid}.search-bar>.iconify[data-v-9ae298d9]{color:var(--teal);font-size:22px}input[data-v-9ae298d9]{min-width:0;height:44px;color:var(--ink);background:0 0;border:0;outline:0}input[data-v-9ae298d9]::placeholder{color:var(--muted)}.compact[data-v-9ae298d9]{box-shadow:none}.has-accessory[data-v-9ae298d9]{grid-template-columns:auto minmax(0,1fr) auto auto}.search-accessory[data-v-9ae298d9]{align-items:center;display:flex}.embedded[data-v-9ae298d9]{box-shadow:none;padding:var(--space-12) var(--space-16);border:0;border-radius:0}.sr-only[data-v-9ae298d9]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=600px){.search-bar[data-v-9ae298d9]{grid-template-columns:auto 1fr}.search-bar button[data-v-9ae298d9]{grid-column:1/-1;width:100%}.has-accessory[data-v-9ae298d9]{grid-template-columns:auto minmax(0,1fr) auto}.has-accessory input[data-v-9ae298d9]{grid-column:2/-1}.has-accessory .search-accessory[data-v-9ae298d9]{grid-area:2/1/auto/3}.has-accessory button[data-v-9ae298d9]{grid-area:2/3}}