.editor { background: #fff; position: relative; border: 1px solid rgba(34, 36, 38, 0.15); } .editor.editor-with-border { border-radius: .28571429rem; overflow: hidden; outline: none; } .editor > .editor-wrapped { position: absolute; width: 100%; height: 100%; top: 9px; } .editor.editor-with-border:focus-within { border-color: #85b7d9; } .editor.editor-with-border .monaco-editor .margin { visibility: hidden; } .editor.editor-with-border .monaco-editor .lines-content.monaco-editor-background { margin-left: 4px; } .monaco-editor .inputarea { min-height: 0 !important; padding: 0 !important; border: 0 !important; color: rgba(0, 0, 0, 0) !important; } .monaco-editor-background.textAreaCover.line-numbers { visibility: hidden; } .monaco-editor .selected-text, .monaco-editor .monaco-editor-background { border-radius: 0 !important; } .monaco-editor .mtk1 { color: #4d4d4c !important; } .monaco-editor .cursor { color: #000 !important; border-color: #000 !important; background-color: #000 !important; } .monaco-editor .line-numbers { color: #575756 !important; } .monaco-editor .margin-view-overlays .current-line ~ .line-numbers { color: #000 !important; font-weight: 500; } .editor.editor-with-border .monaco-editor .monaco-scrollable-element .scrollbar.vertical { top: -9px !important; background: rgba(0,0,0,.1); border-radius: 0; } .editor.editor-with-border .monaco-editor .monaco-scrollable-element.editor-scrollable { overflow: visible !important; } .editor.editor-with-border .monaco-editor .overflow-guard { overflow: visible !important; } .editor.editor-with-border .monaco-editor .monaco-scrollable-element .scrollbar.vertical .slider { border-radius: 5px; background: rgba(0,0,0,.25); -webkit-transition: color .2s ease; transition: color .2s ease; }