.field-markdowneditor{background:var(--oc-form-control-bg);border:1px solid var(--bs-border-color);border-radius:4px;position:relative;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.field-markdowneditor.size-adaptive{border:none!important}.field-markdowneditor textarea{opacity:0}.field-markdowneditor .editor-toolbar{border-left:none;border-right:none;border-top:none;border-top-left-radius:5px;border-top-right-radius:5px}.field-markdowneditor .editor-toolbar:after,.field-markdowneditor .editor-toolbar:before{display:none!important}.field-markdowneditor.editor-focus{border:1px solid var(--oc-border-focus)}.field-markdowneditor.size-tiny .editor-write{min-height:50px}.field-markdowneditor.size-tiny .editor-preview{height:50px}.field-markdowneditor.size-tiny.stretch{min-height:95px}.field-markdowneditor.size-small .editor-write{min-height:100px}.field-markdowneditor.size-small .editor-preview{height:100px}.field-markdowneditor.size-small.stretch{min-height:145px}.field-markdowneditor.size-large .editor-write{min-height:200px}.field-markdowneditor.size-large .editor-preview{height:200px}.field-markdowneditor.size-large.stretch{min-height:245px}.field-markdowneditor.size-huge .editor-write{min-height:250px}.field-markdowneditor.size-huge .editor-preview{height:250px}.field-markdowneditor.size-huge.stretch{min-height:295px}.field-markdowneditor.size-giant .editor-write{min-height:350px}.field-markdowneditor.size-giant .editor-preview{height:350px}.field-markdowneditor.size-giant.stretch{min-height:395px}.field-markdowneditor .editor-write{position:relative}.field-markdowneditor .editor-preview{overflow:auto;padding:15px}.field-markdowneditor .editor-preview-loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background-image:url(../../../../../backend/assets/images/loader-transparent.svg);background-position:50% 50%;background-size:20px 20px;display:block;height:20px;margin-top:35px;position:absolute;right:10px;top:10px;width:20px}.field-markdowneditor.mode-tab .editor-preview,.field-markdowneditor.mode-tab.is-preview .editor-write{display:none}.field-markdowneditor.mode-tab.is-preview .editor-preview{display:block}.field-markdowneditor.mode-split{overflow:hidden}.field-markdowneditor.mode-split .editor-preview{float:right;width:50%}.field-markdowneditor.mode-split .editor-write{float:left;width:50%}.field-markdowneditor.mode-split .editor-write .editor-code{border-right:1px solid var(--oc-primary-border)}.field-markdowneditor.stretch,.field-markdowneditor.stretch .editor-toolbar{border-radius:0!important}.field-markdowneditor.stretch .editor-toolbar{height:auto}.field-markdowneditor.stretch .editor-write{float:none;height:calc(100% - 45px);min-height:0;position:relative}.field-markdowneditor.stretch .editor-preview{bottom:0;float:none;height:auto;left:0;margin-top:45px;position:absolute;right:0;top:0}.field-markdowneditor.stretch.mode-split .editor-preview{left:auto}.field-markdowneditor.stretch.mode-split .editor-write{right:auto}.field-markdowneditor.is-fullscreen{left:0;position:fixed!important;top:0;width:100%;z-index:600}.field-markdowneditor.is-fullscreen,.field-markdowneditor.is-fullscreen .editor-toolbar{border:none;border-radius:0!important}.field-markdowneditor.vue-mode{border-radius:4px!important}.field-markdowneditor.vue-mode .CodeMirror-wrap{border-bottom-left-radius:4px!important}.field-markdowneditor.vue-mode .CodeMirror-scroll{min-height:20px!important}.field-markdowneditor.vue-mode .component-backend-document .document-content-container{border-bottom-left-radius:4px!important;border-bottom-right-radius:4px!important}.field-markdowneditor.vue-mode .component-backend-document .editor-preview-side{border-bottom-right-radius:4px!important}.field-markdowneditor.vue-mode .component-backend-document .document-header-container,.field-markdowneditor.vue-mode .editor-toolbar,.field-markdowneditor.vue-mode .layout-cell.editor-preview{display:none!important}.field-markdowneditor.vue-mode .editor-write{display:block!important;float:none!important;height:100%!important;width:100%!important}.field-markdowneditor.vue-mode .editor-preview{left:auto!important;margin-top:0!important}.field-markdowneditor.vue-mode.size-tiny .editor-write{min-height:95px}.field-markdowneditor.vue-mode.size-small .editor-write{min-height:145px}.field-markdowneditor.vue-mode.size-large .editor-write{min-height:245px}.field-markdowneditor.vue-mode.size-huge .editor-write{min-height:295px}.field-markdowneditor.vue-mode.size-giant .editor-write{min-height:395px}.fancy-layout .field-markdowneditor.vue-mode{border:none}.field-markdowneditor .CodeMirror .CodeMirror-cursor{border-color:var(--bs-emphasis-color)}.field-markdowneditor .CodeMirror .CodeMirror-selected,.field-markdowneditor .CodeMirror .CodeMirror-selectedtext{background:var(--oc-input-selection-bg);color:var(--oc-input-selection-color)}.field-markdowneditor .editor-preview{color:#515c5d;font-family:Helvetica,sans-serif;line-height:180%}.field-markdowneditor .editor-preview h1,.field-markdowneditor .editor-preview h2,.field-markdowneditor .editor-preview h3,.field-markdowneditor .editor-preview h4,.field-markdowneditor .editor-preview h5,.field-markdowneditor .editor-preview h6{font-weight:700;margin-top:20px}.field-markdowneditor .editor-preview h1:first-child,.field-markdowneditor .editor-preview h2:first-child,.field-markdowneditor .editor-preview h3:first-child,.field-markdowneditor .editor-preview h4:first-child,.field-markdowneditor .editor-preview h5:first-child,.field-markdowneditor .editor-preview h6:first-child{margin-top:0}.field-markdowneditor .editor-preview :last-child{margin-bottom:0}.field-markdowneditor .editor-preview h1{font-size:30px}.field-markdowneditor .editor-preview h2{font-size:26px}.field-markdowneditor .editor-preview h3{font-size:24px}.field-markdowneditor .editor-preview h4{font-size:22px}.field-markdowneditor .editor-preview h5{font-size:20px}.field-markdowneditor .editor-preview h6{font-size:18px}.field-markdowneditor .editor-preview ol,.field-markdowneditor .editor-preview p,.field-markdowneditor .editor-preview ul{font-size:14px}.field-markdowneditor .editor-preview h1,.field-markdowneditor .editor-preview h2,.field-markdowneditor .editor-preview h3,.field-markdowneditor .editor-preview h4,.field-markdowneditor .editor-preview h5,.field-markdowneditor .editor-preview h6,.field-markdowneditor .editor-preview ol,.field-markdowneditor .editor-preview p,.field-markdowneditor .editor-preview ul{margin-bottom:15px}.field-markdowneditor .editor-preview pre.prettyprint{border-radius:3px;border-width:0;line-height:130%;padding:13px 16px}.field-markdowneditor .editor-preview img{display:block;height:auto;max-width:100%}