html{--bg: hsl(225, 6%, 25%);--bg-panel: hsl(225, 6%, 13%);--color-text: white}html[data-theme=dark]{--bg: rgb(230, 230, 230);--bg-panel: white;--color-text: hsl(225, 6%, 13%)}body{margin:0}.top-pane{background-color:var(--bg);height:50vh;display:flex;flex-direction:column}.pane{display:flex;height:50vh;background-color:var(--bg)}.header{display:flex;justify-content:space-between;width:100%;height:7vh;padding:1em;box-sizing:border-box}.app-name{font-size:30px;font-weight:600;font-family:sans-serif;color:var(--color-text)}.editors{display:flex;height:43vh}.editor-container{flex-grow:1;flex-basis:0;display:flex;flex-direction:column;padding:.5rem;background-color:var(--bg);box-shadow:0 3px 6px #0003}.editor-container.collapsed{flex-grow:0}.editor-container.collapsed .CodeMirror-scroll{position:absolute;overflow:hidden!important}.editor-title{display:flex;padding:.5rem .7rem;justify-content:space-between;background-color:var(--bg-panel);color:var(--color-text);border-top-right-radius:.5rem;border-top-left-radius:.5rem}.CodeMirror{height:100%!important}.code-mirror-wrapper{flex-grow:1;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;overflow:hidden}button{background-color:transparent;border:none;outline:none;margin-left:1em}input[type=checkbox]{height:0;width:0;visibility:hidden}label{cursor:pointer;text-indent:-9999px;width:52px;height:27px;background:var(--bg-panel);float:right;border-radius:100px;position:relative}label:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--color-text);border-radius:90px;transition:.1s}input:checked+label{background:var(--bg-panel)}input:checked+label:after{left:calc(100% - 5px);transform:translate(-100%)}label:active:after{width:45px}html.transition,html.transition *,html.transition *:before,html.transition *:after{transition:all .75s!important;transition-delay:0!important}.ͼo{height:100%}