.note-detail-split{height:100%;display:flex}.note-detail-split-editor-col{flex-direction:column;display:flex}.note-detail-split-preview-col{position:relative}.note-detail-split .note-detail-split-editor{flex-grow:1;width:100%;min-width:0;min-height:0}.note-detail-split .note-detail-split-editor>*{height:100%}.note-detail-split .note-detail-split-editor .note-detail-code{contain:size!important}.note-detail-split .note-detail-code-editor .cm-editor{margin:0!important}body.desktop .note-detail-split .note-detail-code-editor{border-radius:6px;margin-top:1px}.note-detail-split .note-detail-split-preview-col .note-detail-error-card{z-index:10;background-color:var(--main-background-color);max-height:calc(100% - 20px);margin:10px;position:absolute;inset-block-start:0;inset-inline:0;overflow:auto;box-shadow:0 2px 8px #00000026}.note-detail-split .note-detail-error-message{font-family:var(--monospace-font-family);white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;font-size:.85em}.note-detail-split .note-detail-error-card pre{background-color:var(--accented-background-color);font-family:var(--monospace-font-family);white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;border-radius:4px;margin:.5em 0 0;padding:.5em .75em;font-size:.8em}.note-detail-split .note-detail-error-stale-badge.ext-badge{z-index:10;--badge-radius:12px;--color:var(--accented-background-color);color:var(--muted-text-color);margin:10px;position:absolute;inset-block-end:0;inset-inline-start:0}.note-detail-split .note-detail-split-preview{height:100%;transition:opacity .25s ease-in-out}.note-detail-split .note-detail-split-preview.on-error{opacity:.5}.note-detail-split.split-horizontal:not(.split-read-only)>.note-detail-split-preview-col{border-inline-start:1px solid var(--main-border-color)}.note-detail-split.split-horizontal:not(.split-read-only)>.note-detail-split-editor-col,.note-detail-split.split-horizontal:not(.split-read-only)>.note-detail-split-preview-col{width:50%;height:100%}.note-detail-split.split-horizontal:not(.split-read-only) .note-detail-split-preview{height:100%}.note-detail-split.split-vertical{flex-direction:column}.note-detail-split.split-vertical>.note-detail-split-editor-col,.note-detail-split.split-vertical>.note-detail-split-preview-col{width:100%;height:50%}.note-detail-split.split-vertical>.note-detail-split-editor-col{border-top:1px solid var(--main-border-color)}.note-detail-split.split-vertical>.note-detail-split-preview-col{order:-1}.note-detail-split.split-read-only .note-detail-split-editor-col{display:none}.note-detail-split.split-read-only .note-detail-split-preview-col{width:100%;height:100%}.note-detail-split.split-source-only .note-detail-split-preview-col{display:none}.note-detail-split.split-source-only .note-detail-split-editor-col{width:100%;height:100%}.note-detail-split.svg-editor .render-container{height:100%}.note-detail-split.svg-editor .render-container svg{width:100%;height:100%;max-width:100%!important}
