.code-editor{margin-bottom:10px}.code-editor,.preview{width:100%;height:600px}.preview-iframe{width:100%;height:768px;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}