.sm-suchdemo{position:relative;margin:0;display:flex;flex-direction:column;gap:var(--sm-s-3);min-width:0}.sm-suchdemo-karte{background:var(--sm-surface);color:var(--sm-ink);border-radius:var(--sm-r-lg);overflow:hidden;box-shadow:var(--sm-shadow-float)}.sm-suchdemo-leiste{display:flex;align-items:center;gap:var(--sm-s-2);padding:8px var(--sm-s-3);border-bottom:1px solid var(--sm-line);background:var(--sm-bg)}.sm-suchdemo-tab{display:inline-flex;align-items:center;gap:var(--sm-s-2);min-height:36px;padding:6px 12px;border:0;border-radius:var(--sm-r-sm);background:none;font:inherit;font-size:14px;font-weight:500;color:var(--sm-ink-2);cursor:pointer;transition:background var(--sm-d-2) var(--sm-ease-in-out),color var(--sm-d-2) var(--sm-ease-in-out)}.sm-suchdemo-tab svg{width:16px;height:16px}.sm-suchdemo-tab:focus-visible,.sm-suchdemo-knopf:focus-visible{outline:2px solid var(--sm-accent);outline-offset:2px}.sm-suchdemo-phase{margin-left:auto;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--sm-r-sm);background:var(--sm-accent-tint-2);color:var(--sm-accent-tief);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sm-suchdemo-steuer{display:inline-flex;gap:4px;flex-shrink:0}.sm-suchdemo-knopf{width:36px;height:36px;padding:0;display:grid;place-items:center;border-radius:var(--sm-r-pill);border:1px solid var(--sm-line-strong);background:var(--sm-surface);color:var(--sm-ink);cursor:pointer}.sm-suchdemo-knopf[hidden]{display:none}.sm-suchdemo-knopf:hover{border-color:var(--sm-accent);color:var(--sm-accent)}.sm-suchdemo-weiter-zeichen,.sm-suchdemo-pause[aria-pressed=true] .sm-suchdemo-pause-zeichen{display:none}.sm-suchdemo-pause[aria-pressed=true] .sm-suchdemo-weiter-zeichen{display:block}@media(max-width:420px){.sm-suchdemo-phase{display:none}.sm-suchdemo-steuer{margin-left:auto}}.sm-suchdemo-ansichten{display:grid;padding:var(--sm-s-4)}@media(min-width:720px){.sm-suchdemo-ansichten{padding:var(--sm-s-5)}}.sm-suchdemo-ansicht{grid-area:1 / 1;display:flex;flex-direction:column;gap:var(--sm-s-3);min-width:0;transition:opacity var(--sm-d-3) var(--sm-ease-out)}.sm-suchdemo-suche{margin:0;display:flex;align-items:center;gap:var(--sm-s-3);min-height:44px;padding:0 var(--sm-s-4);border:1px solid var(--sm-line);border-radius:var(--sm-r-pill);font-size:15px;color:var(--sm-ink)}.sm-suchdemo-suche svg{width:18px;height:18px;flex-shrink:0;color:var(--sm-ink-2)}.sm-suchdemo-suche [data-tippen]{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-suchdemo-cursor{width:2px;height:1.1em;margin-left:-10px;background:var(--sm-accent);opacity:0}.sm-suchdemo[data-schritt=tippen] .sm-suchdemo-cursor{animation:smSuchCursor 1s steps(1) infinite}@keyframes smSuchCursor{0%{opacity:1}50%{opacity:0}}.sm-suchdemo-ki,.sm-suchdemo-quellen,.sm-suchdemo-unten,.sm-suchdemo-quelle,.sm-suchdemo-treffer,.sm-suchdemo-blog,.sm-suchdemo-liste,.sm-suchdemo-chip,.sm-suchdemo-chat-quellen{transition:opacity var(--sm-d-3) var(--sm-ease-out),transform var(--sm-d-3) var(--sm-ease-out),background var(--sm-d-2) var(--sm-ease-out),box-shadow var(--sm-d-2) var(--sm-ease-out),border-color var(--sm-d-2) var(--sm-ease-out)}.sm-suchdemo-ki{padding:var(--sm-s-3) var(--sm-s-4);border-radius:var(--sm-r-md);background:var(--sm-bg)}.sm-suchdemo-ki-kopf{margin:0 0 6px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--sm-ink)}.sm-suchdemo-stern{width:18px;height:18px;fill:#4285f4}.sm-suchdemo-ki-text{margin:0;font-size:14px;line-height:1.55;color:var(--sm-ink)}.sm-suchdemo-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:var(--sm-r-pill);border:1px solid var(--sm-line);background:var(--sm-surface);font-size:12px;font-weight:500;color:var(--sm-ink-2);white-space:nowrap;vertical-align:1px}.sm-suchdemo-chip-mehr{color:var(--sm-ink-2);opacity:.8}.sm-suchdemo-quellen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sm-s-2)}@media(max-width:480px){.sm-suchdemo-quelle:nth-child(3){display:none}}.sm-suchdemo-quelle{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--sm-line);border-radius:var(--sm-r-md);background:var(--sm-surface);min-width:0}.sm-suchdemo-quelle.is-eigen{border:2px solid var(--sm-accent);background:var(--sm-accent-tint)}.sm-suchdemo-quelle-titel{font-size:13px;font-weight:600;line-height:1.35;color:var(--sm-accent-tief)}.sm-suchdemo-quelle:not(.is-eigen) .sm-suchdemo-quelle-titel{color:var(--sm-ink);font-weight:500}.sm-suchdemo-url{display:inline-flex;align-items:center;gap:var(--sm-s-2);font-size:12px;color:var(--sm-ink-2);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-suchdemo-url b,.sm-suchdemo-punkte b{flex-shrink:0;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--sm-surface-2-deckend);font-size:11px;font-weight:600;color:var(--sm-ink)}.is-eigen .sm-suchdemo-url,.sm-suchdemo-quelle.is-eigen .sm-suchdemo-url{font-weight:600;color:var(--sm-accent-tief)}.is-eigen>.sm-suchdemo-url b,.sm-suchdemo-punkte b.is-eigen{background:var(--sm-accent);color:var(--sm-on-accent)}.sm-suchdemo-unten{display:grid}.sm-suchdemo-liste,.sm-suchdemo-blog{grid-area:1 / 1}.sm-suchdemo-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.sm-suchdemo-treffer{display:flex;flex-direction:column;gap:2px;padding:6px 4px}.sm-suchdemo-titel{font-family:var(--sm-font-display);font-size:16px;font-weight:500;line-height:1.25;color:var(--sm-accent-tief)}.sm-suchdemo-text{font-size:13px;line-height:1.45;color:var(--sm-ink-2)}.sm-suchdemo-blog{align-self:start;display:flex;flex-direction:column;gap:4px;padding:var(--sm-s-3) var(--sm-s-4);border-radius:var(--sm-r-md);border:1px solid var(--sm-line);border-left:4px solid var(--sm-accent);background:var(--sm-surface)}.sm-suchdemo-blog-marke{font-size:12px;font-weight:600;color:var(--sm-accent-tief)}.sm-suchdemo-blog-titel{font-family:var(--sm-font-display);font-size:17px;font-weight:600;line-height:1.25;color:var(--sm-ink)}.sm-suchdemo-blog-bezug{margin-top:4px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--sm-accent-tief)}.sm-suchdemo-frage{align-self:flex-end;max-width:85%;margin:0;padding:var(--sm-s-3) var(--sm-s-4);border-radius:var(--sm-r-lg);background:var(--sm-bg);font-size:15px;line-height:1.4}.sm-suchdemo-antwort{display:flex;gap:var(--sm-s-3);align-items:flex-start}.sm-suchdemo-antwort p{margin:0;font-size:15px;line-height:1.6;color:var(--sm-ink)}.sm-suchdemo-ki-logo{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--sm-ink);color:var(--sm-on-accent)}.sm-suchdemo-ki-logo svg{width:18px;height:18px}.sm-suchdemo-wort{transition:opacity .12s linear calc(var(--i, 0) * 55ms)}.sm-suchdemo-chat-quellen{margin-left:calc(32px + var(--sm-s-3));display:flex;flex-direction:column;gap:var(--sm-s-2);align-items:flex-start}.sm-suchdemo-chat-quellen .sm-suchdemo-quellen{align-self:stretch}.sm-suchdemo-quellen-knopf{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 6px;border-radius:var(--sm-r-pill);border:1px solid var(--sm-line);font-size:13px;font-weight:500}.sm-suchdemo-punkte{display:inline-flex}.sm-suchdemo-punkte b{width:18px;height:18px;font-size:10px;border:2px solid var(--sm-surface)}.sm-suchdemo-punkte b+b{margin-left:-6px}.sm-suchdemo-begleit{margin:0;max-width:62ch;font-size:15px;line-height:1.5}.sm-suchdemo-caption{max-width:60ch}.sm-suchdemo-tab[data-tab=google],.sm-suchdemo[data-schritt^=chat] .sm-suchdemo-tab[data-tab=ki]{background:var(--sm-ink);color:var(--sm-on-accent)}.sm-suchdemo[data-schritt^=chat] .sm-suchdemo-tab[data-tab=google]{background:none;color:var(--sm-ink-2)}.sm-suchdemo-ansicht[data-ansicht=ki],.sm-suchdemo[data-schritt^=chat] .sm-suchdemo-ansicht[data-ansicht=google]{opacity:0}.sm-suchdemo[data-schritt^=chat] .sm-suchdemo-ansicht[data-ansicht=ki]{opacity:1}.sm-suchdemo:is([data-schritt=tippen],[data-schritt=treffer]) :is(.sm-suchdemo-ki,.sm-suchdemo-quellen){opacity:0;transform:translateY(-6px)}.sm-suchdemo[data-schritt=ki] [data-ansicht=google] .sm-suchdemo-quellen{opacity:0;transform:translateY(-6px)}.sm-suchdemo:is([data-schritt=tippen],[data-schritt=treffer]) .sm-suchdemo-unten{transform:translateY(calc(-1 * (var(--sd-ki, 0px) + var(--sd-q, 0px))))}.sm-suchdemo[data-schritt=ki] .sm-suchdemo-unten{transform:translateY(calc(-1 * var(--sd-q, 0px)))}.sm-suchdemo[data-schritt=tippen] .sm-suchdemo-treffer{opacity:0;transform:translateY(6px)}.sm-suchdemo[data-schritt=treffer] .sm-suchdemo-treffer{transition-delay:calc(var(--i, 0) * .14s)}.sm-suchdemo[data-schritt=quelle] .sm-suchdemo-chip{background:var(--sm-accent);border-color:var(--sm-accent);color:var(--sm-on-accent);box-shadow:0 0 0 4px var(--sm-accent-tint-2)}.sm-suchdemo[data-schritt=quelle] .sm-suchdemo-chip-mehr{color:inherit}.sm-suchdemo[data-schritt=quelle] [data-ansicht=google] .sm-suchdemo-quelle{transition-delay:calc(.2s + var(--i, 0) * .16s)}.sm-suchdemo[data-schritt=ki] [data-ansicht=google] .sm-suchdemo-quelle{opacity:0;transform:translateY(-4px)}.sm-suchdemo-liste{opacity:0}.sm-suchdemo:is([data-schritt=tippen],[data-schritt=treffer],[data-schritt=ki],[data-schritt=quelle]) .sm-suchdemo-liste{opacity:1}.sm-suchdemo:is([data-schritt=tippen],[data-schritt=treffer],[data-schritt=ki],[data-schritt=quelle]) .sm-suchdemo-blog{opacity:0;transform:translateY(8px)}.sm-suchdemo:not([data-schritt]) .sm-suchdemo-quelle.is-eigen,.sm-suchdemo[data-schritt=blog] .sm-suchdemo-quelle.is-eigen{box-shadow:0 0 0 4px var(--sm-accent-tint-2)}.sm-suchdemo[data-schritt=chat] .sm-suchdemo-wort{opacity:0;transition:none}.sm-suchdemo:is([data-schritt=chat],[data-schritt=chat-antwort]) .sm-suchdemo-chat-quellen{opacity:0;transform:translateY(6px)}.sm-suchdemo:is([data-schritt=chat],[data-schritt=chat-antwort]) .sm-suchdemo-chat-quellen .sm-suchdemo-quelle{opacity:0}.sm-suchdemo[data-schritt=chat-quellen] .sm-suchdemo-chat-quellen .sm-suchdemo-quelle{transition-delay:calc(.3s + var(--i, 0) * .16s)}@media(prefers-reduced-motion:reduce){.sm-suchdemo *,.sm-suchdemo *:before{transition:none!important;animation:none!important}}
