@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v14/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v14/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}#app{display:grid;row-gap:5px;column-gap:5px}@media (width >= 900px){#app{grid-template-columns:1fr 95vh}#configuration{height:95vh}canvas#main{height:95vh}}@media (width < 900px){.canvas-container{grid-row-start:1}canvas#main{width:min(95vw,95vh)}}#configuration{border:1px solid #000;border-radius:5px;background-color:#deffeb;padding:0 1ch;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}#container::-webkit-scrollbar{display:none}label{display:inline-flex;align-items:center;width:max-content;margin-bottom:.75em}label input{margin-left:1ch}label+span{display:inline;margin-left:.5ch}.canvas-container{width:100%;display:flex;justify-content:center}canvas#main{aspect-ratio:1;background-color:#000;border:1px solid #000;border-radius:5px}body{background-color:#def7ff}*{font-family:Outfit,sans-serif}button{background:0 0;border:none;background-color:#65d6fc;height:2rem;padding:1rem 1.5rem;margin-right:.5ch;border:2px solid #5bc0e2;border-radius:10000px;cursor:pointer;display:inline-flex;align-items:center;transition:background-color .2s,border-color .2s}button:hover{background-color:#54c6ec;border-color:#50adcd}input[type=range]{appearance:none;height:2em;background:#d3d3d3;opacity:.7;transition:opacity .2s;border-radius:10000px}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-thumb{appearance:none;width:2em;height:2em;background:#04a268;cursor:pointer;border-radius:10000px}input[type=range]::-moz-range-thumb{width:25px;height:25px;background:#04aa6d;cursor:pointer;border-radius:10000px}