:root{--darkblue:#1573b6;--darkbluehover:#177dc7;--grey:#7c7c7c;--lightblue:#eef7fd;--midgrey:#b4b4b4;--lightgrey:#dfdfdf;--extralightgrey:#ececec}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Open Sans,sans-serif;font-size:16px;margin:0;min-width:25em}html{box-sizing:border-box}.banner{background-color:#1573b6;background-color:var(--darkblue);border-bottom:1px solid #7c7c7c;border-bottom:1px solid var(--grey);color:#fff;height:3em;width:100%}.top-banner{display:flex;flex-flow:row nowrap;top:0}.bottom-banner{display:flex;justify-content:center}.copyright{margin-bottom:auto;margin-top:auto;text-align:center}.logo{margin-left:16px;margin-right:16px}.logo-text{margin-bottom:auto;margin-top:auto;text-align:left;width:12em}.navigator-pane{display:flex;flex-flow:row-reverse nowrap;width:100%}.navigator-list{list-style-type:none;margin:0;overflow:hidden;padding:0}.navigator-button{float:right}.navigator-button a{color:#fff;display:block;padding:14px 16px;text-align:center;text-decoration:none}.navigator-button a:hover{background-color:#b4b4b4;background-color:var(--midgrey);color:#000}.body-container{background-color:#eef7fd;background-color:var(--lightblue);padding-bottom:35px;width:100%}.tripleview-container{flex-flow:column nowrap;padding-left:25px;padding-right:25px}.description-container,.tripleview-container{box-sizing:border-box;display:flex;width:100%}.description-container{flex-flow:row wrap;text-align:left}.left-description{max-width:60em}.left-description,.right-description{box-sizing:border-box;padding-left:35px;padding-right:35px;padding-top:1em;text-align:left}.horizontalZone{align-items:center;display:flex;flex-flow:row wrap;justify-content:center;margin-top:1em;width:100%}.bottomEditor{height:10em;margin-top:1em;width:100%}.encoded-input{border:0;box-sizing:border-box;font-family:Cascadia Code,monospace;font-size:16px,;height:100%;padding-left:1em;resize:none;width:100%}.encoded-input:focus{outline:none!important}.formInput{display:flex;flex:1 1;flex-flow:column nowrap;height:35em;margin-top:1em;min-width:20em}.input-header{align-items:center;border-top-left-radius:4px;border-top-right-radius:4px;height:1.5em;padding-left:1em}.fileNameBox,.input-header{background-color:#b4b4b4;background-color:var(--midgrey);box-sizing:border-box;display:flex;text-align:left}.fileNameBox{flex-flow:row nowrap;height:2em}.active-header{background-color:green}.center-column{background-color:#fff;border-radius:25px;box-shadow:0 0 5px 5px #b4b4b4;box-shadow:0 0 5px 5px var(--midgrey);box-sizing:border-box;display:flex;flex-flow:column nowrap;height:25em;justify-content:center;margin:16px;width:20em}.center-ad{border:2px solid #000;box-sizing:border-box;display:none;height:12em;margin-top:25px;width:100%}.msg-selector{margin:1em}.button-panel{display:flex;flex-flow:row wrap;height:12em;justify-content:center;width:100%}.button{background-color:#1573b6;background-color:var(--darkblue);border:0 solid #b4b4b4;border:0 solid var(--midgrey);border-radius:6px;color:#fff;margin:6px}.button:hover{background-color:#177dc7;background-color:var(--darkbluehover);border:1px solid #000}.base-btn{border:0 solid #000;border-radius:4px;box-sizing:border-box;margin-bottom:2px;margin-left:8px;margin-top:2px;width:5em}.btn-selected{background-color:#1573b6;background-color:var(--darkblue);color:#fff}.btn-selected:hover{background-color:#177dc7;background-color:var(--darkbluehover);border:1px solid #000}.btn-non-selected{background-color:#dfdfdf;background-color:var(--lightgrey)}.btn-non-selected:hover{border:1px solid #000}.decode,.encode,.validateJson,.validateProto{height:3em;width:40%}select:required:invalid{color:gray}.codeEditorBox{background-color:#fff;box-sizing:border-box;height:100%;overflow-y:scroll;width:100%}.editor{counter-reset:line;min-height:100%}.editor #codeArea{outline:none}.live-editor #codeArea{outline:none;padding-left:60px!important}.live-editor pre{padding-left:60px!important;word-break:break-word!important}.editor .editorLineNumber{color:#7c7c7c;font-weight:100;left:0;position:absolute;text-align:right;width:40px}.ad{background-color:pink;height:auto;width:10%}#footer{background:grey;bottom:0;height:80px;padding:10px 10px 0;position:fixed;width:100%}.exampleData{word-break:break-word!important}.fileHeader-outer{border-top-left-radius:4px;border-top-right-radius:4px;display:flex;margin-right:1px}.fileHeader-name,.fileHeader-x{background-color:initial;border:0 solid #000}.fileHeader-selected{background-color:#fff;border:0 solid #000}.fileHeader-non-selected{background-color:var(--lightgrey);border:0 solid #000}.fileHeader-no-border:focus-visible{outline:0 solid #000!important}.fileHeader-non-selected:hover{background-color:var(--extralightgrey)}.shadowLeft{background:linear-gradient(90deg,rgba(0,0,0,.2) 0,transparent);left:0}.shadowLeft,.shadowRight{bottom:0;pointer-events:none;position:absolute;top:0;width:16px}.shadowRight{background:linear-gradient(270deg,rgba(0,0,0,.2) 0,transparent);right:0}code[class*=language-],pre[class*=language-]{color:#393a34;direction:ltr;font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;font-size:.9em;-webkit-hyphens:none;hyphens:none;line-height:1.2em;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre>code[class*=language-]{font-size:1em}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#c1def1}pre[class*=language-]{background-color:#fff;border:1px solid #ddd;margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-]{background:#f8f8f8;border:1px solid #ddd;padding:1px .2em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:green;font-style:italic}.token.namespace{opacity:.7}.token.string{color:#a31515}.token.operator,.token.punctuation{color:#393a34}.token.boolean,.token.constant,.token.inserted,.token.number,.token.symbol,.token.url,.token.variable{color:#36acaa}.language-autohotkey .token.selector,.language-json .token.boolean,.language-json .token.number,.token.atrule,.token.attr-value,.token.builtin,.token.keyword,code[class*=language-css]{color:#00f}.token.function{color:#393a34}.language-autohotkey .token.tag,.token.deleted{color:#9a050f}.language-autohotkey .token.keyword,.token.selector{color:#00009f}.token.important{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.language-json .token.property,.token.class-name{color:#2b91af}.token.selector,.token.tag{color:maroon}.token.attr-name,.token.entity,.token.property,.token.regex{color:red}.token.directive.tag .tag{background:#ff0;color:#393a34}.line-numbers.line-numbers .line-numbers-rows{border-right-color:#a5a5a5}.line-numbers .line-numbers-rows>span:before{color:#2b91af}.line-highlight.line-highlight{background:rgba(193,222,241,.2);background:linear-gradient(90deg,rgba(193,222,241,.2) 70%,rgba(221,222,241,0))}