*{font-family:"Roboto Mono",monospace;line-height:1}.wrapper,body,html{height:100%;margin:0}.button{background-color:#008cba;margin:8px;border-radius:8px;border:none;color:#fff;padding:16px 16px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border:2px solid #006c9a}.button{-webkit-transition-duration:.2s;transition-duration:.2s}.button:disabled{background-color:#aaa;color:#000}.button:hover{background-color:transparent;color:#000}.button:disabled:hover{background-color:#aaa;color:#000;cursor:not-allowed}#output_text p{margin:0;margin-left:8px;font-size:1.5em;font-family:"Roboto Mono",monospace}.flex-container-v{display:flex;flex-direction:column;flex-wrap:nowrap;background-color:#fff;margin:8px}.flex-container-v>div{justify-content:flex-start}.flex-container{display:flex;flex-wrap:nowrap;background-color:#fff;margin:8px}.flex-container>div{justify-content:space-around}.tln-active,.tln-line,.tln-wrapper{margin:0;border:0;padding:0;outline:0;box-sizing:border-box;vertical-align:middle;list-style:none}.tln-active{display:inline-block;padding:10px;width:calc(100% - 48px);height:100%;font-size:16px;line-height:1.5;font-family:"Roboto Mono",monospace;word-break:break-all;border:1px solid #aeaeae;background-color:#fff;resize:none;overflow-wrap:normal;overflow-x:auto;white-space:pre}.tln-wrapper{width:48px;padding:11px 5px 35px;height:100%;word-break:break-all;overflow:hidden;display:inline-block;counter-reset:line}.tln-line{width:100%;display:block;text-align:right;line-height:1.5;font-size:16px;color:#aeaeae}.tln-line::before{counter-increment:line;content:counter(line);font-size:16px;user-select:none}