@layer starlight.components{.card:where(.astro-oag6qnet){--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-oag6qnet):nth-child(4n+1){--sl-card-border:var(--sl-color-orange);--sl-card-bg:var(--sl-color-orange-low)}.card:where(.astro-oag6qnet):nth-child(4n+3){--sl-card-border:var(--sl-color-green);--sl-card-bg:var(--sl-color-green-low)}.card:where(.astro-oag6qnet):nth-child(4n+4){--sl-card-border:var(--sl-color-red);--sl-card-bg:var(--sl-color-red-low)}.card:where(.astro-oag6qnet):nth-child(4n+5){--sl-card-border:var(--sl-color-blue);--sl-card-bg:var(--sl-color-blue-low)}.title:where(.astro-oag6qnet){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-oag6qnet) .icon:where(.astro-oag6qnet){border:1px solid var(--sl-card-border);background-color:var(--sl-card-bg);border-radius:.25rem;flex-shrink:0;padding:.2em}.card:where(.astro-oag6qnet) .body:where(.astro-oag6qnet){font-size:clamp(var(--sl-text-sm), calc(.5rem + 1vw), var(--sl-text-body));margin:0}.card-grid:where(.astro-7qmvx3iy){grid-template-columns:100%;gap:1rem;display:grid}.card-grid:where(.astro-7qmvx3iy)>*{margin-top:0!important}@media (width>=50rem){.card-grid:where(.astro-7qmvx3iy){grid-template-columns:1fr 1fr;gap:1.5rem}.stagger:where(.astro-7qmvx3iy){--stagger-height:5rem;padding-bottom:var(--stagger-height)}.stagger:where(.astro-7qmvx3iy)>:nth-child(2n){transform:translateY(var(--stagger-height))}}.sl-link-card:where(.astro-zaaezwya){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-zaaezwya){line-height:var(--sl-line-height-headings);text-decoration:none}a:where(.astro-zaaezwya):before{content:"";position:absolute;inset:0}.stack:where(.astro-zaaezwya){flex-direction:column;gap:.5rem}.title:where(.astro-zaaezwya){color:var(--sl-color-white);font-weight:600;font-size:var(--sl-text-lg)}.description:where(.astro-zaaezwya){color:var(--sl-color-gray-3);line-height:1.5}.icon:where(.astro-zaaezwya){color:var(--sl-color-gray-3)}.sl-link-card:where(.astro-zaaezwya):hover{background:var(--sl-color-gray-7,var(--sl-color-gray-6));border-color:var(--sl-color-gray-2)}.sl-link-card:where(.astro-zaaezwya):hover .icon:where(.astro-zaaezwya){color:var(--sl-color-white)}}.showcase-head:where(.astro-fej3bsya){justify-content:space-between;align-items:end;gap:1rem;display:flex}.showcase-nav:where(.astro-fej3bsya){gap:.5rem;display:flex}.showcase-nav:where(.astro-fej3bsya)[hidden]{display:none}.showcase-nav:where(.astro-fej3bsya) button:where(.astro-fej3bsya){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-black);width:2.5rem;height:2.5rem;color:var(--sl-color-white);cursor:pointer;border-radius:999px;margin:0;font-size:1.5rem;line-height:1}.showcase-nav:where(.astro-fej3bsya) button:where(.astro-fej3bsya):hover{border-color:var(--sl-color-accent)}.showcase-track:where(.astro-fej3bsya){scroll-snap-type:x mandatory;overscroll-behavior-x:contain;grid-auto-columns:min(100%,36rem);grid-auto-flow:column;gap:1.25rem;margin:1rem 0 0;padding:0 0 .75rem;list-style:none;display:grid;overflow-x:auto}.showcase-card:where(.astro-fej3bsya){scroll-snap-align:start;margin:0}.showcase-track:where(.astro-fej3bsya):has(>.showcase-card:only-child){grid-auto-columns:100%;padding-bottom:0;overflow:visible}@media (width>=50rem){.showcase-card:where(.astro-fej3bsya):only-child{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:2rem;display:grid}.showcase-card:where(.astro-fej3bsya):only-child .showcase-meta:where(.astro-fej3bsya) h3:where(.astro-fej3bsya){font-size:var(--sl-text-2xl);margin-top:0}}.showcase-player:where(.astro-fej3bsya){aspect-ratio:16/9;background:#000;border-radius:.75rem;position:relative;overflow:hidden}.showcase-play:where(.astro-fej3bsya){cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.showcase-play:where(.astro-fej3bsya) img:where(.astro-fej3bsya),.showcase-player:where(.astro-fej3bsya) iframe{object-fit:cover;border:0;width:100%;height:100%;display:block}.showcase-play-icon:where(.astro-fej3bsya){background:#18161ab8;border-radius:999px;width:4.5rem;height:4.5rem;transition:background .15s;position:absolute;inset:50% auto auto 50%;translate:-50% -50%;box-shadow:0 0 0 2px #ffffffd9}.showcase-play-icon:where(.astro-fej3bsya):after{content:"";border-block:.8rem solid #0000;border-inline-start:1.3rem solid #fff;position:absolute;inset:50% auto auto 54%;translate:-50% -50%}.showcase-play:where(.astro-fej3bsya):hover .showcase-play-icon:where(.astro-fej3bsya),.showcase-play:where(.astro-fej3bsya):focus-visible .showcase-play-icon:where(.astro-fej3bsya){background:var(--sl-color-accent)}.showcase-runtime:where(.astro-fej3bsya){color:#fff;font-size:var(--sl-text-xs);font-variant-numeric:tabular-nums;background:#000000b8;border-radius:.3rem;padding:.1rem .45rem;position:absolute;bottom:.6rem;right:.6rem}.showcase-meta:where(.astro-fej3bsya) h3:where(.astro-fej3bsya){font-size:var(--sl-text-lg);margin:.75rem 0 0}.showcase-meta:where(.astro-fej3bsya) p:where(.astro-fej3bsya){margin:.2rem 0 0}.showcase-byline:where(.astro-fej3bsya){color:var(--sl-color-gray-2)}.showcase-links:where(.astro-fej3bsya){flex-wrap:wrap;gap:1rem;display:flex}.showcase-share:where(.astro-fej3bsya){color:var(--sl-color-gray-2);margin-top:1rem}.showcase-notice:where(.astro-fej3bsya){color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);line-height:1.5;margin-top:.5rem!important}
