.page-title-main[data-v-ae8e916c]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.cm-s-material.CodeMirror{background-color:#263238;color:#eff}.cm-s-material .CodeMirror-gutters{background:#263238;color:#546e7a;border:none}.cm-s-material .CodeMirror-guttermarker,.cm-s-material .CodeMirror-guttermarker-subtle,.cm-s-material .CodeMirror-linenumber{color:#546e7a}.cm-s-material .CodeMirror-cursor{border-left:1px solid #fc0}.cm-s-material .cm-animate-fat-cursor,.cm-s-material.cm-fat-cursor .CodeMirror-cursor{background-color:rgba(93,109,92,.5019607843137255)!important}.cm-s-material.CodeMirror-focused div.CodeMirror-selected,.cm-s-material div.CodeMirror-selected{background:rgba(128,203,196,.2)}.cm-s-material .CodeMirror-line::selection,.cm-s-material .CodeMirror-line>span::selection,.cm-s-material .CodeMirror-line>span>span::selection{background:rgba(128,203,196,.2)}.cm-s-material .CodeMirror-line::-moz-selection,.cm-s-material .CodeMirror-line>span::-moz-selection,.cm-s-material .CodeMirror-line>span>span::-moz-selection{background:rgba(128,203,196,.2)}.cm-s-material .CodeMirror-activeline-background{background:rgba(0,0,0,.5)}.cm-s-material .cm-keyword{color:#c792ea}.cm-s-material .cm-operator{color:#89ddff}.cm-s-material .cm-variable-2{color:#eff}.cm-s-material .cm-type,.cm-s-material .cm-variable-3{color:#f07178}.cm-s-material .cm-builtin{color:#ffcb6b}.cm-s-material .cm-atom{color:#f78c6c}.cm-s-material .cm-number{color:#ff5370}.cm-s-material .cm-def{color:#82aaff}.cm-s-material .cm-string{color:#c3e88d}.cm-s-material .cm-string-2{color:#f07178}.cm-s-material .cm-comment{color:#546e7a}.cm-s-material .cm-variable{color:#f07178}.cm-s-material .cm-tag{color:#ff5370}.cm-s-material .cm-meta{color:#ffcb6b}.cm-s-material .cm-attribute,.cm-s-material .cm-property{color:#c792ea}.cm-s-material .cm-qualifier,.cm-s-material .cm-type,.cm-s-material .cm-variable-3{color:#decb6b}.cm-s-material .cm-error{color:#fff;background-color:#ff5370}.cm-s-material .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.drawer{width:90%;height:600px;padding:20px;background-color:red;-webkit-transform:translateX(0);transform:translateX(0);position:absolute}.drawer,.drawer-enter-active,.drawer-leave-active{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.drawer-enter,.drawer-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%)}.variables-list-options-table{table-layout:fixed;width:100%}.variables-list-options-table .variables-list-options-col{max-width:0;overflow:hidden;vertical-align:middle}.variables-list-options-table .variables-list-options-col-color,.variables-list-options-table .variables-list-options-col-image{max-width:5rem;width:5rem}.variables-list-color-picker,.variables-list-options-color-value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.variables-list-options-color-swatch{display:inline-block;width:2.25rem;height:1.5rem;-webkit-box-flex:0;-ms-flex:0 0 2.25rem;flex:0 0 2.25rem;border:1px solid rgba(0,0,0,.18);border-radius:.75rem}.variables-list-options-color-value{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.variables-list-color-picker .form-control-color{width:3rem;-webkit-box-flex:0;-ms-flex:0 0 3rem;flex:0 0 3rem}.variables-list-options-cell-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variables-list-options-img-thumb{display:block;max-width:100%;-o-object-fit:contain;object-fit:contain}.variables-list-options-table .variables-list-options-actions{width:5.5rem;min-width:5.5rem;max-width:5.5rem;padding-left:.35rem;padding-right:.35rem;vertical-align:middle;text-align:center;white-space:nowrap;position:sticky;right:0;background-color:var(--bs-body-bg,#fff);-webkit-box-shadow:-6px 0 8px -6px rgba(0,0,0,.12);box-shadow:-6px 0 8px -6px rgba(0,0,0,.12);z-index:2}.variables-list-options-table thead .variables-list-options-actions{z-index:3;background-color:var(--bs-table-bg,var(--bs-gray-100,#f8f9fa))}.variables-list-options-actions-inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem;min-height:1.5rem}.vars-panel{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.next-right-help{cursor:pointer;top:5px;right:5px}.variable-unused-warning{cursor:pointer}.variable-row-focus{-webkit-animation:gs-variable-flash 1.6s ease-out;animation:gs-variable-flash 1.6s ease-out;border-radius:6px}@-webkit-keyframes gs-variable-flash{0%{background-color:rgba(94,64,191,.25)}to{background-color:transparent}}@keyframes gs-variable-flash{0%{background-color:rgba(94,64,191,.25)}to{background-color:transparent}}.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-797f15f6]{cursor:pointer}.card-img-top[data-v-797f15f6]{-o-object-fit:contain!important;object-fit:contain!important;background-color:#f8f8fb!important}.interact[data-v-1103ea74]{cursor:pointer}.bold[data-v-1103ea74]{font-weight:700}.left-content[data-v-1103ea74]{gap:10px}.center-content[data-v-1103ea74],.left-content[data-v-1103ea74]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.center-content[data-v-1103ea74]{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#templates-modal .modal-body{background-color:var(--bs-body-bg);min-height:500px}