.search-container.svelte-1o6zap1{width:var(--search-width,220px);align-items:center;gap:var(--gap-icon-text);background-color:var(--toolbar-control-background);height:36px;-webkit-backdrop-filter:var(--toolbar-control-blur);backdrop-filter:var(--toolbar-control-blur);border:1px solid var(--toolbar-control-border-color);box-shadow:var(--toolbar-control-elevation);border-radius:9999px;padding:0 12px;transition:border-color .15s;display:flex}.search-container.svelte-1o6zap1:focus-within{border-color:var(--accent-blue);box-shadow:var(--focus-ring-shadow)}.search-container--overlay.svelte-1o6zap1{top:0;left:var(--content-inset);right:var(--content-inset);z-index:5;background-color:var(--bg-primary);flex:none;width:auto;position:absolute}.search-container.svelte-1o6zap1 .search-icon{color:var(--text-tertiary);flex-shrink:0}.search-icon-slot.svelte-1o6zap1{color:var(--text-tertiary);flex-shrink:0;align-items:center;display:flex}.search-container.svelte-1o6zap1 .search-spinner{color:var(--text-tertiary)}.search-input.svelte-1o6zap1{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.search-input.svelte-1o6zap1::placeholder{color:var(--text-tertiary)}.search-clear.svelte-1o6zap1{background:var(--text-secondary);width:18px;height:18px;color:var(--bg-secondary);cursor:default;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-clear.svelte-1o6zap1:hover{background:var(--text-primary);color:var(--bg-secondary)}.page-header:has(.sidebar-toggle-spacer) .search-container--overlay.svelte-1o6zap1{left:calc(var(--content-inset) + var(--sidebar-toggle-size,36px) + var(--toolbar-gap,8px))}.page-header:has(.header-left [data-back-button]) .search-container--overlay.svelte-1o6zap1{left:calc(var(--content-inset) + 36px + var(--toolbar-gap,8px))}.page-header:has(.sidebar-toggle-spacer):has(.header-left [data-back-button]) .search-container--overlay.svelte-1o6zap1{left:calc(var(--content-inset) + var(--sidebar-toggle-size,36px) + 36px + 2 * var(--toolbar-gap,8px))}.light .search-container.svelte-1o6zap1{box-shadow:var(--shadow-toolbar-control)}.light .search-container.svelte-1o6zap1:focus-within{box-shadow:var(--focus-ring-shadow), var(--shadow-toolbar-control)}