@layer starlight.components{.card:where(.astro-3ksbapkb){--sl-card-border:var(--sl-color-purple);--sl-card-bg:var(--sl-color-purple-low);border:1px solid var(--sl-color-gray-5);background-color:var(--sl-color-black);flex-direction:column;gap:clamp(.5rem,.125rem + 1vw,1rem);padding:clamp(1rem,.125rem + 3vw,2.5rem)}.card:where(.astro-3ksbapkb):nth-child(4n+1){--sl-card-border:var(--sl-color-orange);--sl-card-bg:var(--sl-color-orange-low)}.card:where(.astro-3ksbapkb):nth-child(4n+3){--sl-card-border:var(--sl-color-green);--sl-card-bg:var(--sl-color-green-low)}.card:where(.astro-3ksbapkb):nth-child(4n+4){--sl-card-border:var(--sl-color-red);--sl-card-bg:var(--sl-color-red-low)}.card:where(.astro-3ksbapkb):nth-child(4n+5){--sl-card-border:var(--sl-color-blue);--sl-card-bg:var(--sl-color-blue-low)}.title:where(.astro-3ksbapkb){font-weight:600;font-size:var(--sl-text-h4);color:var(--sl-color-white);line-height:var(--sl-line-height-headings);align-items:center;gap:1rem}.card:where(.astro-3ksbapkb) .icon:where(.astro-3ksbapkb){border:1px solid var(--sl-card-border);background-color:var(--sl-card-bg);border-radius:.25rem;flex-shrink:0;padding:.2em}.card:where(.astro-3ksbapkb) .body:where(.astro-3ksbapkb){font-size:clamp(var(--sl-text-sm), calc(.5rem + 1vw), var(--sl-text-body));margin:0}.card-grid:where(.astro-gh3pejxl){grid-template-columns:100%;gap:1rem;display:grid}.card-grid:where(.astro-gh3pejxl)>*{margin-top:0!important}@media (width>=50rem){.card-grid:where(.astro-gh3pejxl){grid-template-columns:1fr 1fr;gap:1.5rem}.stagger:where(.astro-gh3pejxl){--stagger-height:5rem;padding-bottom:var(--stagger-height)}.stagger:where(.astro-gh3pejxl)>:nth-child(2n){transform:translateY(var(--stagger-height))}}.sl-link-button:where(.astro-lzcyfpyv){font-size:var(--sl-text-sm);outline-offset:.25rem;border:1px solid #0000;border-radius:999rem;align-items:center;gap:.5em;padding:.4375rem 1.125rem;line-height:1.1875;text-decoration:none;display:inline-flex}.sl-link-button:where(.astro-lzcyfpyv).primary{background:var(--sl-color-text-accent);border-color:var(--sl-color-text-accent);color:var(--sl-color-black)}.sl-link-button:where(.astro-lzcyfpyv).primary:hover{color:var(--sl-color-black)}.sl-link-button:where(.astro-lzcyfpyv).secondary{border-color:inherit;color:var(--sl-color-white)}.sl-link-button:where(.astro-lzcyfpyv).minimal{color:var(--sl-color-white);padding-inline:0}.sl-link-button:where(.astro-lzcyfpyv) svg{flex-shrink:0}@media (width>=50rem){.sl-link-button:where(.astro-lzcyfpyv){font-size:var(--sl-text-base);padding:.9375rem 1.25rem}}.sl-markdown-content .sl-link-button:where(.astro-lzcyfpyv){margin-inline-end:1rem}.sl-markdown-content .sl-link-button:where(.astro-lzcyfpyv):not(:where(p *)){margin-block:1rem}}.prog-cont{flex-direction:column;align-items:start;gap:0;display:flex}.label{width:3.1rem;margin-top:1.2rem;margin-left:.6rem;font-size:1rem}.progress-bar-container{background:var(--sl-color-gray-5);width:21.3rem;height:1.2rem;margin-left:.6rem;margin-right:.6rem;display:flex;position:relative}.bar{background-color:var(--sl-perf-progress);height:100%;transition:width .1s ease-in}.time{font-size:.7rem;font-weight:600;position:absolute;top:0%;right:2%;transform:translateY(-100%)}@media only screen and (width<=1080px){.progress-bar-container{width:305px}}@media only screen and (width<=970px){.progress-bar-container{width:285px}}@media only screen and (width<=960px){.progress-bar-container{width:400px}}@media only screen and (width<=750px){.progress-bar-container{width:300px}}@media only screen and (width<=400px){.progress-bar-container{width:230px}}:root{--color-1:#e18403;--color-2:#ed9f03;--color-3:#f7b604;--color-4:#f7b911;--color-5:#ffdc1c;--color-6:#fff065;--color-7:#fffcb4;--biome-color-signal:var(--color-4);--gray-1:#020202;--gray-2:#0e0e10;--gray-3:#202022;--gray-4:#27272a;--gray-5:#64646c;--gray-6:#98989f;--gray-7:#dadadc;--gray-8:#f4f4f5;--code-font:var(--font-jetbrains-mono);--sl-font:var(--font-geist);--sl-font-mono:var(--font-jetbrains-mono);--body-line-height:1.5em;--unit:16px;--unit-border-radius:4px}:root,::backdrop{--sl-border:var(--sl-color-gray-5)}:root[data-theme=light],[data-theme=light] ::backdrop{--biome-color-signal:#9a6700;--sl-border:var(--sl-color-gray-6)}@media (prefers-color-scheme:light){:root[data-theme=auto]{--biome-color-signal:#9a6700}}@custom-media --mobile (width<=768px);@custom-media --desktop (width>=769px);.hero-code{margin-top:7rem!important}.head{text-align:center;@media only screen and (--desktop){font-size:3.7rem}}.perf{text-align:center;margin-bottom:9.3rem;font-size:3.1rem}.bars{flex-direction:column;align-items:center;gap:1rem;margin-top:6.2rem;display:flex}.linter{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-5);border-top-left-radius:1rem;border-top-right-radius:1rem;grid-template-columns:repeat(3,22.4rem);gap:1px;width:fit-content;margin-top:2.5rem;display:grid;padding:0!important}.format,.lint{padding:1.5rem}.inp,.out{margin:0!important}.inp>span{background:var(--sl-color-gray-7);border-top-left-radius:1rem}.out>span{background:var(--sl-color-gray-7)}[data-theme=dark] .inp>span,[data-theme=dark] .out>span{background-color:var(--sl-color-gray-6)}.perf-out{background:var(--sl-color-gray-6);border-top-right-radius:1rem;margin:0!important}.inp>span,.out>span,.perf-out>span{align-items:flex-end;height:2.5rem;padding-left:1.2rem;font-weight:700;display:flex}.bench{background:var(--sl-color-gray-6);border-top-right-radius:1rem;flex-direction:column;padding-top:3.1rem;display:flex;margin-top:0!important}.comp{margin-top:3.7rem;margin-bottom:-1.2rem;padding-left:1.2rem;font-size:2.5rem}.comp-des{padding-left:1.2rem;padding-right:1.2rem}@media only screen and (width<=1080px){.linter{grid-template-columns:repeat(3,320px);display:grid}}@media only screen and (width<=970px){.linter{grid-template-columns:repeat(3,300px)}}@media only screen and (width<=960px){.linter{flex-direction:column;width:calc(100vw - 2.4rem);display:flex;overflow:hidden}.perf-out{border-top-right-radius:0;height:355px}.perf-comp{flex-direction:column;display:flex}.bench-comp{justify-content:center;display:flex}.bench{padding-top:1.8rem}}@media only screen and (width<=600px){.perf-comp{display:none}}.grid{z-index:-1;content:"";background-image:linear-gradient(to right, var(--sl-color-gray-6) .06rem, transparent .06rem), linear-gradient(to bottom, var(--sl-color-gray-6) .06rem, transparent .06rem);background-position:top;background-size:1.3rem 1.3rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 100%,#fff,#0000 80%);mask-image:radial-gradient(circle at 100%,#fff,#0000 80%)}.gradient{z-index:-1;background:radial-gradient(var(--sl-color-accent-low), transparent 50%) no-repeat -60vw -50vh / 105vw 200vh, radial-gradient(var(--sl-color-accent-low), transparent 50%) no-repeat 30vw -100vh / 105vw 200vh;width:100vw;position:absolute;top:0;left:0}.installation-body{justify-content:center;display:flex}.installation{border:1px solid var(--sl-color-gray-5);background:radial-gradient(hsla(var(--sl-hue-red), 68%, 52%, 16%), transparent 40%) no-repeat -60vw -50vh / 105vw 200vh, radial-gradient(var(--sl-color-blue-low), transparent 40%) no-repeat 30vw -100vh / 105vw 200vh;gap:2.5rem;width:68rem;margin-top:7rem;display:flex;position:relative;overflow:hidden}.installation-left{padding:2.5rem 2.5rem 4.5rem}.installation-left>a>img{margin:0}.installation-left>a{justify-content:space-between;align-items:center;display:flex}.installation-description{max-width:25rem}.installation-extension,.installation-biome{border:1px solid var(--sl-color-gray-5);cursor:pointer;border-radius:.5rem;align-items:center;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;display:flex}.installation-extension:hover,.installation-biome:hover{background:hsla(var(--sl-hue-blue), 68%, 52%, 16%);text-decoration:underline}.extension-img{background-image:url(/_astro/vscode-extension.DakwLKND.png);background-repeat:no-repeat;background-size:330%;border-top-left-radius:.6rem;width:31rem;height:24rem;position:absolute;bottom:-1.4rem;right:-5rem}@media only screen and (width<=900px){.extension-img{display:none}}.community-links{&>a{cursor:pointer;background-color:#25aff41a;border-radius:6.2rem;align-items:center;gap:.6rem;width:fit-content;margin-top:1.2rem;margin-bottom:1.2rem;padding:.5rem 1.3rem;text-decoration:none;display:flex;&.github,&.mastodon,&.x,&.blueSky,&.discord{width:9.3rem}@media only screen and (width<=1200px){&.discord{background-color:var(--sl-discord);color:var(--sl-community-link)}}&.discord:hover{background-color:var(--sl-discord);color:var(--sl-community-link)}@media only screen and (width<=1200px){&.x,&.github{color:var(--sl-community-link);background-color:#000}}&.x:hover,&.github:hover{color:var(--sl-community-link);background-color:#000}@media only screen and (width<=1200px){&.mastodon{background-color:var(--sl-mastodon);color:var(--sl-community-link)}}&.mastodon:hover{background-color:var(--sl-mastodon);color:var(--sl-community-link)}@media only screen and (width<=1200px){&.blueSky{background-color:var(--sl-blueSky);color:var(--sl-community-link)}}&.blueSky:hover{background-color:var(--sl-blueSky);color:var(--sl-community-link)}&>p{margin:0}}}.community{height:44rem;position:relative;margin-top:9.4rem!important;& .community-grid{z-index:-1;content:"";background-image:linear-gradient(to right, var(--sl-color-gray-6) 1px, transparent 1px), linear-gradient(to bottom, var(--sl-color-gray-6) 1px, transparent 1px);background-position:top;background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 100%,#fff,#0000 80%);mask-image:radial-gradient(circle at 100%,#fff,#0000 80%)}}.connect{gap:1.2rem;width:31rem;position:absolute;top:2rem;right:-10rem}.contributor-row{justify-content:end;gap:1.2rem;display:flex;& .contributor-avatar{object-fit:cover;border-radius:50rem;width:4.4rem;height:4.4rem;margin:0}}.community-connect{flex-direction:column;align-items:center;display:flex;& .community-description{text-align:center;font-size:1.5rem}}@media only screen and (width<=1200px){.community{height:60rem}.connect{z-index:-1;opacity:.2;right:0}}@media only screen and (width<=700px){div>img.contributor-avatar{width:3.4rem;height:3.4rem}div.community{height:56rem}div.connect{right:1rem}}@media only screen and (width<=600px){div>img.contributor-avatar{width:3rem;height:3rem}div.connect{right:0}}@media only screen and (width<=550px){div.community{height:40rem}.connect{display:none}}div:where(.astro-rwcaoamo){justify-content:center;align-items:center;padding-top:2rem;display:flex}.award{flex-wrap:wrap;justify-content:center;gap:20px;display:flex;margin-top:9.4rem!important}.award img{margin-top:0}.featured-users:where(.astro-nludbhkx){text-align:center;margin:4rem auto;padding:0 1rem}.featured-users-grid:where(.astro-nludbhkx){flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:3rem;display:flex}@media (width>=768px){.featured-users-grid:where(.astro-nludbhkx){gap:2rem}}.featured-user-card:where(.astro-nludbhkx){box-sizing:border-box;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:.5rem;width:calc(50% - .75rem);min-width:0;padding:1rem;display:flex;margin:0!important}@media (width>=768px){.featured-user-card:where(.astro-nludbhkx){gap:.75rem;width:170px;min-width:170px;padding:1.5rem}}.featured-user-card:where(.astro-nludbhkx) img:where(.astro-nludbhkx),.featured-user-card:where(.astro-nludbhkx) img{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px;margin:0}@media (width>=768px){.featured-user-card:where(.astro-nludbhkx) img:where(.astro-nludbhkx),.featured-user-card:where(.astro-nludbhkx) img{width:64px;height:64px}}.user-name:where(.astro-nludbhkx){color:var(--sl-color-text);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.75rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}@media (width>=768px){.user-name:where(.astro-nludbhkx){font-size:.875rem}}promo-video:where(.astro-haf435wi){border:1px solid var(--sl-color-gray-5);background-color:#151515;border-radius:12px;max-width:1100px;margin:3rem auto 0;display:block;overflow:hidden;box-shadow:0 24px 60px #00000059}.frame:where(.astro-haf435wi){position:relative}promo-video:where(.astro-haf435wi) video:where(.astro-haf435wi){aspect-ratio:16/9;width:100%;height:auto;display:block}promo-video:where(.astro-haf435wi):fullscreen{background-color:#000;border:0;border-radius:0;place-items:center;max-width:none;margin:0;display:grid}promo-video:where(.astro-haf435wi):fullscreen .frame:where(.astro-haf435wi){width:min(100vw,177.778vh)}button:where(.astro-haf435wi){color:inherit;font:inherit;cursor:pointer;border:0;padding:0}button:where(.astro-haf435wi):focus-visible{outline:none}svg:where(.astro-haf435wi){fill:currentColor;width:100%;height:100%;display:block}.play:where(.astro-haf435wi){background:0 0;justify-content:center;align-items:flex-end;padding-bottom:4%;display:flex;position:absolute;inset:0}.play-icon:where(.astro-haf435wi){aspect-ratio:1;color:#151515;background-color:#60a5fa;border-radius:50%;place-items:center;width:clamp(36px,6%,72px);transition:opacity .2s,scale .2s;display:grid;box-shadow:0 8px 24px #0006}.play-icon:where(.astro-haf435wi) svg:where(.astro-haf435wi){width:46%;height:46%}promo-video:where(.astro-haf435wi)[data-playing] .play-icon:where(.astro-haf435wi){opacity:0;scale:.9}.play:where(.astro-haf435wi):focus-visible .play-icon:where(.astro-haf435wi){outline-offset:3px;outline:3px solid #fff}promo-video:where(.astro-haf435wi):not([data-playing]) .play:where(.astro-haf435wi):hover .play-icon:where(.astro-haf435wi){scale:1.08}promo-video:where(.astro-haf435wi)[data-playing] .play:where(.astro-haf435wi):focus-visible .play-icon:where(.astro-haf435wi){opacity:1;scale:1}.icon-pause:where(.astro-haf435wi),promo-video:where(.astro-haf435wi)[data-playing] .icon-play:where(.astro-haf435wi){display:none}promo-video:where(.astro-haf435wi)[data-playing] .icon-pause:where(.astro-haf435wi){display:block}.fullscreen:where(.astro-haf435wi){aspect-ratio:1;color:#fff;opacity:0;background-color:#0000008c;border-radius:8px;place-items:center;width:clamp(32px,3.6%,40px);transition:opacity .2s;display:grid;position:absolute;bottom:clamp(8px,2%,12px);right:clamp(8px,1.1%,12px)}.fullscreen:where(.astro-haf435wi) svg:where(.astro-haf435wi){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:55%;height:55%}.fullscreen:where(.astro-haf435wi):hover{background-color:#000000bf}.fullscreen:where(.astro-haf435wi):focus-visible{outline-offset:2px;outline:2px solid #fff}promo-video:where(.astro-haf435wi):not([data-playing]) .fullscreen:where(.astro-haf435wi),promo-video:where(.astro-haf435wi):hover .fullscreen:where(.astro-haf435wi),.fullscreen:where(.astro-haf435wi):focus-visible{opacity:1}@media (hover:none){.fullscreen:where(.astro-haf435wi){opacity:1}}.icon-exit:where(.astro-haf435wi),.fullscreen:where(.astro-haf435wi)[aria-pressed=true] .icon-enter:where(.astro-haf435wi){display:none}.fullscreen:where(.astro-haf435wi)[aria-pressed=true] .icon-exit:where(.astro-haf435wi){display:block}
