.search[data-v-adc8c243]{position:relative;display:flex;align-items:center}.search__icon[data-v-adc8c243]{position:absolute;left:var(--space-4);color:var(--color-muted);pointer-events:none}.search__input[data-v-adc8c243]{width:100%;height:2.75rem;padding:0 var(--space-9) 0 calc(var(--space-4)*2 + 18px);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--color-fg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.search__input[data-v-adc8c243]::-webkit-search-cancel-button,.search__input[data-v-adc8c243]::-webkit-search-decoration{display:none}.search__input[data-v-adc8c243]::-moz-placeholder{color:var(--color-muted)}.search__input[data-v-adc8c243]::placeholder{color:var(--color-muted)}.search__input[data-v-adc8c243]:focus-visible{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-soft)}.search__clear[data-v-adc8c243]{position:absolute;right:var(--space-3);display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:0;border-radius:var(--radius-full);color:var(--color-muted);background:var(--color-surface);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}@media(hover:hover){.search__clear[data-v-adc8c243]:hover{color:var(--color-brand);background:var(--color-brand-soft)}}