.search-bar-container.svelte-yyldap{z-index:50;width:100%;position:relative}.search-bar-container.compact.svelte-yyldap .search-wrapper:where(.svelte-yyldap){padding:4px var(--space-sm)}.search-bar-container.compact.svelte-yyldap .search-input:where(.svelte-yyldap){padding:2px 0;font-size:.85rem}.search-bar-container.compact.svelte-yyldap .search-icon:where(.svelte-yyldap),.search-bar-container.compact.svelte-yyldap .search-bar-icon:where(.svelte-yyldap){width:16px;height:16px}.search-wrapper.svelte-yyldap{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-xl);transition:all var(--transition-base);display:flex}.search-wrapper.svelte-yyldap:focus-within{border-color:var(--color-accent-cyan);box-shadow:var(--shadow-glow)}.search-icon.svelte-yyldap,.search-bar-icon.svelte-yyldap{width:20px;height:20px;color:var(--color-text-muted);flex-shrink:0;position:static!important;top:auto!important;left:auto!important;transform:none!important}.search-input.svelte-yyldap{min-width:0;padding:var(--space-xs) 0;color:var(--color-text-primary);background:0 0;border:none;flex:1;font-size:.95rem;box-shadow:none!important;outline:none!important}.search-input.svelte-yyldap::placeholder{color:var(--color-text-muted)}.search-input.svelte-yyldap:focus{box-shadow:none!important;outline:none!important}.clear-search-btn.svelte-yyldap{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.clear-search-btn.svelte-yyldap:hover{color:var(--color-text-primary);background:#ffffff1a}.clear-search-btn.svelte-yyldap svg:where(.svelte-yyldap){width:14px;height:14px}.advanced-search-btn.svelte-yyldap{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.advanced-search-btn.svelte-yyldap:hover{color:var(--color-text-primary)}.advanced-search-btn.svelte-yyldap svg:where(.svelte-yyldap){width:16px;height:16px}.search-btn.svelte-yyldap{background:var(--color-accent-cyan);border-radius:var(--radius-lg);width:32px;height:32px;color:var(--color-bg-primary);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.search-btn.svelte-yyldap:hover{filter:brightness(1.1);transform:scale(1.05)}.search-btn.svelte-yyldap svg:where(.svelte-yyldap){width:16px;height:16px}.suggestions-dropdown.svelte-yyldap{margin-top:var(--space-xs);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#1e293bf2;position:absolute;top:100%;left:0;right:0;overflow:hidden}.suggestion-item.svelte-yyldap{width:100%;padding:var(--space-sm);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:var(--space-md);background:0 0;border:none;display:flex}.suggestion-item.svelte-yyldap:hover,.suggestion-item.selected.svelte-yyldap{background:#ffffff0d}.suggestion-thumb.svelte-yyldap{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:40px;height:40px}.suggestion-thumb-placeholder.svelte-yyldap{border-radius:var(--radius-md);background:#ffffff1a;flex-shrink:0;width:40px;height:40px}.suggestion-info.svelte-yyldap{flex-direction:column;display:flex;overflow:hidden}.suggestion-name.svelte-yyldap{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.suggestion-type.svelte-yyldap{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.suggestion-colors.svelte-yyldap{flex-shrink:0;gap:2px;margin-left:auto;display:flex}