.sm-suchdemo{gap:var(--sm-s-3);flex-direction:column;min-width:0;margin:0;display:flex;position:relative}.sm-suchdemo-karte{background:var(--sm-surface);color:var(--sm-ink);border-radius:var(--sm-r-lg);box-shadow:var(--sm-shadow-float);overflow:hidden}.sm-suchdemo-leiste{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);display:flex}.sm-suchdemo-tab{align-items:center;gap:var(--sm-s-2);border-radius:var(--sm-r-sm);min-height:36px;font:inherit;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);background:0 0;border:0;padding:6px 12px;font-size:14px;font-weight:500;display:inline-flex}.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{border-radius:var(--sm-r-sm);background:var(--sm-accent-tint-2);color:var(--sm-accent-tief);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:600;overflow:hidden}.sm-suchdemo-steuer{flex-shrink:0;gap:4px;display:inline-flex}.sm-suchdemo-knopf{border-radius:var(--sm-r-pill);border:1px solid var(--sm-line-strong);background:var(--sm-surface);width:36px;height:36px;color:var(--sm-ink);cursor:pointer;place-items:center;padding:0;display:grid}.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 (width<=420px){.sm-suchdemo-phase{display:none}.sm-suchdemo-steuer{margin-left:auto}}.sm-suchdemo-ansichten{padding:var(--sm-s-4);display:grid}@media (width>=720px){.sm-suchdemo-ansichten{padding:var(--sm-s-5)}}.sm-suchdemo-ansicht{gap:var(--sm-s-3);min-width:0;transition:opacity var(--sm-d-3) var(--sm-ease-out);flex-direction:column;grid-area:1/1;display:flex}.sm-suchdemo-suche{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);color:var(--sm-ink);margin:0;font-size:15px;display:flex}.sm-suchdemo-suche svg{width:18px;height:18px;color:var(--sm-ink-2);flex-shrink:0}.sm-suchdemo-suche [data-tippen]{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sm-suchdemo-cursor{background:var(--sm-accent);opacity:0;width:2px;height:1.1em;margin-left:-10px}.sm-suchdemo[data-schritt=tippen] .sm-suchdemo-cursor{animation:1s step-end infinite smSuchCursor}@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{color:var(--sm-ink);align-items:center;gap:6px;margin:0 0 6px;font-size:13px;font-weight:600;display:flex}.sm-suchdemo-stern{fill:#4285f4;width:18px;height:18px}.sm-suchdemo-ki-text{color:var(--sm-ink);margin:0;font-size:14px;line-height:1.55}.sm-suchdemo-chip{border-radius:var(--sm-r-pill);border:1px solid var(--sm-line);background:var(--sm-surface);color:var(--sm-ink-2);white-space:nowrap;vertical-align:1px;align-items:center;gap:4px;padding:1px 8px;font-size:12px;font-weight:500;display:inline-flex}.sm-suchdemo-chip-mehr{color:var(--sm-ink-2);opacity:.8}.sm-suchdemo-quellen{gap:var(--sm-s-2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width<=480px){.sm-suchdemo-quelle:nth-child(3){display:none}}.sm-suchdemo-quelle{border:1px solid var(--sm-line);border-radius:var(--sm-r-md);background:var(--sm-surface);flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.sm-suchdemo-quelle.is-eigen{border:2px solid var(--sm-accent);background:var(--sm-accent-tint)}.sm-suchdemo-quelle-titel{color:var(--sm-accent-tief);font-size:13px;font-weight:600;line-height:1.35}.sm-suchdemo-quelle:not(.is-eigen) .sm-suchdemo-quelle-titel{color:var(--sm-ink);font-weight:500}.sm-suchdemo-url{align-items:center;gap:var(--sm-s-2);color:var(--sm-ink-2);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;display:inline-flex;overflow:hidden}.sm-suchdemo-url b,.sm-suchdemo-punkte b{background:var(--sm-surface-2-deckend);width:20px;height:20px;color:var(--sm-ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:600;display:inline-grid}.is-eigen .sm-suchdemo-url,.sm-suchdemo-quelle.is-eigen .sm-suchdemo-url{color:var(--sm-accent-tief);font-weight:600}.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{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sm-suchdemo-treffer{flex-direction:column;gap:2px;padding:6px 4px;display:flex}.sm-suchdemo-titel{font-family:var(--sm-font-display);color:var(--sm-accent-tief);font-size:16px;font-weight:500;line-height:1.25}.sm-suchdemo-text{color:var(--sm-ink-2);font-size:13px;line-height:1.45}.sm-suchdemo-blog{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);flex-direction:column;align-self:start;gap:4px;display:flex}.sm-suchdemo-blog-marke{color:var(--sm-accent-tief);font-size:12px;font-weight:600}.sm-suchdemo-blog-titel{font-family:var(--sm-font-display);color:var(--sm-ink);font-size:17px;font-weight:600;line-height:1.25}.sm-suchdemo-blog-bezug{color:var(--sm-accent-tief);align-items:center;gap:6px;margin-top:4px;font-size:12px;font-weight:600;display:inline-flex}.sm-suchdemo-frage{max-width:85%;padding:var(--sm-s-3) var(--sm-s-4);border-radius:var(--sm-r-lg);background:var(--sm-bg);align-self:flex-end;margin:0;font-size:15px;line-height:1.4}.sm-suchdemo-antwort{gap:var(--sm-s-3);align-items:flex-start;display:flex}.sm-suchdemo-antwort p{color:var(--sm-ink);margin:0;font-size:15px;line-height:1.6}.sm-suchdemo-ki-logo{background:var(--sm-ink);width:32px;height:32px;color:var(--sm-on-accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.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));gap:var(--sm-s-2);flex-direction:column;align-items:flex-start;display:flex}.sm-suchdemo-chat-quellen .sm-suchdemo-quellen{align-self:stretch}.sm-suchdemo-quellen-knopf{border-radius:var(--sm-r-pill);border:1px solid var(--sm-line);align-items:center;gap:8px;padding:4px 12px 4px 6px;font-size:13px;font-weight:500;display:inline-flex}.sm-suchdemo-punkte{display:inline-flex}.sm-suchdemo-punkte b{border:2px solid var(--sm-surface);width:18px;height:18px;font-size:10px}.sm-suchdemo-punkte b+b{margin-left:-6px}.sm-suchdemo-begleit{max-width:62ch;margin:0;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]{color:var(--sm-ink-2);background:0 0}.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),.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}}
