.code-editor-container .code-editor-live-output-container .output,.code-editor-container .code-editor-live-output-container .code-editor-live-output,.code-editor-container .code-editor-textarea,.code-editor-container .code-editor-build-time-container .output,.code-editor-container .code-editor-build-time-container .code-editor-build-time-output,.code-editor-container .code-editor-static-view-container .highlight code{font-family:fira code,cascadia code,source code pro,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.5}.code-editor-container .code-editor-controls,.code-editor-container .code-editor-header{padding:8px 12px;border-bottom:1px solid #333}.code-editor-container{margin:1.5rem 0;border:1px solid #454545;border-radius:8px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif;background:#1f1f1f;color:#d4d4d4}.code-editor-container button{padding:6px 14px;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background .2s,opacity .2s;outline:none}.code-editor-container button:hover{opacity:.9}.code-editor-container button:active{transform:translateY(1px)}.code-editor-container .code-editor-header{background:#333;border-bottom-color:#454545;display:flex;justify-content:space-between;align-items:center}.code-editor-container .code-editor-header-title{font-weight:700;font-size:.85em;color:#ababab;text-transform:uppercase;letter-spacing:.05em}.code-editor-container .code-editor-interact-btn{background:#007acc;color:#fff;font-size:.8em;padding-top:4px;padding-bottom:4px}.code-editor-container .code-editor-interact-btn.active{background:#e61300}.code-editor-container .code-editor-static-view-container{background:#1f1f1f;overflow-x:auto}.code-editor-container .code-editor-static-view-container .highlight{margin:0!important;padding:0!important}.code-editor-container .code-editor-static-view-container .highlight pre{background:0 0!important;padding:12px!important;margin:0!important;line-height:1.5!important}.code-editor-container .code-editor-static-view-container .highlight span{display:inline!important}.code-editor-container .code-editor-static-view-container .highlight code{line-height:1.5!important;padding:0!important}.code-editor-container .code-editor-build-time-container{padding:10px 12px;background:#262627;border-top:1px solid #333}.code-editor-container .code-editor-build-time-container .title,.code-editor-container .code-editor-build-time-container .code-editor-live-output-container .code-editor-live-output-title,.code-editor-container .code-editor-live-output-container .code-editor-build-time-container .code-editor-live-output-title,.code-editor-container .code-editor-build-time-container .code-editor-build-time-title{font-size:.7em;color:#878787;margin-bottom:4px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.code-editor-container .code-editor-build-time-container .output,.code-editor-container .code-editor-build-time-container .code-editor-live-output-container .code-editor-live-output,.code-editor-container .code-editor-live-output-container .code-editor-build-time-container .code-editor-live-output,.code-editor-container .code-editor-build-time-container .code-editor-build-time-output{margin:0;font-size:13px;white-space:pre-wrap;background:0 0;border:none;word-break:break-all}.code-editor-container .code-editor-build-time-container .code-editor-build-time-output{color:#ce8f73}.code-editor-container .code-editor-textarea{width:100%;height:180px;padding:12px;border:none;border-bottom:1px solid #333;background:#1f1f1f;color:#9cdefc;resize:vertical;outline:none;display:block;box-sizing:border-box}.code-editor-container .code-editor-controls{background:#2e2e2e}.code-editor-container .code-editor-run-btn{background:#398e3d;color:#fff;font-size:.85em}.code-editor-container .code-editor-reset-btn{background:#454545;color:#dedede;margin-left:8px;font-size:.85em}.code-editor-container .code-editor-live-output-container{padding:10px 12px;background:#000}.code-editor-container .code-editor-live-output-container .title,.code-editor-container .code-editor-live-output-container .code-editor-live-output-title,.code-editor-container .code-editor-live-output-container .code-editor-build-time-container .code-editor-build-time-title,.code-editor-container .code-editor-build-time-container .code-editor-live-output-container .code-editor-build-time-title{font-size:.7em;color:#666;margin-bottom:4px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.code-editor-container .code-editor-live-output-container .output,.code-editor-container .code-editor-live-output-container .code-editor-live-output,.code-editor-container .code-editor-live-output-container .code-editor-build-time-container .code-editor-build-time-output,.code-editor-container .code-editor-build-time-container .code-editor-live-output-container .code-editor-build-time-output{margin:0;font-size:13px;white-space:pre-wrap;background:0 0;border:none;word-break:break-all}.code-editor-container .code-editor-live-output-container .code-editor-live-output{color:#4ac9b0;min-height:24px}.code-editor-container .code-editor-live-output-container .code-editor-live-output.error{color:#f08975}.code-editor-container .code-editor-hidden{display:none}