@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;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{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}button:focus{outline:none}*{font-family:Open Sans,sans-serif}body{margin:0;width:100vw;overflow-x:hidden}button{border:none;cursor:pointer;background-color:#ebebf0}.main_container{position:relative;left:17.5vw;width:65vw;background-color:#fff;border-left:2px solid rgb(200,200,200);border-right:2px solid rgb(200,200,200)}h1{width:50%;margin-left:25%;margin-top:2vh;margin-bottom:10vh;color:#fff;background-color:#1e1e1e;border-radius:25px}.title{padding-top:1.5vh;padding-bottom:1.5vh;text-align:center;font-size:2.5vh;letter-spacing:2px}.settings{display:flex;flex-direction:row;margin-left:8%;margin-bottom:1vh;width:84%;height:10vh;background-color:#fff;font-size:1.7vh}.visualizer{position:relative;margin-left:8%;margin-top:1vh;width:66%;height:75vh;background-color:#fff;border:2px solid rgb(200,200,200)}.settings>*{display:flex;height:100%;background-color:#fff;justify-content:left;align-items:center}.main{display:flex;flex-direction:row}.select_algorithm{width:20%;margin-right:1vw}.select_algorithm button{border-radius:0!important;background:#f0f0f5}.select_speed{width:28vw;padding:0}.select_speed button{font-size:125%;font-weight:600;background-color:#f5f5fa}.controls{float:right;width:50%;justify-content:flex-end}.live_stats{margin-top:1vh;position:relative;display:flex;flex-direction:column;width:11.5vw;height:75vh;background-color:#fff;border-top:2px solid rgb(200,200,200);border-right:2px solid rgb(200,200,200);border-bottom:2px solid rgb(200,200,200)}.live_stats div{height:50%}.live_stats h6{margin:0;margin-top:2vh;margin-bottom:2vh;font-size:2vh;font-weight:400;color:#000;text-align:center}.live_stats p{margin-left:1vw;margin-top:.5vh;margin-bottom:.5vh;font-size:1.4vh;font-weight:300}.logs{height:70%!important;overflow-y:scroll}.other{margin-top:5vh;margin-left:8%;margin-right:8%}.select_algorithm button{width:10vw;height:6vh;font-size:1.5vh;background:#f0f0f5;border-radius:10px;margin-right:1vw}.color{width:5vw;display:flex;flex-direction:column;margin-right:.5vw;background-color:#7fffd4}.color label{text-align:center;margin-bottom:1vh}.circle_button{align-items:center;justify-content:center;width:2.25vw;height:2.25vw;margin-left:.875vw;border-radius:50%;cursor:pointer}.color1{background-color:#f08080}.color2{background-color:#ff0}.color3{background-color:#90ee90}.select_speed button{margin-left:1vw;margin-right:1vw;width:4vw;height:6vh;border-radius:15px;font-size:1.5vh}.controls button{display:flex;align-items:center;justify-content:center;width:2.25vw;height:2.25vw;margin-left:.875vw;border-radius:50%;background:#f0f0f5}.controls button img{width:1vw;height:1vw;position:relative}.select_colors{display:flex;flex-direction:row}.select_colors>*{margin-right:.5vw;display:flex;align-items:center;justify-content:center}.select_colors>*:hover{background-color:#fafafa;border-radius:20px;cursor:pointer}.selected_color_button{background-color:#fafafa;border:1px solid rgb(230,230,230);margin-right:calc(.5vw - 2px);border-radius:20px}.tooltip-container{position:relative;display:inline-block}.tooltip-container .tooltip-text{visibility:hidden;max-width:220px;min-width:180px;background-color:#333;color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.live_stats img{width:2.5vh;height:2.5vh;margin-left:10%;margin-top:1.5vh;margin-right:-.5vh;opacity:.5}button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}@media screen and (max-width: 600px){.main_container{width:98vw;margin:0;left:0;border:none}h1{margin-left:10%;margin-top:5vh;width:80%;font-size:2vh!important}.settings,.visualizer{margin-left:0;left:0;border:none}.settings{width:100%;display:flex;flex-direction:column;margin-bottom:10vh}.visualizer{margin-top:30vh;height:88vw}.controls{display:flex;flex-direction:row;width:80%;margin-left:12%;margin-top:7.5vh;float:none}.live_stats{display:block!important;width:100%;height:60vh;border:none}.live_stats h6{font-size:2.5vh}.live_stats p{width:90%;margin-left:3vw;font-size:2vh}.main{flex-direction:column}.settings>*{display:block}.select_algorithm{width:100%;margin:0}.select_algorithm button{width:70%;font-size:1.75vh;margin-left:15%}.select_colors{margin-top:2vh;display:flex;flex-direction:row}.select_colors>*{width:24%}.select_speed{width:100%}.controls button{display:inline;width:20vw;height:18vw;margin-left:2.5vw;margin-right:2.5vw;border-radius:20px}.controls button img{width:3vh;height:3vh;position:relative}.live_stats img{width:3.5vh;height:3.5vh;margin-right:2vw}}:root{--cell-color: black}@keyframes color_element{0%{background-color:var(--cell-color);opacity:1;transform:scale(0);border-radius:0%}50%{background-color:var(--cell-color);opacity:1;transform:scale(.6);border-radius:100%}to{background-color:var(--cell-color);opacity:1;transform:scale(1);border-radius:0}}.scrollbar{overflow:auto}.scrollbar::-webkit-scrollbar{width:1.25vh!important;height:12px!important}.scrollbar::-webkit-scrollbar-track{background:#ebebf0!important;border-radius:10px!important}.scrollbar::-webkit-scrollbar-thumb{background:#afafaf!important;border-radius:10px!important;border:2px solid #f1f1f1!important}.scrollbar::-webkit-scrollbar-thumb:hover{background:#7d7d7d!important}._grid_c50ba_1{gap:1px;width:100%;height:75vh;box-sizing:border-box}._cell_c50ba_8{display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;cursor:pointer;text-align:center;font-size:12px;overflow:hidden;width:100%;height:100%;box-sizing:border-box}._grid_c50ba_1>*{object-fit:contain}@media screen and (max-width:600px){._grid_c50ba_1{grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);margin-left:4vw;margin-top:0vh;width:90vw;height:86vw}}._select_algorithm_105sh_1{position:relative}._dropdownMenu_105sh_5{position:absolute;top:6vh;width:calc(10vw - 2px);left:0;background-color:#f5f5fa;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a;z-index:10}._dropdownMenu_105sh_5 button{width:calc(10vw - 2px);height:4vh;border:none;background-color:transparent;cursor:pointer;border-radius:0;text-align:center;font-size:1.6vh;font-weight:600;border-bottom:1px solid #ccc}._dropdownMenu_105sh_5 button:hover{background-color:#ededf2;border-bottom:1px solid #ccc}._select_algorithm_105sh_1 span{font-size:1.6vh;font-weight:600}@media screen and (max-width: 600px){._dropdownMenu_105sh_5{width:70%;margin-left:15%;margin-top:.5vh}._dropdownMenu_105sh_5 button{display:block;width:100%;height:6vh;margin-left:0;font-size:2vh}}._slider_container_17mhl_1{text-align:center;padding:20px;width:100%;max-width:400px;margin:0 auto}._slider_17mhl_1{margin-top:2vh;width:8vw;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.8vh;background:#f0f0f5;outline:none;opacity:.9;transition:opacity .2s;border-radius:5px}._slider_17mhl_1:hover{opacity:1}._slider_17mhl_1::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.75vh;height:2.75vh;background:#1e1e1e;cursor:pointer;border-radius:50%}._slider_17mhl_1::-moz-range-thumb{width:18px;height:18px;background:#323232;cursor:pointer;border-radius:50%}._selected_speed_17mhl_42{width:100%;margin-top:10px;font-size:1.6vh;font-weight:300}._selected_speed_17mhl_42 span{font-size:2vh;font-weight:800}@media screen and (max-width: 600px){._slider_container_17mhl_1{margin-top:2vh;max-width:100%;padding:0}._slider_17mhl_1{width:60%;height:3vh}._slider_17mhl_1::-webkit-slider-thumb{width:4vh;height:4vh}._selected_speed_17mhl_42{font-size:2vh}._selected_speed_17mhl_42 span{font-size:2.4vh}}._colorButton_1b9ra_1{display:flex;align-items:center;justify-content:center;width:2vw;height:2vw;padding:0;border-radius:50%;cursor:pointer;margin-left:.2vw;margin-right:.2vw}._colorButtonLabel_1b9ra_14{text-align:center;margin-bottom:1vh}._colorButtonWrapper_1b9ra_19{padding:1vh 2vh;display:flex;flex-direction:column}._colorButtonWrapper_1b9ra_19 input[type=color]{width:2vw;height:2vw;border:none;cursor:pointer;border-radius:5px;transition:box-shadow .3s ease}input[type=color]{border:none;width:32px;height:32px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}@media screen and (max-width: 600px){._colorButtonWrapper_1b9ra_19 input[type=color]{width:10vw;height:10vw}}._container_1q8jb_1{width:19vw;height:10vh;background-color:#f5f5f5;border:1px solid rgb(220,220,220);border-radius:20px;position:absolute}._container_1q8jb_1:hover{background-color:#f5f5f5}