.criipto-jwt-viewer-tooltip{background:#333;border-radius:4px;color:#ddd;font-family:Verdana;font-size:10px;font-weight:400;left:0;line-height:15px;margin-right:8px;max-width:200px;opacity:0;padding:4px 7px;position:absolute;top:0;transform:translate(calc(-100% - 15px),calc(-50% + 11px));transition:opacity .2s;z-index:2}.criipto-jwt-viewer-tooltip a,.criipto-jwt-viewer-tooltip a:hover,.criipto-jwt-viewer-tooltip a:visited{color:inherit;color:#ddd;font-size:10px;font-weight:400;line-height:15px;text-decoration:underline}.criipto-jwt-viewer-tooltip .arrow{border-bottom:5px solid transparent;border-left:5px solid #000;border-top:5px solid transparent;height:0;margin-top:-5px;position:absolute;right:-4px;top:50%;width:0}.criipto-jwt-viewer-payload{color:#d63aff;font-family:Roboto Mono,Menlo,monospace;font-size:14px;line-height:1.5}.criipto-jwt-viewer-payload pre{margin:0;padding:0}.criipto-jwt-viewer-claim{overflow-wrap:anywhere;position:relative}.criipto-jwt-viewer-claim:hover>.criipto-jwt-viewer-tooltip{opacity:1}.criipto-jwt-viewer-header{color:#fb015b;font-family:Roboto Mono,Menlo,monospace;font-size:14px;line-height:1.5}.criipto-jwt-viewer-header pre{margin:0;padding:0}.criipto-jwt-viewer-header-item{overflow-wrap:anywhere;position:relative}.criipto-jwt-viewer-header-item:hover .criipto-jwt-viewer-tooltip{opacity:1}.criipto-jwt-viewer-encoded{color:#d63aff;position:relative}.criipto-jwt-viewer-encoded,.criipto-jwt-viewer-encoded textarea{font-family:Roboto Mono,Menlo,monospace;font-size:14px;line-height:1.5;word-break:break-all}.criipto-jwt-viewer-encoded textarea{background:transparent;border:0;color:transparent;height:100%;left:0;margin:0;min-height:250px;outline:none;overflow-y:hidden;padding:0;position:absolute;resize:none;top:0;width:100%;z-index:2}.criipto-jwt-viewer-encoded .dot{color:#000}.criipto-jwt-viewer-encoded .header{color:#fb015b}.criipto-jwt-viewer-encoded .payload{color:#d63aff}.criipto-jwt-viewer-encoded .signature{color:#00b9f1}.jwt-viewer{display:flex;flex-flow:row;gap:20px}@media (max-width:900px){.jwt-viewer{flex-flow:column}}.jwt-viewer .encoded{padding:20px}.jwt-viewer .decoded,.jwt-viewer .encoded{border:1px solid hsla(0,0%,61%,.5);border-radius:3px;flex-basis:50%}.jwt-viewer .decoded .box{border-bottom:1px solid hsla(0,0%,61%,.5)}.jwt-viewer .decoded .box:last-child{border-bottom:0}.jwt-viewer .decoded .box .criipto-jwt-viewer-header,.jwt-viewer .decoded .box .criipto-jwt-viewer-payload{padding:20px}.jwt-viewer .decoded .box strong{border-bottom:1px solid hsla(0,0%,61%,.5);display:block;font-size:12px;padding:7px 12px;text-transform:uppercase}.jwt-viewer-wrapper{margin:0 auto;max-width:100%;padding:40px;width:1280px}@media (max-width:767px){.jwt-viewer-wrapper{padding:16px}}