.r-nav{height:40px;overflow:hidden;min-width:380px;position:absolute;width:100%;top:0;background-color:#f1f1f1;padding:10px}.r-nav a{color:#000;margin:5px;text-decoration:none!important}.r-nav a:hover{color:#000;padding-bottom:6px;border-bottom:2px solid #000}#dragbar{position:absolute;cursor:col-resize;z-index:3;padding:5px}#shield{display:none;top:0;left:0;width:100%;position:absolute;height:100%;z-index:4}#container{background-color:#f1f1f1;width:100%;overflow:auto;position:absolute;top:40px;bottom:0;height:auto}#textareacontainer,#iframecontainer{float:left;height:100%;width:50%}#textarea,#iframe{height:100%;width:100%;padding-bottom:10px;padding-top:1px}#textarea{padding-left:10px;padding-right:5px}#iframe{padding-left:5px;padding-right:10px}#textareawrapper{width:100%;height:100%;background-color:#fff;position:relative;box-shadow:0 1px 3px rgb(0 0 0 / .12),0 1px 2px rgb(0 0 0 / .24)}#iframewrapper{width:100%;height:100%;-webkit-overflow-scrolling:touch;background-color:#fff;box-shadow:0 1px 3px rgb(0 0 0 / .12),0 1px 2px rgb(0 0 0 / .24)}#textareaCode{background-color:#fff;font-family:consolas,"courier new",monospace;font-size:15px;height:100%;width:100%;padding:8px;resize:none;border:none;line-height:normal}.CodeMirror.cm-s-default{line-height:normal;padding:4px;height:100%;width:100%}#iframeResult,#iframeSource{background-color:#fff;height:100%;width:100%}#textareacontainer.horizontal,#iframecontainer.horizontal{height:50%;float:none;width:100%}#textarea.horizontal{height:100%;padding-left:10px;padding-right:10px}#iframe.horizontal{height:100%;padding-right:10px;padding-bottom:10px;padding-left:10px}#container.horizontal{min-height:200px;margin-left:0}.w3-dropdown-content{width:350px}@media screen and (max-width:727px){.r-nav{top:70px}#container{top:108px}}@media screen and (max-width:467px){.r-nav{top:60px}#container{top:98px}.w3-dropdown-content{width:100%}}@media only screen and (max-device-width:768px){#iframewrapper{overflow:auto}#container{min-width:320px}#tryhome{display:block}}body.darktheme{background-color:#282c34}body.darktheme .r-nav{background-color:#616161;color:#ddd}body.darktheme #container{background-color:#616161}body.darktheme .r-nav a{color:#ddd}body.darktheme ::-webkit-scrollbar{width:12px;height:3px}body.darktheme ::-webkit-scrollbar-track-piece{background-color:#000}body.darktheme ::-webkit-scrollbar-thumb{height:50px;background-color:#616161}body.darktheme ::-webkit-scrollbar-thumb:hover{background-color:#aaa}