.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}.HA{grid-area:tabs;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch}.HB{align-self:center;padding:5px;opacity:.25;transition:opacity .1s ease-out}.HB:hover{opacity:1}.HA{flex:1}.HD{padding:0 5px;display:flex;flex-direction:row;align-items:center;border-bottom:1px solid transparent}.HC+.HD,.HD+.HD{margin-left:.25rem}.HE{border-bottom-color:#000}.HF{flex:1;height:100%;margin-right:10px;text-decoration:none;color:#999}.HE .HF{color:#333}.HG{width:20px;filter:grayscale();transition:opacity .1s ease-in}.HD .HG{opacity:.1}.HE .HG{opacity:.3}.HG: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}.GA{grid-area:output;position:relative}