:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1;margin-top:0}#app{max-width:1280px;margin:0 auto;padding:2rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.langtag.svelte-1w9vok{position:relative}.langtag.svelte-1w9vok:after{content:attr(data-language);position:absolute;top:var(--langtag-top, 0);right:var(--langtag-right, 0);display:flex;align-items:center;justify-content:center;background:var(--langtag-background, inherit);color:var(--langtag-color, inherit);border-radius:var(--langtag-border-radius, 0);padding:var(--langtag-padding, 1em)}.code-box.svelte-1ernkik.svelte-1ernkik{max-width:50%}.two-column.svelte-1ernkik.svelte-1ernkik{display:flex;justify-content:center;gap:8px}.code.svelte-1ernkik.svelte-1ernkik{text-align:left}.highlight.svelte-1ernkik div{padding:1px;margin:1px}.highlight.svelte-1ernkik>div{border:1px solid red}.highlight.svelte-1ernkik>div>div{border:1px solid green}.highlight.svelte-1ernkik>div>div>div{border:1px solid pink}.highlight.svelte-1ernkik>div>div>div div{border:1ps solid grey}.main-container.svelte-1ernkik button.svelte-1ernkik{position:absolute;top:0;right:0;font-size:small}.main-container.svelte-1ernkik.svelte-1ernkik{position:relative}main.svelte-1ernkik.svelte-1ernkik{border:1px solid black;margin:42px auto 16px;background-color:#fff;color:#000}.landscape.svelte-1ernkik.svelte-1ernkik{width:3.5in;height:2in}div.svelte-1shp9vw code{display:inline-block}.instructions.svelte-1shp9vw{display:flex;flex-direction:column;justify-content:start;overflow-y:auto;margin-bottom:8px;padding:2em;background-color:#ffea8a;color:#223;max-width:32em}.step-container.svelte-1lrn9ij{display:flex;flex-direction:column-reverse}.player.svelte-1lrn9ij{margin-bottom:auto}.cols.svelte-1lrn9ij{display:flex;justify-content:center;gap:8px;align-items:top}.steps.svelte-1lrn9ij>*>*{display:none}.steps.showAll.svelte-1lrn9ij>*>*{display:block}.steps.active1.svelte-1lrn9ij>*>*:nth-child(1){display:block}.steps.active2.svelte-1lrn9ij>*>*:nth-child(2){display:block}.steps.active3.svelte-1lrn9ij>*>*:nth-child(3){display:block}.steps.active4.svelte-1lrn9ij>*>*:nth-child(4){display:block}.steps.active5.svelte-1lrn9ij>*>*:nth-child(5){display:block}.steps.active6.svelte-1lrn9ij>*>*:nth-child(6){display:block}.steps.active7.svelte-1lrn9ij>*>*:nth-child(7){display:block}.steps.active8.svelte-1lrn9ij>*>*:nth-child(8){display:block}.step-info.svelte-1lrn9ij{display:flex;gap:4px;justify-content:end;align-items:end;margin-left:auto}.step-number.svelte-1lrn9ij{width:1.5em;height:1.5em;background-color:#913202;color:#fff;font-weight:700;display:grid;place-content:center;border-radius:50%}.player.svelte-1lrn9ij{display:flex;align-items:center;gap:8px}.menu.svelte-1fh6jgi{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}h1.svelte-1fh6jgi,h3.svelte-1fh6jgi{margin:0;text-align:center}