:root{--sgp-bkg-light: hsl(241, 84%, 97%);--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--sgp-bkg-light);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-black-soft);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--sgp-bkg-light);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}::selection{background:#7fffd4;color:var(--vt-c-black-soft)}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}a{color:var(--color-text);text-decoration:underline 3px hsl(241,84%,70%)}a:hover{color:var(--vt-c-text-light-1);background:#fff200}button{cursor:pointer;background-color:#7fffd4;border:none}button:hover,button:active{background-color:bisque}h2{font-size:2.5rem;margin:1rem 0rem}h3{font-size:1.8rem;margin:.8rem 0rem}kbd{background-color:#fff5ee;border-radius:3px;border:1px solid #b4b4b4;color:#333;display:inline-block;font-size:.85em;font-weight:700;line-height:.8;padding:2px 4px;white-space:nowrap}pre{color:var(--vt-c-text-light-1);background-color:#d1d0fb;padding:1rem .5rem;margin:1rem 0;max-width:60rem;overflow:scroll}ul{padding:0}li{list-style:none}p{font-size:1.2rem;max-width:74ch;margin-bottom:1rem}#app{max-width:95vw;font-weight:400;padding:.5rem}svg[data-v-ae7aca73] *{transform-origin:center;transform-box:fill-box}[data-v-ae7aca73] path{stroke-linecap:round}svg[data-v-ae7aca73],.svg-wrapper[data-v-ae7aca73]{width:70vw;height:100vh}.svg-wrapper[data-v-ae7aca73]{display:flex;flex-direction:column}.big-dashed[data-v-ae7aca73]{stroke-dasharray:100;stroke-dashoffset:100}.little-dashed[data-v-ae7aca73]{stroke-dasharray:20;stroke-dashoffset:20}svg[data-v-5f19dff9] *{transform-origin:center;transform-box:fill-box}[data-v-5f19dff9] path{stroke-linecap:round}svg[data-v-5f19dff9]{flex:1 0 33%}.svg-wrapper[data-v-5f19dff9]{width:80vw;height:100vh}.svg-wrapper[data-v-5f19dff9]{display:flex;flex-wrap:wrap;background-color:transparent}.big-dashed[data-v-5f19dff9]{stroke-dasharray:100;stroke-dashoffset:100}.little-dashed[data-v-5f19dff9]{stroke-dasharray:20;stroke-dashoffset:20}svg[data-v-ee136fe4] *{transform-origin:center;transform-box:fill-box}[data-v-ee136fe4] path{stroke-linecap:round}svg[data-v-ee136fe4],.svg-wrapper[data-v-ee136fe4]{width:70vw;height:100vh}.svg-wrapper[data-v-ee136fe4]{display:flex;flex-direction:column}.big-dashed[data-v-ee136fe4]{stroke-dasharray:100;stroke-dashoffset:100}.little-dashed[data-v-ee136fe4]{stroke-dasharray:20;stroke-dashoffset:20}svg[data-v-ac7580a5] *{transform-origin:center;transform-box:fill-box}[data-v-ac7580a5] path{stroke-linecap:round}.horizontal svg[data-v-ac7580a5],.svg-wrapper.horizontal[data-v-ac7580a5]{width:70vw;height:100vh}.vertical svg[data-v-ac7580a5],.svg-wrapper.vertical[data-v-ac7580a5]{width:70vw;height:100vh}.svg-wrapper.horizontal[data-v-ac7580a5]{display:flex;flex-direction:column}.svg-wrapper.vertical[data-v-ac7580a5]{display:flex;flex-direction:row;position:absolute;top:0;left:0;mix-blend-mode:color-burn}.big-dashed[data-v-ac7580a5]{stroke-dasharray:100;stroke-dashoffset:100}.little-dashed[data-v-ac7580a5]{stroke-dasharray:20;stroke-dashoffset:20}button[data-v-b9c807b1]{background-color:transparent;margin-top:2px}input[data-v-9d3bee6f]{position:absolute;opacity:0;cursor:pointer}select[data-v-9d3bee6f]{-webkit-appearance:none;-moz-appearance:none;appearance:none}select[data-v-9d3bee6f]{border:none;background:#7fffd4;font-family:monospace;cursor:pointer}select[data-v-9d3bee6f]:disabled{background-color:#f0fff0;cursor:not-allowed}.anim-wrapper[data-v-9d3bee6f]{display:flex;gap:.25rem}.remove-icon[data-v-9d3bee6f]{cursor:pointer}.remove-icon[data-v-9d3bee6f]:has(input:disabled){opacity:.5;cursor:not-allowed}button[data-v-9e5408ed]{width:20px;height:20px}button[data-v-9e5408ed]:hover,button[data-v-9e5408ed]:active{background-color:#fff5ee}.buttons-grid[data-v-9e5408ed]{display:grid;grid-template-columns:repeat(9,1fr)}input[name=animation-name][data-v-70bba044]{font-family:monospace}textarea[data-v-70bba044]{width:100%}button[data-v-70bba044]{font-family:monospace}.layer-selector[data-v-70bba044]{display:flex;justify-content:space-between;outline:none;border:none;gap:.5rem;padding:0;text-align:center}.layer-selector label[data-v-70bba044]{font-family:monospace;cursor:pointer;background-color:#fff5ee;flex:1 1 auto}.layer-selector label[data-v-70bba044]:has(input:checked){border-bottom:3px solid hsl(241,84%,70%)}.radio-input[data-v-70bba044]{position:absolute;opacity:0;cursor:pointer}.activity-indicator[data-v-70bba044]{width:.5rem;height:.5rem;border-radius:50%;background-color:gold}.activity-indicator.active[data-v-70bba044]{background-color:#3cb371}.buttons-wrapper[data-v-70bba044]{display:flex;gap:.25rem;justify-content:space-between}.buttons-wrapper.closed[data-v-70bba044]{justify-content:flex-end}.secondary[data-v-70bba044]{background-color:#fff5ee}.secondary[data-v-70bba044]:hover,.secondary[data-v-70bba044]:active{background-color:#f0fff0}.tertiary[data-v-70bba044]{background-color:transparent}.text-entry-container[data-v-70bba044]{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.num-hints button[data-v-0d868ef7],.num-hints button[data-v-0d868ef7]:hover,.row-toggle button[data-v-0d868ef7]{color:#acacb4;font-family:monospace;font-size:.75rem;background-color:transparent}input[data-v-0d868ef7],.num-hints button[data-v-0d868ef7]{width:2rem;height:2rem}input[type=checkbox][data-v-0d868ef7]{cursor:pointer}.big-emoji[data-v-0d868ef7]{font-size:2rem}.buttons-wrapper[data-v-0d868ef7]{display:flex;gap:1rem;justify-content:center;align-items:stretch;width:100%;margin-top:.5rem}.buttons-wrapper button[data-v-0d868ef7]{width:100%}.container[data-v-0d868ef7]{display:flex;gap:.5rem}.container[data-v-0d868ef7] svg{z-index:2}.entry[data-v-0d868ef7],.entry textarea[data-v-0d868ef7]{width:100%}.num-hints[data-v-0d868ef7]{display:flex;justify-content:space-around;margin-right:1rem}.grid-switcher[data-v-0d868ef7]{display:flex;justify-content:end;gap:.5rem;margin-top:1rem;align-items:center}.radio-input[data-v-0d868ef7]{position:absolute;opacity:0;cursor:pointer}.row.highlight[data-v-0d868ef7]{background-color:gold}.roll-wrapper[data-v-0d868ef7]{display:flex;flex-direction:column;height:50vh;align-self:start;position:absolute;right:2rem;z-index:4}.roll-wrapper summary[data-v-0d868ef7]::marker{content:"☀️"}.roll-wrapper summary[data-v-0d868ef7]{cursor:pointer;text-align:end}.row[data-v-0d868ef7]{display:flex;width:100%;justify-content:space-evenly;background-color:#fffacd}