.IA{flex-direction:column;flex:1;align-items:stretch;display:flex}.IA .CodeMirror{flex:1;font-size:.9rem}.IB{border-bottom:2px solid #c80000;position:relative}.IC{background-color:#c800000d}.HA{flex-direction:row;grid-area:tabs;justify-content:flex-start;align-items:stretch;display:flex}.HB{opacity:.25;align-self:center;padding:5px;transition:opacity .1s ease-out}.HB:hover{opacity:1}.HA{flex:1}.HD{border-bottom:1px solid #0000;flex-direction:row;align-items:center;padding:0 5px;display:flex}.HC+.HD,.HD+.HD{margin-left:.25rem}.HE{border-bottom-color:#000}.HF{color:#999;flex:1;height:100%;margin-right:10px;text-decoration:none}.HE .HF{color:#333}.HG{filter:grayscale();width:20px;transition:opacity .1s ease-in}.HD .HG{opacity:.1}.HE .HG{opacity:.3}.HG:hover{filter:brightness(1.2);opacity:1}.BA{grid-template:"tabs"2.5rem"input"1fr"output"1fr/auto;padding-bottom:0;padding-left:0;padding-right:0;display:grid}@media screen and (width>=768px){.BA{grid-template:"tabs tabs"2.5rem"input output"/50% 50%;height:100%}}.BB{border-top:2px solid #d8dee9;flex-direction:column;align-items:stretch;display:flex;position:relative}.BB+.BB{border-left:2px solid #d8dee9}.BC{grid-area:input}.BD{z-index:1000;color:#f0f0f0;visibility:hidden;background:#fa7e70;padding:0 1rem;position:absolute;bottom:0;left:0;right:0}.BD[data-visible=true]{visibility:visible}.FA{grid-area:output;position:relative}