.CodeMirror{border:1px solid #ccc;height:450px}@media (min-width:768px){.row-flex{align-items:stretch;display:flex}.empty-area{display:block;height:100px}}@media (max-width:768px){.container{width:100%}#switch-direction-view-h,#switch-direction-view-v,.empty-area{display:none}}pre{background:#fff;border:0;white-space:pre-wrap}.edit-view-v{display:none}#switch-direction{cursor:pointer;display:inline-block}select{text-align:center}.toolbar{background-color:#f0f0f0;border:1px solid #ccc;border-bottom:0;padding:5px;text-align:right}.full-screen{background:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.toolbar-btn-light{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:2px;color:#343a40;cursor:pointer;height:40px;margin-left:5px;transition:background-color .3s,border-color .3s}.toolbar-btn-light:hover{border-color:#b6c0cd}.toolbar-btn-light:active{border-color:#ced4da}.CodeMirror-placeholder.CodeMirror-line-like{color:#999!important}.is-updated{animation:outputSoftPulse .34s ease}@keyframes outputSoftPulse{0%{border-color:color-mix(in srgb,#def 52%,transparent);box-shadow:0 0 0 0 color-mix(in srgb,#def 8%,transparent)}to{border-color:#2d95fd;box-shadow:0 .2rem .6rem #6d8aac}}.rotate{animation:softSpin .4s linear}@keyframes softSpin{0%{transform:rotate(0deg)}to{transform:rotate(230deg)}}.clear-btn{background:transparent;border-color:transparent;border-radius:50px;color:#5f6368;height:32px;width:73px}.clear-btn:hover{background:#fff4f4;border:0;border-radius:50px;color:#ff2e2e}.clear-btn:active{opacity:.9;scale:.99;transform:translateY(1px)}