.codeControl{width:100%}.code-position{margin-bottom:1rem}.height-200{min-height:200px;max-height:50vh}.height-200.large-view{max-height:80vh;height:500px}.my-editor{background:#2d2d2d;color:#ccc;font-family:Fira code,Fira Mono,Consolas,Menlo,Courier,monospace;font-size:14px;line-height:1.5;word-spacing:unset!important;line-height:unset!important}.prism-editor__textarea{width:999999px!important}.prism-editor__editor{white-space:pre!important}.prism-editor__container{overflow-x:scroll!important}.prism-editor__textarea:focus{outline:none}#fragment-view-panel{max-height:100vh}#compiled-code-editor,#original-code-editor{border:2px solid var(--secondary-color);background:var(--line-color)}.compiled-code-header,.original-code-header{color:var(--background-color);background:var(--secondary-color);padding:0 .5rem;font-size:small}.render-fragment{width:100%;height:100%;--checker-lighter:rgba(10,10,10,0.1)}.render-fragment svg{width:100%;height:100%;object-fit:contain}.render-fragment.show-checkerboard{background:repeating-conic-gradient(var(--checker-lighter) 0 25%,transparent 0 50%) 50%/10% 10%;background-size:1rem 1rem}