.editor-host.svelte-zbcvuz{--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(157, 140, 255, .24);--cm-selection-blur: rgba(255, 255, 255, .1);--cm-match: rgba(255, 107, 154, .16);height:100%;width:100%;overflow:auto;padding:.5em;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) var(--color-scrollbar-track)}.editor-host.svelte-zbcvuz .cm-content{padding:.25rem 0}.playground.svelte-16gfa61{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-16gfa61 .doodle:where(.svelte-16gfa61),.playground.svelte-16gfa61 .source:where(.svelte-16gfa61){--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-16gfa61 .doodle:where(.svelte-16gfa61),.playground.svelte-16gfa61 .source:where(.svelte-16gfa61){width:348px}}.playground.svelte-16gfa61 .doodle:where(.svelte-16gfa61){border-radius:var(--radius) 0 0 var(--radius);grid-area:a;border-right:none}.playground.svelte-16gfa61 .doodle:where(.svelte-16gfa61) css-doodle:where(.svelte-16gfa61){width:90%;height:90%}.playground.svelte-16gfa61 .source:where(.svelte-16gfa61){grid-area:b;border-radius:0 var(--radius) var(--radius) 0;border-left:none}.playground.svelte-16gfa61 .source:where(.svelte-16gfa61) .editor-host{padding:5%;padding-left:calc(5% - 8px)}.playground.svelte-16gfa61 .source:where(.svelte-16gfa61) .cm-content{padding:0}.playground.svelte-16gfa61 .actions:where(.svelte-16gfa61){position:absolute;right:.6rem;bottom:.6rem;z-index:1;display:flex;gap:.3rem}.playground.svelte-16gfa61 .action:where(.svelte-16gfa61){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-16gfa61 .action:where(.svelte-16gfa61):hover{background:#ffffff29}.playground.svelte-16gfa61 .action:where(.svelte-16gfa61):focus-visible{outline:2px solid var(--color-cover-tag);outline-offset:2px}.playground.svelte-16gfa61 .tip:where(.svelte-16gfa61){position:absolute;right:0;bottom:calc(100% + 6px);width:max-content;padding:.3rem .5rem;border-radius:6px;color:var(--color-white);font-family:var(--font-sans);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-16gfa61 .action:where(.svelte-16gfa61):hover .tip:where(.svelte-16gfa61),.playground.svelte-16gfa61 .action:where(.svelte-16gfa61):focus-visible .tip:where(.svelte-16gfa61){opacity:1;transform:translateY(0)}.playground.svelte-16gfa61 .icon:where(.svelte-16gfa61){display:inline-flex;width:15px;height:15px}.playground.svelte-16gfa61 .icon:where(.svelte-16gfa61) css-doodle:where(.svelte-16gfa61){width:100%;height:100%}@media(max-width:55.625em){.playground.svelte-16gfa61{margin:2.4rem auto 1.2rem;grid-template-areas:"a" "b"}.playground.svelte-16gfa61 .doodle:where(.svelte-16gfa61){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-16gfa61 .source:where(.svelte-16gfa61){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:3;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;line-height:1;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}}.wires.svelte-tr6xox{display:grid;gap:1.6rem}.wire.svelte-tr6xox{--n: 6;--sag: 3.2rem;position:relative;margin-inline:-2rem;padding:1rem 2rem var(--sag)}.wire__string.svelte-tr6xox{position:absolute;inset:.5rem 0 auto;width:100%;height:var(--sag);overflow:visible;fill:none;stroke:color-mix(in srgb,var(--color-cover-text) 40%,transparent);stroke-width:1.5px;pointer-events:none}.demo-list.svelte-tr6xox{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:2.4rem;margin:0;padding:0;list-style:none}.demo-list.svelte-tr6xox li:where(.svelte-tr6xox){--t: calc(((var(--i) + .5) / var(--n) - .5) * .96);position:relative;translate:0 calc(var(--sag) * (1 - 4 * var(--t) * var(--t)));rotate:var(--tilt);scale:var(--size);transform-origin:50% -.5rem;background:var(--color-white);color:var(--color-black);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:.6rem;transition:box-shadow .3s ease}.demo-card--placeholder.svelte-tr6xox:before{content:"";position:absolute;z-index:3;top:-.95rem;left:calc(50% - .275rem);width:.55rem;height:1.5rem;border-radius:2px;background:linear-gradient(90deg,#b48d62,#e4c79e 45%,#c49d71);box-shadow:0 1px 2px #00000073}.clip.svelte-tr6xox{position:absolute;z-index:3;top:calc(-.5rem - 85px);left:calc(50% - 85px);scale:.44;pointer-events:none;filter:drop-shadow(2px 4px 3px rgba(0,0,0,.5))}.demo-list.svelte-tr6xox li:where(.svelte-tr6xox):hover{box-shadow:0 .4rem .8rem #0003,0 1rem 1.5rem #0006}.demo-list.svelte-tr6xox li.swinging:where(.svelte-tr6xox){animation:svelte-tr6xox-swing 1.6s ease-in-out}@keyframes svelte-tr6xox-swing{0%,to{rotate:var(--tilt)}18%{rotate:calc(var(--tilt) + 4deg)}42%{rotate:calc(var(--tilt) - 2.5deg)}66%{rotate:calc(var(--tilt) + 1.2deg)}85%{rotate:calc(var(--tilt) - .4deg)}}@media(prefers-reduced-motion:reduce){.demo-list.svelte-tr6xox li.swinging:where(.svelte-tr6xox){animation:none}}.demo-card--placeholder.svelte-tr6xox{pointer-events:none}.thumb--placeholder.svelte-tr6xox{background:color-mix(in srgb,var(--color-black) 8%,var(--color-white))}.line.svelte-tr6xox{display:block;height:.85rem;border-radius:999px;background:color-mix(in srgb,var(--color-black) 10%,var(--color-white))}.line--short.svelte-tr6xox{width:42%;margin-inline:auto}.thumb.svelte-tr6xox{display:block;position:relative;aspect-ratio:4 / 3;border-radius:3px;z-index:0}.thumb.svelte-tr6xox:hover,.thumb.svelte-tr6xox:focus-within{z-index:1}.thumb__media.svelte-tr6xox{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.thumb__compat.svelte-tr6xox{position:absolute;z-index:2;top:.45rem;right:.45rem}.thumb__motion.svelte-tr6xox{position:absolute;z-index:1;right:.45rem;bottom:.45rem;display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:50%;background:#00000073;color:#fff;box-shadow:0 0 0 1px #fff3;backdrop-filter:blur(4px);transition:opacity .2s ease}.thumb__motion.svelte-tr6xox svg{margin-inline-start:1px}@media(hover:hover){.demo-list.svelte-tr6xox li:where(.svelte-tr6xox):hover .thumb__motion:where(.svelte-tr6xox){opacity:0}}footer.svelte-tr6xox{display:grid;margin-block:.8rem .2rem;text-align:center;min-width:0}footer.svelte-tr6xox p:where(.svelte-tr6xox){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}footer.svelte-tr6xox a:where(.svelte-tr6xox){color:inherit;text-decoration:none}footer.svelte-tr6xox a:where(.svelte-tr6xox):hover{background:var(--color-secondary);color:var(--color-pure-white)}.info-author.svelte-tr6xox{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-tr6xox{font-weight:700;text-transform:uppercase}.info-name.svelte-tr6xox a:where(.svelte-tr6xox):hover{text-decoration:underline}@media screen and (80em<width<=105em){.wire.svelte-tr6xox{--n: 5}.demo-list.svelte-tr6xox li:where(.svelte-tr6xox):nth-child(n+6){display:none}}@media screen and (67.5em<width<=80em){.wire.svelte-tr6xox{--n: 4}.demo-list.svelte-tr6xox li:where(.svelte-tr6xox):nth-child(n+5){display:none}}@media screen and (max-width:67.5em){.wires.svelte-tr6xox{grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * 2rem) / 2.4);gap:2rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2rem;scrollbar-width:none;margin:-2.5rem -2rem -2rem;padding:3.5rem 2rem 2rem;background:linear-gradient(color-mix(in srgb,var(--color-cover-text) 40%,transparent) 0 0) 0 3rem / 100% 1.5px no-repeat local}.wire.svelte-tr6xox,.demo-list.svelte-tr6xox{display:contents}.wire__string.svelte-tr6xox{display:none}.demo-list.svelte-tr6xox li:where(.svelte-tr6xox){translate:none;scroll-snap-align:start}}@media screen and (max-width:40em){.wires.svelte-tr6xox{grid-auto-columns:82%;gap:1rem}}.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;display:flow-root;overflow-x:clip}.featured-demos[data-astro-cid-gmulhdpd]{padding-inline:2rem;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:7.2rem}.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}.line[data-astro-cid-gmulhdpd]{margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;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){.intro-content[data-astro-cid-gmulhdpd]{margin-block-start:4.8rem}.line[data-astro-cid-gmulhdpd]{font-size:clamp(1.6rem,8vw,2.2rem)}.action[data-astro-cid-gmulhdpd] .button-round[data-astro-cid-gmulhdpd]{font-size:1.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}.line[data-astro-cid-6wt55opd]{margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;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;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:-.02em;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}.line[data-astro-cid-y2fng2yk]{margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;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%;color:#c8553d}.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}.line[data-astro-cid-o4kcv5st]{margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;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]:focus-visible{outline:2px solid var(--color-pure-white);outline-offset:-6px}.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}}.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)}.intro-glow[data-astro-cid-sqhkka5w]{position:absolute;inset:0 auto auto 0;font-size:1rem;pointer-events:none}.lede[data-astro-cid-sqhkka5w]{position:relative;margin-block-end:2.4rem}.line[data-astro-cid-sqhkka5w]{margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.12;text-wrap:balance}.coda[data-astro-cid-sqhkka5w]{margin:.85em 0 0;font-family:var(--font-mono);font-size:1.05rem;letter-spacing:.04em;line-height:normal;color:color-mix(in srgb,var(--color-black) 62%,transparent)}.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))}.support-us[data-astro-cid-sqhkka5w]>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}.line[data-astro-cid-sqhkka5w]{font-size:clamp(1.6rem,8vw,2.2rem)}p[data-astro-cid-sqhkka5w]{font-size:1.4rem;text-wrap:balance}.action[data-astro-cid-sqhkka5w] .button-round[data-astro-cid-sqhkka5w]{font-size:1.2rem}.proof[data-astro-cid-sqhkka5w],.action[data-astro-cid-sqhkka5w]{margin-block-start:2.4rem}.backers[data-astro-cid-sqhkka5w]{display:grid;grid-template-columns:repeat(6,minmax(0,4.5rem))}.backers[data-astro-cid-sqhkka5w] img[data-astro-cid-sqhkka5w]{width:100%;height:auto}.support-us[data-astro-cid-sqhkka5w]>css-doodle[data-astro-cid-sqhkka5w]{mask-image:linear-gradient(#0003,#0003)}}@font-face{font-family:Emilys Candy;src:url(/fonts/emilys-candy/EmilysCandy-Logo.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}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]{max-width:320px}}