.bsf[data-v-f9db8dc5]{align-items:center;gap:var(--spacing-sm);min-height:3rem;padding-left:var(--spacing-md);border-radius:var(--radius-DEFAULT);background:var(--color-surface-container);color:var(--color-on-surface-variant);display:flex}.bsf[data-v-f9db8dc5]:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.bsf__icon[data-v-f9db8dc5]{flex:none;width:1.25rem;height:1.25rem}.bsf__input[data-v-f9db8dc5]{min-width:0;padding-right:var(--spacing-md);color:var(--color-on-surface);font:inherit;font-size:var(--text-body-md);background:0 0;border:none;outline:none;flex:1}.bsf__input[data-v-f9db8dc5]::-webkit-search-cancel-button{appearance:none}.bsf__clear[data-v-f9db8dc5]{width:2.75rem;height:2.75rem;margin-left:calc(-1 * var(--spacing-md));border-radius:var(--radius-full);color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;padding:0;display:grid}.bsf__clear .app-icon[data-v-f9db8dc5]{width:1.1rem;height:1.1rem}.bsf__clear[data-v-f9db8dc5]:hover{color:var(--color-on-surface)}.bsf__clear[data-v-f9db8dc5]:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.bsf--compact[data-v-f9db8dc5]{min-height:2.75rem;padding-left:var(--spacing-sm)}.bsf--compact .bsf__icon[data-v-f9db8dc5]{width:1rem;height:1rem}.bsf--compact .bsf__input[data-v-f9db8dc5]{padding-right:var(--spacing-sm);font-size:var(--text-label-md)}