/* One useful search field, quietly integrated into the workspace chrome. */
.topbar .search{display:flex;align-items:center;flex-shrink:0;width:var(--header-search-width,230px);height:36px;min-width:0;gap:2px;margin:0;padding:0 5px 0 3px;border:1px solid color-mix(in srgb,var(--p-line,var(--line)) 80%,transparent);border-radius:9px;background:var(--p-panel,#fff);box-shadow:0 1px 2px color-mix(in srgb,var(--p-key,var(--ink)) 2%,transparent);transition:border-color .16s,box-shadow .16s}
.topbar .search:focus-within{border-color:color-mix(in srgb,var(--p-accent,var(--accent)) 45%,var(--p-line,var(--line)));box-shadow:0 0 0 3px color-mix(in srgb,var(--p-accent,var(--accent)) 8%,transparent)}
.topbar .search input{flex:1;min-width:0;width:0;height:100%;margin:0;padding:0 3px;border:0;border-radius:0;outline:0;background:transparent;color:var(--p-ink,var(--ink));font-size:12px;line-height:1.4;box-shadow:none;appearance:none;-webkit-appearance:none}
.topbar .search input:focus{border:0;outline:0;box-shadow:none}
.topbar .search input::placeholder{color:var(--p-muted,var(--muted));opacity:1}
.topbar .search input::-webkit-search-cancel-button{display:none}
.topbar .search-submit,.topbar .search-mobile{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:var(--p-muted,var(--muted));box-shadow:none;transition:color .16s,background .16s}
.topbar .search-submit:hover,.topbar .search-mobile:hover{background:var(--p-soft,var(--soft));color:var(--p-accent,var(--accent))}
.topbar .search-submit .icon,.topbar .search-mobile .icon{width:15px;height:15px;stroke-width:1.55;color:currentColor}
.topbar .search-shortcut{display:block;flex:0 0 auto;padding:2px 4px;border:1px solid color-mix(in srgb,var(--p-line,var(--line)) 80%,transparent);border-radius:4px;color:var(--p-faint,var(--muted));font:10px/1.1 -apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap}
.topbar .search-mobile{display:none;width:32px;height:32px;border:1px solid var(--p-line,var(--line));background:var(--p-panel,#fff);border-radius:8px}
.mobile-search-label{display:block;margin:0 0 10px;color:var(--p-muted,var(--muted));font-size:11px}
.mobile-search-field{display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--p-line,var(--line));border-radius:9px;background:var(--p-panel,#fff)}
.mobile-search-field:focus-within{border-color:var(--p-accent,var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--p-accent,var(--accent)) 8%,transparent)}
.mobile-search-field>.icon{flex-shrink:0;width:16px;height:16px;color:var(--p-muted,var(--muted))}
.mobile-search-field input{flex:1;min-width:0;width:100%;height:44px;padding:0;border:0;background:transparent;font-size:13px;outline:0;box-shadow:none}
.mobile-search-field input:focus{outline:0;box-shadow:none;border:0}
@media(max-width:1360px){.topbar .search-shortcut{display:none}}
@media(max-width:740px){.topbar .search{display:none}.topbar .search-mobile{display:grid}}
@media(prefers-reduced-motion:reduce){.topbar .search,.topbar .search-submit,.topbar .search-mobile{transition:none}}