.demo-editor-panel{background:var(--color-background);width:100%;height:100%;color:var(--color-text);font-family:var(--font-sans);display:block;position:relative}.demo-editor-panel__cm-host{width:100%;height:100%}.demo-editor-panel .cm-editor.cm-focused{outline:none}.demo-editor-panel .cm-gutters{display:none}.demo-editor-panel .cm-content{padding-bottom:var(--spacing-xl)!important}.demo-editor-panel__comment-button{z-index:var(--z-dropdown);position:absolute}.demo-editor-panel__comment-popover{z-index:5;width:min(360px,100% - 24px);padding:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-background);box-shadow:var(--shadow-lg);font-family:var(--font-mono);position:absolute}.demo-editor-panel__comment-selection{padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;line-height:1.35;overflow:hidden}.demo-editor-panel__pending-comment{box-shadow:none;margin:0}.demo-editor-panel__submitted-comment-wrapper{z-index:calc(var(--z-raised) + 2);width:min(420px,100% - 32px);box-shadow:var(--shadow-lg);padding:0;position:absolute;bottom:16px;right:16px}.demo-editor-panel__submitted-comment .cm-inline-comment-reply-input{pointer-events:none}.demo-editor-panel__submitted-avatar{background-color:#3b82f6}.demo-editor-panel__static-comment-wrapper{margin-top:var(--spacing-xs)}.demo-editor-panel__static-comment,.demo-editor-panel__submitted-comment{white-space:normal;line-height:1.45}.demo-editor-panel__static-comment .cm-inline-comment-message,.demo-editor-panel__submitted-comment .cm-inline-comment-message{padding:var(--spacing-sm) var(--spacing-md)}.demo-editor-panel__static-comment .cm-inline-comment-message-header,.demo-editor-panel__submitted-comment .cm-inline-comment-message-header{min-height:20px}.demo-editor-panel__static-comment .cm-inline-comment-message-content,.demo-editor-panel__submitted-comment .cm-inline-comment-message-content{line-height:1.45}.demo-editor-panel__static-comment .cm-inline-comment-action-row,.demo-editor-panel__submitted-comment .cm-inline-comment-action-row{padding:var(--spacing-sm) var(--spacing-md)}.demo-editor-panel__static-comment .cm-inline-comment-message-btn{display:inline-flex}.demo-editor-panel__static-comment .cm-inline-comment-reply-input{cursor:pointer}.demo-editor-panel__disabled-action{background-color:var(--color-border);color:var(--color-text-secondary)}.demo-editor-panel .cm-line.demo-editor-panel__jump-highlight{background:color-mix(in srgb, var(--color-primary) 16%, transparent);border-radius:var(--border-radius)}.demo-editor-panel__remote-caret{vertical-align:text-bottom;width:2px;height:1.15em;margin:0 1px;display:inline-block;position:relative}.demo-editor-panel__remote-caret .cm-ySelectionInfo{white-space:nowrap;pointer-events:none;position:absolute;top:-1.4em;left:0}