.home-demo__toolbar:where(.astro-znvcu2rg){flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin-block-end:.75rem;display:flex}.home-demo__skins:where(.astro-znvcu2rg) button:where(.astro-znvcu2rg){text-transform:capitalize}.home-demo__choices:where(.astro-znvcu2rg){flex-wrap:wrap;gap:.25rem;display:flex;& button{color:var(--sl-color-gray-3);font:inherit;font-size:var(--sl-text-sm);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;margin:0;padding:.25rem .75rem}& button:hover{color:var(--sl-color-white)}& button[aria-pressed=true]{border-color:var(--sl-color-gray-5);background:var(--sl-color-gray-6);color:var(--sl-color-white)}& button:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}}.home-demo__pair:where(.astro-znvcu2rg){border:1px solid var(--sl-color-gray-5);border-radius:.75rem;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.home-demo__pair:where(.astro-znvcu2rg)[hidden]{display:none}@media (width>=60rem){.home-demo__pair:where(.astro-znvcu2rg){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.home-demo__source:where(.astro-znvcu2rg){background:var(--home-shade);min-width:0;& .expressive-code{margin:0}& .expressive-code .frame{box-shadow:none}& .expressive-code pre{background:0 0;border:0}}.home-demo__render:where(.astro-znvcu2rg){border-block-start:1px solid var(--sl-color-gray-5);flex-direction:column;min-width:0;display:flex;& .sl-docs-preview{flex:1;align-content:center;display:grid}}@media (width>=60rem){.home-demo__render:where(.astro-znvcu2rg){border-block-start:0;border-inline-start:1px solid var(--sl-color-gray-5)}}.home-demo__caption:where(.astro-znvcu2rg){color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);margin:0;padding:.75rem 1rem 0}.sl-container:has(.home){max-width:76rem}.content-panel:has(#_top){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}:root{--home-shade:var(--sl-color-gray-6)}:root[data-theme=light]{--home-shade:var(--sl-color-gray-7)}.home:where(.astro-vbfttlze){padding-block:2rem 4rem}.home-hero:where(.astro-vbfttlze){max-width:48rem;padding-block:2rem 2.5rem}.home-hero__title:where(.astro-vbfttlze){font-family:"Schibsted Grotesk", var(--sl-font);letter-spacing:-.035em;color:var(--sl-color-white);text-wrap:balance;margin:0;font-size:clamp(2.5rem,6vw,4.25rem);font-weight:800;line-height:1.02}.home-hero__tagline:where(.astro-vbfttlze){font-family:"Schibsted Grotesk", var(--sl-font);letter-spacing:-.015em;color:var(--sl-color-accent);margin:1rem 0 0;font-size:clamp(1.25rem,2.5vw,1.625rem);font-weight:400}.home-hero__lead:where(.astro-vbfttlze){max-width:38rem;font-size:var(--sl-text-lg);color:var(--sl-color-gray-2);margin:1.5rem 0 0;line-height:1.6}.home-hero__meta:where(.astro-vbfttlze){font-size:var(--sl-text-sm);color:var(--sl-color-gray-3);margin:1.25rem 0 0}.home:where(.astro-vbfttlze) code:where(.astro-vbfttlze){font-family:var(--__sl-font-mono);color:var(--sl-color-accent-high);font-size:.9em}.home-actions:where(.astro-vbfttlze){flex-wrap:wrap;gap:.5rem;margin-block-start:2rem;display:flex}.home-button:where(.astro-vbfttlze){border:1px solid var(--sl-color-gray-5);color:var(--sl-color-white);border-radius:.5rem;align-items:center;padding:.625rem 1.125rem;font-weight:600;text-decoration:none;display:inline-flex}.home-button:where(.astro-vbfttlze):hover{border-color:var(--sl-color-gray-4);background:var(--sl-color-gray-6)}.home-button:where(.astro-vbfttlze):focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.home-button--primary:where(.astro-vbfttlze){border-color:var(--sl-color-accent);background:var(--sl-color-accent);color:var(--sl-color-black)}.home-button--primary:where(.astro-vbfttlze):hover{border-color:var(--sl-color-accent-high);background:var(--sl-color-accent-high)}.home-section:where(.astro-vbfttlze){margin-block-start:6rem}.home:where(.astro-vbfttlze) h2:where(.astro-vbfttlze){font-family:"Schibsted Grotesk", var(--sl-font);letter-spacing:-.025em;color:var(--sl-color-white);text-wrap:balance;margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.15}.home-section:where(.astro-vbfttlze) p:where(.astro-vbfttlze){max-width:36rem;color:var(--sl-color-gray-2);margin:1rem 0 0;line-height:1.65}.home-section:where(.astro-vbfttlze) a:where(.astro-vbfttlze):not(.home-button){color:var(--sl-color-accent)}.home-split:where(.astro-vbfttlze){grid-template-columns:minmax(0,1fr);align-items:center;gap:2rem;display:grid}@media (width>=60rem){.home-split:where(.astro-vbfttlze){grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:4rem}}.home-typo:where(.astro-vbfttlze){min-width:0;& .expressive-code{margin:0}}.home-typo__error:where(.astro-vbfttlze){color:var(--sl-color-white);font-size:var(--sl-text-sm);white-space:pre-wrap;background:oklab(62.5565% .177936 .0756249/.1);border-inline-start:3px solid #e5484d;border-radius:.25rem;margin:.5rem 0 0;padding:.875rem 1rem;line-height:1.6;& code{color:inherit}}.home-features:where(.astro-vbfttlze){gap:2rem 3rem;margin:2.5rem 0 0;display:grid;&>div:where(.astro-vbfttlze){border-block-start:1px solid var(--sl-color-gray-5);padding-block-start:1rem}& dt{color:var(--sl-color-white);font-weight:600}& .home-features__icon{width:1.5rem;height:1.5rem;color:var(--sl-color-accent);margin-block-end:.75rem;display:block}& dt a{text-decoration:none}& dt a:hover{text-decoration:underline}& dd{color:var(--sl-color-gray-3);margin:.375rem 0 0;line-height:1.6}}@media (width>=40rem){.home-features:where(.astro-vbfttlze){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=60rem){.home-features:where(.astro-vbfttlze){grid-template-columns:repeat(3,minmax(0,1fr))}}.home-section:where(.astro-vbfttlze) p:where(.astro-vbfttlze).home-section__lead{max-width:44rem}.home-layout:where(.astro-vbfttlze){border:1px solid var(--sl-color-gray-5);border-radius:.75rem;margin-block-start:2rem;overflow:hidden}