.demo-editor-panel{position:relative;display:block;height:100%;width:100%;background:var(--color-background);color:var(--color-text);font-family:var(--font-sans)}.demo-editor-panel__cm-host{height:100%;width: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{position:absolute;z-index:var(--z-dropdown)}.demo-editor-panel__comment-popover{position:absolute;z-index:5;width:min(360px,calc(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)}.demo-editor-panel__comment-selection{padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-secondary);font-size:.6875rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-editor-panel__pending-comment{margin:0;box-shadow:none}.demo-editor-panel__submitted-comment-wrapper{position:absolute;right:16px;bottom:16px;z-index:calc(var(--z-raised) + 2);width:min(420px,calc(100% - 32px));padding:0;box-shadow:var(--shadow-lg)}.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{line-height:1.45;white-space:normal}.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)}