@font-face{font-family:'Lato';font-style:normal;font-weight:normal;src:url('/assets/fonts/lato-regular.eot');src:url('/assets/fonts/lato-regular.woff') format('woff');font-display:swap}@font-face{font-family:'Lato';font-style:normal;font-weight:bold;src:url('/assets/fonts/lato-bold.eot');src:url('/assets/fonts/lato-bold.woff') format('woff');font-display:swap}.fleft{float:left}.fright{float:right}.invisible{display:none}body{font-family:Lato,Arial,sans-serif;margin:0;padding:0;overflow:hidden;background:#979797}body.dark{background:#222}a:link{color:#38aaff}h1{margin:0 0 1em}input[type=text]{border:none;border-bottom:1px solid #848484;padding:.5em;outline:0;background:transparent;font-weight:bold;color:#333}#overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#000;z-index:20;text-align:center;color:#ccc;padding-top:20%;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-ms-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5 ease-in-out}#room_connect,#maxlength_exceeded{position:fixed;left:50%;transform:translate(-50%,0);z-index:30;margin-top:10em;background:#ccc;padding:2em;border-radius:1em}#room_connect>input[type=text]{width:20em;font-size:1.2em}#room_connect>div.btn{padding:.75em;font-size:1.1em;font-weight:bold;color:#fff;background:#245e95;margin:2em 0 0;width:8em}#room_connect>div.btn>img{filter:invert(100%);animation-timing-function:ease-out;transition:all 300ms}#room_connect>div.btn:hover>img{margin-left:.3em}#maxlength_exceeded>div.btn{padding:.75em;font-size:1.1em;font-weight:bold;color:#fff;background:#245e95;width:8em;text-align:center;margin:2em auto 0}.loader{width:5px;height:5px;border-radius:50%;display:block;margin:2em auto 0;position:relative;box-sizing:border-box;animation:animloader .8s linear infinite alternate}@keyframes animloader{0%{box-shadow:-15px -14px,-5px 0,5px 0,15px 0}33%{box-shadow:-15px 0px,-5px -14px,5px 0,15px 0}66%{box-shadow:-15px 0px,-5px 0,5px -14px,15px 0}100%{box-shadow:-15px 0,-5px 0,5px 0,15px -14px}}#vbar{width:3em;float:left}#vbar>div{padding:.5em .45em .4em;border-left:3px solid transparent}#vbar>div.selected{background:#385874}body.light #vbar>div.selected{background:#8cabc7}div.topbar{color:#ccc;padding:.5em 1em .3em;height:1.9em}body.light div.topbar{border-bottom:1px solid #a3a3a3}body.dark div.topbar{border-bottom:1px solid #000}div.bottombar{height:1.3em;background-color:#444;color:#ccc;padding:.3em .5em;font-size:.9em}div.topbar>div.btn{display:inline-block;margin:0 .5em 0 0;padding:.4em .7em;border-radius:.3em;background:#565656;cursor:pointer;box-shadow:1px 1px 0 0 #111;height:1.08em}div.btn{margin:0 .5em;padding:0 .7em;border-radius:.3em;background:#565656;cursor:pointer;box-shadow:1px 1px 0 0 #111;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}div.btn.disabled{background:#333;color:#777}div.btn>img{filter:invert(60%);vertical-align:-28%;width:1.25em;margin-right:.3em}div.btn.disabled>img{filter:invert(30%) !important}div.vbar-btn{cursor:pointer}div.vbar-btn>div:nth-child(1),div.vbar-btn>div:nth-child(2){display:none;width:0;height:0;border-style:solid;float:right;z-index:10;position:relative}div.vbar-btn>div:nth-child(1){border-width:.85em 0 .85em .75em;margin:.05em -1.19em 0 0}div.vbar-btn>div:nth-child(2){border-width:.8em 0 .8em .7em;margin:.1em -1em 0 0}body.dark div.vbar-btn>div:nth-child(1){border-color:transparent transparent transparent #222222}body.dark div.vbar-btn>div:nth-child(2){border-color:transparent transparent transparent #385874}body.light div.vbar-btn>div:nth-child(1){border-color:transparent transparent transparent #979797}body.light div.vbar-btn>div:nth-child(2){border-color:transparent transparent transparent #8cabc7}div.vbar-btn.selected>div:nth-child(1),div.vbar-btn.selected>div:nth-child(2){display:block}div.vbar-btn>img{width:1.8em}body.dark div.vbar-btn>img{filter:invert(60%)}body.light div.vbar-btn>img{filter:invert(30%)}div.vbar-btn:hover>img,div.btn:hover>img{filter:invert(75%)}body.light div.vbar-btn:hover>img,body.light div.btn:hover>img{filter:invert(50%)}body.dark img.moon,body.light img.sun{display:none}body.dark #vbar{background-color:#222}body.light #vbar{background-color:#d9d9d9}body.dark div.topbar,body.dark div.bottombar{background-color:#444}body.light div.topbar,body.light div.bottombar{color:#222;background-color:#e0e0e0}body.light #topbar,body.light div.CodeMirror-scroll{border-color:#ccc}body.light div.btn{background:#f5f5f5;box-shadow:1px 1px 0 0 #b9b9b9}body.light div.btn.disabled{background:#d3d3d3}body.light div.btn.disabled>img{filter:invert(70%) !important}body.dark div.select-selected{background:#565656;box-shadow:1px 1px 0 0 #111}body.light div.select-selected:after{border-top-color:#000}body.light div.select-selected.select-arrow-active:after{border-top-color:transparent;border-bottom-color:#000}body.dark .select-items{background-color:#494b4c}body.dark span.remoteSel{background:#0056a0}body.light span.remoteSel{background:#cddff9}div.remotecursor{background:#007fec;position:absolute;width:2px;height:1.2em;left:-10px}#drawingCanvas{cursor:crosshair}body.light #drawingCanvas{background:#c9c9c9;border-top:1px solid #adadad}body.dark #drawingCanvas{background:#999;border-top:1px solid #000}#btn-lighting{margin-top:1em;padding-top:1em !important}body.dark #btn-lighting{border-top:1px solid #464646}body.light #btn-lighting{border-top:1px solid #ccc}div.run.disabled{cursor:not-allowed !important}div.run.disabled.running{cursor:wait !important}#dd-language,div.toolbar div.btn{margin-right:.5em}div.btn-color{width:1em;height:1em;border-radius:1em}div.btn-color[title=eraser]{width:auto}body.dark div.btn.selected{background-color:#898989 !important}body.light div.btn.selected{background-color:#bbb !important}#video-stack{position:fixed;right:.5em;top:3em;width:13.5em;border-left:5px solid #616161;padding-left:.3em}#video-stack.call{border-color:#03990e}#video-stack>video{width:13.5em;height:10em;background:black}#video-stack img{filter:invert(100%);margin-right:.5em;vertical-align:-25%}#video-stack div.btn>img{filter:invert(60%)}#call-handle{background:#616161;width:1.4em;height:2.3em;padding-top:.7em;float:left;margin-left:-1.8em;border-radius:.7em 0 0 .7em;cursor:pointer}#video-stack.call #call-handle{background:#03990e}#localvideo{transform:scale(-1,1)}#alone-call,#start-call,#end-call,#error-call{margin:0 0 .2em;padding:.3em .5em;color:#FFF;font-weight:bold}#start-call{background:#03990e}#end-call{background:#924f54}body.light #alone-call,body.light #error-call{color:#111;background:#dfe3e6}body.dark #alone-call,body.dark #error-call{color:#FFF}div.small{margin-top:.3em;font-weight:normal}div.small+div.small{margin-top:.7em}body.light div.small{color:#555}body.dark div.small{color:#d8d8d8}div.video-controls{width:100%;float:left;margin:-2.2em 0px 0 .5em}div.video-controls>img{cursor:pointer;float:left}div.video-name{position:absolute;margin:-1.5em 0 0 -.7em;color:#e9fd68;text-align:right;width:100%;font-size:1.1em;text-shadow:1px 1px 2px #000}div.video-fail{display:none;color:#ccc;margin-top:-6em;text-align:center;position:absolute;width:100%}#hdivider{width:100%;height:.3em;cursor:n-resize}body.dark #hdivider{background:#5e5e5e}body.light #hdivider{background:#aeaeae}#code-bottom{height:10em}body.dark #code-bottom{color:#dadada;background:#474747}body.light #code-bottom{color:#000;background:#e9e9e9}div.code-bottom-label{padding:.3em .5em;font-weight:bold}body.dark div.code-bottom-label{background:#1c1c1c}body.light div.code-bottom-label{background:#cdcdcd}div.code-input-section{width:29.75%;float:left;height:inherit}div.code-output-section{width:70%;float:right;height:inherit}#code-input{padding:.5em;outline:none;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body.dark #code-input{background:#313131;color:#FFF}body.light #code-input{background:#F4F4F3;color:#000}#code-output{padding:.5em;white-space:break-spaces;font-family:monospace;font-size:1.2em;overflow-y:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}div.dropdown{cursor:pointer;display:inline-block}div.dropdown span{display:inline-block;padding-left:.3em;font-size:1em}div.options{display:none;background:inherit;position:absolute;margin-top:.6em;border-radius:.3em;z-index:2}div.options a{color:inherit;display:block;padding:.6em 1.7em;text-decoration:none}div.options a.selected{background:#2e2e2e}body.light div.options{background:#e1e1e1}body.dark div.options{background:#333}body.light div.options a:hover{background:#d1d1d1}body.dark div.options a:hover{background:#242424}@media (max-width:1000px){body{font-size:.9em}}@media (max-width:900px){body{font-size:.8em}}@media (max-width:800px){body{font-size:.7em}}@media (max-width:700px){body{font-size:.6em}}