.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}.FA{flex-direction:row;grid-area:tabs;justify-content:flex-start;align-items:stretch;display:flex}.FB{opacity:.25;align-self:center;padding:5px;transition:opacity .1s ease-out}.FB:hover{opacity:1}.FA{flex:1}.FD{border-bottom:1px solid #0000;flex-direction:row;align-items:center;padding:0 5px;display:flex}.FC+.FD,.FD+.FD{margin-left:.25rem}.FE{border-bottom-color:#000}.FF{color:#999;flex:1;height:100%;margin-right:10px;text-decoration:none}.FE .FF{color:#333}.FG{filter:grayscale();width:20px;transition:opacity .1s ease-in}.FD .FG{opacity:.1}.FE .FG{opacity:.3}.FG:hover{filter:brightness(1.2);opacity:1}.DA{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){.DA{grid-template:"tabs tabs"2.5rem"input output"/50% 50%;height:100%}}.DB{border-top:2px solid #d8dee9;flex-direction:column;align-items:stretch;display:flex;position:relative}.DB+.DB{border-left:2px solid #d8dee9}.DC{grid-area:input}.DD{z-index:1000;color:#f0f0f0;visibility:hidden;background:#fa7e70;padding:0 1rem;position:absolute;bottom:0;left:0;right:0}.DD[data-visible=true]{visibility:visible}.GA{grid-area:output;position:relative}