body{margin:0;font-family:'Lato', sans-serif}header{display:flex;align-items:center;height:50px}header .left{flex:1 1;display:flex;align-items:center}header .logo-wrapper{margin-right:2rem;margin-left:0.75rem}header .action{margin-right:0.75rem;margin-left:0.75rem}.reset-button-wrapper{margin-left:0 !important}#runButton{background-color:transparent;color:#000;border:2px solid #7b9b2b;border-radius:4px;padding:4px 16px;cursor:pointer}#resetButton,#settingsButton{background-color:transparent;border:none;font-size:16px;cursor:pointer}#resetButton{color:#fff;font-size:13.3333px}#settingsButton{color:#000}#downloadButton{display:inline-block}#languageName{margin-right:5px}#restackButton{background-color:transparent;border:none;font-size:16px;cursor:pointer;position:relative;top:1px}#switchTheme{display:flex;justify-content:center;align-content:center;width:55px;height:24px;margin-left:auto;color:#1e282c;border:2px solid #1e282c;border-radius:33px}#switchTheme .theme-light,#switchTheme .theme-dark{width:28px;cursor:pointer}#switchTheme .theme-light{padding:5px 2px 3px 7px;font-size:14px}#switchTheme .theme-dark{padding-top:5px;padding-left:5px;font-size:14px}#switchTheme .theme{color:#bababa}#switchTheme .theme.active{color:#1e282c}#shareButton,#backButton{background-color:transparent;color:#000;border:2px solid #000;border-radius:4px;padding:4px 16px;cursor:pointer}#backButton{text-decoration:none;font-size:13.3333px;display:inline-block}main{position:absolute;top:50px;bottom:0;right:0;left:0;overflow:hidden}main .left,main .right{height:100%;float:left}main .left{width:60%}main .right{width:40%}main .right{position:relative}#editor{height:calc(100% - 32px);border-right:1px solid #4a4d5c}#editor .ace_content{padding-top:1px}.editor-header,.browser-header,.console-header{background-color:#1e282c;color:#fff;display:flex;height:32px;padding-right:10px;padding-left:10px}.editor-header{display:flex;align-items:center;padding-left:41px;border-right:1px solid #4a4d5c}.editor-header .files{display:flex;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.editor-header .files::-webkit-scrollbar{display:none}.editor-header .file{text-align:center;font-size:14px;padding:0 1rem;cursor:pointer;white-space:nowrap}.editor-header .file.active{background-color:#1e1e1e}.editor-header .file span{display:inline-block;vertical-align:middle;line-height:32px}.editor-header .file .close{font-size:11px;margin-left:5px;display:inline-block;padding:0.5em 0.6em}.editor-header .file .close:hover{border-radius:60px;box-shadow:0 0 2px #888}.editor-header div:last-child{margin-left:auto}.browser-header .icons{display:flex}.browser-header,.console-header{align-items:center}.js-sandbox .console-header{font-size:14px}.console-header .console-label{font-size:14px}.red-circle{color:#fe5f57;margin-right:5px}.yellow-circle{color:#febc2e;margin-right:5px}.green-circle{color:#28c840;margin-right:1rem}#pageTitle{color:#fff;width:200px;height:19.5px;padding:2px 16px;margin-left:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clear-console-button-wrapper{margin-left:16px}#addFileButton,#goBackButton,#reloadPageButton,#fullscreenButton,#clearConsoleButton{background-color:transparent;border:none;color:#fff;cursor:pointer}#goBackButton{margin-right:0.7rem}.iframe-wrapper{height:calc(100% - 214px);width:100%}iframe{border:none;width:100%;height:100%;background-color:#fff}.console{box-sizing:border-box;height:calc(100% - 32px);padding:5px 10px 10px;overflow-y:scroll;font-size:14px}.console pre{margin:0}.console .input{caret-color:transparent;border-right:10px solid #000;-webkit-animation:1s black-blinking-cursor step-end infinite;-moz-animation:1s black-blinking-cursor step-end infinite;-o-animation:1s black-blinking-cursor step-end infinite;animation:1s black-blinking-cursor step-end infinite}.console .input:focus{outline:none}.console .input-entered{color:#0060cd}.console .critical-error{color:#f00}@keyframes black-blinking-cursor{from,to{border-color:transparent}50%{border-color:#000}}.js-console{height:150px}.js-console .log{font-size:14px}.js-console .log-error{background-color:#fcf0f0;color:#ed3833}.flex-end{flex:1 1;display:flex;align-items:center;justify-content:flex-end}.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0, 0, 0, 0.4)}.modal-content{background-color:#1e282c;margin:15% auto;padding:20px;border-radius:2px;width:20%;color:#fff;box-shadow:rgba(0, 0, 0, 0.4) 0 2px 4px, rgba(0, 0, 0, 0.3) 0 7px 13px -3px, rgba(0, 0, 0, 0.2) 0 -3px 0 inset}.modal .close{color:#fff;float:right;font-size:28px;font-weight:bold}.modal .close:hover,.modal .close:focus{color:#fff;text-decoration:none;cursor:pointer}.modal h2{margin:0 0 1em 0}.modal label{display:block;margin-bottom:0.5rem}.modal input,.modal select,.modal textarea{width:90%;padding:0.375rem 0.75rem;font-size:1rem;margin-bottom:1em}.modal input:focus,.modal textarea:focus{outline:none}.modal textarea{resize:none}.modal button,.modal a{display:block;background-color:#1e282c;color:#fff;border:1px solid #fff;cursor:pointer;padding:0.375rem 0.75rem;font-size:1rem;line-height:1.5;border-radius:0.25rem}main.horizontal .left,main.horizontal .right{width:100% !important;height:50% !important}#shareCodeModal .modal-content,#logInModal .modal-content{width:30%}#logInButton{text-decoration:none;display:inline-block;margin-right:4px}.tooltip{position:relative;display:inline-block;border-bottom:1px dotted black}.tooltip .tooltip-text{visibility:hidden;width:100px;background-color:#1e1e1e;color:#fff;text-align:center;border-radius:4px;padding:5px 0;position:absolute;z-index:1;margin-left:-50px;font-size:11px}.tooltip .tooltip-top{top:150%;left:50%}.tooltip .tooltip-top::after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #1e1e1e transparent}.tooltip .tooltip-left{top:-5px;right:105%}.tooltip .tooltip-left::after{content:"";position:absolute;top:50%;left:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent transparent transparent #1e1e1e}.tooltip:hover .tooltip-text{visibility:visible}.mobile-header{display:none;height:30px;padding:12px;box-sizing:border-box;text-align:center}.dark-mode .console{background-color:#141414;color:#fff}.js-sandbox.dark-mode .console{border-top:1px solid #4a4d5c}.dark-mode .console .input-entered{color:#e19e0c}@media only screen and (max-width:1142px){#shareButton span{display:none}}@media only screen and (max-width:992px){#backButton span{display:none}}@media only screen and (max-width:865px){#languageName{display:none}}@media only screen and (max-width:845px){main .left,main .right{width:100% !important}main .left{height:70% !important}main .right{height:30% !important}.js-sandbox main .left,.js-sandbox main .right{height:50% !important}.iframe-wrapper{height:calc(100% - 163px)}.js-sandbox .js-console{height:100px}#restackButton{display:none}.modal-content{width:50%}.tooltip-text{display:none}}@media only screen and (max-width:729px){#runButton span,#shareButton{display:none}.modal-content{width:80%}.logo-wrapper{display:none}.red-circle,.yellow-circle,.green-circle{display:none}.mobile-header{display:block}main{top:80px}}