body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}.top-pane{background-color:#3c3e44}.pane{height:50vh;display:flex}.editor-container{width:600px;flex-grow:1;flex-basis:0;display:flex;flex-direction:column;padding:.5rem;background-color:#3c3e44}.editor-container.collapsed{flex-grow:0}.editor-container.collapsed .CodeMirror-scroll{position:absolute;overflow:hidden!important}.expand-collapse-btn{margin-left:.5rem;background:none;border:none;color:#fff;cursor:pointer}.editor-title{display:flex;justify-content:space-between;background-color:#1f2023;color:#fff;padding:.5rem .5rem .5rem 1rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.language-icon{font-size:1.5rem;color:#fff;margin-left:.5rem;align-self:center}.CodeMirror{height:100%!important}.code-mirror-wrapper{flex-grow:1;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;overflow:hidden}@media (max-width: 480px){.top-pane{flex-direction:column}.editor-container{width:100%;height:auto}.pane{height:auto;width:100%}}@media (max-width: 768px){.top-pane{flex-direction:column}.editor-container{width:100%;height:auto}.pane{height:auto;width:100%}}