@font-face{font-family:Recursive;src:url(/RecursiveMonoLnrSt-Light.woff2)}:root{--bg: #222;--tc: #fff;--lc: #fff;--bc: #fff;--bbc: #666;--gbc: #252525;--fmc: #333;--sbc: #666;--stc: #fff;font-family:Recursive;font-size:16px;color:var(--tc);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-overflow-style:none;scrollbar-width:none}:root.light-theme{--bg: #fed;--tc: #000;--lc: #000;--bc: #000;--bbc: #bbb;--gbc: #edc;--fmc: #edc;--sbc: #aaa;--stc: #000}body{margin:0;display:flex;place-items:center;width:100vw;height:100vh}#ledGrid{position:absolute;left:50%;transform:translate(-50%);bottom:10px;width:700px;height:700px;z-index:-1}#canvas{width:100%;height:100%;outline:none}#cornerInfo{position:absolute;text-align:right;top:10px;right:430px;width:120px;height:22px}button{position:absolute;background-color:var(--bbc);opacity:.5;border:none;border-radius:4px;cursor:pointer;color:var(--bc);height:22px;font-size:16px;font-family:inherit}button:hover{opacity:.7}button:disabled{cursor:default;pointer-events:none}.switchButtonOff{background-color:var(--bbc);color:var(--bc)}.switchButtonOn,.pushButton:active{background-color:var(--bc);color:var(--bbc)}.verticalButton{right:10px;width:22px}button>span{writing-mode:vertical-rl;vertical-align:middle;line-height:12px}select,option{cursor:pointer;background-color:var(--bbc);color:var(--bc)}.sliderContainer{position:relative;height:22px;margin:auto auto 10px;cursor:pointer;border-radius:4px;background:var(--sbc);opacity:.5}.sliderContainer:hover{opacity:.7}.sliderContainer>p{position:absolute;left:5px;height:22px;margin:0;padding:0;text-align:left}.slider{position:absolute;left:0;-webkit-appearance:none;appearance:none;width:100%;height:22px;background:none;outline:none;border:none;cursor:inherit;margin:0;border-radius:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border-radius:4px;appearance:none;outline:none;border:none;width:22px;height:22px;background:var(--stc);opacity:.5}.slider::-moz-range-thumb{appearance:none;border-radius:4px;outline:none;border:none;width:22px;height:22px;background:var(--stc);opacity:.5}#ledLinearSlider,#radiusSlider,#blurSlider,#speedSlider,#grayScottFSlider,#grayScottKSlider{position:absolute}#ledLinearSlider{left:140px;top:42px}#radiusSlider{left:450px;top:42px}#blurSlider{left:760px;top:42px}#grayScottFSlider{left:10px;top:74px}#grayScottKSlider{left:220px;top:74px}#speedSlider{left:10px;top:42px}hex-color-picker{position:absolute;top:10px;right:10px;width:256px;height:256px;cursor:pointer;visibility:hidden}hex-color-picker::part(saturation){border-radius:4px}hex-color-picker::part(hue){height:22px;margin-top:5px;border-radius:4px}hex-color-picker::part(saturation-pointer){border-radius:4px;width:22px;height:22px}hex-color-picker::part(hue-pointer){border-radius:4px;width:22px;height:22px}