.IA{flex:1;display:flex;flex-direction:column;align-items:stretch}.IA .CodeMirror{flex:1;font-size:.9rem}.IB{position:relative;border-bottom:2px solid rgb(200,0,0)}.IC{background-color:#c800000d}.GA{grid-area:tabs;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch}.GB{align-self:center;padding:5px;opacity:.25;transition:opacity .1s ease-out}.GB:hover{opacity:1}.GA{flex:1}.GD{padding:0 5px;display:flex;flex-direction:row;align-items:center;border-bottom:1px solid transparent}.GC+.GD,.GD+.GD{margin-left:.25rem}.GE{border-bottom-color:#000}.GF{flex:1;height:100%;margin-right:10px;text-decoration:none;color:#999}.GE .GF{color:#333}.GG{width:20px;filter:grayscale();transition:opacity .1s ease-in}.GD .GG{opacity:.1}.GE .GG{opacity:.3}.GG:hover{filter:brightness(1.2);opacity:1}.EA{display:grid;padding-right:0;padding-bottom:0;padding-left:0;grid-template:"tabs" 2.5rem "input" 1fr "output" 1fr / auto}@media screen and (min-width: 768px){.EA{grid-template:"  tabs   tabs  " 2.5rem " input  output " auto / 50% 50%;height:100%}}.EB{display:flex;flex-direction:column;align-items:stretch;position:relative;border-top:2px solid #D8DEE9}.EB+.EB{border-left:2px solid #D8DEE9}.EC{grid-area:input}.ED{z-index:1000;position:absolute;right:0;bottom:0;left:0;padding:0 1rem;background:#fa7e70;color:#f0f0f0;visibility:hidden}.ED[data-visible=true]{visibility:visible}.HA{grid-area:output;position:relative}