.sandbox-grid.svelte-1oyniso{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem}@media(max-width:600px){.sandbox-grid.svelte-1oyniso{grid-template-columns:1fr}}.sandbox-card.svelte-1oyniso{text-decoration:none;color:inherit;display:block}.cover.svelte-1oyniso{position:relative;aspect-ratio:4/3;background:var(--code-bg);border:1px solid var(--rule);overflow:hidden;transition:opacity .15s ease}.cover.svelte-1oyniso img:where(.svelte-1oyniso){width:100%;height:100%;object-fit:cover}.num.svelte-1oyniso{position:absolute;top:.4rem;left:.5rem;font-size:.65rem;color:var(--fg-dim)}.info.svelte-1oyniso h2:where(.svelte-1oyniso){font-size:.9rem;margin:.6rem 0 .25rem}.info.svelte-1oyniso h2:where(.svelte-1oyniso)>span:where(.svelte-1oyniso){display:inline-block}.sub.svelte-1oyniso{font-size:.72rem;color:var(--fg-dim);line-height:1.55;margin:0}.sandbox-card.svelte-1oyniso:hover .cover:where(.svelte-1oyniso){opacity:.85;border-color:var(--fg)}.sandbox-card.svelte-1oyniso:hover .info:where(.svelte-1oyniso) h2:where(.svelte-1oyniso)>span:where(.svelte-1oyniso){background:var(--hi);color:var(--hi-fg)}