.code-panel{text-align:left;font-size:1rem;height:100%;overflow:hidden}.code-panel section{-webkit-box-flex:1;-ms-flex:1;flex:1;height:50%}.code-panel section .codepanel-separator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-left:.6rem;padding-right:.6rem}.code-panel section .codepanel-label{margin-top:5px;line-height:20px;font-size:13px;color:#aaa;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:uppercase}.cp-btn-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.cp-btn-container .gjs-btn-prim{margin:2.5px}.gutter{cursor:ns-resize;position:relative;background-color:rgba(0,0,0,.2)}.gutter:after{content:"";display:block;height:8px;width:100%;position:absolute;top:-3px;z-index:150}.code-panel .CodeMirror{height:100%}.cp-delete-css{margin-left:70%}.gjs-pn-views{border-left:1px solid rgba(0,0,0,.2);border-bottom:0}.gjs-pn-views-container{-webkit-box-shadow:initial;box-shadow:none;border-top:2px solid rgba(0,0,0,.2);top:40px;padding-top:0;height:calc(100% - 40px)}.gjs-cv-canvas,.gjs-pn-views-container{-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out}