.search-bar[data-v-e257b85c]{align-items:center;background:var(--surface-elevated);border:1.5px solid var(--border-default);border-radius:9999px;display:flex;gap:12px;height:48px;max-width:36rem;padding:0 4px 0 18px;position:relative;transition:border-color .15s ease;width:100%}.search-bar--lg[data-v-e257b85c]{height:52px}.search-bar[data-v-e257b85c]:focus-within{border-color:var(--ring-default);outline:2px solid var(--ring-default);outline-offset:2px}.search-bar__icon[data-v-e257b85c]{color:var(--text-muted);flex-shrink:0;transition:color .15s ease}.search-bar:focus-within .search-bar__icon[data-v-e257b85c]{color:var(--ring-default)}.search-bar__input[data-v-e257b85c]{background:transparent;border:none;color:var(--text-primary);flex:1;font-family:var(--font-body);font-size:16px;height:100%;min-width:0}.search-bar__input[data-v-e257b85c]:focus-visible{outline:none}.search-bar__input[data-v-e257b85c]::-moz-placeholder{color:var(--text-muted)}.search-bar__input[data-v-e257b85c]::placeholder{color:var(--text-muted)}.search-bar__clear[data-v-e257b85c]{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;transition:background .15s ease,color .15s ease;width:40px}@media(hover:hover){.search-bar__clear[data-v-e257b85c]:hover{background:var(--surface-muted);color:var(--text-primary)}}