.search-root{width:100%;position:relative}.search-root .search{border:1px solid var(--line);background:var(--bg);border-radius:25px;align-items:center;gap:0;width:100%;height:50px;padding:4px 5px 4px 20px;display:flex;box-shadow:0 1px 3px #0000000d}.search-root .search:focus-within{outline:2px solid color-mix(in srgb,var(--text) 30%,transparent);outline-offset:1px}.search-root .search-icon,.search-spinner{fill:none;width:20px;height:20px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;flex:none;margin-right:8px}.search-spinner{border:2px solid var(--line);border-top-color:var(--text);border-radius:50%;animation:.7s linear infinite tp-spin}@keyframes tp-spin{to{transform:rotate(360deg)}}.search-root input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:14px}.search-root input::-webkit-search-cancel-button{cursor:pointer}.search-root input::placeholder{color:var(--muted)}.search-root .search>button{color:#fff;background:#303030;border:0;border-radius:22px;flex:none;height:40px;padding:0 20px;font-size:14px;font-weight:500;transition:transform .15s}.search-root .search>button:hover:not(:disabled){transform:scale(1.02)}.search-root .search>button:disabled{opacity:.6}.search-suggestions{z-index:50;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:16px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 10px 20px #0002}.search-suggestions-head{min-height:30px;color:var(--muted);justify-content:space-between;align-items:center;padding:6px 16px;font-size:12px;display:flex}.search-suggestions-head:empty{display:none}.search-suggestions-head button{color:var(--muted);background:0 0;border:0;font-size:12px}.search-suggestions ul{max-height:288px;margin:0;padding:0 0 4px;list-style:none;overflow-y:auto}.search-suggestions li{align-items:center;gap:4px;padding:0 8px;display:flex}.search-suggestions li.selected,.search-suggestions li:hover{background:#f5f5f5}.search-suggestions li button{min-width:0;color:var(--text);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:8px;font-size:14px;line-height:20px;display:flex}.search-suggestions li .suggestion-icon{fill:none;width:16px;height:16px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.search-suggestions li .search-remove{width:28px;color:var(--muted);flex:none;justify-content:center}.search-suggestions li .search-remove svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}:root[data-theme=dark] .search-suggestions li.selected,:root[data-theme=dark] .search-suggestions li:hover{background:#303030}@media (width<=1023px){.search-root .search{height:48px}.search-root .search>button{height:38px}}@media (prefers-reduced-motion:reduce){.search-spinner{animation:none}}