.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}.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}.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}#myIframe{border:none;width:100%;height:100%}#myIframeContent{white-space:pre-wrap;font-family:Courier New,monospace;padding:10px}#myIframeContent .json-key{color:#333;font-weight:700}#myIframeContent .json-value{color:#e63946}.code-editor{margin-bottom:10px}.code-editor,.preview,.preview-iframe{width:100%;height:600px}.preview-iframe{background-color:#f8f8fb;display:block;margin:auto}.CodeMirror{height:600px!important}.cm-variables{background-color:rgba(241,180,76,.25)!important;cursor:pointer}.cm-reco{background-color:rgba(195,191,206,.359)!important}.button-container{position:absolute;background-color:#fff;padding:5px;border:1px solid #000}.interact[data-v-2717a979]{cursor:pointer}.vue-simple-drawer[data-v-2717a979]{min-width:500px!important}.save-template-button[data-v-2717a979]{position:absolute;left:10px}.modal-xl[data-v-2717a979]{--bs-modal-width:95%!important}.left-content[data-v-2717a979]{gap:10px}.center-content[data-v-2717a979],.left-content[data-v-2717a979]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.center-content[data-v-2717a979]{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#templates-modal .modal-body{background-color:var(--bs-body-bg);min-height:500px}.interact,.interact[data-v-ed3db43e]{cursor:pointer}