.editor-host.svelte-1wlsipj{--color-text: rgba(255, 255, 255, .92);--color-text-muted: rgba(255, 255, 255, .5);--color-text-faint: rgba(255, 255, 255, .35);--color-hover-bg: rgba(255, 255, 255, .04);--cm-keyword: #f97583;--cm-selector: #85e89d;--cm-fn: #b392f0;--cm-cssfn: #79b8ff;--cm-property: #79b8ff;--cm-number: #79b8ff;--cm-string: #9ecbff;--cm-variable: #ffab70;--cm-comment: #8b949e;--cm-punct: #8b949e;--cm-operator: #8b949e;--cm-fn-unknown: #8b949e;--cm-selection: rgba(255, 107, 154, .25);height:100%;width:100%;overflow:auto;padding:.5em;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) var(--color-scrollbar-track)}.editor-host.svelte-1wlsipj .cm-content{padding:.25rem 0}.playground.svelte-18ykz6z{transition:all .2s ease;position:relative;display:grid;width:fit-content;border-radius:var(--radius);grid-template-areas:"a b";gap:1px;rule:1px solid rgba(0,0,0,.05)}.playground.svelte-18ykz6z .doodle:where(.svelte-18ykz6z),.playground.svelte-18ykz6z .source:where(.svelte-18ykz6z){--color-bracket: rgba(255, 255, 255, .065);border:1px solid var(--color-bracket);display:flex;width:400px;min-width:0;align-items:center;justify-content:center;background:var(--color-em-bg);transition:all .2s ease;position:relative;overflow:hidden;aspect-ratio:1;-webkit-tap-highlight-color:transparent}@media screen and (max-width:80rem){.playground.svelte-18ykz6z .doodle:where(.svelte-18ykz6z),.playground.svelte-18ykz6z .source:where(.svelte-18ykz6z){width:348px}}.playground.svelte-18ykz6z .doodle:where(.svelte-18ykz6z){border-radius:var(--radius) 0 0 var(--radius);grid-area:a;border-right:none}.playground.svelte-18ykz6z .doodle:where(.svelte-18ykz6z) css-doodle:where(.svelte-18ykz6z){width:90%;height:90%}.playground.svelte-18ykz6z .source:where(.svelte-18ykz6z){grid-area:b;border-radius:0 var(--radius) var(--radius) 0;border-left:none}.playground.svelte-18ykz6z .actions:where(.svelte-18ykz6z){position:absolute;right:.6rem;bottom:.6rem;z-index:1;display:flex;gap:.3rem}.playground.svelte-18ykz6z .action:where(.svelte-18ykz6z){position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border-radius:var(--radius-lg);color:var(--color-white);line-height:1;cursor:pointer;background:#07121f99;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-decoration:none;transition:background .15s ease}.playground.svelte-18ykz6z .action:where(.svelte-18ykz6z):hover{background:#ffffff29}.playground.svelte-18ykz6z .action:where(.svelte-18ykz6z):focus-visible{outline:2px solid var(--color-cover-tag);outline-offset:2px}.playground.svelte-18ykz6z .tip:where(.svelte-18ykz6z){position:absolute;right:0;bottom:calc(100% + 6px);width:max-content;padding:.3rem .5rem;border-radius:6px;color:var(--color-white);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.01em;word-spacing:.06em;line-height:1.2;white-space:nowrap;-webkit-font-smoothing:antialiased;background:#07121fe0;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease}.playground.svelte-18ykz6z .action:where(.svelte-18ykz6z):hover .tip:where(.svelte-18ykz6z),.playground.svelte-18ykz6z .action:where(.svelte-18ykz6z):focus-visible .tip:where(.svelte-18ykz6z){opacity:1;transform:translateY(0)}.playground.svelte-18ykz6z .icon:where(.svelte-18ykz6z){display:inline-flex;width:15px;height:15px}.playground.svelte-18ykz6z .icon:where(.svelte-18ykz6z) css-doodle:where(.svelte-18ykz6z){width:100%;height:100%}@media(max-width:55.625em){.playground.svelte-18ykz6z{margin:2.4rem auto 1.2rem;grid-template-areas:"a" "b"}.playground.svelte-18ykz6z .doodle:where(.svelte-18ykz6z){width:70vw;max-width:400px;border-radius:var(--radius) var(--radius) 0 0;border-bottom:none;border-right:1px solid var(--color-bracket)}.playground.svelte-18ykz6z .source:where(.svelte-18ykz6z){width:70vw;max-width:400px;font-size:.65em;height:120px;aspect-ratio:unset;border-top:none;border-left:1px solid var(--color-bracket);border-radius:0 0 var(--radius) var(--radius);mask-image:linear-gradient(to top,#ffffff42,#000)}}.cover[data-astro-cid-5qtjnahx]{background-color:var(--color-cover-bg);color:var(--color-cover-text);overflow:hidden;position:relative;padding-block-end:180px}.icon-heart[data-astro-cid-5qtjnahx]{--size: var(--heart-size, 1.2rem);--color: var(--heart-color, currentColor);background:var(--color);width:var(--size);height:var(--size);clip-path:polygon(50% 28.3333%,50.0093% 28.1586%,50.0738% 27.6431%,50.2467% 26.8123%,50.5768% 25.7076%,51.1066% 24.3838%,51.8708% 22.9064%,52.8946% 21.3491%,54.1928% 19.7893%,55.7691% 18.3052%,57.6153% 16.9718%,59.7122% 15.8575%,62.0293% 15.0217%,64.5264% 14.512%,67.1542% 14.3625%,69.8566% 14.5934%,72.5717% 15.2106%,75.2348% 16.2063%,77.7797% 17.5605%,80.1416% 19.2431%,82.2589% 21.2158%,84.0755% 23.4355%,85.5424% 25.8564%,86.6199% 28.4332%,87.2784% 31.1232%,87.5% 33.8889%,87.2784% 36.6991%,86.6199% 39.5301%,85.5424% 42.3663%,84.0755% 45.1995%,82.2589% 48.0283%,80.1416% 50.8566%,77.7797% 53.6923%,75.2348% 56.5442%,72.5717% 59.421%,69.8566% 62.3282%,67.1542% 65.267%,64.5264% 68.2321%,62.0293% 71.2107%,59.7122% 74.1821%,57.6153% 77.1175%,55.7691% 79.9807%,54.1928% 82.7293%,52.8946% 85.3161%,51.8708% 87.6915%,51.1066% 89.8057%,50.5768% 91.611%,50.2467% 93.0646%,50.0738% 94.1304%,50.0093% 94.7812%,50% 95%,49.9907% 94.7812%,49.9262% 94.1304%,49.7533% 93.0646%,49.4232% 91.611%,48.8934% 89.8057%,48.1292% 87.6915%,47.1054% 85.3161%,45.8072% 82.7293%,44.2309% 79.9807%,42.3847% 77.1175%,40.2878% 74.1821%,37.9707% 71.2107%,35.4736% 68.2321%,32.8458% 65.267%,30.1434% 62.3282%,27.4283% 59.421%,24.7652% 56.5442%,22.2203% 53.6923%,19.8584% 50.8566%,17.741% 48.0283%,15.9245% 45.1995%,14.4576% 42.3663%,13.3801% 39.5301%,12.7216% 36.6991%,12.5% 33.8889%,12.7216% 31.1232%,13.3801% 28.4332%,14.4576% 25.8564%,15.9245% 23.4355%,17.741% 21.2158%,19.8584% 19.2431%,22.2203% 17.5605%,24.7652% 16.2063%,27.4283% 15.2106%,30.1434% 14.5934%,32.8458% 14.3625%,35.4736% 14.512%,37.9707% 15.0217%,40.2878% 15.8575%,42.3847% 16.9718%,44.2309% 18.3052%,45.8072% 19.7893%,47.1054% 21.3491%,48.1292% 22.9064%,48.8934% 24.3838%,49.4232% 25.7076%,49.7533% 26.8123%,49.9262% 27.6431%,49.9907% 28.1586%);margin-inline-start:.5em}.cover-content[data-astro-cid-5qtjnahx]{max-width:90rem;margin-inline:auto;display:grid;grid-template-areas:"a a a" "b b b" "c d d"}.cover-doodle[data-astro-cid-5qtjnahx]{position:absolute;inset:0;pointer-events:none;mask:radial-gradient(circle at 50% 50%,#fff 10%,transparent)}@media(min-width:55.625em){.cover-doodle[data-astro-cid-5qtjnahx]:has([data-mask="desktop:larger"]){mask:radial-gradient(circle at 50% 50%,#fff -5%,transparent)}}.cover-doodle[data-astro-cid-5qtjnahx]:has([data-mask=larger]){mask:radial-gradient(circle at 50% 50%,#fff -5%,transparent)}.cover-doodle[data-astro-cid-5qtjnahx]:has([data-mask=smaller]){mask:radial-gradient(circle at 50% 50%,#fff 25%,transparent)}.cover-main[data-astro-cid-5qtjnahx]{position:relative;z-index:2;grid-area:a;padding-block:1.2rem}.cover-links[data-astro-cid-5qtjnahx]{grid-area:c;align-self:end;display:flex;align-items:center;gap:1.2rem;padding-inline:1.4rem;padding-block-end:6rem;position:relative;z-index:2;font-size:.8rem}.cover-links[data-astro-cid-5qtjnahx] a[data-astro-cid-5qtjnahx]{display:inline-flex;align-items:center;gap:.3rem;color:var(--color-cover-text);opacity:.9;text-decoration:none;transition:opacity .15s ease}.cover-links[data-astro-cid-5qtjnahx] a[data-astro-cid-5qtjnahx]:hover,.cover-links[data-astro-cid-5qtjnahx] a[data-astro-cid-5qtjnahx]:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:.25em}.cover-links[data-astro-cid-5qtjnahx] .github[data-astro-cid-5qtjnahx]{font-variant-numeric:tabular-nums}.cover-links[data-astro-cid-5qtjnahx] .icon-star[data-astro-cid-5qtjnahx]{color:#e9d61e}.cover-words[data-astro-cid-5qtjnahx]{max-width:90rem;position:relative;display:block;padding-inline:1.4rem;padding-block:4.8rem 2.4rem;grid-area:b}.cover[data-astro-cid-5qtjnahx] p[data-astro-cid-5qtjnahx]{line-height:1}.purpose[data-astro-cid-5qtjnahx]{font-size:clamp(2rem,7vw,4.5rem);font-weight:700;text-wrap:balance}.purpose[data-astro-cid-5qtjnahx] em[data-astro-cid-5qtjnahx]{display:inline-block}.subline[data-astro-cid-5qtjnahx]{font-size:clamp(1rem,3.5vw,2.25rem);margin-block-start:1rem}.subline[data-astro-cid-5qtjnahx] em[data-astro-cid-5qtjnahx]{font-weight:700}.quick-links[data-astro-cid-5qtjnahx]{margin-block-start:3rem;position:absolute;display:grid;gap:.6rem}.quick-links[data-astro-cid-5qtjnahx] a[data-astro-cid-5qtjnahx]{backdrop-filter:blur(4px)}.quick-links[data-astro-cid-5qtjnahx] .button-round-fill[data-astro-cid-5qtjnahx]{backdrop-filter:none}.cover-playground[data-astro-cid-5qtjnahx]{grid-area:d;align-self:end;position:relative;z-index:2;display:flex;margin-inline-start:auto;margin-block:5rem 5rem;padding-inline-end:1.4rem}@media screen and (max-width:67.5em){.cover-content[data-astro-cid-5qtjnahx]{grid-template-areas:"a a a" "b b b" "d d d" "c c c"}.cover-words[data-astro-cid-5qtjnahx]{text-align:center}.purpose[data-astro-cid-5qtjnahx]{font-size:clamp(2rem,9vw,4rem)}.subline[data-astro-cid-5qtjnahx]{font-size:clamp(1rem,3vw,2rem);margin-block-start:1rem}.quick-links[data-astro-cid-5qtjnahx]{position:static;margin-block-start:2.4rem;justify-content:center;grid-template-columns:auto auto;gap:.5rem}.quick-links[data-astro-cid-5qtjnahx] a[data-astro-cid-5qtjnahx]{font-size:1.2rem;width:100%;justify-content:center}.quick-links[data-astro-cid-5qtjnahx] svg[data-astro-cid-5qtjnahx]{width:1rem;height:1rem}.cover-links[data-astro-cid-5qtjnahx]{justify-content:center;gap:1.6rem;padding-block:1.6rem;background:#0003}.cover-playground[data-astro-cid-5qtjnahx]{justify-content:center;margin-inline-start:0;margin-block:0;padding-inline-end:0}}@media screen and (max-width:55.625em){.cover-words[data-astro-cid-5qtjnahx]{padding-block:3.2rem 0}.cover-links[data-astro-cid-5qtjnahx]{font-size:.875rem}.cover-main[data-astro-cid-5qtjnahx]{padding-block:.6rem}.quick-links[data-astro-cid-5qtjnahx]{grid-template-columns:auto}}.introduction[data-astro-cid-gmulhdpd]{position:relative;padding-block:0 8rem;background:linear-gradient(to bottom,transparent,var(--color-cover-bg) 130px);margin-block-start:-130px;overflow-x:hidden}.example-list[data-astro-cid-gmulhdpd]{mask:linear-gradient(to right,transparent,#000 2.4em,#000 calc(100% - 2.4em),transparent);max-width:120rem;margin-inline:auto;position:relative;z-index:2}.intro-content[data-astro-cid-gmulhdpd]{max-width:90rem;z-index:2;color:var(--color-white);position:relative;padding:2.4rem 1.4rem 0;margin-block-start:2.4rem}.intro-glow[data-astro-cid-gmulhdpd]{position:absolute;inset:0 auto auto 0;font-size:1rem;pointer-events:none}.lede[data-astro-cid-gmulhdpd]{position:relative;font-family:var(--font-brand)}.line[data-astro-cid-gmulhdpd]{margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:-.035em;line-height:1.16;text-wrap:pretty;hyphens:none;max-width:24em}.coda[data-astro-cid-gmulhdpd]{margin:.85em 0 0;font-family:var(--font-mono);font-size:1.05rem;font-weight:400;letter-spacing:.04em;color:color-mix(in srgb,var(--color-cover-text) 78%,transparent)}.doodle-example[data-astro-cid-gmulhdpd]{display:grid;grid-template-columns:1fr 1.5fr;margin-block-start:4.8rem;width:100%;gap:2rem;font-size:1rem}.doodle-example[data-astro-cid-gmulhdpd] css-doodle[data-astro-cid-gmulhdpd]{display:block;width:100%;cursor:pointer}.action[data-astro-cid-gmulhdpd]{margin-block-start:3.2rem}@media screen and (max-width:71.25em){.doodle-example[data-astro-cid-gmulhdpd]{grid-template-columns:1fr;margin-block-start:3.2rem}.doodle-example[data-astro-cid-gmulhdpd] section[data-astro-cid-gmulhdpd]:first-child{order:2}}@media screen and (max-width:55.625em){.line[data-astro-cid-gmulhdpd]{font-size:clamp(1.6rem,8vw,2.2rem)}}@media screen and (max-width:40em){.doodle-example[data-astro-cid-gmulhdpd] .astro-code{font-size:.725em}}.introduction[data-astro-cid-6wt55opd]{padding-block:6rem;position:relative;background:var(--color-section-svg);color:var(--color-black);overflow-x:hidden}.intro-content[data-astro-cid-6wt55opd]{max-width:90rem;z-index:2;position:relative;padding:2.4rem 1.4rem}.intro-glow[data-astro-cid-6wt55opd]{position:absolute;inset:0 auto auto 0;font-size:1rem;pointer-events:none}.lede[data-astro-cid-6wt55opd]{position:relative;font-family:var(--font-brand)}.line[data-astro-cid-6wt55opd]{margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:-.035em;line-height:1.12;text-wrap:pretty;hyphens:none;max-width:24em}.line[data-astro-cid-6wt55opd] em[data-astro-cid-6wt55opd]{font-style:normal;white-space:nowrap}.coda[data-astro-cid-6wt55opd]{margin:.85em 0 0;font-family:var(--font-mono);font-size:1.05rem;font-weight:400;letter-spacing:.04em;color:color-mix(in srgb,var(--color-black) 62%,transparent);white-space:nowrap}.doodle-example[data-astro-cid-6wt55opd]{display:grid;grid-template-columns:1fr 1.5fr;margin-block-start:4.8rem;width:100%;gap:2rem;font-size:1rem}.doodle-example[data-astro-cid-6wt55opd] css-doodle[data-astro-cid-6wt55opd]{display:block;width:100%;cursor:pointer}.action[data-astro-cid-6wt55opd]{margin-block-start:3.2rem;display:flex;flex-wrap:wrap;gap:.8rem}.action[data-astro-cid-6wt55opd] .button-round[data-astro-cid-6wt55opd]:hover{background-color:var(--color-bg-faint)}@media screen and (max-width:71.25em){.doodle-example[data-astro-cid-6wt55opd]{grid-template-columns:1fr;margin-block-start:3.2rem}.doodle-example[data-astro-cid-6wt55opd] section[data-astro-cid-6wt55opd]:first-child{order:2}}@media screen and (max-width:55.625em){.introduction[data-astro-cid-6wt55opd]{padding-block:4rem}.line[data-astro-cid-6wt55opd]{font-size:clamp(1.6rem,8vw,2.2rem)}.coda[data-astro-cid-6wt55opd]{white-space:normal}.action[data-astro-cid-6wt55opd] .button-round[data-astro-cid-6wt55opd]{font-size:1.2rem}}@media screen and (max-width:40em){.doodle-example[data-astro-cid-6wt55opd] .astro-code{font-size:.725em}}.introduction[data-astro-cid-nslbjgmi]{padding-block:6rem;position:relative;background:var(--color-section-animation);color:var(--color-white);overflow-x:hidden}.intro-content[data-astro-cid-nslbjgmi]{max-width:90rem;width:100%;z-index:2;position:relative;padding:2.4rem 1.4rem;min-width:0}.intro-glow[data-astro-cid-nslbjgmi]{position:absolute;inset:0 auto auto 0;font-size:1rem;pointer-events:none}.lede[data-astro-cid-nslbjgmi]{position:relative;font-family:var(--font-brand);min-width:0;max-width:100%}.line[data-astro-cid-nslbjgmi]{margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:-.035em;line-height:1.12;text-wrap:pretty;hyphens:none;max-width:24em}.line[data-astro-cid-nslbjgmi] em[data-astro-cid-nslbjgmi]{font-style:normal;white-space:nowrap}.coda[data-astro-cid-nslbjgmi]{margin:.85em 0 0;font-family:var(--font-mono);font-size:1.05rem;font-weight:400;letter-spacing:.04em;color:color-mix(in srgb,var(--color-cover-text) 78%,transparent);max-width:100%;width:100%;white-space:normal}.doodle-example[data-astro-cid-nslbjgmi]{display:grid;grid-template-columns:1fr 1.5fr;margin-block-start:4.8rem;width:100%;gap:2rem;font-size:1rem}.doodle-example[data-astro-cid-nslbjgmi] css-doodle[data-astro-cid-nslbjgmi]{display:block;width:100%;cursor:pointer}.doodle-example[data-astro-cid-nslbjgmi] css-doodle[data-astro-cid-nslbjgmi] canvas{display:block;width:100%;height:100%}.action[data-astro-cid-nslbjgmi]{margin-block-start:3.2rem}@media screen and (max-width:71.25em){.doodle-example[data-astro-cid-nslbjgmi]{grid-template-columns:1fr;margin-block-start:3.2rem}.doodle-example[data-astro-cid-nslbjgmi] section[data-astro-cid-nslbjgmi]:first-child{order:2}}@media screen and (max-width:55.625em){.introduction[data-astro-cid-nslbjgmi]{padding-block:4rem}.line[data-astro-cid-nslbjgmi]{font-size:clamp(1.6rem,8vw,2.2rem)}.line[data-astro-cid-nslbjgmi] em[data-astro-cid-nslbjgmi]{white-space:normal}.coda[data-astro-cid-nslbjgmi]{font-size:.95rem;letter-spacing:.02em}.action[data-astro-cid-nslbjgmi] .button-round[data-astro-cid-nslbjgmi]{font-size:1.2rem}}@media screen and (max-width:40em){.doodle-example[data-astro-cid-nslbjgmi] .astro-code{font-size:.725em}}.introduction[data-astro-cid-y2fng2yk]{padding-block:6rem;position:relative;background:var(--color-section-shapes);color:var(--color-black);overflow-x:hidden}.intro-content[data-astro-cid-y2fng2yk]{max-width:90rem;z-index:2;position:relative;padding:2.4rem 1.4rem}.intro-glow[data-astro-cid-y2fng2yk]{position:absolute;inset:0 auto auto 0;font-size:1rem;pointer-events:none}.lede[data-astro-cid-y2fng2yk]{position:relative;font-family:var(--font-brand)}.line[data-astro-cid-y2fng2yk]{margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:-.035em;line-height:1.12;text-wrap:pretty;hyphens:none;max-width:24em}.line[data-astro-cid-y2fng2yk] em[data-astro-cid-y2fng2yk]{font-style:normal;white-space:nowrap}.coda[data-astro-cid-y2fng2yk]{margin:.85em 0 0;font-family:var(--font-mono);font-size:1.05rem;font-weight:400;letter-spacing:.04em;color:color-mix(in srgb,var(--color-black) 62%,transparent);white-space:nowrap}.doodle-example[data-astro-cid-y2fng2yk]{display:grid;grid-template-columns:1fr 1.5fr;margin-block-start:4.8rem;width:100%;gap:2rem;font-size:1rem}.doodle-example[data-astro-cid-y2fng2yk] css-doodle[data-astro-cid-y2fng2yk]{display:block;width:100%}.action[data-astro-cid-y2fng2yk]{margin-block-start:3.2rem;display:flex;flex-wrap:wrap;gap:.8rem}.action[data-astro-cid-y2fng2yk] .button-round[data-astro-cid-y2fng2yk]:hover{background-color:var(--color-bg-faint)}@media screen and (max-width:71.25em){.doodle-example[data-astro-cid-y2fng2yk]{grid-template-columns:1fr;margin-block-start:3.2rem}.doodle-example[data-astro-cid-y2fng2yk] section[data-astro-cid-y2fng2yk]:first-child{order:2}}@media screen and (max-width:55.625em){.introduction[data-astro-cid-y2fng2yk]{padding-block:4rem}.line[data-astro-cid-y2fng2yk]{font-size:clamp(1.6rem,8vw,2.2rem)}.line[data-astro-cid-y2fng2yk] em[data-astro-cid-y2fng2yk],.coda[data-astro-cid-y2fng2yk]{white-space:normal}.action[data-astro-cid-y2fng2yk] .button-round[data-astro-cid-y2fng2yk]{font-size:1.2rem}}@media screen and (max-width:40em){.doodle-example[data-astro-cid-y2fng2yk] .astro-code{font-size:.725em}}.introduction[data-astro-cid-o4kcv5st]{padding-block:6rem;position:relative;background:var(--color-section-cli);color:var(--color-white);overflow-x:hidden}.intro-content[data-astro-cid-o4kcv5st]{max-width:90rem;z-index:2;position:relative;padding:2.4rem 1.4rem}.intro-glow[data-astro-cid-o4kcv5st]{position:absolute;inset:0 auto auto 0;font-size:1rem;pointer-events:none}.lede[data-astro-cid-o4kcv5st]{position:relative;font-family:var(--font-brand)}.line[data-astro-cid-o4kcv5st]{margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:-.035em;line-height:1.12;text-wrap:pretty;hyphens:none;max-width:24em}.line[data-astro-cid-o4kcv5st] em[data-astro-cid-o4kcv5st]{font-style:normal;white-space:nowrap}.coda[data-astro-cid-o4kcv5st]{margin:.85em 0 0;font-family:var(--font-mono);font-size:1.05rem;font-weight:400;letter-spacing:.04em;color:color-mix(in srgb,var(--color-cover-text) 78%,transparent);white-space:nowrap}.video-inner[data-astro-cid-o4kcv5st]{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr)}.code-block[data-astro-cid-o4kcv5st]{min-width:0;z-index:2;max-width:100%;grid-column:7 / -1;grid-row:7 / -1;font-size:1.2rem;height:fit-content;border-radius:.5rem;border:10px solid var(--color-white);transform:rotate(1deg);box-shadow:0 .2rem .4rem #0003,0 .6rem .8rem #0006}.code-block[data-astro-cid-o4kcv5st] .astro-code[data-astro-cid-o4kcv5st],.code-block[data-astro-cid-o4kcv5st] .astro-code[data-astro-cid-o4kcv5st] .line span{background-color:#19172d!important}.video[data-astro-cid-o4kcv5st]{position:relative;z-index:2;margin-block-start:4.8rem;display:grid}.video-container[data-astro-cid-o4kcv5st]{max-width:100%;height:auto;width:100%;border:10px solid var(--color-white);grid-column:1 / 9;grid-row:1 / 11;border-radius:.5rem;transform:rotate(-1deg);place-content:center;aspect-ratio:1280/796;position:relative;box-shadow:0 .2rem .4rem #0003,0 .6rem .8rem #0006;overflow:hidden}video[data-astro-cid-o4kcv5st]{max-width:100%;height:100%;width:100%;object-fit:cover;display:block}.action-play[data-astro-cid-o4kcv5st]{all:unset;position:absolute;inset:0;display:grid;place-items:center;z-index:19;cursor:pointer;color:var(--color-pure-white)}.action-play[data-astro-cid-o4kcv5st] svg[data-astro-cid-o4kcv5st]{display:block;width:clamp(3rem,5vw,6rem);height:clamp(3rem,5vw,6rem);opacity:.88;transition:transform .2s,opacity .2s}.action-play[data-astro-cid-o4kcv5st]:hover svg[data-astro-cid-o4kcv5st]{opacity:1;transform:scale(1.05)}.action[data-astro-cid-o4kcv5st]{margin-block-start:3.2rem}@media screen and (max-width:76.875em){.code-block[data-astro-cid-o4kcv5st]{font-size:1rem}}@media screen and (max-width:67.5em){.video-inner[data-astro-cid-o4kcv5st]{grid-template-columns:1fr;min-width:0}video[data-astro-cid-o4kcv5st]{object-fit:contain;height:auto}.video[data-astro-cid-o4kcv5st]{margin-block-start:3.2rem}.code-block[data-astro-cid-o4kcv5st]{font-size:.8rem;box-shadow:none;width:fit-content}}@media screen and (max-width:55.625em){.introduction[data-astro-cid-o4kcv5st]{padding-block:4rem}.line[data-astro-cid-o4kcv5st]{font-size:clamp(1.6rem,8vw,2.2rem)}.coda[data-astro-cid-o4kcv5st]{white-space:normal}.action[data-astro-cid-o4kcv5st] .button-round[data-astro-cid-o4kcv5st]{font-size:1.2rem}}@media screen and (max-width:37.5em){.video-inner[data-astro-cid-o4kcv5st]{display:block}.video-container[data-astro-cid-o4kcv5st]{border-width:6px}video[data-astro-cid-o4kcv5st]{aspect-ratio:1280/796;object-fit:cover;border-width:6px}.code-block[data-astro-cid-o4kcv5st]{margin-block-start:.5rem;width:100%;font-size:.6rem;border-width:6px}.code-block[data-astro-cid-o4kcv5st] pre{padding:1em}}@media(prefers-reduced-motion:reduce){.action-play[data-astro-cid-o4kcv5st]:hover svg[data-astro-cid-o4kcv5st]{transform:none}.video-container[data-astro-cid-o4kcv5st],.code-block[data-astro-cid-o4kcv5st]{transform:none}}.demo-list.svelte-125atcn{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;margin-block-start:4.8rem;padding:0;list-style:none}.demo-list.svelte-125atcn li:where(.svelte-125atcn){background:var(--color-white);color:var(--color-black);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:.8rem;transition:transform .3s ease,box-shadow .3s ease}.demo-list.svelte-125atcn li:where(.svelte-125atcn):nth-child(odd){transform:rotate(-.5deg)}.demo-list.svelte-125atcn li:where(.svelte-125atcn):nth-child(2n){transform:rotate(.5deg)}.demo-list.svelte-125atcn li:where(.svelte-125atcn):nth-child(odd):hover{transform:rotate(-.5deg) translateY(-4px)}.demo-list.svelte-125atcn li:where(.svelte-125atcn):nth-child(2n):hover{transform:rotate(.5deg) translateY(-4px)}.demo-list.svelte-125atcn li:where(.svelte-125atcn):hover{box-shadow:0 .4rem .8rem #0003,0 1rem 1.5rem #0006}.demo-card--placeholder.svelte-125atcn{pointer-events:none}.thumb--placeholder.svelte-125atcn{background:color-mix(in srgb,var(--color-black) 8%,var(--color-white))}.line.svelte-125atcn{display:block;height:.85rem;border-radius:999px;background:color-mix(in srgb,var(--color-black) 10%,var(--color-white))}.line--short.svelte-125atcn{width:42%;margin-inline:auto}.thumb.svelte-125atcn{display:block;position:relative;aspect-ratio:4 / 3;border-radius:3px;z-index:0}.thumb.svelte-125atcn:hover,.thumb.svelte-125atcn:focus-within{z-index:1}.thumb__media.svelte-125atcn{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.thumb__compat.svelte-125atcn{position:absolute;z-index:2;top:.45rem;right:.45rem}footer.svelte-125atcn{display:grid;margin-block:1rem .25rem;text-align:center;min-width:0}footer.svelte-125atcn p:where(.svelte-125atcn){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}footer.svelte-125atcn a:where(.svelte-125atcn){color:inherit;text-decoration:none}footer.svelte-125atcn a:where(.svelte-125atcn):hover{background:var(--color-secondary);color:var(--color-pure-white)}.info-author.svelte-125atcn{font-family:var(--font-mono);font-size:.7rem;margin-block-end:.3rem;letter-spacing:.04em;color:color-mix(in srgb,currentColor 62%,transparent)}.info-name.svelte-125atcn{font-weight:700;text-transform:uppercase}.info-name.svelte-125atcn a:where(.svelte-125atcn):hover{text-decoration:underline}@media screen and (max-width:67.5em){.demo-list.svelte-125atcn{grid-template-columns:repeat(2,1fr);gap:2rem}}@media screen and (max-width:40em){.demo-list.svelte-125atcn{grid-template-columns:1fr;margin-block-start:3rem}}.featured-demos[data-astro-cid-a73fuai7]{padding-block:6rem;background:var(--color-section-examples);color:var(--color-white);overflow:hidden}.wrap[data-astro-cid-a73fuai7]{max-width:90rem;padding:2.4rem 1.4rem;position:relative;z-index:2}.intro-glow[data-astro-cid-a73fuai7]{position:absolute;inset:0 auto auto 0;font-size:1rem;pointer-events:none}.lede[data-astro-cid-a73fuai7]{position:relative;font-family:var(--font-brand)}.line[data-astro-cid-a73fuai7]{margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:-.035em;line-height:1.12;text-wrap:pretty;hyphens:none;max-width:24em}.line[data-astro-cid-a73fuai7] em[data-astro-cid-a73fuai7]{font-style:normal;white-space:nowrap}.coda[data-astro-cid-a73fuai7]{margin:.85em 0 0;font-family:var(--font-mono);font-size:1.05rem;font-weight:400;letter-spacing:.04em;color:color-mix(in srgb,var(--color-cover-text) 78%,transparent)}.action[data-astro-cid-a73fuai7]{margin-block-start:3.2rem;display:flex;flex-wrap:wrap;gap:.8rem}@media screen and (max-width:55.625em){.featured-demos[data-astro-cid-a73fuai7]{padding-block:4rem}.line[data-astro-cid-a73fuai7]{font-size:clamp(1.6rem,8vw,2.2rem)}.coda[data-astro-cid-a73fuai7]{font-size:.95rem;letter-spacing:.02em}.action[data-astro-cid-a73fuai7] a[data-astro-cid-a73fuai7]{font-size:1.2rem}}.support-us[data-astro-cid-sqhkka5w]{padding-block:8rem;position:relative;overflow:hidden;contain:inline-size;background:var(--color-section-support);color:var(--color-black)}h2[data-astro-cid-sqhkka5w]{margin-block-end:2.4rem;font-family:var(--font-brand);letter-spacing:-.035em;line-height:1.12;text-wrap:balance}.wrap[data-astro-cid-sqhkka5w]{max-width:90rem;width:100%;min-width:0;padding-inline:1.4rem;position:relative;z-index:2}article[data-astro-cid-sqhkka5w]{min-width:0;max-width:100%}@media screen and (min-width:67.5em){article[data-astro-cid-sqhkka5w]{max-width:44em}}p[data-astro-cid-sqhkka5w]{font-size:1.6rem;overflow-wrap:break-word;line-height:1.4;max-width:100%}@media screen and (min-width:40em){p[data-astro-cid-sqhkka5w]{text-wrap:pretty}}p[data-astro-cid-sqhkka5w] a[data-astro-cid-sqhkka5w],.thanks[data-astro-cid-sqhkka5w] a[data-astro-cid-sqhkka5w]{color:currentColor;font-weight:700;text-decoration:none}p[data-astro-cid-sqhkka5w] a[data-astro-cid-sqhkka5w]:hover,.thanks[data-astro-cid-sqhkka5w] a[data-astro-cid-sqhkka5w]:hover{background:var(--color-secondary);color:var(--color-pure-white)}.nb[data-astro-cid-sqhkka5w]{white-space:nowrap}.proof[data-astro-cid-sqhkka5w]{margin:3.2rem 0 0}.thanks[data-astro-cid-sqhkka5w]{font-size:1.15rem;color:color-mix(in srgb,currentColor 72%,transparent);text-wrap:pretty}.action[data-astro-cid-sqhkka5w]{margin-block-start:3.2rem}.action[data-astro-cid-sqhkka5w] a[data-astro-cid-sqhkka5w]{transition-property:background-color,border-color,transform;transition-duration:.2s,.2s,.15s;transition-timing-function:ease,ease,ease-out}.action[data-astro-cid-sqhkka5w] a[data-astro-cid-sqhkka5w]:active{transform:scale(.96)}.action[data-astro-cid-sqhkka5w] a[data-astro-cid-sqhkka5w]:focus-visible{outline:2px solid var(--color-black);outline-offset:3px}.action[data-astro-cid-sqhkka5w] .donate[data-astro-cid-sqhkka5w]{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.action[data-astro-cid-sqhkka5w] .donate[data-astro-cid-sqhkka5w]:hover{background-color:color-mix(in srgb,var(--color-black) 86%,var(--color-white));border-color:color-mix(in srgb,var(--color-black) 86%,var(--color-white))}css-doodle[data-astro-cid-sqhkka5w]{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0 22%,#000 62%)}.backers[data-astro-cid-sqhkka5w]{margin-block-start:1.2rem;padding:0;list-style:none;display:flex;gap:.4rem;flex-wrap:wrap}.backers[data-astro-cid-sqhkka5w] li[data-astro-cid-sqhkka5w]{position:relative;margin:0}.backers[data-astro-cid-sqhkka5w] li[data-astro-cid-sqhkka5w]:hover,.backers[data-astro-cid-sqhkka5w] li[data-astro-cid-sqhkka5w]:focus-within{z-index:1}.backers[data-astro-cid-sqhkka5w] img[data-astro-cid-sqhkka5w]{display:block;border-radius:50%;border:2px solid var(--color-white);box-shadow:0 0 0 1px #0000001a;transition:transform .2s ease}.backers[data-astro-cid-sqhkka5w] img[data-astro-cid-sqhkka5w]:hover{transform:scale(1.1)}@media(prefers-reduced-motion:reduce){.action[data-astro-cid-sqhkka5w] a[data-astro-cid-sqhkka5w],.backers[data-astro-cid-sqhkka5w] img[data-astro-cid-sqhkka5w]{transition:none}.action[data-astro-cid-sqhkka5w] a[data-astro-cid-sqhkka5w]:active,.backers[data-astro-cid-sqhkka5w] img[data-astro-cid-sqhkka5w]:hover{transform:none}}@media screen and (max-width:55.625em){.support-us[data-astro-cid-sqhkka5w]{padding-block:4rem}h2[data-astro-cid-sqhkka5w]{font-size:2rem}p[data-astro-cid-sqhkka5w]{font-size:1.4rem;text-wrap:wrap}.wrap[data-astro-cid-sqhkka5w]{padding-inline:2rem}css-doodle[data-astro-cid-sqhkka5w]{mask-image:linear-gradient(#0003,#0003)}}footer[data-astro-cid-sauc65ta]{padding-block:8rem;background:var(--color-section-footer);color:var(--color-black)}.wrap[data-astro-cid-sauc65ta]{max-width:90rem}.footer-content[data-astro-cid-sauc65ta]{position:relative}.footer-grid[data-astro-cid-sauc65ta]{display:grid;grid-template-columns:2fr 1fr;margin-block-end:4rem}.footer-grid[data-astro-cid-sauc65ta] a[data-astro-cid-sauc65ta]:hover{background:var(--color-secondary);color:var(--color-white)}.footer-section[data-astro-cid-sauc65ta] h3[data-astro-cid-sauc65ta]{font-weight:600;margin-block-end:2rem}.footer-links[data-astro-cid-sauc65ta]{display:grid;grid-template-columns:1fr 1fr}.footer-links[data-astro-cid-sauc65ta] li[data-astro-cid-sauc65ta]{margin-block-end:.75rem}.footer-links[data-astro-cid-sauc65ta] a[data-astro-cid-sauc65ta]{color:var(--color-black);text-decoration:none}.footer-bottom[data-astro-cid-sauc65ta]{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:2rem}.footer-bottom[data-astro-cid-sauc65ta] a[data-astro-cid-sauc65ta]{color:currentColor}.footer-bottom[data-astro-cid-sauc65ta] p[data-astro-cid-sauc65ta]{font-size:.875rem;line-height:1.6}.logo[data-astro-cid-sauc65ta]{width:2.4rem;height:2.4rem;margin-block-end:2rem}.newsletter-description[data-astro-cid-sauc65ta]{margin-block-end:1.5rem}form[data-astro-cid-sauc65ta]{display:flex;align-items:center;max-width:100%}input[data-astro-cid-sauc65ta]{border:1px solid var(--color-black);padding:.8rem 1.6rem;background:var(--color-white);height:3.2rem;flex:1;max-width:100%;border-right:none;border-radius:var(--radius-lg) 0 0 var(--radius-lg);font-size:1em;color:var(--color-black);min-width:0}input[data-astro-cid-sauc65ta]:focus{outline:none;border-width:2px;padding:calc(.8rem - 1px) calc(1.6rem - 1px)}button[data-astro-cid-sauc65ta]{height:3.2rem;width:3.2rem;background:var(--color-black);color:var(--color-white);padding-inline:1rem;border:none;padding:12px;border-radius:0 var(--radius-lg) var(--radius-lg) 0;flex-shrink:0;justify-content:center;align-items:center;display:none;cursor:pointer;transition:.2s ease}button[data-astro-cid-sauc65ta]:hover{background:var(--color-secondary)}form[data-astro-cid-sauc65ta]+.success[data-astro-cid-sauc65ta]{display:none}.success[data-astro-cid-sauc65ta]{padding:1rem;background:var(--color-success-bg);color:var(--color-success-text);display:inline-block;border-radius:var(--radius);margin-block-start:1rem}form[data-status=idle] button.button-idle,form[data-status=loading] button.button-loading{display:flex}@media screen and (max-width:67.375em){footer[data-astro-cid-sauc65ta]{padding-block:4rem}.logo[data-astro-cid-sauc65ta]{width:2.4rem;height:2.4rem}}@media screen and (max-width:55.625em){.footer-section[data-astro-cid-sauc65ta]{grid-column:span 2}.subscribe[data-astro-cid-sauc65ta]{margin-block-start:2.4rem}.subscribe[data-astro-cid-sauc65ta] input[data-astro-cid-sauc65ta]{flex:none;width:320px}}