.grid.svelte-1rv6ntv{gap:3em;display:grid}.grid-1.svelte-1rv6ntv,.grid-2.svelte-1rv6ntv{margin-bottom:3em}.grid-1.svelte-1rv6ntv{grid-template:"card-1 card-2 card-2"63.2768%"card-1 card-3 card-3"/28.6667% auto auto}.grid-2.svelte-1rv6ntv{grid-template-columns:60.8333% auto}.grid-3.svelte-1rv6ntv{grid-template:"card-6 card-7 card-7"30.9353%"card-6 card-8 card-8"/40% auto auto}.card-1.svelte-1rv6ntv{grid-area:card-1}.card-2.svelte-1rv6ntv{grid-area:card-2}.card-3.svelte-1rv6ntv{grid-area:card-3}.card-6.svelte-1rv6ntv{grid-area:card-6}.card-7.svelte-1rv6ntv{grid-area:card-7}.card-8.svelte-1rv6ntv{grid-area:card-8}.card.svelte-gl8g1v{background:#fff;border-radius:.6em;overflow:hidden;box-shadow:0 36px 48px -32px #0000003d,0 20px 60px #0000001f;@media (width<=599px){box-shadow:0 18px 24px -16px #0000003d,0 10px 30px #0000001f}}.body.svelte-gl8g1v{padding:2em}.slot-1.svelte-gl8g1v{width:70%;margin-bottom:3em}.slot-2.svelte-gl8g1v{width:66.3333%;margin-bottom:6em;margin-left:3em}.slot-3.svelte-gl8g1v{width:70%}.slot-4.svelte-gl8g1v{width:56.6667%;padding-top:2em;position:absolute;bottom:4.6em;right:3em;&:before{content:"";z-index:5;width:6em;height:4em;display:block}}.slot-5.svelte-gl8g1v{width:70%;position:absolute;top:11em;right:0}pre.svelte-flk6ai{white-space:pre-wrap;word-break:break-word;tab-size:2;letter-spacing:0;background:#262d42;padding:.8em 1em;display:block}.amp.svelte-flk6ai{background:#16334f}.nowrap.svelte-flk6ai{white-space:pre-wrap}.nowrap.svelte-flk6ai code:where(.svelte-flk6ai){white-space:pre}.pre.svelte-flk6ai{color:#aeb2c2}.pre.svelte-flk6ai .tag,.pre.svelte-flk6ai .property,.pre.svelte-flk6ai .keyword,.pre.svelte-flk6ai .function{color:#fff}.pre.svelte-flk6ai .attr-value,.pre.svelte-flk6ai .string{color:#aeb2c2}.pre.svelte-flk6ai .punctuation,.pre.svelte-flk6ai .operator{color:#79bee0}.pre.svelte-flk6ai .attr-name,.pre.svelte-flk6ai .number{color:#bee583}.fader.svelte-v0ygee{width:100%;height:100%;position:absolute;overflow:hidden}.fader-h.svelte-v0ygee{background:linear-gradient(#262d4200,#262d42);width:100%;height:4em;bottom:0;left:0}.fader-v.svelte-v0ygee{background:linear-gradient(90deg,#262d4200,#262d42);width:8em;height:100%;top:0;right:0}.container.svelte-1kz79tk{font-family:var(--text-font-family-mono);border-radius:.8em;padding-bottom:73.5%;font-size:1.4em;position:relative;overflow:hidden;&:after{content:"";background:linear-gradient(#262d4200,#262d42);width:100%;height:4em;position:absolute;bottom:0;left:0;overflow:hidden}}.prompt.svelte-1kz79tk{white-space:nowrap;color:#fff;background:#131721;padding:1em;font-weight:700;position:relative;&:after{content:"";background:linear-gradient(90deg,#13172100 0%,#131721 40%);width:60%;height:100%;position:absolute;top:0;right:0}}.tabs.svelte-1kz79tk{pointer-events:auto;z-index:1;gap:.8em;display:flex;position:absolute;top:1em;right:.8em}.tabsButton.svelte-1kz79tk{font-family:var(--text-font-family-mono);color:#fff;background:#262d42;border:none;border-radius:1.78571em;margin:0;padding:.3em 1em;font-size:1.4em;font-weight:700;display:block;box-shadow:inset 0 0 0 1px #ffffff20}.tabsButtonActive.svelte-1kz79tk{background:var(--accent-primary-color);box-shadow:none}.tabPanel.svelte-1kz79tk{display:none}.tabPanelActive.svelte-1kz79tk{display:block}.container.svelte-1vahhb2{padding-bottom:40.6667%;font-size:1.4em;position:relative;overflow:hidden}.data.svelte-1vahhb2{grid-gap:1.28571em;grid-column-gap:2.28571em;max-width:100%;font-size:1.4em;font-family:var(--typo-font-mono);color:#000;background:#fff;grid-template-columns:1fr 1fr;padding:1.57143em 2.42857em 2.14286em;display:grid}.key.svelte-1vahhb2{margin-bottom:.285714em;font-weight:700}.meta.svelte-1vahhb2{color:var(--text-meta-color);font-weight:400}.link.svelte-1vahhb2{color:var(--accent-primary-color);text-decoration:underline}.icon.svelte-1vahhb2{width:2.28571em;height:1.64286em;display:block}.code.svelte-1g4u2xu{margin-left:10em;font-size:1.2em}.card.svelte-1g4u2xu{background:#fff;border-radius:.6em;overflow:hidden;box-shadow:0 .2em .6em #0000001a}.card-body.svelte-1g4u2xu{border:1px solid #dedede;border-top:none;border-bottom-right-radius:.6em;border-bottom-left-radius:.6em;padding:5%}.desktop.svelte-1g4u2xu{margin-top:-6em;margin-right:10em}.desktop-body.svelte-1g4u2xu{grid-gap:3em;grid-template-columns:52.381% auto;padding:4em;display:grid}.desktop-text.svelte-1g4u2xu{margin-bottom:2.4em}.footer.svelte-1g4u2xu{background:#f8f8f8;border:1px solid #fff;border-top:1px dashed #e0e0e0;border-bottom-right-radius:.8em;border-bottom-left-radius:.8em;padding:3em 4em}.footer-body.svelte-1g4u2xu{width:52.381%}.footer-card.svelte-1g4u2xu{border:1px solid #e5e5e5;border-radius:.4em;margin-top:2em;padding:1.2em}.footer-icon.svelte-1g4u2xu{width:2.1em;height:2.2em;display:block}.mobile.svelte-1g4u2xu{z-index:2;width:17em;position:absolute;top:22em;right:5em}.mobile-body.svelte-1g4u2xu{background:#f2f2f2;border:.8em solid #fff;border-radius:2.4em;padding:3.6em .6em 4em;position:relative;box-shadow:0 36px 48px -32px #0000003d,0 20px 60px #0000001f;@media (width<=599px){box-shadow:0 18px 24px -16px #0000003d,0 10px 30px #0000001f}&:after{content:"";background:#fff;border-radius:8px;height:1.6em;position:absolute;top:-.7em;left:32%;right:32%}}.mobile-text.svelte-1g4u2xu{padding:0 .4em 2.4em}.img.svelte-1g4u2xu{width:100%;height:auto;display:block}.ck.svelte-p2ruxw{margin-bottom:10.2em;padding-left:12em}.ck-body.svelte-p2ruxw{background:#fff;border:1px solid #e0e0e0;border-radius:.9em;overflow:hidden}.ck-panel.svelte-p2ruxw{background:#fafafa;border-bottom:1px solid #ededed;border-top-left-radius:.3em;border-top-right-radius:.3em;align-items:center;display:flex;overflow:hidden}.ck-content.svelte-p2ruxw{padding:.9em .9em 1.8em}.wp.svelte-p2ruxw{z-index:2;width:93.3333%;position:absolute;top:15em}.wp-cover.svelte-p2ruxw{width:56.4286%;position:absolute;top:10.5em;left:3.9em}.react.svelte-p2ruxw{margin-bottom:2em;padding-left:6em;position:relative}.react-code.svelte-p2ruxw{font-size:1.2em}.react-icon.svelte-p2ruxw{z-index:3;fill:#61dafb;opacity:.5;width:2.4em;height:2.2em;display:block;position:absolute;bottom:1.5em;right:1.5em}.amp.svelte-p2ruxw{z-index:1;padding-left:9.2em;display:flex;position:relative}.amp-icon.svelte-p2ruxw{background:var(--accent-primary-color);fill:#fff;border-radius:50%;width:4.8em;height:4.8em;margin-right:2em;display:block}.amp-code.svelte-p2ruxw{flex:1;font-size:1.2em}