.loading-overlay[data-v-2d8e6e9f]{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#fffc;z-index:12000}.loading-overlay .spin-wrap[data-v-2d8e6e9f]{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.loading-overlay .spinner[data-v-2d8e6e9f]{position:relative;width:50px;height:50px;text-align:center;animation:sk-rotate-2d8e6e9f 2s infinite linear}.loading-overlay .dot1[data-v-2d8e6e9f],.loading-overlay .dot2[data-v-2d8e6e9f]{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#0c94f2;border-radius:100%;animation:sk-bounce-2d8e6e9f 2s infinite ease-in-out}.loading-overlay .dot2[data-v-2d8e6e9f]{top:auto;bottom:0;background-color:#1162a4;animation-delay:-1s}@keyframes sk-rotate-2d8e6e9f{to{transform:rotate(360deg)}}@keyframes sk-bounce-2d8e6e9f{0%,to{transform:scale(0)}50%{transform:scale(1)}}html[data-v-c7cdca60],body[data-v-c7cdca60]{color:#58595b;background-color:#f1f1f1}.container[data-v-c7cdca60]{position:relative;height:100%}.loading-bar[data-v-85c41c14]{position:relative;width:100%;height:8px;background-color:transparent}@keyframes loading-85c41c14{0%{left:50%;width:0;z-index:100}33.3333%{left:0;width:100%;z-index:10}to{left:0;width:100%}}.loading-bar .bar[data-v-85c41c14]{content:"";display:inline;position:absolute;width:0;height:100%;left:50%;text-align:center}.loading-bar .bar[data-v-85c41c14]:nth-child(1){background-color:#0c94f2;animation:loading-85c41c14 3s linear 50ms infinite}.loading-bar .bar[data-v-85c41c14]:nth-child(2){background-color:#939598;animation:loading-85c41c14 3s linear 1s infinite}.loading-bar .bar[data-v-85c41c14]:nth-child(3){background-color:#fff;animation:loading-85c41c14 3s linear 2s infinite}.splash-page{position:fixed;top:0;right:0;left:0;bottom:0}.splash-page .logo{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:200px;height:200px;border-radius:20px}/**
 * Monokai theme for Prism.JS
 *
 * @author Martijn Swaagman
 * @license MIT 2015
 */code[class*=language-],pre[class*=language-]{color:#f8f8f2;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#778090}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function{color:#e6db74}.token.keyword{color:#f92672}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.code-editor{-webkit-overflow-scrolling:touch;position:relative;font-family:Source Code Pro,monospace;overflow-y:auto}.code-editor::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}.code-editor::-webkit-scrollbar{height:5px;width:5px;background-color:#f5f5f5}.code-editor::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555;background-color:#55555540}.code-editor .codejar-wrap{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto;background-color:#4d4d4d}.code-editor .codejar-wrap::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}.code-editor .codejar-wrap::-webkit-scrollbar{height:5px;width:5px;background-color:#f5f5f5}.code-editor .codejar-wrap::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555;background-color:#55555540}.code-editor .codejar-wrap .codejar-linenumbers-inner-wrap{min-height:100%;float:left;z-index:1;background-color:#4d4d4d!important}.code-editor .codejar-wrap .codejar-linenumbers-inner-wrap .codejar-linenumbers{background-color:#4d4d4d!important;padding-left:4px!important;box-sizing:border-box}.code-editor .inner-blk{-webkit-overflow-scrolling:touch;min-height:100%;background-color:#383838;padding-right:5px;padding-left:5px!important;color:#fff}.code-editor .inner-blk::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}.code-editor .inner-blk::-webkit-scrollbar{height:5px;width:5px;background-color:#f5f5f5}.code-editor .inner-blk::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555;background-color:#55555540}.code-editor .inner-blk.wordwrap{white-space:pre-line!important}.code-editor .inner-blk .token.number.date{position:relative}.code-editor .inner-blk .token.number.date .date-tooltip{position:absolute;top:0;left:0;font-size:11px;line-height:13px;color:#000;background-color:#fff;font-style:normal;padding:2px 7px;border-radius:5px 5px 5px 0;transform:translate3d(0,-90%,0);opacity:0;visibility:hidden;transition:opacity .2s linear,transform .3s ease,visibility 0s linear .3s}.code-editor .inner-blk .token.number.date:hover{transition:background-color .1s ease,color .1s ease,border-radius .1s ease;background-color:#fff;color:#000;border-radius:0 0 5px 5px}.code-editor .inner-blk .token.number.date:hover .date-tooltip{transform:translate3d(0,-100%,0);opacity:1;visibility:visible;transition:opacity .2s linear,transform .3s ease,visibility 0s linear 0s}.copy-input{overflow:hidden}.copy-input input{float:left;width:80%;line-height:24px;border:1px solid lightgray;border-radius:5px 0 0 5px;padding:0 10px}.copy-input .modifier{touch-callout:none;-webkit-user-select:none;user-select:none;cursor:default;cursor:pointer;float:left;width:20%;line-height:26px;text-align:center;background-color:#3258e9;color:#fff;border-radius:0 5px 5px 0}.copy-input .modifier:hover{background-color:#496beb}.dashboard-page{position:relative;height:100%}.dashboard-page .page-header{display:none;text-align:center;margin-bottom:20px}.dashboard-page .page-header .title{display:inline-block;margin-top:20px;font-size:30px;font-weight:700}.dashboard-page .page-header img{position:absolute;top:20px;left:40px;width:100px}.dashboard-page .inner-wrap{position:relative;height:100%;height:553px;max-width:760px;margin-left:auto;margin-right:auto}.dashboard-page .inner-wrap .blk .header{font-size:14px;font-weight:500;padding:7px 10px;text-align:center}.dashboard-page .inner-wrap .blk .header .secondary{margin-left:5px;font-weight:400;font-size:11px;color:gray}.dashboard-page .inner-wrap .blk .code-blk{margin:0 10px 10px;border:1px solid gray;box-sizing:border-box;border-radius:5px}.dashboard-page .inner-wrap .encoded-wrap{position:relative;float:left;width:29%;height:100%}.dashboard-page .inner-wrap .encoded-wrap .raw-jwt{position:absolute;top:40px;bottom:0;left:0;right:0;margin-right:0}.dashboard-page .inner-wrap .encoded-wrap .copy-input{position:absolute;top:47px;right:10px;z-index:1}.dashboard-page .inner-wrap .encoded-wrap .copy-input input,.dashboard-page .inner-wrap .encoded-wrap .copy-input textarea{position:relative;width:25px;height:1px;margin-left:-28px;opacity:0;z-index:0}.dashboard-page .inner-wrap .encoded-wrap .copy-input .modifier{position:relative;border-radius:5px;width:40px;z-index:1}.dashboard-page .inner-wrap .decoded-wrap{float:right;width:71%;height:100%}.dashboard-page .inner-wrap .decoded-wrap .header{padding-bottom:0}.dashboard-page .inner-wrap .decoded-wrap .popout-trigger{touch-callout:none;-webkit-user-select:none;user-select:none;cursor:default;cursor:pointer;position:absolute;top:0;right:0;width:40px;line-height:40px;text-align:center;transition:background-color .1s lienar,color .1s linear}.dashboard-page .inner-wrap .decoded-wrap .popout-trigger:hover{background-color:gray;color:#fff}.dashboard-page .inner-wrap .decoded-wrap .blk-header{padding-left:10px}.dashboard-page .inner-wrap .decoded-wrap .code-wrap{position:relative}.dashboard-page .inner-wrap .decoded-wrap .code-wrap .copy-input{position:absolute;top:31px;right:17px;z-index:1}.dashboard-page .inner-wrap .decoded-wrap .code-wrap .copy-input input,.dashboard-page .inner-wrap .decoded-wrap .code-wrap .copy-input textarea{position:relative;width:25px;height:1px;margin-left:-28px;opacity:0;z-index:0}.dashboard-page .inner-wrap .decoded-wrap .code-wrap .copy-input .modifier{position:relative;border-radius:5px;width:40px;z-index:1}.dashboard-page .inner-wrap .decoded-wrap .jwt-header .code-blk{height:175px}.dashboard-page .inner-wrap .decoded-wrap .jwt-payload .code-blk{height:279px}@media (min-width: 800px){.dashboard-page .page-header{display:block}}/*!
* Toastify js 1.12.0
* https://github.com/apvarun/toastify-js
* @license MIT licensed
*
* Copyright (C) 2018 Varun A P
*/.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d;background:-webkit-linear-gradient(315deg,#73a5ff,#5477f5);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:transparent;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width: 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}html,body{margin:0;padding:0}body{position:relative;height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,textarea{box-sizing:border-box}.toastify{z-index:9999}.fade-enter-active,.fade-leave-active{transition-property:opacity;transition-duration:.25s}.fade-enter,.fade-leave-active{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .2s linear}.slide-enter,.slide-leave-active{transform:translate(100%)}#app{position:relative;height:100%}