.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%}.empty-area{display:none}}.vertical-center-flex{display:flex;flex-direction:column;height:100%;justify-content:center}pre{background:#fff;border:0;white-space:pre-wrap}.toolbar{border-bottom:0;padding:5px 0;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}.result-header{align-items:center;display:flex;justify-content:space-between;margin:12px auto 6px}#orginalText,#outputResult{overflow-x:auto}.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 .85rem 2rem #6d8aac}}.rotate{animation:softSpin .4s linear}@keyframes softSpin{0%{transform:rotate(0deg)}to{transform:rotate(230deg)}}#generate-icon{font-size:1.8rem}.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)}