{{ message }}
forked from jsonwebtoken/jsonwebtoken.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathapp.css
More file actions
1 lines (1 loc) · 40.7 KB
/
Copy pathapp.css
File metadata and controls
1 lines (1 loc) · 40.7 KB
1
.CodeMirror{zoom:1;font-family:'Roboto Mono',Menlo;outline:none;height:auto;}.CodeMirror *{outline:none;box-shadow:none}.jwt-playground .input.error{background:#ffc0cb}.jwt-playground .input .CodeMirror{font-size:20px;line-height:30px;}.jwt-playground .input .CodeMirror .cm-jwt-dot{color:#000}.jwt-playground .input .CodeMirror .cm-jwt-header{color:#fb015b}.jwt-playground .input .CodeMirror .cm-jwt-payload{color:#d63aff}.jwt-playground .input .CodeMirror .cm-jwt-signature{color:#00b9f1}.jwt-playground .output .jwt-explained pre{font-size:14px;line-height:1.5}.jwt-playground .output .jwt-header .text-line a,.jwt-playground .output .jwt-header .CodeMirror *{color:#fb015b}.jwt-playground .output .jwt-payload .text-line a,.jwt-playground .output .jwt-payload .CodeMirror *{color:#d63aff}.jwt-playground .output .jwt-signature .text-line a,.jwt-playground .output .jwt-signature pre{color:#00b9f1}.flip-clock-wrapper{font-family:'DINCondensedBold';-webkit-user-select:none;text-align:center;position:relative;width:100%;margin:0;-ms-transform:scale(.8);-webkit-transform:scale(.8);-webkit-transform:scale(.8);transform:scale(.8);}@media (min-width:992px){.flip-clock-wrapper{-ms-transform:none;-webkit-transform:none;-webkit-transform:none;transform:none}}.flip-clock-wrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}.flip-clock-wrapper a{cursor:pointer;text-decoration:none;color:#ccc;}.flip-clock-wrapper a:hover{color:#fff}.flip-clock-wrapper ul{padding:0;margin:0;list-style:none;position:relative;float:none;display:inline-block;margin:1px;width:31px;height:50px;font-size:80px;font-weight:bold;line-height:87px;border-radius:2px;background:#000;}.flip-clock-wrapper ul:nth-last-child(3n+1){margin-right:8px}@media (min-width:992px){.flip-clock-wrapper ul{width:40px;height:66px;line-height:66px}}.flip-clock-wrapper ul li{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;line-height:64px;text-decoration:none !important;}.pc .flip-clock-wrapper ul li{line-height:56px}@media (min-width:992px){.flip-clock-wrapper ul li{line-height:86px}.pc .flip-clock-wrapper ul li{line-height:70px}}.flip-clock-wrapper ul li:first-child{z-index:2}.flip-clock-wrapper ul li a{display:block;height:100%;-webkit-perspective:200px;-moz-perspective:200px;perspective:200px;margin:0 !important;overflow:visible !important;cursor:default !important;}.flip-clock-wrapper ul li a div{z-index:1;position:absolute;left:0;width:100%;height:50%;font-size:80px;overflow:hidden;outline:1px solid transparent;}.flip-clock-wrapper ul li a div .shadow{position:absolute;width:100%;height:100%;z-index:2}.flip-clock-wrapper ul li a div.up{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;top:0;}.flip-clock-wrapper ul li a div.up:after{content:"";position:absolute;top:44px;left:0;z-index:5;width:100%;height:3px;background-color:#000;background-color:rgba(0,0,0,0.4)}.flip-clock-wrapper ul li a div.up div.inn{top:0}.flip-clock-wrapper ul li a div.down{-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;bottom:0;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}.flip-clock-wrapper ul li a div.down div.inn{bottom:0}.flip-clock-wrapper ul li a div div.inn{font-family:'DINCondensedBold';position:absolute;left:0;z-index:1;width:100%;height:200%;color:#ccc;text-shadow:0 1px 2px #000;text-align:center;background-color:#333;border-radius:6px;font-size:46px;}@media (min-width:992px){.flip-clock-wrapper ul li a div div.inn{font-size:60px}}.flip-clock-wrapper ul li.flip-clock-active{z-index:3}.flip-clock-wrapper ul.play li.flip-clock-before{z-index:3;}.flip-clock-wrapper ul.play li.flip-clock-before .up{z-index:2;-webkit-animation:turn2 .5s linear both;-moz-animation:turn2 .5s linear both;animation:turn2 .5s linear both;}.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow{background:-moz-linear-gradient(top,rgba(0,0,0,0.1) 0%,#000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.1)),color-stop(100%,#000));background:linear,top,rgba(0,0,0,0.1) 0%,#000 100%;background:-o-linear-gradient(top,rgba(0,0,0,0.1) 0%,#000 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0.1) 0%,#000 100%);background:linear,to bottom,rgba(0,0,0,0.1) 0%,#000 100%;-webkit-animation:show .5s linear both;-moz-animation:show .5s linear both;animation:show .5s linear both}.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow{background:-moz-linear-gradient(top,#000 0%,rgba(0,0,0,0.1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#000),color-stop(100%,rgba(0,0,0,0.1)));background:linear,top,#000 0%,rgba(0,0,0,0.1) 100%;background:-o-linear-gradient(top,#000 0%,rgba(0,0,0,0.1) 100%);background:-ms-linear-gradient(top,#000 0%,rgba(0,0,0,0.1) 100%);background:linear,to bottom,#000 0%,rgba(0,0,0,0.1) 100%;-webkit-animation:show .5s linear both;-moz-animation:show .5s linear both;animation:show .5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active{-webkit-animation:asd .5s .5s linear both;-moz-animation:asd .5s .5s linear both;animation:asd .5s .5s linear both;z-index:5;}.flip-clock-wrapper ul.play li.flip-clock-active .down{z-index:2;-webkit-animation:turn .5s .5s linear both;-moz-animation:turn .5s .5s linear both;animation:turn .5s .5s linear both;}.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow{background:-moz-linear-gradient(top,#000 0%,rgba(0,0,0,0.1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#000),color-stop(100%,rgba(0,0,0,0.1)));background:linear,top,#000 0%,rgba(0,0,0,0.1) 100%;background:-o-linear-gradient(top,#000 0%,rgba(0,0,0,0.1) 100%);background:-ms-linear-gradient(top,#000 0%,rgba(0,0,0,0.1) 100%);background:linear,to bottom,#000 0%,rgba(0,0,0,0.1) 100%;-webkit-animation:hide .5s .3s linear both;-moz-animation:hide .5s .3s linear both;animation:hide .5s .2s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow{background:-moz-linear-gradient(top,rgba(0,0,0,0.1) 0%,#000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.1)),color-stop(100%,#000));background:linear,top,rgba(0,0,0,0.1) 0%,#000 100%;background:-o-linear-gradient(top,rgba(0,0,0,0.1) 0%,#000 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0.1) 0%,#000 100%);background:linear,to bottom,rgba(0,0,0,0.1) 0%,#000 100%;-webkit-animation:hide .5s .3s linear both;-moz-animation:hide .5s .3s linear both;animation:hide .5s .3s linear both}.flip-clock-wrapper li{padding:0;margin:0;list-style:none}.flip-clock-wrapper.clearfix{*zoom:1;}.flip-clock-wrapper.clearfix:after{clear:both}.flip-clock-wrapper:after{clear:both}.flip-clock-wrapper .flip{box-shadow:0 2px 5px rgba(0,0,0,0.7)}.flip-clock-wrapper.clearfix:before,.flip-clock-wrapper.clearfix:after{content:" ";display:table}.flip-clock-meridium{background:none !important;box-shadow:0 0 0 !important;font-size:36px !important;}.flip-clock-meridium a{color:#313333}.flip-clock-wrapper:before,.flip-clock-wrapper:after{content:" ";display:table}.flip-clock-divider{float:left;display:inline-block;position:relative;width:20px;height:100px;}.flip-clock-divider:first-child{width:0}.flip-clock-divider .flip-clock-label{position:absolute;top:-1.5em;right:-86px;color:#000;text-shadow:none}.flip-clock-divider.minutes .flip-clock-label{right:-88px}.flip-clock-divider.seconds .flip-clock-label{right:-91px}.flip-clock-dot{display:block;background:#323434;width:10px;height:10px;position:absolute;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,0.5);left:5px;}.flip-clock-dot.top{top:30px}.flip-clock-dot.bottom{bottom:30px}@-webkit-keyframes asd{0%{z-index:2}20%{z-index:4}100%{z-index:4}}@-moz-keyframes asd{0%{z-index:2}20%{z-index:4}100%{z-index:4}}@-o-keyframes asd{0%{z-index:2}20%{z-index:4}100%{z-index:4}}@-webkit-keyframes turn{0%{-webkit-transform:rotateX(90deg)}100%{-webkit-transform:rotateX(0)}}@-moz-keyframes turn{0%{-moz-transform:rotateX(90deg)}100%{-moz-transform:rotateX(0)}}@-o-keyframes turn{0%{-o-transform:rotateX(90deg)}100%{-o-transform:rotateX(0)}}@-webkit-keyframes turn2{0%{-webkit-transform:rotateX(0)}100%{-webkit-transform:rotateX(-90deg)}}@-moz-keyframes turn2{0%{-moz-transform:rotateX(0)}100%{-moz-transform:rotateX(-90deg)}}@-o-keyframes turn2{0%{-o-transform:rotateX(0)}100%{-o-transform:rotateX(-90deg)}}@-webkit-keyframes show{0%{opacity:0}100%{opacity:1}}@-moz-keyframes show{0%{opacity:0}100%{opacity:1}}@-o-keyframes show{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes hide{0%{opacity:1}100%{opacity:0}}@-moz-keyframes hide{0%{opacity:1}100%{opacity:0}}@-o-keyframes hide{0%{opacity:1}100%{opacity:0}}@-moz-keyframes asd{0%{z-index:2}20%{z-index:4}100%{z-index:4}}@-webkit-keyframes asd{0%{z-index:2}20%{z-index:4}100%{z-index:4}}@-o-keyframes asd{0%{z-index:2}20%{z-index:4}100%{z-index:4}}@keyframes asd{0%{z-index:2}20%{z-index:4}100%{z-index:4}}@-moz-keyframes turn{0%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}100%{-webkit-transform:rotateX(0);transform:rotateX(0)}}@-webkit-keyframes turn{0%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}100%{-webkit-transform:rotateX(0);transform:rotateX(0)}}@-o-keyframes turn{0%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}100%{-webkit-transform:rotateX(0);transform:rotateX(0)}}@keyframes turn{0%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}100%{-webkit-transform:rotateX(0);transform:rotateX(0)}}@-moz-keyframes turn2{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-webkit-keyframes turn2{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-o-keyframes turn2{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@keyframes turn2{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-moz-keyframes show{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes show{0%{opacity:0}100%{opacity:1}}@-o-keyframes show{0%{opacity:0}100%{opacity:1}}@keyframes show{0%{opacity:0}100%{opacity:1}}@-moz-keyframes hide{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes hide{0%{opacity:1}100%{opacity:0}}@-o-keyframes hide{0%{opacity:1}100%{opacity:0}}@keyframes hide{0%{opacity:1}100%{opacity:0}}.hljs{display:block;overflow-x:auto;padding:.5em;background:#f0f0f0;-webkit-text-size-adjust:none}.hljs,.hljs-subst,.hljs-tag .hljs-title,.nginx .hljs-title{color:#000}.hljs-string,.hljs-title,.hljs-constant,.hljs-parent,.hljs-tag .hljs-value,.hljs-rule .hljs-value,.hljs-preprocessor,.hljs-pragma,.hljs-name,.haml .hljs-symbol,.ruby .hljs-symbol,.ruby .hljs-symbol .hljs-string,.hljs-template_tag,.django .hljs-variable,.smalltalk .hljs-class,.hljs-addition,.hljs-flow,.hljs-stream,.bash .hljs-variable,.pf .hljs-variable,.apache .hljs-tag,.apache .hljs-cbracket,.tex .hljs-command,.tex .hljs-special,.erlang_repl .hljs-function_or_atom,.asciidoc .hljs-header,.markdown .hljs-header,.coffeescript .hljs-attribute,.tp .hljs-variable{color:#800}.smartquote,.hljs-comment,.hljs-annotation,.diff .hljs-header,.hljs-chunk,.asciidoc .hljs-blockquote,.markdown .hljs-blockquote{color:#888}.hljs-number,.hljs-date,.hljs-regexp,.hljs-literal,.hljs-hexcolor,.smalltalk .hljs-symbol,.smalltalk .hljs-char,.go .hljs-constant,.hljs-change,.lasso .hljs-variable,.makefile .hljs-variable,.asciidoc .hljs-bullet,.markdown .hljs-bullet,.asciidoc .hljs-link_url,.markdown .hljs-link_url{color:#080}.hljs-label,.ruby .hljs-string,.hljs-decorator,.hljs-filter .hljs-argument,.hljs-localvars,.hljs-array,.hljs-attr_selector,.hljs-important,.hljs-pseudo,.hljs-pi,.haml .hljs-bullet,.hljs-doctype,.hljs-deletion,.hljs-envvar,.hljs-shebang,.apache .hljs-sqbracket,.nginx .hljs-built_in,.tex .hljs-formula,.erlang_repl .hljs-reserved,.hljs-prompt,.asciidoc .hljs-link_label,.markdown .hljs-link_label,.vhdl .hljs-attribute,.clojure .hljs-attribute,.asciidoc .hljs-attribute,.lasso .hljs-attribute,.coffeescript .hljs-property,.hljs-phony{color:#88f}.hljs-keyword,.hljs-id,.hljs-title,.hljs-built_in,.css .hljs-tag,.hljs-doctag,.smalltalk .hljs-class,.hljs-winutils,.bash .hljs-variable,.pf .hljs-variable,.apache .hljs-tag,.hljs-type,.hljs-typename,.tex .hljs-command,.asciidoc .hljs-strong,.markdown .hljs-strong,.hljs-request,.hljs-status,.tp .hljs-data,.tp .hljs-io{font-weight:bold}.asciidoc .hljs-emphasis,.markdown .hljs-emphasis,.tp .hljs-units{font-style:italic}.nginx .hljs-built_in{font-weight:normal}.main-content pre{padding:0;word-wrap:normal}pre{word-wrap:normal;position:relative;}pre code.hljs{background-color:#2f383d;white-space:pre;padding:15px;color:#fff}pre code.hljs-line-numbers.hljs-line-numbers{background-color:#2a3237;border-right:1px solid rgba(92,102,111,0.1);text-align:right;color:rgba(255,255,255,0.4);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hljs .subst,.hljs .lisp .title,.hljs .clojure .built_in,.hljs .nginx .title{color:color_oil}.hljs .string,.hljs .title,.hljs .constant,.hljs .parent,.hljs .tag .value,.hljs .rules .value,.hljs .rules .value .number,.hljs .preprocessor,.hljs .ruby .symbol,.hljs .ruby .symbol .string,.hljs .aggregate,.hljs .template_tag,.hljs .django .variable,.hljs .smalltalk .class,.hljs .addition,.hljs .flow,.hljs .stream,.hljs .bash .variable,.hljs .apache .tag,.hljs .apache .cbracket,.hljs .tex .command,.hljs .tex .special,.hljs .erlang_repl .function_or_atom,.hljs .markdown .header{color:#00fbca}.hljs .comment,.hljs .annotation,.hljs .template_comment,.hljs .diff .header,.hljs .chunk,.hljs .markdown .blockquote{color:#899fab}.hljs .number,.hljs .title,.hljs .date,.hljs .regexp,.hljs .literal,.hljs .smalltalk .symbol,.hljs .smalltalk .char,.hljs .go .constant,.hljs .change,.hljs .markdown .bullet,.hljs .markdown .link_url{color:#42c7f4}.hljs .label,.hljs .tag,.hljs .javadoc,.hljs .ruby .string,.hljs .decorator,.hljs .filter .argument,.hljs .localvars,.hljs .array,.hljs .attr_selector,.hljs .important,.hljs .pseudo,.hljs .pi,.hljs .doctype,.hljs .deletion,.hljs .envvar,.hljs .shebang,.hljs .apache .sqbracket,.hljs .nginx .built_in,.hljs .tex .formula,.hljs .erlang_repl .reserved,.hljs .prompt,.hljs .markdown .link_label,.hljs .vhdl .attribute,.hljs .clojure .attribute,.hljs .coffeescript .property{color:#ffa0e7}.hljs .id,.hljs .phpdoc,.hljs .built_in,.hljs .aggregate,.hljs .css .tag,.hljs .javadoctag,.hljs .yardoctag,.hljs .smalltalk .class,.hljs .winutils,.hljs .bash .variable,.hljs .apache .tag,.hljs .go .typename,.hljs .tex .command,.hljs .markdown .strong,.hljs .request,.hljs .status,.hljs .tag .title,.hljs .keyword{color:#ff9a56}.hljs .coffeescript .javascript,.hljs .javascript .xml,.hljs .tex .formula,.hljs .xml .javascript,.hljs .xml .vbscript,.hljs .xml .css,.hljs .xml .cdata{opacity:1}@font-face{font-family:'DINCondensedBold';src:url("../../fonts/DINCondensedBold.eot");src:url("../../fonts/DINCondensedBold.eot?#iefix") format('embedded-opentype'),url("../../fonts/DINCondensedBold.woff") format('woff'),url("../../fonts/DINCondensedBold.ttf") format('truetype'),url("../../fonts/DINCondensedBold.svg#DINCondensedBold") format('svg');font-weight:'normal';font-style:normal}html{position:relative;min-height:100%;}html h1,html h2,html h3,html h4,html h5{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}body{font-family:'Whitney SSm A','Whitney SSm B',"Helvetica Neue",Helvetica,Arial,sans-serif}pre,code{padding:0;margin:0;font-family:'Roboto Mono',Menlo}code{font-size:80%}a{color:#0094c1;-webkit-transition:all;transition:all;}a:hover{color:#005c78}.container{width:100%;max-width:1200px;padding:0 15px;margin:auto;overflow:hidden;}@media (min-width:992px){.container{overflow:visible}}section{padding:30px 0;}@media (min-width:768px){section{padding:60px 0}}section h1{color:#000;text-align:center;margin:0 0 30px;font-weight:normal;}@media (min-width:768px){section h1{font-size:38px}}body.menu-mobile .banner-jwt{padding-top:122px !important}.navbar{background:#000;margin:0;border-radius:0;border:0;text-align:center;}@media (min-width:768px){.navbar{width:100%;height:80px;border-bottom:1px solid rgba(74,74,74,0.6);position:fixed;top:0;z-index:100}}@media (min-width:992px){.navbar{height:100px}}.navbar .container{position:relative}.navbar .top-mobile{border-bottom:1px solid rgba(74,74,74,0.6);*zoom:1;margin:0 -15px;}.navbar .top-mobile:after{clear:both}.navbar .top-mobile:after,.navbar .top-mobile:before{content:"";display:table}@media (min-width:768px){.navbar .top-mobile{border:none;margin:0}}.navbar .menu-trigger{height:10px;width:23px;padding-top:7px;cursor:pointer;float:right;margin:23px 15px 0 0;float:right;}.navbar .menu-trigger span,.navbar .menu-trigger span:before,.navbar .menu-trigger span:after{background:#fff;width:100%;height:2px;display:block;-webkit-transition:.3s ease-out;transition:.3s ease-out;backface-visibility:hidden}.navbar .menu-trigger span{position:relative;}.navbar .menu-trigger span:before,.navbar .menu-trigger span:after{content:"";position:absolute}.navbar .menu-trigger span:before{top:-7px}.navbar .menu-trigger span:after{top:7px}@media (min-width:768px){.navbar .menu-trigger{display:none}}.navbar .menu-trigger.active span{background:transparent;}.navbar .menu-trigger.active span:before{-webkit-transform:translate(0,7px) rotate(-45deg);transform:translate(0,7px) rotate(-45deg)}.navbar .menu-trigger.active span:after{-webkit-transform:translate(0,-7px) rotate(45deg);transform:translate(0,-7px) rotate(45deg)}.navbar .brand{display:inline-block;float:left;padding:20px 0 20px 15px;}@media (min-width:768px){.navbar .brand{float:none;position:absolute;left:15px;top:20px;padding:0}}.navbar .brand .icon{display:none;}@media (min-width:768px){.navbar .brand .icon{display:inline-block;width:40px;height:40px;opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@media (min-width:992px){.navbar .brand .icon{width:60px;height:60px}}.navbar .brand .logo{width:60px;}@media (min-width:768px){.navbar .brand .logo{width:80px;height:25px;display:inline-block;vertical-align:top;margin-top:7px;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-transform:translateX(-40px);transform:translateX(-40px)}}@media (min-width:992px){.navbar .brand .logo{width:100px;height:32px;margin-top:14px;-webkit-transform:translateX(-60px);transform:translateX(-60px)}}.navbar nav.menu{display:none;min-width:300px;}@media (min-width:768px){.navbar nav.menu{display:inline-block}}.navbar nav.menu a{background:none;color:#9b9b9b;padding:0 15px;display:block;text-decoration:none;}@media (min-width:768px){.navbar nav.menu a:hover{color:rgba(255,255,255,0.8)}}.navbar nav.menu a.active{color:#fff}@media (min-width:768px){.navbar nav.menu a{display:inline-block;line-height:5.7}}@media (min-width:992px){.navbar nav.menu a{line-height:7}}.navbar .social{display:none;}@media (min-width:768px){.navbar .social{display:inline-block;position:absolute;right:15px;top:28px}}@media (min-width:992px){.navbar .social{top:38px}}.navbar .social a{margin-left:10px;}.navbar .social a img{height:24px}.navbar .supported{display:none}@media (min-width:768px){.navbar.fixed .brand .icon{-webkit-transition:.3s ease-in;transition:.3s ease-in;opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@media (min-width:768px){.navbar.fixed .brand .logo{-webkit-transform:translateX(10px);transform:translateX(10px)}}@media (min-width:992px){.navbar.fixed .brand .logo{-webkit-transform:translateX(20px);transform:translateX(20px)}}.navbar.open{background:-moz-linear-gradient(top,#000 0%,rgba(0,0,0,0.9) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#000),color-stop(100%,rgba(0,0,0,0.9)));background:-webkit-linear-gradient(top,#000 0%,rgba(0,0,0,0.9) 100%);background:-o-linear-gradient(top,#000 0%,rgba(0,0,0,0.9) 100%);background:-ms-linear-gradient(top,#000 0%,rgba(0,0,0,0.9) 100%);background:linear-gradient(to bottom,#000 0%,rgba(0,0,0,0.9) 100%);position:fixed;width:100vw;height:100vh;z-index:100;}.navbar.open .container{padding:0;height:100vh}.navbar.open .top-mobile{margin:0}.navbar.open nav.menu{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;}.navbar.open nav.menu a{color:#fff;font-size:30px;margin:10% 0}.navbar.open .supported{display:block;width:100%;padding:21px 0;color:#fff;position:absolute;bottom:0;border-top:1px solid rgba(74,74,74,0.6);text-decoration:none;}.navbar.open .supported img{margin-left:5px}.banner-jwt{background:#000;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);}@media (min-width:768px){.banner-jwt{padding:140px 0 60px}}@media (min-width:992px){.banner-jwt{padding:150px 0 60px}}.banner-jwt h1{color:#fff;margin:25px 0 0;}@media (min-width:768px){.banner-jwt h1{font-size:34px}}@media (min-width:992px){.banner-jwt h1{font-size:40px}}.banner-jwt p{color:#fff;}.banner-jwt p a{color:#00b9f1}.banner-jwt p{font-size:20px;color:#fff;}@media (min-width:768px){.banner-jwt p{line-height:1.4;font-size:24px}}@media (min-width:992px){.banner-jwt p{font-size:30px}}.banner-jwt p a{font-weight:bold;text-decoration:none}.banner-jwt .logo{display:inline-block;}.banner-jwt .logo img{width:70px;display:block;}@media (min-width:992px){.banner-jwt .logo img{width:80px}}.update-site{background:#e3e5e7;padding:14px 20px;font-size:13px;text-align:center;color:#3f454a;}.update-site .paper{margin-right:4px;display:inline-block;position:relative;bottom:-2px;font-size:15px;opacity:.5;height:14px;width:16px}.update-site span{display:none;}@media (min-width:768px){.update-site span{display:inline-block}}.update-site a{text-decoration:none;font-weight:bold;display:block;margin-top:10px;}@media (min-width:768px){.update-site a{display:inline-block;margin-top:0;margin-left:4px}}.update-site a svg{fill:#0094c1;height:14px;width:12px;margin-bottom:-3px}.update-site a:hover svg{fill:#005c78}.jwt-select{display:inline-block;position:relative;}.jwt-select select{background:#fff;width:100px;height:38px;font-size:12px;padding:0 10px;border:1px solid #d8d8d8;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;}.jwt-select select::-ms-expand{display:none}.jwt-select:after{background:url("/img/bg_arrow_select.svg") no-repeat;width:8px;height:6px;content:'';display:inline-block;position:absolute;top:16px;right:10px}.jwt-playground .algorithm{text-align:center;}.jwt-playground .algorithm span{font-weight:bold;text-transform:uppercase;font-size:12px;vertical-align:middle}.jwt-playground .algorithm .jwt-select{margin-left:10px}.jwt-playground .algorithm-code{margin-top:35px;}.jwt-playground .algorithm-code .tab-nav{*zoom:1;width:auto;margin-right:0;margin-bottom:20px;}.jwt-playground .algorithm-code .tab-nav:after{clear:both}.jwt-playground .algorithm-code .tab-nav:after,.jwt-playground .algorithm-code .tab-nav:before{content:"";display:table}.jwt-playground .algorithm-code .tab-nav .tab-link{float:left;width:50%;padding-right:0;background-clip:content-box;box-sizing:border-box}.jwt-playground .algorithm-code .tab-nav .tab-link{text-align:center;}@media (min-width:768px){.jwt-playground .algorithm-code .tab-nav .tab-link{text-align:left}}@media (min-width:768px){.jwt-playground .algorithm-code .tab-nav .tab-link:nth-child(2){padding-left:15px}}.jwt-playground .algorithm-code .tab-nav .tab-link.current{border-bottom:6px solid #fb015b;}@media (min-width:768px){.jwt-playground .algorithm-code .tab-nav .tab-link.current{border:none}}.jwt-playground .algorithm-code .tab-nav a{font-size:24px;color:#000;text-decoration:none;display:block;cursor:default;padding-bottom:5px;}@media (min-width:768px){.jwt-playground .algorithm-code .tab-nav a{font-size:28px;padding-bottom:0}}.jwt-playground .algorithm-code .tab-nav a small{font-size:10px;color:#979797;text-transform:uppercase;margin-left:10px;display:none;}@media (min-width:992px){.jwt-playground .algorithm-code .tab-nav a small{display:inline-block}}@media (min-width:768px){.jwt-playground .algorithm-code .tab-content{*zoom:1;width:auto;margin-right:-30px}.jwt-playground .algorithm-code .tab-content:after{clear:both}.jwt-playground .algorithm-code .tab-content:after,.jwt-playground .algorithm-code .tab-content:before{content:"";display:table}.jwt-playground .algorithm-code .tab-content .box-content{float:left;width:50%;padding-right:30px;background-clip:content-box;box-sizing:border-box}}.jwt-playground .algorithm-code .tab-content .box-content{height:0;overflow:hidden;}@media (min-width:768px){.jwt-playground .algorithm-code .tab-content .box-content{height:auto}}.jwt-playground .algorithm-code .tab-content .box-content.current{height:auto}.jwt-playground .algorithm-code .tab-content .input,.jwt-playground .algorithm-code .tab-content .output{border:1px solid rgba(155,155,155,0.5);border-radius:3px}.jwt-playground .algorithm-code .tab-content .input{padding:10px;overflow:scroll;}@media (min-width:768px){.jwt-playground .algorithm-code .tab-content .input{padding:20px}}.jwt-playground .algorithm-code .tab-content .jwt-explained .text-line{margin:0;font-size:12px;color:#000;*zoom:1;border-top:1px solid rgba(155,155,155,0.5);border-bottom:1px solid rgba(155,155,155,0.5);line-height:2.5;padding:0 10px;}.jwt-playground .algorithm-code .tab-content .jwt-explained .text-line:after{clear:both}.jwt-playground .algorithm-code .tab-content .jwt-explained .text-line:after,.jwt-playground .algorithm-code .tab-content .jwt-explained .text-line:before{content:"";display:table}.jwt-playground .algorithm-code .tab-content .jwt-explained .text-line span{color:#979797;margin-left:5px;display:none;}@media (min-width:992px){.jwt-playground .algorithm-code .tab-content .jwt-explained .text-line span{display:inline-block}}.jwt-playground .algorithm-code .tab-content .jwt-explained .text-line a{float:right}.jwt-playground .algorithm-code .tab-content .jwt-explained.jwt-header .text-line{border-top:none}.jwt-playground .algorithm-code .tab-content .jwt-explained .CodeMirror-wrap{padding:20px}.jwt-playground .algorithm-code .tab-content .jwt-explained .pre-encode{border:none;padding:20px;line-height:1.8;}.jwt-playground .algorithm-code .tab-content .jwt-explained .pre-encode input,.jwt-playground .algorithm-code .tab-content .jwt-explained .pre-encode textarea{border:1px solid #d0d2d3;border-radius:3px}.jwt-playground .algorithm-code .tab-content .jwt-explained .pre-encode textarea{width:100%;max-width:266px;resize:none;}.jwt-playground .algorithm-code .tab-content .jwt-explained .pre-encode textarea.error{background-color:#ffc0cb}.jwt-playground .validation-status{text-transform:capitalize;color:#fff;text-align:center;border-radius:3px;padding:10px 0;margin-top:30px;font-size:20px;}@media (min-width:768px){.jwt-playground .validation-status{font-size:30px}}.jwt-playground .validation-status.valid-token{background-color:#00b9f1}.jwt-playground .validation-status.invalid-token{background-color:#f00}.jwt-playground .validation-status i{font-size:18px;vertical-align:bottom;display:inline-block;margin-right:5px;}@media (min-width:768px){.jwt-playground .validation-status i{font-size:24px}}.libraries-jwt{background-color:#e3e5e7;}@media (max-width:767px){.libraries-jwt{padding-bottom:0}}.libraries-jwt .title-header{*zoom:1;text-align:center;}.libraries-jwt .title-header:after{clear:both}.libraries-jwt .title-header:after,.libraries-jwt .title-header:before{content:"";display:table}@media (min-width:768px){.libraries-jwt .title-header{text-align:left}}.libraries-jwt .title-header h1{display:inline-block;}@media (min-width:768px){.libraries-jwt .title-header h1{float:left}}.libraries-jwt .title-header .filter{display:inline-block;}@media (min-width:768px){.libraries-jwt .title-header .filter{float:right}}.libraries-jwt .filter{margin-bottom:30px;}@media (min-width:768px){.libraries-jwt .filter{margin-top:8px;margin-bottom:0}}.libraries-jwt .filter span{font-weight:bold;text-transform:uppercase;font-size:12px;vertical-align:middle}.libraries-jwt .filter .jwt-select{margin-left:10px}.libraries-jwt .warning{background-color:#fffcd2;font-size:11px;color:#4a4a4a;text-align:center;padding:10px;margin:0 -15px;line-height:1.8;color:#5d5700;}@media (min-width:768px){.libraries-jwt .warning{font-size:14px;margin:0 0 30px;border-radius:3px;padding:20px 0}}.libraries-jwt .warning a{color:#5d5700;font-weight:bold;margin-left:5px}.libraries-jwt .warning svg{height:14px;width:14px;fill:#5d5700;margin-bottom:-2px}.libraries-jwt .libraries-sv{margin:0 -15px;}@media (max-width:767px){.libraries-jwt .libraries-sv{height:auto !important}}@media (min-width:768px){.libraries-jwt .libraries-sv{*zoom:1;width:auto;margin-right:-30px;margin:0}.libraries-jwt .libraries-sv:after{clear:both}.libraries-jwt .libraries-sv:after,.libraries-jwt .libraries-sv:before{content:"";display:table}.libraries-jwt .libraries-sv article{float:left;width:50%;padding-right:30px;background-clip:content-box;box-sizing:border-box}}@media (min-width:992px){.libraries-jwt .libraries-sv{*zoom:1;width:auto;margin-right:-30px}.libraries-jwt .libraries-sv:after{clear:both}.libraries-jwt .libraries-sv:after,.libraries-jwt .libraries-sv:before{content:"";display:table}.libraries-jwt .libraries-sv article{float:left;width:33.333333333333336%;padding-right:30px;background-clip:content-box;box-sizing:border-box}}.libraries-jwt article{width:100%;}@media (max-width:767px){.libraries-jwt article{position:relative !important;top:auto !important;left:auto !important}}@media (min-width:768px){.libraries-jwt article{margin-bottom:30px}.libraries-jwt article:nth-child(2n+1){clear:both}}@media (min-width:992px){.libraries-jwt article:nth-child(2n+1){clear:none}.libraries-jwt article:nth-child(3n+1){clear:both}}.libraries-jwt article.jwt-net .panel-heading h3{background-color:#2aa8e5}.libraries-jwt article.jwt-python .panel-heading h3{background-color:#377ef0}.libraries-jwt article.jwt-clojure .panel-heading h3{background-color:#5881d8}.libraries-jwt article.jwt-node .panel-heading h3{background-color:#8ac244}.libraries-jwt article.jwt-java .panel-heading h3{background-color:#e76f00}.libraries-jwt article.jwt-js .panel-heading h3{background-color:#efc825}.libraries-jwt article.jwt-php .panel-heading h3{background-color:#777bb4}.libraries-jwt article.jwt-ruby .panel-heading h3{background-color:#a10}.libraries-jwt article.jwt-elixir .panel-heading h3{background-color:#4e2a8e}.libraries-jwt article.jwt-go .panel-heading h3{background-color:#47b6c4}.libraries-jwt article.jwt-haskell .panel-heading h3{background-color:#666}.libraries-jwt article.jwt-rust .panel-heading h3{background-color:#814626}.libraries-jwt article.jwt-lua .panel-heading h3{background-color:#000080}.libraries-jwt article.jwt-scala .panel-heading h3{background-color:#ea2d2e}.libraries-jwt article.jwt-d .panel-heading h3{background-color:#b44137}.libraries-jwt article.jwt-q .panel-heading h3{background-color:#666}.libraries-jwt article.jwt-c .panel-heading h3{background-color:#5180d2}.libraries-jwt article.jwt-delphi .panel-heading h3{background-color:#e31c23}.libraries-jwt article.jwt-perl .panel-heading h3{background-color:#3b477a}.libraries-jwt article .panel-heading img{float:left;width:45px;height:45px;margin:10px;}@media (min-width:768px){.libraries-jwt article .panel-heading img{float:none;display:block;margin:0 auto -45px;width:90px;height:90px}}.libraries-jwt article .panel-heading h3{font-size:18px;color:#fff;margin:0;padding:20px 20px 20px 70px;}@media (min-width:768px){.libraries-jwt article .panel-heading h3{padding:20px;border-radius:3px 3px 0 0}}.libraries-jwt article .panel-body{*zoom:1;width:auto;margin-right:0;background-color:#fff;padding:37px 20px 20px;}.libraries-jwt article .panel-body:after{clear:both}.libraries-jwt article .panel-body:after,.libraries-jwt article .panel-body:before{content:"";display:table}.libraries-jwt article .panel-body .column{float:left;width:50%;padding-right:0;background-clip:content-box;box-sizing:border-box}.libraries-jwt article .panel-body p{font-size:18px;margin:10px 0;}.libraries-jwt article .panel-body p code{background-color:#f9f2f4;color:#c7254e}.libraries-jwt article .panel-body p i{vertical-align:middle;margin-right:5px;font-size:20px;}.libraries-jwt article .panel-body p i.icon-budicon-500{color:#7ed321}.libraries-jwt article .panel-body p i.icon-budicon-501{color:#f0586a}.libraries-jwt article .panel-body.mversion{padding-top:0}.libraries-jwt article .version{background-color:#fffcd2;color:#5d5700;font-size:12px;text-align:center;padding:10px;text-transform:uppercase;}.libraries-jwt article .version p{margin:0}.libraries-jwt article .version a{color:rgba(0,0,0,0.5);}.libraries-jwt article .version a img{width:13px;margin:2px 0 0 5px;color:#fff;vertical-align:top}.libraries-jwt article .author-info{background-color:#fff;*zoom:1;padding:20px;border-top:1px solid rgba(151,151,151,0.3);font-size:16px;color:#4a4a4a;}.libraries-jwt article .author-info:after{clear:both}.libraries-jwt article .author-info:after,.libraries-jwt article .author-info:before{content:"";display:table}.libraries-jwt article .author-info .maintainer{float:left;font-size:12px;line-height:1.5;}.libraries-jwt article .author-info .maintainer i{vertical-align:middle;margin-right:2px;font-size:17px;height:25px;display:inline-block}.libraries-jwt article .author-info .maintainer a{color:#4a4a4a;text-decoration:none}.libraries-jwt article .author-info .maintainer .stars{margin-left:15px}.libraries-jwt article .author-info .repository{float:right;}.libraries-jwt article .author-info .repository i{height:24px;display:inline-block;font-size:20px;vertical-align:middle;margin-right:5px}.libraries-jwt article .author-info .repository a{font-size:12px;color:#4a4a4a;text-decoration:none}.libraries-jwt article .panel-footer{background-color:#000;border-radius:0 0 3px 3px;padding:20px;}.libraries-jwt article .panel-footer code{font-size:12px;color:#fff}.libraries-jwt article .panel-footer a{color:#fff;text-decoration:none}@media (min-width:768px){.libraries-jwt article [data-content]{max-height:100% !important;overflow:visible !important}}.sources{background-color:#222;}@media (min-width:768px){.sources .columns{*zoom:1;width:auto;margin-right:-30px}.sources .columns:after{clear:both}.sources .columns:after,.sources .columns:before{content:"";display:table}.sources .columns .column{float:left;width:33.333333333333336%;padding-right:30px;background-clip:content-box;box-sizing:border-box}}.sources .columns .column{margin-bottom:20px;text-align:center;}@media (min-width:768px){.sources .columns .column{margin-bottom:0}}.sources h2{font-size:30px;color:#fff;text-align:center;margin:0;font-weight:normal}.sources .logotype img{height:40px}.sources .hold{min-height:70px;margin-top:40px;}.sources .hold a{text-decoration:none}.sources .text-hold{background-color:#000;color:#fff;text-align:left;padding:10px 15px;border-radius:3px;width:100%;max-width:340px;display:inline-block;font-size:13px;}.sources .text-hold a{float:right;color:#fff;font-size:18px;text-decoration:none;margin-top:4px}.sources .text-hold p{margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:30px;font-family:"Roboto Mono","Menlo"}.sources .tshirt{text-align:center;}.sources .tshirt h2{margin-bottom:20px}.sources .tshirt img{max-width:180px;width:100%;display:inline-block;}@media (min-width:768px){.sources .tshirt img{max-width:227px}}.sources .tshirt a{background-color:#00b9f1;color:#fff;max-width:180px;margin:20px auto 0;font-size:16px;font-weight:bold;text-transform:uppercase;border-radius:3px;padding:15px;text-align:center;text-decoration:none;display:block;}@media (min-width:768px){.sources .tshirt a{max-width:270px}}.tokens-created{background-color:#000;text-align:center;color:#fff;font-size:20px;line-height:1.8;padding:30px 0;}@media (min-width:768px){.tokens-created{padding:60px 0;font-size:26px}}.tokens-created img{margin-bottom:35px}.tokens-created p{max-width:875px;margin:5px auto}.btn,a.btn{-webkit-transition:background-color .2s ease;transition:background-color .2s ease;text-transform:uppercase;letter-spacing:2px;font-weight:bold;border:1px solid #d0d2d3;line-height:30px;padding:15px 30px;font-size:15px;border-radius:3px;text-decoration:none;display:inline-block;margin-top:30px;}.btn.btn-success,a.btn.btn-success{background-color:#eb5424;color:#fff;border-color:transparent;}.btn.btn-success:hover,a.btn.btn-success:hover{background-color:#ae3610;color:#fff}.btn.btn-lg,a.btn.btn-lg{background-color:#d63aff;color:#fff;border:none}.btn .token,a.btn .token{margin-top:35px}.btn h5,a.btn h5{font-size:14px;font-weight:normal;margin:0 0 10px 0;color:#999;letter-spacing:1px}.video-content{padding-bottom:0;}.video-content .container{max-width:630px}.video-content .intro-video{width:100%;margin:0 auto;display:block;}@media (min-width:768px){.video-content .intro-video{width:600px;height:375px}}.plain-text .container{max-width:630px}.plain-text h1{font-size:25px;font-weight:300;color:#333;margin-top:10px;line-height:1.3;}@media (min-width:568px){.plain-text h1{font-size:40px}}.plain-text > h1,.plain-text > hr{display:none}.plain-text h2.anchor-heading,.plain-text h3.anchor-heading,.plain-text h4.anchor-heading,.plain-text h5.anchor-heading,.plain-text h6.anchor-heading{position:relative;}.plain-text h2.anchor-heading .anchor,.plain-text h3.anchor-heading .anchor,.plain-text h4.anchor-heading .anchor,.plain-text h5.anchor-heading .anchor,.plain-text h6.anchor-heading .anchor{display:none;}@media (min-width:768px){.plain-text h2.anchor-heading .anchor,.plain-text h3.anchor-heading .anchor,.plain-text h4.anchor-heading .anchor,.plain-text h5.anchor-heading .anchor,.plain-text h6.anchor-heading .anchor{position:absolute;top:0;left:-25px;visibility:hidden}}@media (min-width:768px){.plain-text h2.anchor-heading:hover .anchor,.plain-text h3.anchor-heading:hover .anchor,.plain-text h4.anchor-heading:hover .anchor,.plain-text h5.anchor-heading:hover .anchor,.plain-text h6.anchor-heading:hover .anchor{visibility:visible}}.plain-text h2,.plain-text h3,.plain-text h4{font-weight:700;color:#333;line-height:1.3}.plain-text h2{font-size:20px;margin-top:40px;}.plain-text h2:first-child{margin-top:0}.plain-text h3{font-size:16px}.plain-text h4,.plain-text h5,.plain-text h6{font-size:13px;text-transform:uppercase;letter-spacing:1px}.plain-text p,.plain-text ul li{color:#5c666f;font-size:16px;line-height:2;}.plain-text p strong,.plain-text ul li strong{color:#333}.plain-text p code,.plain-text ul li code{border-radius:4px;font-size:90%;padding:3px 8px;background-color:#f7f7f7}.plain-text blockquote{background-color:#fbfbfb;padding:60px 30px;border-radius:3px;margin:30px 0;text-align:center;border:none;}.plain-text blockquote p{margin:0;font-size:12px;}@media (min-width:768px){.plain-text blockquote p{font-size:16px}}.plain-text blockquote em{font-size:18px;line-height:1.5;}@media (min-width:768px){.plain-text blockquote em{font-size:25px}}.plain-text blockquote strong{display:block;margin-top:15px;color:rgba(51,51,51,0.5);text-transform:uppercase}.plain-text sup{font-size:90%}.plain-text img{max-width:100%}.plain-text table{border-collapse:collapse;width:100%;margin:20px 0 30px}.plain-text thead tr th{font-family:Helvetica,Arial,sans-serif;font-weight:bold;text-align:center;font-size:13px}.plain-text td,.plain-text th{border:1px solid #e0e0e0;padding:.5rem;text-align:left}.plain-text tbody tr:nth-child(odd){background:rgba(238,238,238,0.5)}.plain-text pre{display:block;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;background-color:#f5f5f5;border-radius:4px;margin-bottom:30px}.plain-text pre code{font-size:inherit;border:none;border-radius:0}.go-tool{text-align:center;border-top:1px solid #ddd;}.go-tool p{font-size:15px;display:inline-block;text-transform:uppercase;}@media (min-width:768px){.go-tool p{margin-right:20px}}.go-tool .btn.btn-success{background-color:#d63aff;margin:0;}.go-tool .btn.btn-success:hover{background-color:#ae00db}footer{background-color:#000;border-top:1px solid rgba(151,151,151,0.4);padding:20px 0;text-align:center;}@media (min-width:768px){footer{text-align:left;padding:60px 0}}footer .columns{color:#fff;font-size:14px;}@media (min-width:768px){footer .columns{*zoom:1;width:auto;margin-right:0}footer .columns:after{clear:both}footer .columns:after,footer .columns:before{content:"";display:table}footer .columns .column{float:left;width:33.333333333333336%;padding-right:0;background-clip:content-box;box-sizing:border-box}}footer .columns .column{margin:15px 0;}@media (min-width:768px){footer .columns .column{margin:0}}footer .columns a{color:#fff}footer .columns img{margin-left:5px}@media (min-width:768px){footer .pull-request{text-align:center;font-size:16px}}footer .pull-request span{display:block;}@media (min-width:992px){footer .pull-request span{display:inline-block}}footer .pull-request a{color:#00b9f1;margin-left:5px}@media (min-width:768px){footer .social-counter{text-align:right}}
You can’t perform that action at this time.