@layer starlight.components{.card:where(.astro-355hypse){--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-355hypse):nth-child(4n+1){--sl-card-border:var(--sl-color-orange);--sl-card-bg:var(--sl-color-orange-low)}.card:where(.astro-355hypse):nth-child(4n+3){--sl-card-border:var(--sl-color-green);--sl-card-bg:var(--sl-color-green-low)}.card:where(.astro-355hypse):nth-child(4n+4){--sl-card-border:var(--sl-color-red);--sl-card-bg:var(--sl-color-red-low)}.card:where(.astro-355hypse):nth-child(4n+5){--sl-card-border:var(--sl-color-blue);--sl-card-bg:var(--sl-color-blue-low)}.title:where(.astro-355hypse){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-355hypse) .icon:where(.astro-355hypse){border:1px solid var(--sl-card-border);background-color:var(--sl-card-bg);border-radius:.25rem;flex-shrink:0;padding:.2em}.card:where(.astro-355hypse) .body:where(.astro-355hypse){font-size:clamp(var(--sl-text-sm), calc(.5rem + 1vw), var(--sl-text-body));margin:0}}.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;--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:source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--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{--sl-border:var(--sl-color-gray-6)}.hero-code{margin-top:7rem!important}.head{text-align:center;@media only screen and (width>=769px){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;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;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}}