.CodeMirror-foldmarker{color:#00f;text-shadow:#b9f 1px 1px 2px,#b9f -1px -1px 2px,#b9f 1px -1px 2px,#b9f -1px 1px 2px}.CodeMirror-foldgutter{width:.7em}.code-editor{margin-bottom:10px}.code-editor,.preview,.preview-iframe{width:100%;height:600px}.preview-iframe{display:block;margin:auto}.iframe-container{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.18);box-shadow:0 2px 2px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.18);height:768px;-webkit-transform-origin:0 0;transform-origin:0 0;overflow:hidden;margin-top:15px!important;margin-bottom:15px!important}.CodeMirror{height:600px!important}.cm-variables,.interact{cursor:pointer}.cm-variables{background-color:rgba(241,180,76,.25)!important}.cm-reco{background-color:rgba(195,191,206,.359)!important}.button-container{position:absolute;background-color:#fff;padding:5px;border:1px solid #000}.initial-preview-dev-mode{width:30%}.initial-preview{width:64%;background-color:#f8f8fb}.initial-vars-dev-mode{width:69%}.initial-vars{width:35%}.viewport-desktop{width:1280px;-webkit-transform:scale(.75);transform:scale(.75)}.viewport-tablet{width:768px;margin:auto}.viewport-mobile{width:375px;margin:auto}.hidden{display:none!important}.CodeMirror-foldgutter{width:1.2em}.CodeMirror-foldgutter-folded,.CodeMirror-foldgutter-open{color:#888;cursor:pointer}.CodeMirror-foldgutter-open:after{content:"\25BE"}.CodeMirror-foldgutter-folded:after{content:"\25B8"}.CodeMirror-foldmarker{color:#5e40bf;text-shadow:#5e40bf 1px 1px 2px,#5e40bf -1px -1px 2px,#5e40bf 1px -1px 2px,#5e40bf -1px 1px 2px;font-family:arial;line-height:.3;cursor:pointer;padding:0 4px}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999}.CodeMirror-foldgutter-folded,.CodeMirror-foldgutter-open{display:inline-block;width:100%;text-align:center}