@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";._editorContainer_4wlli_1{flex-grow:1;flex-basis:0;height:100%}._editorContainer_4wlli_1:nth-child(2){padding:0 16px}._editorHeader_4wlli_11{width:100%;background-color:var(--bg-dark-color);display:flex;align-items:center;justify-content:space-between;padding:16px;color:var(--text-muted);height:40px}._editorHeader_4wlli_11>p{color:var(--text-color);font-weight:600;text-transform:uppercase}._expandCollapseBtn_4wlli_28{background:none;outline:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted);transition:all .2s ease}._expandCollapseBtn_4wlli_28:hover{color:var(--text-color)}._editor_4wlli_1{width:100%;height:calc(100% - 40px);overflow:hidden}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-color: hsl(0, 0%, 8%);--bg-dark-color: hsl(0, 0%, 7%);--foreground-color: hsl(240, 16%, 18%);--text-color: hsl(0, 0%, 80%);--text-muted: hsl(234, 15%, 70%);--border-color: hsl(235, 18%, 26%);--main-font-family: "Roboto", sans-serif;--code-font-family: "Roboto Mono", monospace;--sidebar-width: 200px}html{font-family:var(--main-font-family)}body{background:var(--bg-color);color:var(--text-color);height:100vh}button{outline:none;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.highlight-tags{color:#ff5370;font-weight:600}.highlight-attributes{color:#50fa7b}.highlight-strings{color:#f78c6c}.highlight-comments{color:#637777}.container{height:100vh;overflow:hidden}.section{width:100%;height:50vh}.top-section{display:flex}.section iframe{width:100%;height:100%;border:none;background-color:#fff}