:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;color-scheme:light dark;color:#ffffffde;background-color:#242424;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{align-content:center;background:teal;display:flex;justify-content:center;margin:0;min-width:320px;min-height:100vh;place-items:center}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.screen{align-content:center;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center}.window{min-height:200px;width:600px;z-index:3}.logo{height:155px;left:50px;padding:0 10px;position:absolute;top:-10px;width:175px;z-index:1}.counter{display:flex;flex-flow:column;float:right;margin:20px auto 0;padding:1rem;width:230px;z-index:0}.interactive-counter{display:flex;flex-flow:row nowrap;justify-content:space-between;margin:1rem 1rem 0}.interactive-counter button{margin-left:.5rem;height:51px}button{border-radius:8px;border:1px solid transparent;background-color:#1a1a1a;cursor:pointer;font-size:1em;font-weight:500;font-family:inherit;padding:.6em 1.2em;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (min-width: 300px) and (max-width: 960px){.window{margin-top:50px;width:90vw}}