:root{--default-grid-pixels:8px;--default-header-height:64px}.input-rich-code-editor{--height:184px}.input-rich-code-editor>label{color:hsla(var(--comp-typo-secondary), 1);padding-bottom:8px;display:flex}.input-rich-code-editor .editor{height:var(--height);border:1px solid hsla(var(--comp-secondary-light3), 1);border-radius:var(--default-border-radius);background-color:hsla(var(--comp-secondary-light3), 1);transition:border .3s,border-color .3s;overflow:hidden}.input-rich-code-editor .editor .cm-editor{outline:0;height:100%}.input-rich-code-editor>span{color:hsla(var(--comp-typo-secondary), 1);margin-top:4px;font-size:1.2rem;transition:color .3s;display:block}.input-rich-code-editor>span:empty:before{content:"​"}.input-rich-code-editor.invalid .editor{background-color:hsla(var(--comp-error), .2);border-color:hsla(var(--comp-error), 1)}.input-rich-code-editor.invalid>span,.input-rich-code-editor.invalid>label{color:hsla(var(--comp-error), 1)}