.examples-container.svelte-6wb5qu{--size:clamp(120px,20vw,175px);grid-template-columns:repeat(auto-fill,var(--size));border-radius:.5rem;place-content:center;gap:1rem;width:100%;min-width:0;max-width:70rem;padding:1rem 7rem;display:grid}.examples-container.highlight.svelte-6wb5qu{box-shadow:inset 0 0 0 2px var(--app-color-primary)}@media (width<=768px){.examples-container.svelte-6wb5qu{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));justify-content:center;gap:2rem;padding:0}}.examples-container.svelte-6wb5qu :where(.svelte-6wb5qu){color:var(--app-color-light-contrast)}.box.svelte-6wb5qu{text-align:center;width:var(--size);height:var(--size);background-color:var(--app-color-light);-webkit-mask-image:paint(squircle);-webkit-mask-image:paint(squircle);mask-image:paint(squircle);-webkit-mask-image:paint(squircle);--squircle-radius:50px;--squircle-smooth:1;border-radius:.5rem;place-content:center;padding:.5rem;font-size:clamp(.8rem,2vw,1rem);display:grid;position:relative;box-shadow:0 12.5px 10px #00000009,0 100px 80px #00000012}.box.svelte-6wb5qu.neodrag-dragging{background-color:var(--app-color-primary);color:var(--app-color-primary-contrast);--opacity:1}.box.svelte-6wb5qu:before{content:"";z-index:-1;width:100%;height:100%;opacity:var(--opacity,0);background-image:var(--app-color-primary-gradient);transition:opacity .15s ease-in;position:absolute;top:0;left:0}.box.track-position.svelte-6wb5qu code:where(.svelte-6wb5qu){text-align:start;width:80%}.box.single-handle.svelte-6wb5qu .handle:where(.svelte-6wb5qu){background:var(--app-color-dark);color:var(--app-color-light);border-radius:24px}.box.svelte-6wb5qu .cancel:where(.svelte-6wb5qu){background-color:hsla(var(--app-color-dark-hsl),.4);color:var(--app-color-dark);cursor:not-allowed;border-radius:24px}.box.multiple-handles.svelte-6wb5qu{padding:2rem;position:relative}.box.multiple-handles.svelte-6wb5qu .handle:where(.svelte-6wb5qu){background-color:var(--app-color-dark);border-radius:20px;transition:all .1s ease-in;position:absolute}.box.multiple-handles.svelte-6wb5qu .handle:where(.svelte-6wb5qu):first-child{width:60%;height:6px;top:5%;left:20%}.box.multiple-handles.svelte-6wb5qu .handle:where(.svelte-6wb5qu):nth-child(2){width:6px;height:60%;top:20%;left:5%}.box.multiple-handles.svelte-6wb5qu .handle:where(.svelte-6wb5qu):nth-child(3){width:60%;height:6px;bottom:5%;left:20%}.box.multiple-handles.svelte-6wb5qu .handle:where(.svelte-6wb5qu):nth-child(4){width:6px;height:60%;top:20%;right:5%}.box.svelte-6wb5qu code:where(.svelte-6wb5qu){color:var(--app-color-dark)!important}.backdrop.svelte-6wb5qu{z-index:19;pointer-events:none;backdrop-filter:blur(20px)brightness(.5);width:100vw;height:100vh;position:fixed;top:0;left:0}.markers.svelte-6wb5qu{z-index:19;pointer-events:none;opacity:0;width:100vw;height:100vh;transition:opacity .2s ease-in;position:absolute;top:0;left:0}.markers.visible.svelte-6wb5qu{opacity:1;pointer-events:all}.markers.svelte-6wb5qu .hider:where(.svelte-6wb5qu){height:calc(100vh - var(--top) - var(--bottom));width:calc(100vw - var(--left) - var(--right));top:0;left:0;top:var(--top);left:var(--left);background-color:var(--app-color-shell);color:hsla(var(--app-color-dark-hsl),.7);border-radius:1rem;place-content:center;display:grid;position:fixed}.markers.svelte-6wb5qu>div:where(.svelte-6wb5qu):not(.hider){--marker-size:2px;pointer-events:none;background-color:var(--app-color-primary);place-content:center;font-size:large;display:grid;position:fixed}.markers.svelte-6wb5qu>div:not(.hider).top:where(.svelte-6wb5qu),.markers.svelte-6wb5qu>div:not(.hider).bottom:where(.svelte-6wb5qu){left:calc(((100vw - var(--left) - var(--right))/2) + var(--left));width:var(--marker-size)}.svelte-6wb5qu:is(.markers:where(.svelte-6wb5qu)>div:not(.hider).top:where(.svelte-6wb5qu),.markers:where(.svelte-6wb5qu)>div:not(.hider).bottom:where(.svelte-6wb5qu)):before,.svelte-6wb5qu:is(.markers:where(.svelte-6wb5qu)>div:not(.hider).top:where(.svelte-6wb5qu),.markers:where(.svelte-6wb5qu)>div:not(.hider).bottom:where(.svelte-6wb5qu)):after{--translate:-44%,0}.svelte-6wb5qu:is(.markers:where(.svelte-6wb5qu)>div:not(.hider).top:where(.svelte-6wb5qu),.markers:where(.svelte-6wb5qu)>div:not(.hider).bottom:where(.svelte-6wb5qu)):before{--rotate:45deg;top:0}.svelte-6wb5qu:is(.markers:where(.svelte-6wb5qu)>div:not(.hider).top:where(.svelte-6wb5qu),.markers:where(.svelte-6wb5qu)>div:not(.hider).bottom:where(.svelte-6wb5qu)):after{--rotate:-135deg;bottom:0}.markers.svelte-6wb5qu>div:not(.hider).left:where(.svelte-6wb5qu),.markers.svelte-6wb5qu>div:not(.hider).right:where(.svelte-6wb5qu){top:calc(((100vh - var(--top) - var(--bottom))/2) + var(--top));height:var(--marker-size)}.svelte-6wb5qu:is(.markers:where(.svelte-6wb5qu)>div:not(.hider).left:where(.svelte-6wb5qu),.markers:where(.svelte-6wb5qu)>div:not(.hider).right:where(.svelte-6wb5qu)):before,.svelte-6wb5qu:is(.markers:where(.svelte-6wb5qu)>div:not(.hider).left:where(.svelte-6wb5qu),.markers:where(.svelte-6wb5qu)>div:not(.hider).right:where(.svelte-6wb5qu)):after{--translate:0,-44%}.svelte-6wb5qu:is(.markers:where(.svelte-6wb5qu)>div:not(.hider).left:where(.svelte-6wb5qu),.markers:where(.svelte-6wb5qu)>div:not(.hider).right:where(.svelte-6wb5qu)):before{--rotate:-45deg;left:0}.svelte-6wb5qu:is(.markers:where(.svelte-6wb5qu)>div:not(.hider).left:where(.svelte-6wb5qu),.markers:where(.svelte-6wb5qu)>div:not(.hider).right:where(.svelte-6wb5qu)):after{--rotate:135deg;right:0}.markers.svelte-6wb5qu>div:not(.hider).top:where(.svelte-6wb5qu){height:var(--top);top:0}.markers.svelte-6wb5qu>div:not(.hider).top:where(.svelte-6wb5qu)>span:where(.svelte-6wb5qu){transform:translate(75%)rotate(90deg)}.markers.svelte-6wb5qu>div:not(.hider).left:where(.svelte-6wb5qu){width:var(--left);left:0}.markers.svelte-6wb5qu>div:not(.hider).left:where(.svelte-6wb5qu)>span:where(.svelte-6wb5qu){transform:translateY(-75%)}.markers.svelte-6wb5qu>div:not(.hider).right:where(.svelte-6wb5qu){width:var(--right);right:0}.markers.svelte-6wb5qu>div:not(.hider).right:where(.svelte-6wb5qu)>span:where(.svelte-6wb5qu){transform:translateY(-75%)}.markers.svelte-6wb5qu>div:not(.hider).bottom:where(.svelte-6wb5qu){height:var(--bottom);bottom:0}.markers.svelte-6wb5qu>div:not(.hider).bottom:where(.svelte-6wb5qu)>span:where(.svelte-6wb5qu){transform:translate(75%)rotate(90deg)}.markers.svelte-6wb5qu>div:where(.svelte-6wb5qu):not(.hider):before,.markers.svelte-6wb5qu>div:where(.svelte-6wb5qu):not(.hider):after{--translate:0,-40%;--rotate:0;--scale:.78;content:"";box-shadow:inset var(--marker-size)var(--marker-size)0px 1px var(--app-color-primary);height:calc(var(--marker-size)*8);width:calc(var(--marker-size)*8);transform:translate(var(--translate))rotate(var(--rotate))scale(var(--scale));display:inline-block;position:absolute}.demo.svelte-1kyrwxu{place-items:center;display:grid}button.svelte-18cmiyz{touch-action:none;user-select:none;background-color:#0000;height:max-content}button.svelte-18cmiyz svg{min-width:clamp(2rem,5vw,2.5rem);transition:transform .2s}button.svelte-18cmiyz svg:hover{transform:scale(1.2)}.line.svelte-18cmiyz{top:var(--top);left:var(--left);background-color:color-mix(in lch,var(--app-color-dark),transparent 50%);height:var(--thickness);width:var(--length);transform:rotate(var(--angle));will-change:width;transform-style:preserve-3d;backface-visibility:hidden;margin:0;padding:0;line-height:1px;position:absolute}.animation-frameworks.svelte-f3zlud{border-radius:50%;align-items:flex-start;width:30rem;height:30rem;padding:0;font-family:Jetbrains Mono,monospace;font-size:3rem;font-weight:600;list-style:none;display:flex;position:relative}.animation-frameworks.svelte-f3zlud>:where(.svelte-f3zlud){width:3rem;height:3rem;margin:-1.5rem;display:block;position:absolute;top:50%;left:50%}.animation-frameworks.svelte-f3zlud>:where(.svelte-f3zlud):first-of-type{transform:rotate(-18deg)translate(15rem)rotate(18deg)}.animation-frameworks.svelte-f3zlud>:where(.svelte-f3zlud):nth-of-type(2){transform:rotate(54deg)translate(15rem)rotate(-54deg)}.animation-frameworks.svelte-f3zlud>:where(.svelte-f3zlud):nth-of-type(3){transform:rotate(126deg)translate(15rem)rotate(-126deg)}.animation-frameworks.svelte-f3zlud>:where(.svelte-f3zlud):nth-of-type(4){transform:rotate(198deg)translate(15rem)rotate(-198deg)}.animation-frameworks.svelte-f3zlud>:where(.svelte-f3zlud):nth-of-type(5){transform:rotate(270deg)translate(15rem)rotate(-270deg)}@media (width<=767px){.animation-frameworks.svelte-f3zlud{width:20rem;height:20rem}.animation-frameworks.svelte-f3zlud>:where(.svelte-f3zlud){width:2rem;height:2rem;margin:-1rem}.animation-frameworks.svelte-f3zlud>:where(.svelte-f3zlud):first-of-type{transform:rotate(-18deg)translate(10rem)rotate(18deg)}.animation-frameworks.svelte-f3zlud>:where(.svelte-f3zlud):nth-of-type(2){transform:rotate(54deg)translate(10rem)rotate(-54deg)}.animation-frameworks.svelte-f3zlud>:where(.svelte-f3zlud):nth-of-type(3){transform:rotate(126deg)translate(10rem)rotate(-126deg)}.animation-frameworks.svelte-f3zlud>:where(.svelte-f3zlud):nth-of-type(4){transform:rotate(198deg)translate(10rem)rotate(-198deg)}.animation-frameworks.svelte-f3zlud>:where(.svelte-f3zlud):nth-of-type(5){transform:rotate(270deg)translate(10rem)rotate(-270deg)}}.container.svelte-f3zlud{place-items:center;display:grid;position:relative}@media (width>=969px){.container.svelte-f3zlud{padding:0 6rem}}.logo.svelte-f3zlud{z-index:7;width:clamp(4rem,20vw,7rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.logo.svelte-f3zlud{width:clamp(2rem,15vw,5rem)}}.reset.svelte-f3zlud{z-index:20;background-color:color-mix(in lch,var(--app-color-dark),transparent 70%);backdrop-filter:blur(5px);border-radius:8px;padding:.5rem;font-size:1.2rem;position:absolute;top:8px;right:8px}.reset.svelte-f3zlud:hover svg{transform:rotate(100deg)scale(1.2)}.reset.svelte-f3zlud svg{color:var(--app-color-dark);transition:transform .2s ease-in-out}.intro.svelte-vemqjg{align-content:center;display:grid}h2.svelte-vemqjg{margin-top:0}p.svelte-vemqjg{font-size:clamp(1rem,2vw,1.3rem)}code.svelte-vemqjg{--color:color-mix(in lch,var(--app-color-dark),transparent 20%);color:var(--color);border:1px solid var(--color);background-color:#0000;width:max-content;padding-right:7em;font-size:clamp(1.1rem,3vw,2rem);position:relative}.copy-button.svelte-vemqjg{--svg-transparency:50%;background-color:#0000;place-items:center;height:100%;display:grid;position:absolute;top:0;right:0}.copy-button.svelte-vemqjg div:where(.svelte-vemqjg){grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;width:1.1em;height:100%;display:grid}.copy-button.svelte-vemqjg div:where(.svelte-vemqjg) span:where(.svelte-vemqjg){grid-area:1/1/span 1/span 1}.copy-button.svelte-vemqjg div:where(.svelte-vemqjg)>svg{min-width:1.1em;height:auto}.copy-button.svelte-vemqjg svg path{fill:color-mix(in lch,var(--app-color-dark),transparent var(--svg-transparency));transition:fill .2s}.copy-button.svelte-vemqjg:active{--svg-transparency:20%}.copy-button.copied.svelte-vemqjg{--svg-transparency:0%}img.svelte-1bkr9hd{width:clamp(10rem,80%,25rem)}.frameworks-list.svelte-1bkr9hd{justify-content:center;display:flex}p.svelte-1bkr9hd{font-size:clamp(1rem,2vw,1.3rem)}.container.svelte-1ljanem{background-color:color-mix(in lch,var(--app-color-dark),transparent 90%);width:auto;height:100%;box-shadow:var(--inner-shadow-4);border-radius:1rem;place-content:center;place-items:center;gap:2rem;display:grid;position:relative}@media (width<=1223px){.container.svelte-1ljanem{height:80vh}}.container.svelte-1ljanem,.container.svelte-1ljanem :where(.svelte-1ljanem){cursor:none}@media (hover:hover){.container.svelte-1ljanem:hover .cursor:where(.svelte-1ljanem){display:block}}p.svelte-1ljanem{font-family:var(--app-font-mono);color:color-mix(in lch,var(--app-color-dark),transparent 40%);word-spacing:4px;opacity:1;max-width:fit-content;font-size:clamp(1rem,2vw,2.5rem);position:absolute;top:25%}p.svelte-1ljanem:empty{content:" "}p.hidden.svelte-1ljanem{opacity:0}.box.svelte-1ljanem{--size:clamp(4rem,20vw,12rem);text-align:center;width:var(--size,8rem);height:var(--size,8rem);z-index:0;background-image:var(--app-color-primary-gradient);-webkit-mask-image:paint(squircle);-webkit-mask-image:paint(squircle);mask-image:paint(squircle);--squircle-radius:50px;--squircle-smooth:1;color:var(--app-color-primary-contrast);cursor:none;border-radius:1rem;place-content:center;padding:1rem;font-size:1rem;display:grid;position:relative;box-shadow:0 12.5px 10px #00000009,0 100px 80px #00000012}.box.wiggles.svelte-1ljanem{animation:1.5s 2s svelte-1ljanem-shake}.box.svelte-1ljanem:hover .paw:where(.svelte-1ljanem){opacity:1;transform:scale(1)}.box.svelte-1ljanem:hover~.cursor:where(.svelte-1ljanem){display:none}.cursor.svelte-1ljanem,.paw.svelte-1ljanem{filter:drop-shadow(0 4px 4px #00000059)}.cursor.svelte-1ljanem{opacity:var(--opacity);pointer-events:none;z-index:2;display:none;position:fixed;top:0;left:0}.cursor.svelte-1ljanem svg path{fill:var(--app-color-dark)}.paw.svelte-1ljanem{width:var(--size);height:var(--size);opacity:0;transition:opacity .1s ease-in-out,transform .1s ease-in-out;transform:scale(.6)}.paw.svelte-1ljanem svg{right:calc(.03*var(--size));bottom:calc(.03*var(--size));min-width:clamp(2.44rem,12.2vw,7.32rem);position:absolute}.paw.svelte-1ljanem svg path{fill:#201b1b!important}@keyframes svelte-1ljanem-shake{10%,90%{transform:translate(-4px)}20%,80%{transform:translate(8px)}30%,50%,70%{transform:translate(-16px)}40%,60%{transform:translate(16px)}}.demo.svelte-1n739u0{place-items:center;display:grid}.sr-only.svelte-1n739u0{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}fieldset.svelte-1n739u0{border:none;margin:0;padding:0}.checkbox-grid.svelte-1n739u0{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.h1.svelte-1n739u0,.h3.svelte-1n739u0{font-family:var(--app-font-mono);margin:0;font-weight:660}.checkbox-item.svelte-1n739u0{cursor:pointer;display:block;position:relative}.checkbox-display.svelte-1n739u0{background-color:color-mix(in lch,var(--app-color-primary),transparent 90%);color:var(--app-color-primary-contrast);user-select:none;border-radius:2rem;align-items:center;padding:.5rem 2rem;font-size:large;transition:all .12s ease-in;display:flex;box-shadow:0 5px 6px #0307120f,0 18px 24px #0307120f}.checkbox-item.svelte-1n739u0:focus-within .checkbox-display:where(.svelte-1n739u0){outline:2px solid var(--app-color-primary);outline-offset:2px}.checkbox-item.svelte-1n739u0:hover .checkbox-display:where(.svelte-1n739u0){transform:translateY(-1px);box-shadow:0 8px 12px #03071214,0 20px 28px #03071214}.checkbox-item.selected.svelte-1n739u0 .checkbox-display:where(.svelte-1n739u0){background-color:color-mix(in lch,var(--app-color-primary),transparent 70%)}.checkbox-item.selected.svelte-1n739u0 .icon:where(.svelte-1n739u0){opacity:1}.icon.svelte-1n739u0{opacity:0;transition:opacity .12s ease-in;position:absolute;top:50%;left:10px;translate:0 -50%}.label-text.svelte-1n739u0{display:block}.tagline[data-astro-cid-j7pv25f6]{grid-template-columns:auto 1fr;align-items:center;gap:5rem;min-height:100vh;margin-bottom:6rem;padding:1rem 0;display:grid;width:100%!important}.tagline[data-astro-cid-j7pv25f6] .demo[data-astro-cid-j7pv25f6]{height:100%}@media (width<=1223px){.tagline[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}}.tagline[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6],.tagline[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin:0}.tagline[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6]{background-image:var(--app-color-primary-gradient);-webkit-text-fill-color:transparent;background-clip:text;width:max-content;font-size:clamp(3rem,20vw,8rem);line-height:1.28}.tagline[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:clamp(1rem,5vw,2rem)}.group[data-astro-cid-j7pv25f6]{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.group[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6][href]{text-align:center;color:var(--app-color-primary);justify-content:center;align-items:center;gap:1rem;padding:1rem 2rem;font-size:1.4rem;display:flex;border-radius:1rem!important}.group[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6][href]:hover{color:var(--app-color-primary-contrast)}@media (width<=768px){.group[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6][href]{padding:.5rem 1rem;font-size:1rem}}main[data-astro-cid-j7pv25f6]{z-index:2;flex-direction:column;align-items:center;width:100%;padding:0 1rem;display:flex;position:relative}.two-col[data-astro-cid-j7pv25f6]{flex:auto;width:80%;margin-bottom:clamp(3rem,100vw,10rem);display:flex}.two-col[data-astro-cid-j7pv25f6]:nth-of-type(odd){flex-direction:row-reverse}@media (width<=1223px){.two-col[data-astro-cid-j7pv25f6]{grid-template-columns:1fr;gap:2rem;width:100%;flex-direction:column!important}}.two-col[data-astro-cid-j7pv25f6] .intro,.demo{flex:1}.feature-feature-rich[data-astro-cid-j7pv25f6]{grid-template-columns:1fr;margin-bottom:clamp(3rem,100vw,10rem)}.explore-frameworks[data-astro-cid-j7pv25f6]{flex-direction:column;align-items:center;gap:4rem;padding-bottom:clamp(3rem,100vw,10rem);display:flex}