header{user-select:none;background:var(--background-header);color:#e7dacb;align-items:center;height:50px;font-family:Gill Sans,Avenir Next,Avenir,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex}header a{color:inherit;align-items:center;margin:0 auto;text-decoration:none;display:flex;overflow:hidden}header a>*{margin-right:5px}.file-browser{background:var(--background-header);min-width:200px;overflow:hidden}.file-browser>div{border-radius:var(--radius);margin:var(--gap);background:#fff;padding:.4em 0}.file-browser .header,.file-browser .presets,.file-browser .options,.file-browser .download{padding:.4em}.file-browser .header{border-bottom:2px solid var(--background-light);justify-content:space-between;display:flex}.file-browser .presets{user-select:none;justify-content:space-between;display:flex}.file-browser .presets>select{min-width:0}.file-browser .options{justify-content:space-between;display:flex}.file-browser .options>.view{padding:.2em}.file-browser .options>.view span{vertical-align:middle;background:url(lines.a017abaf.svg) 50% no-repeat;width:16px;height:16px;display:inline-block}.file-browser .options>.view.tabs span{transform:rotate(90deg)}.file-browser ul{margin:0;padding:0 0 0 1em;list-style:none}.file-browser li>div{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.file-browser li>div:hover{background:var(--background-dark)}.file-browser li>div>.name{flex:1;display:flex}.file-browser li>div>.name form{flex:1}.file-browser li>div>.name form input{width:100%}.file-browser li>div>.controls{flex-shrink:0;display:inline}.file-browser li>div>.controls button{width:16px;height:16px;margin-top:auto}.file-browser li>div>.controls .delete{background:url(remove.b25a7495.svg) 50% no-repeat}.file-browser li>div>.controls .rename{background:url(edit.2865c18c.svg) 50% no-repeat}.file-browser li>.dir .icon{vertical-align:middle;background:url(chevron.4d37ac60.svg) 50% no-repeat;width:16px;height:16px;display:inline-block}.file-browser li>.dir.expanded .icon{transform:rotate(90deg)}.file-browser li>.file .icon{background:url(file.1545abc7.svg) 50% no-repeat;width:16px;height:16px;margin:auto 0;display:inline-block}.file-browser .download{padding-bottom:0;display:flex}.file-browser .download button{flex:1}.content .options{flex-direction:column;display:flex}.content .options>hr{width:100%}.content .options>:not(hr){padding:.3em;display:block}.content .options>label>:not(:first-child){float:right}.content .options>label input[type=text],.content .options>label select{font-size:.9em}.content .options>label>input[type=text],.content .options>label>select{width:50%}.content .options>.dependencies>ul{max-width:25em;margin:0 auto;padding:0;list-style:none}.content .options>.dependencies>ul>li{justify-content:space-between;margin:.3em 0;display:flex}.content .options>.dependencies button.remove{margin-left:.3em;padding:.2rem .4rem}.content .options>.dependencies button.add{width:100%}button{-webkit-appearance:none;appearance:none;color:var(--color);user-select:none;background:var(--background-button);border-radius:var(--radius);font-size:inherit;border:none}button:disabled{filter:opacity(.5)}button:hover{background:var(--background-dark)}.panel{flex-direction:column;align-items:stretch;display:flex}.panel>*{flex:1;min-height:0}.resize-handle{background-color:var(--handle-color);outline:none;width:.3rem;transition:background-color .2s ease-in-out}.resize-handle:hover,.resize-handle[data-resize-handle-active]{background-color:var(--handle-color-active)}.editor,pre{background-color:var(--background-editor)}main>.output{overflow:auto}main>.editors,main>.output{min-height:25em}.editors{background:var(--background-light);flex-direction:column;margin-right:.3em;display:flex}.editors:not(.tabs){overflow-y:auto}.editors .switcher{justify-content:flex-start;display:flex;overflow-x:auto}.switcher div{border-top-left-radius:.25em;border-top-right-radius:.25em}.editors .switcher div,.view .name{text-align:center;flex-grow:1;justify-content:space-between;padding:.4em .3em;display:flex}.editors .switcher div{background-color:var(--background-button);max-width:calc(max(15em,33%))}.views div.selected{background-color:var(--background-editor)}.editors.list{margin:.3em}.list{gap:var(--gap);flex-direction:column;display:flex}.list .view{border-radius:var(--radius);flex-shrink:0;overflow:hidden}.list .view .name{border-bottom:2px solid var(--background-light)}.switcher div .close,.view .name .close{background:url(remove.b25a7495.svg) 50% no-repeat;width:16px;height:16px;margin-top:auto}.editors .switcher div .close.modified,.editors .view .name .close.modified{background:url(circle.0b5bb9e0.svg) 50% no-repeat}.editors .content{background:var(--background-editor);flex:1;overflow-y:auto}.editors .content .editor,.editors .content .editor .cm-wrap{height:100%}.editors .help{user-select:none;justify-content:center;align-items:center;height:100%;display:flex}input[type=text],select{padding:.1em .2em}.output{background:var(--background-light);gap:var(--gap);flex-direction:column;padding:.3em;display:flex}.output .header button,.output .preview button{background:var(--background-button-light)}.output .header button:hover,.output .preview button:hover{background:var(--background-button)}.output .header{gap:var(--gap);flex-wrap:wrap;display:flex}.output .header button{color:var(--color);flex:1;padding:.5em 3em}.output .status{border-radius:var(--radius);text-align:center;user-select:none;padding:.5em;transition:background-color .3s}.output .build-error .content{white-space:pre;background:#fff;border:1px solid red;padding:.3em;font-family:monospace;overflow-y:scroll}.output .files{flex:1;overflow-y:auto}.output .files .tabs{background-color:var(--background-dark);flex-direction:column;height:100%;display:flex}.output .files .tabs>.switcher{display:flex}.output .files .tabs>.switcher div{background-color:var(--background-button);text-align:center;flex:1;padding:.4em 0}.output .files .tabs>.switcher div.selected{background-color:var(--background-editor)}.output .files .tabs>:not(.switcher){background:var(--background-light);flex-direction:column;flex:1;display:flex}.output .files .tabs .views{flex:1}.output .graphs{background:var(--background-editor);border-radius:var(--radius);padding:.5em}.output .graphs>div{gap:var(--gap);flex-wrap:wrap;padding-top:.5em;display:flex}.preview{flex-direction:column;flex:1;display:flex}.preview .controls{flex-wrap:wrap;margin-bottom:2px;display:flex}.preview .controls>button{flex:1}.preview button{border-radius:0;padding:.3em 3em}.preview .file{width:100%}.preview iframe{background:#fff;border:none;flex:1;width:100%}html{box-sizing:border-box;--color:black;--background-header:#21374b;--background-dark:#d1d5db;--background-light:#d1d5db;--background-button:#dde1e6;--background-button-light:white;--background-editor:white;--gap:.5rem;--radius:.3rem;--parcel-color:#e7b37d;--handle-color:#0000001a;--handle-color-active:var(--parcel-color);background-color:var(--background-light);color:var(--color);margin:0;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,Arial,sans-serif}html,body,#root,main{height:100vh;margin:0}html{box-sizing:border-box}*{box-sizing:inherit}