@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300&display=swap";.all-content{font-family:Roboto,sans-serif;max-width:1400px;margin:10px auto}.horizontal{display:flex}.vertical{display:flex;flex-direction:column}.yellow-bg{background:#e6dc1e;background:linear-gradient(180deg,#e6dc1e,#faf032)}.red-bg{background:#d24b4b;background:linear-gradient(180deg,#d24b4b,#e65f5f)}.blue-bg{background:#4696dc;background:linear-gradient(180deg,#4696dc,#5aaaf0)}.green-bg{background:#64e164;background:linear-gradient(180deg,#64e164,#78f578)}.gray-bg{background:#e0e0e0;background:linear-gradient(180deg,#e0e0e0,#f4f4f4)}.white-bg{background-color:#fff}.black-bg{background-color:#404040}.small-font{font-size:4px}.medium-font{font-size:8px}.large-font{font-size:16px}.big-font{font-size:20px;display:inline-block;margin:0 auto;padding:0}.huge-font{font-size:24px;display:inline-block;margin:0 auto;padding:0}.white-text{color:#fff!important}div.toolbox{margin:0;border:none;padding:10px;display:flex;flex-direction:row;align-self:center}div.toolbox button{border:1px solid #404040;border-radius:10%;padding:0;width:60px;height:60px;color:#323232;cursor:pointer}div.toolbox button:active{color:#afafaf!important}div.toolbox button.fat-button{border:1px solid #404040;border-radius:5%;padding:0;width:90px;height:45px!important;cursor:pointer}div.toolbox button.fat-button:hover{background-color:#101010}div.toolbox button.thin-button{border:1px solid rgb(50,50,50);border-radius:10%;padding:0;width:10%;height:60px;color:#323232;cursor:pointer}div.toolbox button:disabled{color:silver!important;border-color:silver!important;cursor:auto!important}div.toolbox button.black-bg:disabled{background-color:gray}div.toolbox button:not(:disabled):hover{box-shadow:1px 1px 2px #323232,0 0 10px #afafaf,0 0 10px #242424}#button-prev,#button-next{align-self:flex-end}#div-title{font:40px Courier New,monospace}div.panel{border:1px solid black;width:100%;background-color:#f0f0f0;align-self:center}div.panel+div.panel{margin-top:10px}div.panel .panel-header{height:30px;background-color:#bbb;text-align:center;font:26px Roboto,sans-serif;font-weight:600}#canvas{margin-top:10px;display:inline-block}@keyframes blinker{50%{opacity:0}}ul.line{font:20px Courier New,monospace;list-style-type:none;text-align:left;margin:10px 0}ul.line li{padding-left:50px;text-indent:-1em}ul.line li button.code-selection{margin-left:-10px;padding:0 10px;border:0;font:20px Courier New,monospace;cursor:pointer;background-color:#000;color:#fff}ul.line li button.code-selection:hover{background-color:gray}ul.line li button.variable-value{margin:2px 5px;font:20px Courier New,monospace;cursor:pointer}ul.line li:before{content:"";padding-right:15px}ul.line li.single-active:before{font-family:"Font Awesome 5 Free";content:"";display:inline-block;vertical-align:middle;font-weight:900;padding-right:15px;animation:blinker 1s linear infinite}ul.line li.multi-active:before{font-family:"Font Awesome 5 Free";content:"";display:inline-block;vertical-align:middle;font-weight:900;padding-right:15px;animation:blinker 1s linear infinite}ul.line li.done:before{font-family:"Font Awesome 5 Free";content:"";display:inline-block;vertical-align:middle;font-weight:900;padding-right:15px}#level-icon{font-size:34px}#content-desktop{display:block}#content-mobile{display:none;height:90vh;flex-direction:column;justify-content:center;align-items:center}#content-mobile div{max-width:600px;padding:40px;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:left;font:18px Roboto,sans-serif;line-height:1.6}#content-mobile p{margin-bottom:20px;font-weight:500}#content-mobile ul{list-style:none;padding-left:0}#content-mobile ul li{padding:10px 0 10px 30px;position:relative}#content-mobile ul li:before{content:"→";position:absolute;left:0;font-weight:700;color:#23a6d5}@media(max-height:250px){#content-mobile div{margin:20px}}@media(max-height:630px){#content-desktop{display:none}#content-mobile{display:flex}}@media(max-width:1000px){#content-desktop{display:none}#content-mobile{display:flex}}body.swal2-shown>[aria-hidden=true]{transition:.1s filter;filter:blur(10px)}body{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite;overflow-x:hidden}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}