body,html{width:100%;height:100%}body{padding:0;margin:0;font-family:Arial,Helvetica,sans-serif}#root,.base,.card,body{height:100%}header{background-color:#3caef8;padding:20px 10px;color:#fff;font-size:25px}#hook{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.base{margin:0 auto;width:100%;height:calc(100% - 69.9px)}textarea{padding:10px;box-sizing:border-box;border:none;height:calc(100% - 40px);font-size:16px;font-family:Arial,Helvetica,sans-serif}.button{background-color:#3caef8;color:#fff;text-align:center;height:35px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;cursor:pointer}.button,.card{width:100%;display:-webkit-flex;display:flex}.card{box-sizing:border-box}.card>div{-webkit-flex:1 1;flex:1 1;max-width:50%}.card>div:first-of-type{border-right:2px solid #2c3037}.converter{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;width:100%}ul{margin:0;padding:0;list-style:none}.display{flex-flow:column}.display,.display>div{display:-webkit-flex;display:flex;-webkit-flex-flow:column}.display>div{flex-flow:column;-webkit-flex:1 1;flex:1 1;max-height:50%}.display>div:first-of-type{border-bottom:1px solid #2c3037}.display>div span,.display>div ul{padding:10px;height:100%;overflow:scroll}.header{background-color:#2c3037;height:60px;min-height:60px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:0 10px;color:#fff}.header .button{max-width:150px}.parsed span{overflow-wrap:break-word}
/*# sourceMappingURL=main.a067d481.chunk.css.map */