:root{--main-nav-width:calc(10rem + 10vw)}.m-splash-screen{--sl-color-emerald-50:#ecfdf5;--sl-color-emerald-100:#d1fae5;--sl-color-emerald-200:#a7f3d0;--sl-color-emerald-300:#6ee7b7;--sl-color-emerald-400:#34d399;--sl-color-emerald-500:#10b981;--sl-color-emerald-600:#059669;--sl-color-emerald-700:#047857;--sl-color-emerald-800:#065f46;--sl-color-emerald-900:#064e3b;--sl-color-emerald-950:#032d22}@media (prefers-color-scheme:dark){.m-splash-screen{--col1:#001829;--col2:#0b4a60;--col3:#031c26;--col4:#042f2f;--col5:#071422;--col6:#021118;--col7:#072336;--col8:#095467}}[data-color-mode=dark] .m-splash-screen,[data-color-mode=dark].m-splash-screen{--col1:#001829;--col2:#0b4a60;--col3:#031c26;--col4:#042f2f;--col5:#071422;--col6:#021118;--col7:#072336;--col8:#095467}@media (prefers-color-scheme:light){.m-splash-screen{--col1:#bde3ff;--col2:#cef1fd;--col3:#ddf4fd;--col4:#ecfefe;--col5:#dcebfa;--col6:#c5ecfc;--col7:#daeefb;--col8:#ebfbfe}}[data-color-mode=light] .m-splash-screen,[data-color-mode=light].m-splash-screen{--col1:#bde3ff;--col2:#cef1fd;--col3:#ddf4fd;--col4:#ecfefe;--col5:#dcebfa;--col6:#c5ecfc;--col7:#daeefb;--col8:#ebfbfe}.m-splash-screen{z-index:0;text-align:center;border-bottom:2px solid color-mix(in oklab, var(--sl-color-primary-500), transparent 85%);min-height:45rem;box-shadow:0 .4rem 3rem color-mix(in oklab, var(--sl-color-neutral-0), transparent 0%);flex-direction:column;justify-content:space-around;align-items:center;padding:3rem;display:flex;position:relative}.m-splash-screen .bg{z-index:-1;width:100%;height:100%;position:absolute}.m-splash-screen .bg-grid{filter:blur(.5px);mix-blend-mode:overlay;opacity:.32}.m-splash-screen .bg-noise{filter:brightness(65%)contrast(1000%)blur(1px);mix-blend-mode:soft-light}@media (prefers-color-scheme:light){.m-splash-screen .bg-noise{opacity:.99}}[data-color-mode=light] .m-splash-screen .bg-noise,[data-color-mode=light].m-splash-screen .bg-noise{opacity:.99}@media (prefers-color-scheme:dark){.m-splash-screen .bg-noise{opacity:.6}}[data-color-mode=dark] .m-splash-screen .bg-noise,[data-color-mode=dark].m-splash-screen .bg-noise{opacity:.6}@keyframes glow{0%{opacity:0}to{opacity:1}}.m-splash-screen .bg-1{background-color:var(--col1)}.m-splash-screen .bg-2{background-image:radial-gradient(at 34% 3%, var(--col2) 0, transparent 50%);animation:5s linear infinite alternate glow}.m-splash-screen .bg-3{background-image:radial-gradient(at 55% 80%, var(--col3) 0, transparent 50%);animation:3s linear infinite alternate glow}.m-splash-screen .bg-4{background-image:radial-gradient(at 58% 95%, var(--col4) 0, transparent 50%);animation:4s linear infinite alternate glow}.m-splash-screen .bg-5{background-image:radial-gradient(at 59% 22%, var(--col5) 0, transparent 50%);animation:6s linear infinite alternate glow}.m-splash-screen .bg-6{background-image:radial-gradient(at 41% 29%, var(--col6) 0, transparent 50%);animation:5s linear infinite alternate glow}.m-splash-screen .bg-7{background-image:radial-gradient(at 77% 92%, var(--col7) 0, transparent 50%);animation:3s linear infinite alternate glow}.m-splash-screen .bg-8{background-image:radial-gradient(at 5% 27%, var(--col8) 0, transparent 50%);animation:3s linear infinite alternate glow}.m-splash-screen .logo{justify-content:center;align-items:center;height:31vh;display:flex}.m-splash-screen .logo svg{fill:currentColor;width:50vw;max-width:18rem}.m-splash-screen .description{margin-top:5rem;margin-bottom:5rem;font-family:monospace;font-weight:100}.m-splash-screen .ctas{flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:2rem;width:100%;padding:3em;display:flex}.m-splash-screen .ctas a{color:var(--sl-color-neutral-800);background:color-mix(in oklab, var(--sl-color-neutral-0), transparent 70%);border:2px solid color-mix(in oklab, var(--sl-color-primary-500), transparent 30%);box-shadow:.1rem .1rem .4rem color-mix(in oklab, var(--sl-color-primary-500), transparent 85%), .1rem .2rem .6rem color-mix(in oklab, var(--sl-color-neutral-100), transparent 50%);border-radius:.75rem .15rem;align-items:center;gap:0 .5em;padding:.3em 1em;font-size:1.334em;display:flex}.m-splash-screen .ctas a:hover{color:var(--sl-color-neutral-900);background:color-mix(in oklab, var(--sl-color-neutral-0), transparent 25%);border:2px solid color-mix(in oklab, var(--sl-color-primary-500), transparent 0%);text-decoration:none}.m-splash-screen .ctas svg{width:1em;height:1em}.m-splash-screen .create-gracile-command{align-items:center;gap:1rem;padding:5rem 0 3rem;font-family:monospace;display:flex}.m-splash-screen .create-gracile-command .command-text{background-color:color-mix(in srgb, var(--sl-color-neutral-0), transparent 20%);border:1px solid var(--sl-color-neutral-200);border-radius:var(--sl-border-radius-medium);padding:.25rem .75rem}.m-splash-screen .create-gracile-command span:first-of-type{font-weight:var(--sl-font-weight-bold);color:var(--sl-color-green-500)}.m-splash-screen .create-gracile-command span:nth-of-type(3){color:var(--sl-color-primary-700)}.m-splash-screen .create-gracile-command:before{content:"> "}.page-home main{margin:var(--sl-spacing-4x-large) 0}.page-home .features-more{text-align:center;width:100%;margin:5rem 0}.page-home .features>div{grid-gap:calc(1vw + var(--sl-spacing-small));max-width:106rem;padding:2rem calc(6vw + var(--sl-spacing-x-large));grid-template-columns:repeat(auto-fill,minmax(25ch,1fr));margin:4rem auto;display:grid}.page-home .features>div .feature-title{font-weight:var(--sl-font-weight-semibold)}.page-home .features>div article{gap:var(--sl-spacing-large);flex-direction:column;justify-content:space-between;display:flex}.page-home .features>div footer{gap:1em;display:flex}.page-home .features>div{--inner-border-radius:.1rem .1rem;--outer-border-radius:.2rem .2rem}.page-home .features>div a{font-weight:var(--sl-font-weight-normal);color:inherit;text-decoration:none}.page-home .features>div p{margin:var(--sl-spacing-small) 0;color:var(--sl-color-neutral-700)}.page-home .c-prose-heading .heading-anchor{display:none}.page-home .prose h2{justify-content:center;gap:0}.page-home .prose h1 i-c,.page-home .prose h2 i-c{margin:0 .5em}.page-home .prose h1{z-index:1;text-align:center;margin:1rem 0;padding:2rem;font-weight:100;display:block;position:relative;overflow:hidden}.page-home .prose h1:before{--to:to right}.page-home .prose h1:after{--to:to left}.page-home .prose h1:before,.page-home .prose h1:after{content:" ";background:linear-gradient(var(--to), var(--sl-color-primary-300), transparent);width:48%;height:2px;margin-left:2%;position:absolute;top:calc(50% - 1px);overflow:hidden}.page-home .prose h1:before{text-align:right;margin-left:-50%}.page-home .prose .home-readme>h1:first-of-type{display:none}.page-home section.tiles{background:radial-gradient(ellipse, var(--sl-color-neutral-0), color-mix(in oklab, var(--sl-color-neutral-0), transparent 0%) 49%, color-mix(in oklab, var(--sl-color-neutral-0), transparent 100%) 100%);flex-wrap:wrap;justify-content:space-evenly;align-items:flex-start;gap:4vh 3vw;width:100%;padding:calc(4vw + 3rem) 3vw;display:flex}.page-home section.tiles ul{padding-left:1rem;line-height:2}.page-home section.tiles>*{flex-basis:55ch;min-width:23rem}.page-home section.tiles>*>*{padding:1rem}.page-home section.tiles>*{box-shadow:.15rem .15rem .4rem color-mix(in oklab, var(--sl-color-neutral-0), transparent 20%)}.page-home section:not(.tiles,.features,.works-with,.home-readme)>*{max-width:54rem;margin-left:auto;margin-right:auto}.page-home [data-toc]>a{display:none}.page-home section:not(.features,.works-with){border-top:1px solid var(--sl-color-neutral-200);border-bottom:1px solid var(--sl-color-neutral-200)}.page-home section.code-example{background:linear-gradient(to left, var(--sl-color-neutral-0), color-mix(in oklab, var(--sl-color-neutral-0), transparent 50%) 25vw, color-mix(in oklab, var(--sl-color-neutral-0), transparent 50%) 75vw, var(--sl-color-neutral-0))}.page-home .works-with{max-width:95rem;margin:8rem auto;padding:0 4rem}.page-home .works-with ul{all:unset;flex-wrap:wrap;justify-content:space-evenly;gap:8vw;display:flex}.page-home .works-with ul li{all:unset}.page-home .works-with ul li div{padding:1em}.page-home .works-with ul li{text-align:center}.page-home .works-with ul img{width:6rem;height:6rem;filter:drop-shadow(var(--sl-shadow-x-large))}