:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:monospace;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{background:teal;place-content:center;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}#app{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.screen{flex-flow:column wrap;place-content:center;display:flex}.window{z-index:3;width:600px;min-height:200px}.logo{z-index:1;width:175px;height:155px;padding:0 10px;position:absolute;top:-10px;left:50px}.counter{float:right;z-index:0;flex-flow:column;width:230px;margin:20px auto 0;padding:1rem;display:flex}.interactive-counter{flex-flow:row;justify-content:space-between;margin:1rem 1rem 0;display:flex}.interactive-counter button{height:51px;margin-left:.5rem}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (width>=300px) and (width<=960px){.window{width:90vw;margin-top:50px}}