.demo[data-astro-cid-m5fdtfkn]{position:relative;margin:48px auto 0;max-width:760px;color:var(--text)}.demo-os[data-astro-cid-m5fdtfkn]{display:flex;width:fit-content;margin-inline:auto;gap:4px;padding:4px;margin-bottom:18px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.25)}.demo-os[data-astro-cid-m5fdtfkn] button[data-astro-cid-m5fdtfkn]{font:600 .82rem/1 var(--sans, inherit);padding:9px 18px;border-radius:999px;border:0;background:transparent;color:#fff;cursor:pointer}.demo-os[data-astro-cid-m5fdtfkn] button[data-astro-cid-m5fdtfkn][aria-pressed=true]{background:#fff;color:var(--blau-tief);box-shadow:0 4px 14px #08144640}.fenster[data-astro-cid-m5fdtfkn]{background:#fff;border-radius:16px;box-shadow:0 40px 90px -20px #0814468c,0 0 0 8px #ffffff1f;overflow:hidden;text-align:left;transition:border-radius .3s}.fenster-leiste[data-astro-cid-m5fdtfkn]{display:flex;align-items:center;gap:12px;height:44px;padding:0 16px;background:#eef2f9;border-bottom:1px solid var(--linie)}.titel[data-astro-cid-m5fdtfkn]{font-size:.86rem;font-weight:600;color:var(--tinte)}.ampel[data-astro-cid-m5fdtfkn]{display:none;gap:7px}.ampel[data-astro-cid-m5fdtfkn] i[data-astro-cid-m5fdtfkn]{width:12px;height:12px;border-radius:50%;background:#ff5f57}.ampel[data-astro-cid-m5fdtfkn] i[data-astro-cid-m5fdtfkn]:nth-child(2){background:#febc2e}.ampel[data-astro-cid-m5fdtfkn] i[data-astro-cid-m5fdtfkn]:nth-child(3){background:#28c840}.win-knoepfe[data-astro-cid-m5fdtfkn]{margin-left:auto;color:var(--leise);display:flex}.win-knoepfe[data-astro-cid-m5fdtfkn] svg[data-astro-cid-m5fdtfkn]{width:60px;height:12px}.demo[data-astro-cid-m5fdtfkn][data-os=mac] .fenster[data-astro-cid-m5fdtfkn]{border-radius:14px}.demo[data-astro-cid-m5fdtfkn][data-os=mac] .fenster-leiste[data-astro-cid-m5fdtfkn]{justify-content:center;position:relative;background:linear-gradient(#f4f6fa,#e9edf4)}.demo[data-astro-cid-m5fdtfkn][data-os=mac] .ampel[data-astro-cid-m5fdtfkn]{display:flex;position:absolute;left:16px}.demo[data-astro-cid-m5fdtfkn][data-os=mac] .win-knoepfe[data-astro-cid-m5fdtfkn]{display:none}.demo[data-astro-cid-m5fdtfkn][data-os=win] .fenster[data-astro-cid-m5fdtfkn]{border-radius:10px}.fenster-text[data-astro-cid-m5fdtfkn]{position:relative;height:190px;padding:28px 32px 56px;font-size:1.32rem;line-height:1.55;font-weight:500}.fenster-text[data-astro-cid-m5fdtfkn] p[data-astro-cid-m5fdtfkn]{margin:0}.demo-roh[data-astro-cid-m5fdtfkn]{display:none;color:var(--leise)}.demo-roh[data-astro-cid-m5fdtfkn] .fuell{color:#b91c1c;background:#fee2e2;border-radius:6px;padding:0 .15em;transition:opacity .5s}.demo-fertig[data-astro-cid-m5fdtfkn]{color:var(--tinte)}.cursor[data-astro-cid-m5fdtfkn]{display:inline-block;width:2px;height:1.05em;background:var(--blau);vertical-align:-.12em;margin-left:3px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.demo[data-astro-cid-m5fdtfkn][data-phase=start] .demo-fertig[data-astro-cid-m5fdtfkn],.demo[data-astro-cid-m5fdtfkn][data-phase=hoert] .demo-fertig[data-astro-cid-m5fdtfkn],.demo[data-astro-cid-m5fdtfkn][data-phase=ki] .demo-fertig[data-astro-cid-m5fdtfkn]{display:none}.demo[data-astro-cid-m5fdtfkn][data-phase=hoert] .demo-roh[data-astro-cid-m5fdtfkn],.demo[data-astro-cid-m5fdtfkn][data-phase=ki] .demo-roh[data-astro-cid-m5fdtfkn]{display:block}.demo[data-astro-cid-m5fdtfkn][data-phase=ki] .demo-roh[data-astro-cid-m5fdtfkn] .fuell{text-decoration:line-through 2px #dc2626;opacity:.3;transition:opacity 1.2s .4s}.demo[data-astro-cid-m5fdtfkn][data-phase=ki] .fenster-text[data-astro-cid-m5fdtfkn]:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(37,99,235,.14) 45%,transparent 70%);background-size:250% 100%;animation:glanz 1.2s ease-in-out infinite}@keyframes glanz{0%{background-position:120% 0}to{background-position:-120% 0}}.demo[data-astro-cid-m5fdtfkn][data-phase=fertig] .demo-fertig[data-astro-cid-m5fdtfkn]{animation:rein .5s ease}@keyframes rein{0%{opacity:0;transform:translateY(6px)}}.demo-status[data-astro-cid-m5fdtfkn]{position:absolute;left:50%;bottom:-26px;transform:translate(-50%);display:inline-flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;border-radius:999px;background:var(--tinte);color:#fff;box-shadow:0 18px 40px #08144673;white-space:nowrap}.demo-taste[data-astro-cid-m5fdtfkn]{display:inline-flex;align-items:center;gap:5px;padding-left:4px}.demo-taste[data-astro-cid-m5fdtfkn] kbd[data-astro-cid-m5fdtfkn]{font-size:.8rem;padding:.3em .6em;background:#fff;color:var(--tinte);border-bottom-width:3px;transition:transform .15s,box-shadow .15s}.demo-taste[data-astro-cid-m5fdtfkn] b[data-astro-cid-m5fdtfkn]{font-weight:400;color:#93c5fd}.nur-mac[data-astro-cid-m5fdtfkn]{display:none}.demo[data-astro-cid-m5fdtfkn][data-os=mac] .nur-mac[data-astro-cid-m5fdtfkn]{display:inline-flex}.demo[data-astro-cid-m5fdtfkn][data-os=mac] .nur-win[data-astro-cid-m5fdtfkn]{display:none}.nur-win[data-astro-cid-m5fdtfkn]{display:inline-flex;align-items:center;gap:5px}.demo[data-astro-cid-m5fdtfkn][data-phase=hoert] .demo-taste[data-astro-cid-m5fdtfkn] kbd[data-astro-cid-m5fdtfkn]{transform:translateY(2px);border-bottom-width:1px;box-shadow:0 0 0 3px #93c5fd80}.demo-mic[data-astro-cid-m5fdtfkn]{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--blau)}.demo-mic[data-astro-cid-m5fdtfkn] svg[data-astro-cid-m5fdtfkn]{width:18px;height:18px}.demo[data-astro-cid-m5fdtfkn][data-phase=hoert] .demo-mic[data-astro-cid-m5fdtfkn]{background:#dc2626;animation:puls 1.2s infinite}@keyframes puls{0%{box-shadow:0 0 #dc262699}70%,to{box-shadow:0 0 0 12px #dc262600}}.demo-status[data-astro-cid-m5fdtfkn] .welle[data-astro-cid-m5fdtfkn] i[data-astro-cid-m5fdtfkn]{background:#93c5fd;animation-play-state:paused}.demo[data-astro-cid-m5fdtfkn][data-phase=hoert] .demo-status[data-astro-cid-m5fdtfkn] .welle[data-astro-cid-m5fdtfkn] i[data-astro-cid-m5fdtfkn]{animation-play-state:running}.demo-label[data-astro-cid-m5fdtfkn]{font-family:var(--mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;min-width:9em}@media(max-width:760px){.demo[data-astro-cid-m5fdtfkn]{margin-top:36px}.fenster-text[data-astro-cid-m5fdtfkn]{font-size:1.05rem;height:230px;padding:22px 20px 56px}.demo-status[data-astro-cid-m5fdtfkn] .welle[data-astro-cid-m5fdtfkn]{display:none}.demo-status[data-astro-cid-m5fdtfkn]{gap:10px;padding-right:14px}.demo-label[data-astro-cid-m5fdtfkn]{min-width:8.2em}}