:root{--light-main: #fafafa;--dark-main: #252525;--theme-color: #3eaf7c;--theme-color-shade-10: #389e70;--theme-color-shade-20: #328c63;--theme-color-shade-30: #2b7a57;--theme-color-shade-40: #25694a;--theme-color-shade-50: #1f583e;--theme-color-shade-60: #194632;--theme-color-shade-70: #133425;--theme-color-shade-80: #0c2319;--theme-color-shade-90: #06110c;--theme-color-shade-100: #000000;--theme-color-tint-10: #51b789;--theme-color-tint-20: #65bf96;--theme-color-tint-30: #78c7a3;--theme-color-tint-40: #8bcfb0;--theme-color-tint-50: #9fd7be;--theme-color-tint-60: #b2dfcb;--theme-color-tint-70: #c5e7d8;--theme-color-tint-80: #d8efe5;--theme-color-tint-90: #ecf7f2;--theme-color-tint-100: #ffffff;--accent-dark: hsl(from var(--theme-color) h calc(s - 30%) l);--btn-bd-size: 2px}:root[color-scheme=light]{--main-bg-color: var(--light-main);--text-color: var(--dark-main);--btn-bg-color: var(--theme-color);--btn-text-color: var(--light-main);--btn-bd-color: var(--theme-color-30);--details-bd-color: #09095e;--details-text-color: var(--dark-main)}:root[color-scheme=dark]{--main-bg-color: var(--dark-main);--text-color: var(--light-main);--btn-bg-color: var(--theme-color);--btn-text-color: var(--dark-main);--btn-bd-color: var(--light-main);--details-text-color: var(--dark-main)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:var(--main-bg-color);color:var(--text-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:20em;font-size:1rem}h1{font-size:3.2em;line-height:1.1;text-align:center;padding:0 1em}button{background-color:var(--theme-color);color:var(--light-main);border-radius:8px;border:var(--btn-bd-size) solid var(--btn-bg-color);padding:.6em 1.2em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .5s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:focus,button:hover{border-style:dashed;filter:brightness(95%)}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem}a:hover{color:#747bff}.btn-spaced{margin-right:1em}.demo-box[data-v-833f1298]{border:1px solid;margin-top:1em}.demo-box ul[data-v-833f1298]{padding:0;margin:0;display:flex;list-style:none;max-width:inherit;flex-wrap:wrap}.demo-box li[data-v-833f1298]{padding:0 .25em;margin:0}.demo-box li p[data-v-833f1298]{padding:0;margin:0}.demo-box .css-vars-wrapper[data-v-833f1298]{width:100%;margin:0 auto;height:10em}.css-vars-wrapper textarea[data-v-833f1298]{margin-top:1.25em;height:15vh;width:99.25%}.color-box[data-v-833f1298]{height:2em}.slidecontainer[data-v-833f1298]{width:100%}.slider[data-v-833f1298]{-webkit-appearance:none;width:100%;height:25px;background:#d3d3d3;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slider[data-v-833f1298]:hover{opacity:1}.slider[data-v-833f1298]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;background:var(--theme-color);cursor:pointer}.slider[data-v-833f1298]::-moz-range-thumb{width:25px;height:25px;background:#04aa6d;cursor:pointer}.container[data-v-8378d328]{display:flex;justify-content:center;align-items:center;width:100%;max-width:400px;height:100px;margin:auto;overflow:hidden;border:1px solid #a1a1a130;border-radius:5px}.ball[data-v-8378d328]{width:16px;height:16px;background:#a1a1a1;border-radius:50%}.ball2[data-v-8378d328]{width:10px;height:10px;background:red;border-radius:50%;position:absolute}.modal-overlay[data-v-b962b37a]{position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content[data-v-b962b37a]{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%}.close[data-v-b962b37a]{color:#aaa;float:right;font-size:28px;font-weight:700}.close[data-v-b962b37a]:hover,.close[data-v-b962b37a]:focus{color:#000;text-decoration:none;cursor:pointer}dialog .close[data-v-b962b37a]{font-size:1rem;border-radius:10em;padding:.25em .5em;color:var(--light-main)}.modal-overlay[data-v-ca8ec22d]{position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content[data-v-ca8ec22d]{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%}.close[data-v-ca8ec22d]{color:#aaa;float:right;font-size:28px;font-weight:700}.close[data-v-ca8ec22d]:hover,.close[data-v-ca8ec22d]:focus{color:#000;text-decoration:none;cursor:pointer}dialog .close[data-v-ca8ec22d]{font-size:1rem;border-radius:10em;padding:.25em .5em;color:var(--light-main)}canvas[data-v-d931719f]{display:block;height:40vh;min-width:15vh;max-width:18em;box-shadow:1em;border:1px solid black}.sprite[data-v-31755e8d]{background:url(/walking-man.png) no-repeat;width:75px;height:150px;background-position:0 50%}.alert[data-v-91bab448]{margin:1em;padding:.5em;border-radius:.5em;border:1px solid var(--theme-color-tint-10);display:flex;justify-content:space-between;align-items:center}.v-enter-active[data-v-91bab448],.v-leave-active[data-v-91bab448]{transition:all .2s ease}.v-enter-from[data-v-91bab448],.v-leave-to[data-v-91bab448]{transform:translateY(-10px);opacity:0}.loading-bar[data-v-5a22c7e1]{height:1em;background-color:var(--theme-color)}section[data-v-de971531]{display:flex;flex-wrap:wrap}section>article[data-v-de971531]{margin:1em;padding:1em;border:1px solid var(--dark-main)}pre[data-v-d8163e4f]{text-wrap:wrap}.carousel[data-v-7ca66229]{position:relative;height:300px;margin-bottom:1em}img[data-v-7ca66229]{width:100%;position:absolute;height:300px;object-fit:cover}.v-enter-active[data-v-7ca66229],.v-leave-active[data-v-7ca66229]{transition:all .2s ease}.v-enter-from[data-v-7ca66229]{transform:var(--74319eb3)}.v-leave-to[data-v-7ca66229]{transform:var(--18cc7878)}.controls[data-v-7ca66229]{display:flex;justify-content:center}.file-editor-controls[data-v-e41017ea]{margin-bottom:1em}.file-editor textarea[data-v-e41017ea]{width:fit-content}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue:hover{filter:drop-shadow(0 0 2em #42b883aa)}details{padding:1em}details summary::-webkit-details-marker,details summary::marker{display:none;content:""}details>summary{background-color:var(--theme-color-shade-50);color:var(--theme-color-tint-100);cursor:pointer;display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:0 .5em;border-radius:.5em}details>summary:after{content:"⬇️ Click to open";font-size:x-small;margin-right:1em}details[open]>summary:after{content:"⬆️ Click to close";font-size:x-small}details[open]>summary{color:var(--theme-color-shade-100);background-color:var(--theme-color-tint-50)}section.use{border:1px solid gray;border-radius:1em;margin-bottom:1em}summary{padding:.5em}.icons{display:flex;justify-content:center}