@layer starlight.components{.card:where(.astro-zts4jgjd){--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-zts4jgjd):nth-child(4n+1){--sl-card-border:var(--sl-color-orange);--sl-card-bg:var(--sl-color-orange-low)}.card:where(.astro-zts4jgjd):nth-child(4n+3){--sl-card-border:var(--sl-color-green);--sl-card-bg:var(--sl-color-green-low)}.card:where(.astro-zts4jgjd):nth-child(4n+4){--sl-card-border:var(--sl-color-red);--sl-card-bg:var(--sl-color-red-low)}.card:where(.astro-zts4jgjd):nth-child(4n+5){--sl-card-border:var(--sl-color-blue);--sl-card-bg:var(--sl-color-blue-low)}.title:where(.astro-zts4jgjd){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-zts4jgjd) .icon:where(.astro-zts4jgjd){border:1px solid var(--sl-card-border);background-color:var(--sl-card-bg);border-radius:.25rem;flex-shrink:0;padding:.2em}.card:where(.astro-zts4jgjd) .body:where(.astro-zts4jgjd){font-size:clamp(var(--sl-text-sm), calc(.5rem + 1vw), var(--sl-text-body));margin:0}.card-grid:where(.astro-lmor3ela){grid-template-columns:100%;gap:1rem;display:grid}.card-grid:where(.astro-lmor3ela)>*{margin-top:0!important}@media (width>=50rem){.card-grid:where(.astro-lmor3ela){grid-template-columns:1fr 1fr;gap:1.5rem}.stagger:where(.astro-lmor3ela){--stagger-height:5rem;padding-bottom:var(--stagger-height)}.stagger:where(.astro-lmor3ela)>:nth-child(2n){transform:translateY(var(--stagger-height))}}.sl-link-card:where(.astro-vodiqeol){border:1px solid var(--sl-color-gray-5);box-shadow:var(--sl-shadow-sm);border-radius:.5rem;grid-template-columns:1fr auto;gap:.5rem;padding:1rem;display:grid;position:relative}a:where(.astro-vodiqeol){line-height:var(--sl-line-height-headings);text-decoration:none}a:where(.astro-vodiqeol):before{content:"";position:absolute;inset:0}.stack:where(.astro-vodiqeol){flex-direction:column;gap:.5rem}.title:where(.astro-vodiqeol){color:var(--sl-color-white);font-weight:600;font-size:var(--sl-text-lg)}.description:where(.astro-vodiqeol){color:var(--sl-color-gray-3);line-height:1.5}.icon:where(.astro-vodiqeol){color:var(--sl-color-gray-3)}.sl-link-card:where(.astro-vodiqeol):hover{background:var(--sl-color-gray-7,var(--sl-color-gray-6));border-color:var(--sl-color-gray-2)}.sl-link-card:where(.astro-vodiqeol):hover .icon:where(.astro-vodiqeol){color:var(--sl-color-white)}}.showcase:where(.astro-7ayliq36){--sc-bg:#0f0f0f;--sc-chrome:#1a1a1a;--sc-border:#333;--sc-dots:#555;--sc-filename:#555;--sc-code-fg:#999;--sc-sub:#999;--sc-em:#e8e8e8;--sc-dim:#555;--sc-key:#00c8d7;--sc-kw:#6366f1;--sc-str:#4ade80;--sc-red:#f87171;margin:2.5rem 0 3rem}[data-theme=light] .showcase:where(.astro-7ayliq36){--sc-bg:#f8f9fa;--sc-chrome:#eef0f2;--sc-border:#d0d5db;--sc-dots:#c0c5cb;--sc-filename:#6b7280;--sc-code-fg:#374151;--sc-sub:#6b7280;--sc-em:#111827;--sc-dim:#9ca3af;--sc-key:#0e7490;--sc-kw:#4f46e5;--sc-str:#16a34a;--sc-red:#dc2626}.showcase-header:where(.astro-7ayliq36){text-align:center;margin-bottom:2rem}.showcase-header:where(.astro-7ayliq36) h2:where(.astro-7ayliq36){letter-spacing:-.02em;color:var(--sc-em);margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.showcase-header:where(.astro-7ayliq36) p:where(.astro-7ayliq36){color:var(--sc-sub);max-width:32rem;margin:0 auto;font-size:1.05rem}.panels:where(.astro-7ayliq36){grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=860px){.panels:where(.astro-7ayliq36){grid-template-columns:1fr 1fr;gap:1.25rem}}.terminal:where(.astro-7ayliq36){margin-top:1rem}@media (width>=860px){.terminal:where(.astro-7ayliq36){margin-top:1.25rem}}.panel:where(.astro-7ayliq36){border:1px solid var(--sc-border);background:var(--sc-bg);border-radius:.75rem;overflow:hidden}.chrome:where(.astro-7ayliq36){background:var(--sc-chrome);border-bottom:1px solid var(--sc-border);align-items:center;gap:.5rem;padding:.65rem 1rem;display:flex}.dots:where(.astro-7ayliq36){gap:.375rem;display:flex}.dots:where(.astro-7ayliq36) span:where(.astro-7ayliq36){background:var(--sc-dots);border-radius:50%;width:.7rem;height:.7rem}.filename:where(.astro-7ayliq36){color:var(--sc-filename);margin-left:.35rem;font-family:SF Mono,Cascadia Code,Fira Code,Consolas,monospace;font-size:.75rem}.code-body:where(.astro-7ayliq36){background:var(--sc-bg);padding:1rem 1.25rem}@media (width>=860px){.code-body:where(.astro-7ayliq36){padding:1.25rem 1.35rem}}.code-body:where(.astro-7ayliq36) pre{margin:0;font-size:.82rem;line-height:1.65;overflow-x:auto;background:0 0!important;border:none!important;padding:0!important}.code-body:where(.astro-7ayliq36) code{color:var(--sc-code-fg);font-family:SF Mono,Cascadia Code,Fira Code,Consolas,monospace;background:0 0!important}.terminal-body:where(.astro-7ayliq36){color:var(--sc-code-fg);font-family:SF Mono,Cascadia Code,Fira Code,Consolas,monospace;font-size:.85rem;line-height:1.5}.terminal-body:where(.astro-7ayliq36) .term-line{white-space:pre}.terminal-body:where(.astro-7ayliq36) .mt-xs{margin-top:.125rem}.terminal-body:where(.astro-7ayliq36) .mt-sm{margin-top:.25rem}.terminal-body:where(.astro-7ayliq36) .mt-lg{margin-top:.75rem}.code-body:where(.astro-7ayliq36) .hl-key,.terminal-body:where(.astro-7ayliq36) .hl-key{color:var(--sc-key)}.code-body:where(.astro-7ayliq36) .hl-kw{color:var(--sc-kw)}.code-body:where(.astro-7ayliq36) .hl-str,.code-body:where(.astro-7ayliq36) .hl-green,.terminal-body:where(.astro-7ayliq36) .hl-green{color:var(--sc-str)}.code-body:where(.astro-7ayliq36) .hl-red,.terminal-body:where(.astro-7ayliq36) .hl-red{color:var(--sc-red)}.code-body:where(.astro-7ayliq36) .hl-em{color:var(--sc-em)}.code-body:where(.astro-7ayliq36) .hl-heading{color:var(--sc-em);font-weight:500}.code-body:where(.astro-7ayliq36) .hl-txt,.terminal-body:where(.astro-7ayliq36) .hl-txt{color:var(--sc-code-fg)}.code-body:where(.astro-7ayliq36) .hl-sep,.terminal-body:where(.astro-7ayliq36) .hl-sep,.code-body:where(.astro-7ayliq36) .hl-dim,.terminal-body:where(.astro-7ayliq36) .hl-dim{color:var(--sc-dim)}