*{box-sizing:border-box}html{height:100%;font-size:100%}table{border-collapse:collapse;border-spacing:0}.App{text-align:center}.App-header{color:#fff;background-color:#222;height:70px;padding:20px}.App-intro{padding:20px;font-size:large}.token-box{text-align:left;background:#fafafa;border:1px solid #c8c8c8;border-radius:4px;margin:1em 0;overflow:hidden}.token-label,.token-info{color:#333;background:#efefef;padding:.75em 1em;font-size:.95rem}.token-label{border-bottom:1px solid #c8c8c8}.token-info{border-top:1px solid #c8c8c8}.token-input-wrap{font-family:Consolas,Liberation Mono,Menlo,Courier New,monospace;font-size:14px;line-height:1.45;position:relative}.token-highlight,.the-token{width:100%;min-height:90px;font-family:inherit;font-size:inherit;line-height:inherit;word-break:break-all;overflow-wrap:anywhere;white-space:pre-wrap;box-sizing:border-box;border:0;margin:0;padding:1em}.token-highlight{color:#444;pointer-events:none;background:0 0;margin:0}.the-token{color:#0000;caret-color:#000;resize:none;background:0 0;outline:none;height:100%;position:absolute;top:0;left:0;overflow:hidden}.the-token::placeholder{color:#999}.the-result{word-break:break-all;margin-top:1em}.the-result aside{text-align:left;margin-top:1em;font-weight:700}.the-result table{width:100%}.the-result tr td{vertical-align:top;padding:0 1em}.the-result tr td:nth-child(odd){text-align:right;white-space:nowrap}.the-result tr td:nth-child(2n){text-align:left}.date_future{color:red}.json-payload{white-space:pre;font-family:Consolas,Liberation Mono,Menlo,Courier New,monospace;font-size:.95em;overflow-x:auto}pre{text-align:left}body{margin:0;padding:0;font-family:sans-serif}