#blocklyDiv{margin-left:5rem;margin-top:8rem;height:calc(97% - 12rem);width:calc(97% - 35rem - 10vw)}#main-button-container{height:fit-content;width:fit-content;display:flex;gap:10px;top:6rem;right:8rem;position:absolute}.finish-button{position:absolute;top:6rem;right:26rem}#copy-btn{margin-left:auto;margin-right:auto}.run,.save,.publish,.translate,.share,.edit,.finish,.more{display:block}.save,.share,.publish,.translate,.modal-heading-text{margin:.6rem}.stop{display:none}.visDefault{position:absolute;background-color:#faebd7;right:4vw;top:10rem;height:25rem;width:25rem;overflow:hidden}.visFixed{position:absolute;background-color:#faebd7;left:50%;top:50%;transform:translate(-50%,-50%);height:25rem;width:25rem;overflow:hidden}#background{height:100%;width:100%}#char,#char1,#char2,#flag,#flag2{transition:all 1.5s;z-index:10;position:absolute;left:-40rem;top:-40rem;opacity:0}#food,#food2,#obstacle,#mapTile{position:absolute;left:-40rem;top:-40rem;opacity:0;z-index:6}#mapTile{z-index:4}#char,#food,#food2,#obstacle{height:2.8rem;width:2.8rem}.code-dialog{position:absolute;display:block;left:30%;top:50%;text-align:center;padding:1rem;color:#7e7e7e;transition:ease-in 1s;width:auto;min-width:10rem;max-width:50vw;height:auto;padding:2px;border-radius:1em;-webkit-text-stroke:0px rgb(114,114,114);animation:fadeIn 3s;z-index:1002;overflow:hidden}.code-dialog-hidden{display:none;opacity:0;left:1%;animation:fadeOut 1.5s}.close-dialog{border:none;display:inline-block;padding:.2em .5em;vertical-align:top;justify-content:right;float:right;border-radius:50%;font-size:1em;overflow:hidden;text-decoration:none;color:#fff;background-color:#dc143c;text-align:center;cursor:pointer;white-space:nowrap}.switch{display:inline-block;height:34px;position:absolute;width:60px;top:5.7rem;right:21rem}.switch input{display:none}.toggleDropdownModes{position:absolute;top:6rem;right:21rem;z-index:1000}.toggleDropdownModes .dropdown-content{display:none;position:absolute;font-size:1rem;min-width:auto;width:6rem;box-shadow:0 8px 16px #0003;z-index:1;padding:2px;border:1px solid #ccc;max-height:auto;overflow-y:auto}.toggleDropdownModes .dropdown-content label{display:block}.toggleDropdownModes .dropdown-content input[type=checkbox],.toggleDropdownModes .dropdown-content label{display:inline-block;vertical-align:middle}.toggleDropdownModes .dropdown-content a{color:#000;padding:2px 0;text-decoration:none;display:block}.toggleDropdownModes .dropdown-content a:hover{background-color:#f1f1f1}.toggleDropdownModes:hover .dropdown-content{display:block}.slider{background-color:#ccc;cursor:pointer;inset:0;position:absolute;transition:.4s;display:none}.slider:before{background-image:url(./toggle_button_icon1-09067b20.png);background-position:center;background-size:cover;content:"";height:40px;left:0;top:-2px;position:absolute;transition:.4s;width:40px}input:checked+.slider{background-color:#ff9a5a}input:checked+.slider:before{transform:translate(26px);background-image:url(./toggle_button_icon2-0682b41b.png)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.more-modal-container{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center}@media only screen and (max-width: 1140px){.visDefault{position:absolute;right:1vw;top:30vh;height:20rem;width:20rem}.visFixed{height:20rem;width:20rem}.finish-button{position:absolute;top:3rem;right:8rem}.instruct-button{left:.5rem;top:5rem}#char,#food,#obstacle{transform:scale(.75)}#blocklyDiv{position:absolute;margin-left:3rem;margin-top:8rem;height:calc(99% - 8rem);width:calc(97% - 25rem)}}@media only screen and (max-width: 850px){body{font-size:.7rem}#main-button-container{top:5rem;right:.5rem}@viewport{width:100vw;width:100vh}.edit-button{right:1rem}.visDefault{position:relative;left:0;right:0;margin:0 auto;top:7rem;height:20rem;width:20rem}.visFixed{height:20rem;width:20rem}#char,#food,#obstacle{transform:scale(.75)}#blocklyDiv{position:absolute;height:calc(99% - 28.5rem);top:28.5rem;width:90vw;margin:0 3vw}.finish-button{top:3rem;right:5rem}#arrow-button-container{top:3rem}.switch{top:5rem;right:13.2rem;height:28px}.slider{background-color:#ff9a5a;display:block}.slider:before{content:"CODE";background-image:none;margin:.5rem;color:#fff}.slider.round{border-radius:6px}input:checked+.slider:before{transform:translate(0);color:#fff;background-image:none;content:"BLOCKS";margin:.5rem}.toggleDropdownModes{display:none!important}}@media only screen and (max-width: 350px){body{font-size:.6rem}@viewport{width:100vw;width:100vh}#main-button-container{left:0;gap:10px}#blocklyDiv{top:23rem;height:calc(99% - 23rem)}.instruct-button{top:8rem}.header--img{width:5rem;height:auto}.visDefault{position:absolute;left:0;right:0;margin:0 auto;top:7rem;height:15rem;width:15rem}.visFixed{height:15rem;width:15rem}#char,#food,#obstacle{transform:scale(.6)}.more-button,.edit-button{top:5rem;left:4rem;right:auto}.finish-button{position:absolute;top:3.3rem;left:.5rem;right:auto}.switch{top:5rem;right:8rem;height:28px}}@media only screen and (max-height: 350px){.visDefault,.visFixed{height:15rem;width:15rem}#char,#food,#obstacle{transform:scale(.6)}}.codeVis{overflow:auto;box-shadow:0 4px 8px #0000001a!important}.codezVis p{margin:0}