body{margin:0}.indent.svelte-570728{display:inline-block}.python-kw{font-weight:700;color:#a0d2e5}.python-comma,.python-colon,.python-paren,.python-op{color:#ccc}.python-comment{color:#aaa}.python-string{color:#e8c300}.python-number{color:#5bd000}.python-skip{opacity:.3}.python-slider{display:inline-flex;vertical-align:baseline;gap:.5em;align-items:center;accent-color:#A0D2E5}.python-slider>input{margin:0;padding:1em}.python-noselect{user-select:none}canvas.svelte-1h8dkwq{display:block;image-rendering:pixelated}figure.svelte-6t5lyo{margin:0;padding:0}figcaption.svelte-6t5lyo{text-align:center}.stack.svelte-6t5lyo{display:grid;grid-template-columns:100%;grid-template-rows:100%;border:1px solid gray;box-sizing:content-box;width:192px;height:192px;overflow:hidden;aspect-ratio:1}.stack.svelte-6t5lyo>*{grid-area:1 / 1;align-self:stretch;justify-self:stretch}.stacked-image.svelte-6t5lyo{width:100%;height:100%;max-width:100%;max-height:100%;display:block;image-rendering:pixelated}.stacked-svg.svelte-6t5lyo{pointer-events:none;width:100%;height:100%;max-width:100%;max-height:100%;display:block}.stacked-sprite.svelte-6t5lyo{pointer-events:none;width:100%;height:100%;max-width:100%;max-height:100%;display:grid;overflow:hidden}.stacked-sprite-image.svelte-6t5lyo{width:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.pixel-marker.svelte-6t5lyo{shape-rendering:crispEdges;vector-effect:non-scaling-stroke;stroke-width:2px}.stacked-sprite-image.svelte-6t5lyo{margin-top:calc(-100% * var(--sprite-index, 0))}.row.svelte-6t5lyo{display:flex;flex-wrap:wrap;gap:1em}figure.svelte-6t5lyo{width:100%;flex-basis:fit-content;flex-shrink:0}.centered.svelte-6t5lyo{justify-content:center}.python-skip .media-row.svelte-6t5lyo{display:none}.switch.svelte-6t5lyo input:where(.svelte-6t5lyo){display:none}.switch.svelte-6t5lyo{display:flex;justify-content:center;gap:1px;font-size:.8em}.switch-option.svelte-6t5lyo{color:#fff;padding:.1em .6em;cursor:pointer;color:#aaa}.switch-option.active.svelte-6t5lyo{background:gray;color:#b0e2f5}.media-row.svelte-6t5lyo{user-select:none;margin:.5em 0;padding:.8em 0;background:#0003}header.svelte-6t5lyo{margin:2em 0}details.svelte-6t5lyo{padding:.5em 1em;transition:background .08s ease}details[open].svelte-6t5lyo{background:#fefaf0}summary.svelte-6t5lyo{padding:.4em 0;cursor:pointer;user-select:none}footer.svelte-6t5lyo{text-align:center;padding:2em;border-top:1px solid #aaa;margin-top:2em}.icon.svelte-6t5lyo{height:2em;width:2em;display:inline-block;vertical-align:middle;margin:0 .5em 0 0}h1.svelte-6t5lyo{margin:0}section.svelte-6t5lyo{margin:0 auto 3em;max-width:80em;font-family:monospace}.code-snippet.svelte-6t5lyo{display:block;background:#333;color:#fff;padding:1em;font-family:monospace;font-size:1.1em;line-height:1.7;white-space:nowrap}a.svelte-6t5lyo{color:#15218d}.color-picker-label.svelte-6t5lyo{cursor:pointer}ul.svelte-6t5lyo{padding:0;margin:.5em 0;display:flex;gap:.5em;flex-direction:column}p.svelte-6t5lyo code:where(.svelte-6t5lyo),li.svelte-6t5lyo code:where(.svelte-6t5lyo){background:#333;color:#fff;display:inline-block;padding:1px 2px}