.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}.GA{flex-direction:row;grid-area:tabs;justify-content:flex-start;align-items:stretch;display:flex}.GB{opacity:.25;align-self:center;padding:5px;transition:opacity .1s ease-out}.GB:hover{opacity:1}.GA{flex:1}.GD{border-bottom:1px solid #0000;flex-direction:row;align-items:center;padding:0 5px;display:flex}.GC+.GD,.GD+.GD{margin-left:.25rem}.GE{border-bottom-color:#000}.GF{color:#999;flex:1;height:100%;margin-right:10px;text-decoration:none}.GE .GF{color:#333}.GG{filter:grayscale();width:20px;transition:opacity .1s ease-in}.GD .GG{opacity:.1}.GE .GG{opacity:.3}.GG: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}