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