.preview-iframe{background-color:#f8f8fb;height:600px}.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}.interact[data-v-0f9266b4]{cursor:pointer}.bold[data-v-0f9266b4]{font-weight:700}.left-content[data-v-0f9266b4]{gap:10px}.center-content[data-v-0f9266b4],.left-content[data-v-0f9266b4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.center-content[data-v-0f9266b4]{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}