html,body,#root>div{position:fixed;top:0;left:0;width:100%;height:100%;background:ivory}.columnLeft{float:left;width:70%;height:100%}.columnRight{float:left;width:30%;height:100%;background:#00000088}.panel{position:relative;width:100%;height:100%;padding-left:10px}.playground-container{display:flex;padding:0;margin:0;height:100vh;background-color:#efefef;flex-direction:column;max-height:100vh}.sub-button{background-color:#00f;color:#fff;font-size:16px;width:50%;text-align:center}.center-button-container{text-align:center;display:flex;align-items:center;margin-top:10px;margin-bottom:10px;flex-direction:column}.playground-panel{flex:1;display:flex;flex-direction:column;color:gray}.cm-outer-container{flex:1}.cm-editor{flex:1;height:100%;position:relative}.cm-scroller{position:absolute!important;top:0;right:0;bottom:0;left:0;overflow-y:auto}.cm-content{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.react-split{flex:1;height:100%;position:relative;width:100%}.react-split__pane{height:100%;position:absolute;white-space:normal;width:100%;overflow:hidden}.react-split__sash{height:100%;position:absolute;top:0;transition:background-color .1s;width:100%;z-index:2}.react-split__sash--disabled{pointer-events:none}.react-split__sash--vertical{cursor:col-resize}.react-split__sash--horizontal{cursor:row-resize}.react-split__sash-content{width:100%;height:100%}.react-split__sash-content--active{background-color:#175ede}.react-split--dragging.react-split--vertical{cursor:col-resize}.react-split--dragging.react-split--horizontal{cursor:row-resize}body.react-split--disabled{-webkit-user-select:none;user-select:none}.split-sash-content{width:100%;height:100%}.split-sash-content.split-sash-content-vscode.split-sash-content-active{background-color:#175ede}