::view-transition-old(demos){opacity:0}::view-transition-group(root){animation-duration:1s}::view-transition-old(dtb){animation:1s both to-bottom}@keyframes to-bottom{to{transform:translateY(100%)}}:root{--accent:135, 206, 235;--accent-gradient:linear-gradient(330deg, #000, #87ceeb)}html{font-family:sans-serif}code{font-family:monospace}main:where(.astro-rn5gtzel){margin:auto;padding:1.5rem}h1:where(.astro-rn5gtzel){margin:0;font-size:3rem;font-weight:800}html body{max-width:90%}.text-gradient:where(.astro-rn5gtzel){background-image:var(--accent-gradient);-webkit-text-fill-color:transparent;background-position:0%;background-size:400%;-webkit-background-clip:text}.instructions:where(.astro-rn5gtzel){border:1px solid rgba(var(--accent), 25%);border-radius:.4rem;margin:1rem 0;padding:1rem;line-height:1.6}.instructions:where(.astro-rn5gtzel) code:where(.astro-rn5gtzel){background:rgba(var(--accent), 12%);color:rgb(var(--accent));border-radius:4px;padding:.3em .45em;font-size:.875em;font-weight:700}.instructions:where(.astro-rn5gtzel) strong:where(.astro-rn5gtzel),.instructions:where(.astro-rn5gtzel) a:where(.astro-rn5gtzel){color:rgb(var(--accent))}.link-card-grid:where(.astro-rn5gtzel){grid-template-columns:repeat(auto-fit,minmax(24ch,1fr));gap:1rem;padding:0;display:grid}