diff --git a/Gruntfile.js b/Gruntfile.js
index f1585731..6436ddd1 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -10,7 +10,7 @@ module.exports = function (grunt) {
options: {
livereload: true
},
- files: ['Gruntfile.js', 'js/**/*.js', 'stylus/**/*.styl', 'html/**/*.jade', 'html/index.html'],
+ files: ['Gruntfile.js', 'js/**/*.js', 'less/**/*.less', 'html/index.html'],
tasks: ['build']
}
},
@@ -24,17 +24,13 @@ module.exports = function (grunt) {
}
},
},
- stylus: {
- compile: {
- files: {
- 'css/app.css': 'stylus/app.styl'
- }
- }
- },
- jade: {
- compile: {
+ less: {
+ production: {
+ options: {
+ cleancss: true
+ },
files: {
- 'new.html': 'html/new.jade'
+ 'css/app.css': 'less/app.less'
}
}
},
@@ -61,7 +57,7 @@ module.exports = function (grunt) {
}
});
- grunt.registerTask('build', ['clean', 'stylus', 'useminPrepare', 'concat', 'uglify', 'cssmin', 'htmlmin', 'usemin']);
+ grunt.registerTask('build', ['clean', 'less', 'useminPrepare', 'concat', 'uglify', 'cssmin', 'htmlmin', 'usemin']);
grunt.registerTask('test', ['build', 'mocha_phantomjs']);
- grunt.registerTask('default', ['build', 'jade', 'connect', 'watch']);
+ grunt.registerTask('default', ['build', 'connect', 'watch']);
};
diff --git a/dist/css/app.css b/dist/css/app.css
index 60216447..1ce3b698 100644
--- a/dist/css/app.css
+++ b/dist/css/app.css
@@ -1 +1 @@
-.CodeMirror{height:300px}.CodeMirror-scroll{overflow:auto}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror div.CodeMirror-cursor{border-left:1px solid #000}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor{width:auto;border:0;background:#7e7}.cm-tab{display:inline-block}.CodeMirror-ruler{border-left:1px solid #ccc;position:absolute}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable{color:#000}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-operator,.cm-s-default .cm-property{color:#000}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-invalidchar,.cm-s-default .cm-error{color:red}div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{line-height:1;position:relative;overflow:hidden;background:#fff;color:#000}.CodeMirror-scroll{margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative;-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-sizer{position:relative;border-right:30px solid transparent;-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;padding-bottom:30px;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;-moz-box-sizing:content-box;box-sizing:content-box;padding-bottom:30px;margin-bottom:-32px;display:inline-block;*zoom:1;*display:inline}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-lines{cursor:text}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}.CodeMirror-wrap .CodeMirror-scroll{overflow-x:hidden}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-measure pre{position:static}.CodeMirror div.CodeMirror-cursor{position:absolute;border-right:none;width:0}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:1}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.cm-searching{background:#ffa;background:rgba(255,255,0,.4)}.CodeMirror span{*vertical-align:text-bottom}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{background-color:infobackground;border:1px solid #000;border-radius:4px;color:infotext;font-family:monospace;font-size:10pt;overflow:hidden;padding:2px 5px;position:fixed;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s}.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{background-position:left bottom;background-repeat:repeat-x}.CodeMirror-lint-mark-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==)}.CodeMirror-lint-mark-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{background-position:center center;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:16px;width:16px;vertical-align:middle;position:relative}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{padding-left:18px;background-position:top left;background-repeat:no-repeat}.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=)}.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-multiple{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right bottom;width:100%;height:100%}.navbar-default .navbar-brand{font-weight:700;text-transform:uppercase;color:#000;font-size:14px;letter-spacing:.5px;margin-right:30px}.navbar-default.navbar-fixed-top{background:rgba(255,255,255,.9);border:0;color:#fff}@media (min-width:992px){.navbar-default.moved .navbar-brand{margin-right:-38px}}.banner-jwt{margin-top:50px;padding:20px;color:#000;overflow:hidden}.banner-jwt p{color:#fff;font-weight:100;position:relative}.banner-jwt a{font-size:16px;font-weight:700;color:#fff;opacity:.8;display:inline-block;position:relative}.banner-jwt canvas{position:absolute;z-index:0;top:0;left:0;right:0;bottom:0;opacity:.3;height:1000px;width:100%}.CodeMirror{zoom:1;font-family:'Source Code Pro';outline:0}.CodeMirror *{outline:0;box-shadow:none}h1{margin-bottom:0}code,pre{padding:0;margin:0;font-family:Menlo!important}.vulnerable-badge{text-align:right;float:right;line-height:17px;text-transform:uppercase;color:red}.patched-badge{text-align:right;float:right;line-height:17px;text-transform:uppercase;color:orange}.panel{box-shadow:none;border:0;overflow:hidden}.panel.vulnerable{border:2px solid red}.panel.vulnerable .panel-body code,.panel.vulnerable .panel-heading{background:0 0}.panel .panel-heading,.panel.patched .panel-body code,.panel.patched .panel-heading{background:0 0}.panel .stars{display:none}.panel .icon-budicon-333,.panel .icon-budicon-466{position:relative;top:2px}.panel .author-info .maintainer>a,.panel .author-info>a{color:#4d4d4d}.panel-footer{font-size:14px;padding:0}.panel-footer code{background:#222;display:block;border-radius:0;color:#fff;font-size:12px}.panel-footer code a{color:#fff}.hn-button{margin-right:20px}.panel-title{font-weight:700}.panel-body{padding:0}.panel-body .row{padding:15px}.panel-body .row div{margin-bottom:4px}.panel-body .row div i{position:relative;top:2px}.icon-budicon-500{color:#65a52f}.author-info:after{clear:both;display:block;content:""}.author-info .repository{float:right}.author-info .repository-left{float:none}.author-info .maintainer,.author-info .repository{display:inline-block}.banner a{color:#fff}.banner .btn{min-width:200px}.bg-grey{background:#f6f6f6;margin-top:60px}.jwt-playground .output .jwt-header .CodeMirror .cm-string,.jwt-playground .output .jwt-header .text-line a{color:#fb015b!important}.jwt-playground .output .jwt-payload .text-line a{color:#d63aff!important}.jwt-playground .output .jwt-signature .CodeMirror .cm-property,.jwt-playground .output .jwt-signature .text-line a,.jwt-playground .output .jwt-signature pre{color:#00b9f1!important}.jwt-playground h4{font-size:14px;text-transform:uppercase}.jwt-playground .input{border-radius:3px}.jwt-playground .input.error{background:pink}.jwt-playground .input .CodeMirror{width:100%;background:0 0;font-size:20px;line-height:30px;height:auto}.jwt-playground .input .CodeMirror .cm-jwt-dot{color:#000}.jwt-playground .output{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.jwt-playground .output .jwt-explained{padding:10px}.jwt-playground .output .jwt-explained.error{background:rgba(100,0,0,.1)}.jwt-playground .output .jwt-explained .CodeMirror{width:100%;height:auto;background:0 0}.jwt-playground .output .jwt-header{color:#859900}.jwt-playground .output .jwt-payload{color:#268bd2}.jwt-playground .output .jwt-signature{color:#dc322f;font-family:monospace}.jwt-playground .output .jwt-signature pre{background-color:transparent;border:0}.jwt-playground .output .jwt-signature span.is-base64-encoded-label{font-size:x-small}.jwt-playground .output .jwt-signature input[name=secret]{border-radius:4px;border:1px solid #dfdfdf}.jwt-playground .output .jwt-signature textarea{border:1px solid #dfdfdf;font-size:12px;line-height:18px;width:350px;max-width:100%;border-radius:4px}.jwt-playground .output .jwt-signature textarea.error{border:1px solid red}.jwt-playground .validation-status{background:#fff;padding:15px;margin-top:20px;clear:both;text-align:center;width:100%;font-size:20px;color:#fff;text-transform:uppercase;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.jwt-playground .validation-status.valid-token{background:#7ed321}.jwt-playground .validation-status.invalid-token{background:red}.jwt-playground .output .jwt-header .CodeMirror,.jwt-playground .output .jwt-header .CodeMirror .cm-atom,.jwt-playground .output .jwt-header .CodeMirror .cm-number,.jwt-playground .output .jwt-header .CodeMirror .cm-property,.jwt-playground .output .jwt-header .CodeMirror .cm-string{color:#859900}.jwt-playground .output .jwt-payload .CodeMirror,.jwt-playground .output .jwt-payload .CodeMirror .cm-atom,.jwt-playground .output .jwt-payload .CodeMirror .cm-number,.jwt-playground .output .jwt-payload .CodeMirror .cm-property,.jwt-playground .output .jwt-payload .CodeMirror .cm-string{color:#268bd2}.library div i{padding-right:4px}html{position:relative;min-height:100%}#footer{position:absolute;bottom:0;width:100%}#footer>.container{padding-right:15px;padding-left:15px}h4 small{line-height:1.8}.container .text-muted{margin:20px 0}code{font-size:80%}.navbar-right{height:20px}.bootstrap-select{width:220px 0}.bootstrap-select>.btn{width:100%;padding-right:25px}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select .btn:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group .btn .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .btn .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;z-index:1035;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;border:0;padding:0;margin:0;border-radius:0;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative;margin:0}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding:5px}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px}.bootstrap-select.btn-group.fit-width .btn .filter-option{position:static}.bootstrap-select.btn-group.fit-width .btn .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.btn-group[class*=col-] .btn{width:100%}.bootstrap-select.show-menu-arrow.open>.btn{z-index:1036}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom-width:7px;border-bottom-style:solid;border-bottom-color:#ccc;border-bottom-color:rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-bottom:0;border-top-width:7px;border-top-style:solid;border-top-color:#ccc;border-top-color:rgba(204,204,204,.2)}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.error .bootstrap-select .btn{border:1px solid #b94a48}.control-group.error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row-fluid .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group,.form-search .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.input-append .bootstrap-select.btn-group{margin-left:-1px}.input-prepend .bootstrap-select.btn-group{margin-right:-1px}.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small,.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small,.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small{color:#64b1d8;color:rgba(100,177,216,.4)}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block}.bs-actionsbox,.bs-searchbox{padding:4px 8px}.bs-actionsbox{float:left;width:100%;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox input.form-control{margin-bottom:0;width:100%}.mobile-device{position:absolute;top:0;left:0;display:block!important;width:100%;height:100%!important;opacity:0}@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}@font-face{font-family:Menlo;src:url(../../fonts/Menlo-Regular.eot);src:url(../../fonts/Menlo-Regular.eot?#iefix) format('embedded-opentype'),url(../../fonts/Menlo-Regular.woff) format('woff'),url(../../fonts/Menlo-Regular.ttf) format('truetype'),url(../../fonts/Menlo-Regular.svg#Menlo) format('svg');font-weight:'normal';font-style:normal}body{margin:0}@media (min-width:992px){.container{width:100%;max-width:1220px;padding:0 35px;margin:auto}}.tabs{clear:both}@media (min-width:992px){.tabs{margin:0 -5px}}.jwt-playground{padding:0 24px;margin:0 -15px;position:relative;overflow:hidden;width:auto}.jwt-playground .output{float:right;margin:10px 0 0;height:auto;padding:0;width:100%;border:1px solid rgba(155,155,155,.5);border-radius:3px;overflow:hidden}@media (min-width:992px){.jwt-playground .output{float:right;display:block!important;margin:0 -3px;height:auto;padding:0;width:49%;border:1px solid rgba(155,155,155,.5);border-radius:3px;overflow:hidden}}.jwt-playground .output .text-line{font-size:12px;color:#979797;line-height:12px;border-top:1px solid rgba(155,155,155,.5);border-bottom:1px solid rgba(155,155,155,.5);margin:-12px -12px;padding:10px 13px 8px}.jwt-playground .output .text-line a{display:none}@media (min-width:992px){.jwt-playground .output .text-line a{display:block;float:right}}@media (min-width:992px){.jwt-playground .output .text-line{font-size:12px;color:#979797;line-height:12px;border-top:1px solid rgba(155,155,155,.5);border-bottom:1px solid rgba(155,155,155,.5);margin:-12px -12px;padding:10px 13px 8px}}.jwt-playground .output .text-line span{color:#000}.jwt-playground .output .jwt-signature pre{font-size:14px;line-height:19px;margin:28px 0 0 18px}.jwt-playground .output .jwt-explained{border:none;background:#fff;box-shadow:none;font-family:proxima-nova,"Helvetica Neue",sans-serif}.jwt-playground .CodeMirror-code{margin:30px 0 7px;padding:0}@media (min-width:992px){.jwt-playground .CodeMirror-wrap{padding:0 0 0 20px}}.jwt-playground .algorithm{text-align:center;position:relative;z-index:99}.jwt-playground .algorithm-label{margin:0 3px 0 0;display:inline-block;font-size:10px;line-height:18px;text-transform:uppercase;color:#000}@media (min-width:992px){.jwt-playground .algorithm-label{margin:0 4px 0 0;font-size:12px;line-height:18px}}.jwt-playground .tab-nav{position:relative;z-index:9}.jwt-playground .tab-nav ul{overflow:hidden;border-bottom:1px solid #979797;margin:0 -24px;padding:31px 24px 0}@media (min-width:992px){.jwt-playground .tab-nav ul{border-bottom:none;margin:0 -24px;padding:43px 24px 0}}.jwt-playground .tab-nav li{width:50%;float:left;padding:0;margin:0;list-style:none}@media (min-width:992px){.jwt-playground .tab-nav li{padding:0 5px 13px}}@media (min-width:992px){.jwt-playground .tab-nav li:nth-child(2){padding-left:26px}}.jwt-playground .tab-nav li a{font-size:26px;color:#000;line-height:32px;text-transform:none;font-weight:400;text-align:center;padding-bottom:6px;display:block;position:relative}@media (min-width:992px){.jwt-playground .tab-nav li a{text-align:left;font-size:30px;color:#000;line-height:36px}}.jwt-playground .tab-nav li a small{display:none}@media (min-width:992px){.jwt-playground .tab-nav li a small{display:inline-block;font-size:12px;color:#979797;line-height:12px;float:none!important;text-transform:uppercase;margin:0 10px;position:relative;top:-2px}}.jwt-playground .tab-nav li.current a{border-bottom:5px solid #fb015b}@media (min-width:992px){.jwt-playground .tab-nav li.current a{border-bottom:none}}@media (min-width:992px){.jwt-playground .CodeMirror-wrap{padding:0 0 0 20px}}.jwt-playground .input{border:none;padding:0;background:#fff;box-shadow:none;margin:0 -3px;font-family:proxima-nova,"Helvetica Neue",sans-serif;height:146px;padding-top:20px}@media (min-width:992px){.jwt-playground .input{margin:0 -3px;padding:0 10px;width:49%;border:1px solid rgba(155,155,155,.5);border-radius:3px;display:block!important;float:left}}@media (min-width:992px){.jwt-playground .input .CodeMirror-code{margin:22px 0 7px;padding:0}}.jwt-playground .input:hover{box-shadow:none}.jwt-playground .input .CodeMirror .cm-jwt-header{font-family:proxima-nova,"Helvetica Neue",sans-serif;font-size:15.5px;color:#fb015b;line-height:25px}@media (min-width:992px){.jwt-playground .input .CodeMirror .cm-jwt-header{font-size:18px;line-height:30px}}.jwt-playground .input .CodeMirror .cm-jwt-payload{font-family:proxima-nova,"Helvetica Neue",sans-serif;color:#e05eff;font-size:15.5px;line-height:25px}@media (min-width:992px){.jwt-playground .input .CodeMirror .cm-jwt-payload{font-size:18px;line-height:30px}}.jwt-playground .input .CodeMirror .cm-jwt-signature{font-family:proxima-nova,"Helvetica Neue",sans-serif;color:#00b9f1;font-size:15.5px;line-height:25px}@media (min-width:992px){.jwt-playground .input .CodeMirror .cm-jwt-signature{font-size:18px;line-height:30px}}.jwt-playground .tab-content,.jwt-playground .validation-status.invalid-token,.jwt-playground .validation-status.valid-token{display:none}@media (min-width:992px){.jwt-playground .validation-status.valid-token{display:block}}@media (min-width:992px){.jwt-playground .validation-status.invalid-token{display:block;margin:30px -27px;width:auto;background:#00b9f1;border-radius:3px;font-size:30px;color:#fff;line-height:86px;height:80px;padding:0;text-transform:none}}.jwt-playground .output .jwt-explained{margin-bottom:0}.jwt-playground .output .jwt-explained pre,.jwt-playground .output .jwt-header .CodeMirror .cm-property{color:#fb015b;font-size:14px;line-height:19px}.jwt-playground .output .jwt-payload .CodeMirror .cm-atom,.jwt-playground .output .jwt-payload .CodeMirror .cm-string,.jwt-playground .output .jwt-payload pre{color:#d63aff}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{height:65px;background:#000;border-top:1px solid #2d2d2d;max-height:none}@media (min-width:992px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{height:100px;background:0 0}}.navbar-brand{height:auto;padding:0;margin:23px 0 0 25px}@media (min-width:992px){.navbar{height:100px;background:#000}}.navbar-default .navbar-brand img{width:41px}@media (min-width:992px){.navbar-default.navbar-fixed-top{background:#000;border-bottom:1px solid #2c2c2c}}.navbar-default .navbar-toggle{border:none;margin-top:16px;background:url(../../img/ico_close.svg) no-repeat 50% 50%;background-size:22px 22px}.navbar-default .navbar-toggle .icon-bar{background-color:transparent}.navbar-default .navbar-toggle.collapsed{background:0 0}.navbar-default .navbar-toggle.collapsed .icon-bar{background-color:#fff}@media (min-width:992px){.navbar-default .navbar-brand img{width:auto;margin-top:19px}}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:transparent!important}.banner-jwt{background:#000;text-align:center;position:relative;z-index:9;padding-bottom:28px}@media (min-width:992px){.banner-jwt{padding-top:150px;padding-bottom:113px}}.banner-jwt p{font-size:22px;line-height:29px;margin:0 -10px}@media (min-width:992px){.banner-jwt p{font-size:40px;color:#fff;line-height:50px;padding:0 40px;font-weight:300}.banner-jwt p strong{font-weight:400}.banner-jwt p span{font-size:32px;font-weight:400}}.banner-jwt .logo{width:67px;display:block;margin:-7px auto 23px auto}@media (min-width:992px){.banner-jwt .logo{width:90px;margin:0 auto 45px}}.banner-jwt .logo img{width:100%;height:77px}@media (min-width:992px){.banner-jwt .logo img{height:auto}}h1{font-size:34px;color:#000;line-height:38px;font-weight:400;text-align:center}@media (min-width:992px){h1{font-size:40px;line-height:48px;padding-top:22px;padding-bottom:4px}}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:87px;display:inline-block;height:31px}@media (min-width:992px){.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:101px;height:37px}}.bootstrap-select>.btn{font-size:10px;height:33px;padding-left:10px;letter-spacing:0}@media (min-width:992px){.bootstrap-select>.btn{font-size:12px;height:37px}}.bg-grey{border:none;padding:0}@media (min-width:992px){.bg-grey{margin-top:52px;background:#eaeaea;padding-bottom:56px}}.bg-grey h1{font-size:31px;line-height:37px;letter-spacing:0;padding-bottom:10px}@media (min-width:992px){.bg-grey h1{font-size:36px;color:#000;line-height:37px;font-weight:400;letter-spacing:0;padding-bottom:20px}}.bg-grey .page-header{border:none;margin:45px 0 20px}@media (min-width:992px){.bg-grey .algorithm{float:right;margin:0;position:relative;top:22px;right:-18px}}@media (min-width:992px){.bg-grey .algorithm label{font-size:12px;padding-right:7px}}@media (min-width:992px){.bg-grey .row{margin:0 -20px}}@media (min-width:1280px){.bg-grey .row{margin:0}}@media (min-width:992px){.bg-grey .col-md-4{margin:0 1.666% 70px;width:30%}}@media (min-width:992px) and (min-width:1280px){.bg-grey .col-md-4{margin:0 15px 70px;width:375px}}.page-header{border-bottom:none;padding-bottom:4px}.jwt-playground .CodeMirror-hscrollbar,.jwt-playground .CodeMirror-measure,.jwt-playground .CodeMirror-vscrollbar{display:none!important}pre{background:0 0}.alert-danger{color:#4a4a4a;background-color:#fffcd3;border:none;margin:0 -15px;font-size:12px;line-height:18px;padding:20px 60px 20px 36px;position:relative}@media (min-width:992px){.alert-danger{background-color:#fffcd3;border:none;margin:0 -15px;padding:24px 350px 22px 255px;font-size:16px;color:#4a4a4a;line-height:14px;margin-bottom:90px}}@media (min-width:992px){.alert-danger em{font-style:normal}}.alert-danger .more{text-indent:-999em;display:block;position:absolute;top:50%;right:40px;background:url(../../img/bg_arrow.svg) no-repeat;background-size:8px 13px;width:8px;height:13px;margin-top:-6px}@media (min-width:992px){.alert-danger .more{position:absolute;top:50%;right:253px;background:0 0;width:auto;height:auto;text-indent:0;opacity:.5;font-weight:600;font-size:11px;color:#4a4a4a;letter-spacing:1.39px;line-height:13px;text-decoration:none;text-transform:uppercase;margin-top:-4px}}.panel{margin:0 -15px;background:#f9f9f9;border-radius:0}@media (min-width:992px){.panel{overflow:visible}}.panel h3{color:#fff;font-size:15px;line-height:36px}@media (min-width:992px){.panel h3{line-height:54px;font-size:18px;color:#fff;padding-left:8px}}.panel h3 img{width:28px;margin:-3px 12px 0 -2px}@media (min-width:992px){.panel h3 img{width:auto;position:absolute;top:-37px;left:50%;margin-left:-43px}}.panel .panel-heading{background:#2aa8e5;height:51px;border-radius:0;border:none}@media (min-width:992px){.panel .panel-heading{border-radius:3px 3px 0 0;height:60px;position:relative;font-size:18px;color:#fff;line-height:14px}}.panel .panel-heading.color-2{background:#8ac244}.panel .panel-heading.color-3{background:#e76f00}.panel .panel-heading.color-4{background:#377ef0}.panel .panel-heading.color-5{background:#777bb4}.panel .panel-heading.color-6{background:#efc825}.panel .panel-heading.color-7{background:#a10}.panel .panel-heading.color-8{background:#48b6c4}.panel .panel-heading.color-9{background:#666}.panel .panel-heading.color-10{background:#814626}.panel .panel-heading.color-11{background:#010080}.panel .panel-heading.color-12{background:#ea2e2f}.panel .star-ico{font-size:12px;float:right;line-height:18px;margin:0 15px 0 0;background-size:17px auto;padding:1px 0 0 20px}@media (min-width:992px){.panel .star-ico{font-size:14px;line-height:22px;margin:0 20px 0 0;background-size:auto auto;background-position:0 4px;padding:1px 0 0 22px}}.panel.patched{border:none}@media (min-width:992px){.panel .stars{display:block;font-size:14px;min-height:30px;min-width:1px;line-height:34px}}@media (min-width:992px){.panel .icon-budicon-333{font-size:20px!important;margin-left:8px;float:left;margin-top:2px}}@media (min-width:992px){.panel .icon-budicon-466{font-size:20px;margin-top:2px;margin-left:13px;line-height:28px;float:left}}@media (min-width:992px){.panel-body .row div{margin-bottom:6px}}.panel-body .row div .icon-check{background:url(../../img/ico_status.svg) no-repeat;height:17px;width:17px;background-size:17px 34px;display:block;float:left;position:relative;top:2px;margin-right:8px;font-size:15px;line-height:20px}@media (min-width:992px){.panel-body .row div .icon-check{height:20px;width:20px;background-size:20px 40px;top:1px;margin-right:8px;font-size:18px;line-height:20px}}.panel-body .row div .icon-cross{background:url(../../img/ico_status.svg) no-repeat 0 -17px;height:17px;width:17px;background-size:17px 34px;display:block;float:left;position:relative;top:2px;margin-right:8px;font-size:15px;line-height:20px}@media (min-width:992px){.panel-body .row div .icon-cross{background:url(../../img/ico_status.svg) no-repeat 0 -20px;height:20px;width:20px;background-size:20px 40px;top:1px;margin-right:8px;font-size:18px;line-height:20px}}.panel-body .row>div{padding:15px 0 0 36px}@media (min-width:992px){.panel-body .row>div{padding:29px 0 0 22px;font-size:18px;line-height:24px}}@media (min-width:1280px){.panel-body .row>div{padding:29px 0 0 27px;font-size:18px;line-height:24px}}.panel-body .row>div .grey{color:#9b9b9b}.panel-body .row>.right{padding:15px 0 5px 52px}@media (min-width:992px){.panel-body .row>.right{padding:29px 0 5px 23px}}@media (min-width:1280px){.panel-body .row>.right{padding:29px 0 5px 63px}}.author-info{border-top:1px solid #979797;padding:13px 15px 13px 34px}@media (min-width:992px){.author-info{margin-top:4px;border-top:2px solid #efefef;padding:13px 15px 9px 34px}}.author-info .repository{font-size:19px;color:#000;margin:-1px 20px 0 0}@media (min-width:992px){.author-info .repository{float:right;margin:-32px 25px 0 0}}@media (min-width:992px){.author-info .repository a{font-size:14px;line-height:14px;color:#000}}@media (min-width:992px){.author-info .repository .fa{font-size:22px;top:2px;position:relative}}@media (min-width:992px){.author-info .maintain{float:left}}@media (min-width:992px){.author-info.type-2 .repository{margin:3px 25px 0 0}}@media (min-width:992px){.author-info.type-2 .repository .fa{font-size:22px}}@media (min-width:992px){.author-info .maintainer{float:left}}@media (min-width:992px){.author-info .maintainer span{font-size:14px;line-height:25px;position:relative;top:4px;left:3px}}.hid-m{display:none}@media (min-width:992px){.hid-m{display:none!important}}@media (min-width:992px){.moved.navbar-default .navbar-brand img.hid-m{display:block!important;float:left;width:54px;height:54px;margin-right:14px;margin-top:-1px}}.navbar-toggle:not(.collapsed)+.navbar-brand .hid-m{display:block;float:left;width:26px;height:26px;margin-right:8px;margin-top:-4px}.panel .icon-budicon-333,.panel .icon-budicon-466{opacity:1;font-size:17px}.panel-footer code{padding:15px 15px 18px 35px}@media (min-width:992px){.panel-footer code{padding:20px 15px 23px 43px;background:#000;line-height:18px;border-radius:0 0 3px 3px}}.panel-wrap{display:none}.panel-wrap.active{display:block}@media (min-width:992px){.panel-wrap{height:auto!important;display:block!important}}.bt-con{background:#232228;text-align:center;padding:19px 0 0}.bt-con .container{padding:0}.bt-con .col-md-4{border-bottom:1px solid #2e2d33;padding-bottom:9px}@media (min-width:992px){.bt-con .col-md-4{border-bottom:none;padding-bottom:4px}}.bt-con h3{font-size:26px;color:#fff;line-height:30px;font-weight:400;padding-bottom:4px}@media (min-width:992px){.bt-con h3{font-size:30px;color:#fff;line-height:36px;padding-top:17px}}.bt-con .hold{padding-bottom:14px}@media (min-width:992px){.bt-con .hold{padding-bottom:14px;padding-top:2px}}.bt-con .hold a{background:#000;display:inline-block;font-size:10px;height:30px;line-height:30px;color:#fff;border-radius:183.6px;padding:0 10px}@media (min-width:992px){.bt-con .hold a{font-size:12px;height:35px;line-height:35px;padding:0 12px;margin-bottom:3px}}.bt-con .hold a img{width:15px;margin-right:6px}@media (min-width:992px){.bt-con .hold a img{width:auto;margin-right:8px}}.bt-con .hold.type-2 a{background:0 0;padding:0 10px;margin-bottom:3px}@media (min-width:992px){.bt-con .hold.type-2 a{margin-bottom:3px}}.bt-con .hold.type-2 a img{width:33px;margin-right:0}@media (min-width:992px){.bt-con .hold.type-2 a img{width:auto;position:relative;top:-3px}}.bt-con .hold.type-3 a{background:0 0;padding:0 10px;margin-bottom:-1px;margin-top:2px}.bt-con .hold.type-3 a img{width:73px;margin-right:0}@media (min-width:992px){.bt-con .hold.type-3 a img{width:auto;margin-right:0;margin-bottom:2px}}.bt-con .text-hold{height:33px;border-radius:4px;line-height:33px;cursor:pointer;background:#2e2d33;color:#fff;font-size:12px;margin:18px 32px;text-align:left;padding:0 13px}@media (min-width:992px){.bt-con .text-hold{height:40px;line-height:40px;font-size:14px;margin:18px 32px 20px;padding:0 15px;position:relative}}@media (min-width:992px){.bt-con .text-hold:after{position:absolute;content:"";background:url(../../img/ico_enlarge.svg) no-repeat;width:17px;height:20px;display:block;top:9px;right:13px}}.bt-con .text-hold p{line-height:35px;margin:0}@media (min-width:992px){.bt-con .text-hold p{line-height:44px}}.bt-con .col-2{padding-top:6px;padding-bottom:14px}@media (min-width:992px){.bt-con .col-2{padding-top:0}}.bt-con .tshirts{background:#222228;box-shadow:0 2px 14px 0 rgba(0,0,0,.5);border-radius:3px;margin:33px 30px 20px;padding:17px 12px 14px}@media (min-width:992px){.bt-con .tshirts{margin:8px 52px 20px 6px;padding:18px 12px 14px}}.bt-con .tshirts img{width:195px;margin:0 auto 18px;display:block}@media (min-width:992px){.bt-con .tshirts img{width:auto;margin:0 auto 24px}}.bt-con .tshirts .hover,.bt-con .tshirts:hover .normal{display:none}.bt-con .tshirts:hover .hover{display:block}.bt-con .tshirts .buy{background:#00b9f1;border:1px solid rgba(0,0,0,.5);border-radius:3px;font-size:14px;color:#fff;letter-spacing:.88px;display:block;height:52px;line-height:52px}@media (min-width:992px){.bt-con .tshirts .buy{font-size:16px;height:62px;line-height:62px}}.mobile-no{display:none}@media (min-width:992px){.mobile-no{display:block}}.banner{background:#000;padding:53px 0 128px;overflow:hidden;margin:0}@media (min-width:992px){.banner{padding:78px 0 252px}}.banner .container{padding:0}.banner img{width:125px;margin:0 auto 20px}@media (min-width:992px){.banner img{width:auto;margin:0 auto 30px}}.banner p{font-size:17px;line-height:26px;padding:0 20px}@media (min-width:992px){.banner p{font-size:26px;line-height:40px;padding:0;max-width:800px}}.banner .note{font-size:10px;display:block;text-align:center;letter-spacing:2px;max-width:none;line-height:14px;margin:5px 0 30px}@media (min-width:992px){.banner .note{font-size:14px;line-height:24px;margin:7px 0 40px;max-width:none}}.banner .counter{margin:39px 0 0}@media (min-width:992px){.banner .counter{margin:56px 0 0}}.btn.btn-lg,a.btn.btn-lg{line-height:55px;padding:0;height:51px;font-size:12px;width:236px;text-align:center}@media (min-width:992px){.btn.btn-lg,a.btn.btn-lg{line-height:62px;padding:0;height:62px;font-size:14px;width:276px}}.desktop-only{display:none}@media (min-width:992px){.desktop-only{display:inline-block}}.mobile-only{display:inline-block}@media (min-width:992px){.mobile-only{display:none!important}}.steps{margin:0 -15px;display:block}.steps .select{height:62px;background:#232228 url(../../img/bg_steps.svg) no-repeat 95% 50%;line-height:62px;display:block;padding:0 24px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase}.steps li,.steps ul{padding:0;margin:0}.steps ul{padding-bottom:15px;background:#232228}.steps li a{line-height:22px;display:block;padding:0 24px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase}.sidebar{display:none}@media (min-width:992px){.sidebar{display:block;margin-top:91px;float:right;width:283px;padding:17px 0 10px;border:1px solid #ddd;border-radius:4px}}@media (min-width:992px){.sidebar h4{font-size:13px;text-transform:uppercase;text-align:left;color:#333;margin:0;border-top:1px solid #ebebeb;padding:27px 28px 30px}}@media (min-width:992px){.sidebar .btn{display:block;color:#fff;border-color:transparent;margin:0 28px 27px;opacity:1;background:#d63aff;line-height:43px;padding:0;letter-spacing:1px;height:43px;font-size:14px}}@media (min-width:992px){.sidebar .btn:hover{background:#a829c9}}@media (min-width:992px){.sidebar p{text-align:center;font-size:13px;line-height:20px;padding:15px 28px 13px;margin:0}}@media (min-width:992px){.sidebar ul{font-size:14px;text-align:left;color:#333;line-height:normal;margin:0;padding:0 28px}}@media (min-width:992px){.sidebar ul li{list-style:none;margin:0;padding:0 0 11px}}@media (min-width:992px){.sidebar ul a{color:#333}}@media (min-width:992px){.sidebar ul a:hover{color:#bc0edf}}@media (min-width:992px){.sidebar ul .current a{color:#bc0edf;font-weight:600}}.entry{padding:23px 9px;font-size:14px;color:#000}@media (min-width:992px){.entry{float:left;width:55.49%;padding-top:73px}}.entry p{line-height:24px;margin:0;padding:0 0 23px}@media (min-width:992px){.entry p{line-height:28px;padding-bottom:0;display:inline}}.entry .label{font-size:12px;color:#fff;font-weight:400;font-family:Menlo;line-height:18px;padding:0 5px;display:inline-block;background:#d63aff}@media (min-width:992px){.entry .label{line-height:21px}}.entry pre{word-wrap:normal;word-break:normal;background:#f4f4f4;border:1px solid #d5d5d5;font-family:Menlo;font-size:12px;display:block;border-radius:3px;margin-top:-12px;margin-bottom:24px;padding:18px 22px}@media (min-width:992px){.entry pre{margin:40px 0 57px;font-size:12px;padding-top:21px;padding-bottom:19px;line-height:19px}}.entry code{display:block;white-space:nowrap;padding:0;margin:0;border:0}.entry code span{display:inline-block;min-width:13px}.entry h2{padding:0 0 16px;font-size:20px;line-height:20px;font-weight:400;margin:0}@media (min-width:992px){.entry h2{font-size:22px;padding-bottom:39px}}.btn.btn-purple.btn-lg,a.btn.btn-purple.btn-lg{display:none}.btn.btn-purple.btn-lg.hidden-lg,a.btn.btn-purple.btn-lg.hidden-lg{display:inline-block;color:#fff;border-color:transparent;margin:25px 0 16px;opacity:1;background:#d63aff;line-height:52px;padding:0;letter-spacing:1px;height:52px;font-size:14px;width:236px}.btn.btn-purple.btn-lg.hidden-lg:hover,a.btn.btn-purple.btn-lg.hidden-lg:hover{background:#a829c9}@media (min-width:992px){.btn.btn-purple.btn-lg.hidden-lg,a.btn.btn-purple.btn-lg.hidden-lg{display:none}}@media (min-width:992px){.btn.btn-purple.btn-lg,a.btn.btn-purple.btn-lg{display:inline-block;color:#fff;border-color:transparent;margin:42px 0 -58px;opacity:1;background:#d63aff;line-height:62px;padding:0;height:62px;font-size:14px;width:276px}.btn.btn-purple.btn-lg:hover,a.btn.btn-purple.btn-lg:hover{background:#a829c9}}#footer{height:82px;border-top:1px solid #313131;background:#000}#footer.static{position:relative}@media (min-width:992px){#footer{height:120px;border-top:2px solid #313131}}#footer .container{padding:0}#footer .design,#footer .twitter{display:none}@media (min-width:992px){#footer .design{display:block;float:left;font-size:14px;color:#fff;line-height:17px;margin:45px 0 0 34px}}@media (min-width:992px){#footer .design a{color:#fff}}@media (min-width:992px){#footer .design a img{position:relative;top:-2px;right:-7px}}@media (min-width:992px){#footer .twitter{display:block;float:right;background:url(../../img/ico_twitter.svg) no-repeat;height:25px;width:25px;margin:45px 0 0}}@media (min-width:1280px){#footer .twitter{margin:45px -18px 0 0}}@media (min-width:992px){#footer .twitter a{display:block;height:25px;width:25px}}#footer .ft-note{width:300px;position:absolute;top:33px;left:50%;text-align:center;margin-left:-150px;font-size:14px;line-height:14px;color:#fff}@media (min-width:992px){#footer .ft-note{width:320px;top:48px;margin-left:-160px;font-size:16px;line-height:16px}}@media (min-width:992px){#footer .container,.banner .container,.bt-con .container{padding:0 15px}}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background:0 0}.navbar-nav{padding-top:79px;padding-bottom:63px}@media (min-width:992px){.navbar-nav{padding-top:0;padding-bottom:0;float:left;margin:29px 0 0 325px}}.navbar-nav>li>a{text-align:center;font-size:34px;line-height:34px;color:#fff;margin-bottom:15px}@media (min-width:992px){.navbar-nav>li>a{font-size:14px;color:#fff;line-height:14px}}.navbar-collapse .design{color:#fff;font-size:12px;text-align:center;display:block;border-top:1px solid #2d2d2d;margin:0 -15px;padding:24px 0 29px}@media (min-width:992px){.navbar-collapse .design{display:none}}.navbar-collapse .design img{width:15px;margin-left:4px}@media (min-width:992px){.navbar-collapse .twitter{float:right;margin:36px -15px 0 0}}@media (max-width:994px){.jwt-playground .input,.jwt-playground .output{min-height:0!important}.jwt-playground .CodeMirror-code{padding-top:0;padding-bottom:0}.jwt-playground .input{height:auto}.filter-set{height:auto!important}.bg-grey .col-md-4{position:static!important}}@media (min-width:1280px){.filter-set{margin:0 -33px}}.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);transform:scale(.8)}@media (min-width:992px){.flip-clock-wrapper{-ms-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;list-style:none;position:relative;float:none;display:inline-block;margin:1px;width:31px;height:50px;font-size:80px;font-weight:700;line-height:87px;border-radius:2px;background:#000}.flip-clock-wrapper ul:nth-child(2),.flip-clock-wrapper ul:nth-child(5){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,.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,.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,.1)0,#000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.1)),color-stop(100%,#000));background:linear,top,rgba(0,0,0,.1)0,#000 100%;background:-o-linear-gradient(top,rgba(0,0,0,.1)0,#000 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.1)0,#000 100%);background:linear,to bottom,rgba(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,.1)100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#000),color-stop(100%,rgba(0,0,0,.1)));background:linear,top,#000 0,rgba(0,0,0,.1)100%;background:-o-linear-gradient(top,#000 0,rgba(0,0,0,.1)100%);background:-ms-linear-gradient(top,#000 0,rgba(0,0,0,.1)100%);background:linear,to bottom,#000 0,rgba(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,.1)100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#000),color-stop(100%,rgba(0,0,0,.1)));background:linear,top,#000 0,rgba(0,0,0,.1)100%;background:-o-linear-gradient(top,#000 0,rgba(0,0,0,.1)100%);background:-ms-linear-gradient(top,#000 0,rgba(0,0,0,.1)100%);background:linear,to bottom,#000 0,rgba(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,.1)0,#000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.1)),color-stop(100%,#000));background:linear,top,rgba(0,0,0,.1)0,#000 100%;background:-o-linear-gradient(top,rgba(0,0,0,.1)0,#000 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.1)0,#000 100%);background:linear,to bottom,rgba(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,.flip-clock-wrapper:after{clear:both}.flip-clock-wrapper .flip{box-shadow:0 2px 5px rgba(0,0,0,.7)}.flip-clock-wrapper.clearfix:after,.flip-clock-wrapper.clearfix:before{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:after,.flip-clock-wrapper:before{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,.5);left:5px}.flip-clock-dot.top{top:30px}.flip-clock-dot.bottom{bottom:30px}@-webkit-keyframes asd{0%{z-index:2}100%,20%{z-index:4}}@-moz-keyframes asd{0%{z-index:2}100%,20%{z-index:4}}@-o-keyframes asd{0%{z-index:2}100%,20%{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}100%,20%{z-index:4}}@-webkit-keyframes asd{0%{z-index:2}100%,20%{z-index:4}}@-o-keyframes asd{0%{z-index:2}100%,20%{z-index:4}}@keyframes asd{0%{z-index:2}100%,20%{z-index:4}}@-moz-keyframes turn{0%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}@-webkit-keyframes turn{0%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}@-o-keyframes turn{0%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}@keyframes turn{0%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}@-moz-keyframes turn2{0%{transform:rotateX(0)}100%{transform:rotateX(-90deg)}}@-webkit-keyframes turn2{0%{transform:rotateX(0)}100%{transform:rotateX(-90deg)}}@-o-keyframes turn2{0%{transform:rotateX(0)}100%{transform:rotateX(-90deg)}}@keyframes turn2{0%{transform:rotateX(0)}100%{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}}
\ No newline at end of file
+.CodeMirror{height:300px}.CodeMirror-scroll{overflow:auto}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror div.CodeMirror-cursor{border-left:1px solid #000}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor{width:auto;border:0;background:#7e7}.cm-tab{display:inline-block}.CodeMirror-ruler{border-left:1px solid #ccc;position:absolute}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable{color:#000}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-operator,.cm-s-default .cm-property{color:#000}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-invalidchar,.cm-s-default .cm-error{color:red}div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{line-height:1;position:relative;overflow:hidden;background:#fff;color:#000}.CodeMirror-scroll{margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative;-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-sizer{position:relative;border-right:30px solid transparent;-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;padding-bottom:30px;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;-moz-box-sizing:content-box;box-sizing:content-box;padding-bottom:30px;margin-bottom:-32px;display:inline-block;*zoom:1;*display:inline}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-lines{cursor:text}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}.CodeMirror-wrap .CodeMirror-scroll{overflow-x:hidden}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-measure pre{position:static}.CodeMirror div.CodeMirror-cursor{position:absolute;border-right:none;width:0}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:1}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.cm-searching{background:#ffa;background:rgba(255,255,0,.4)}.CodeMirror span{*vertical-align:text-bottom}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{background-color:infobackground;border:1px solid #000;border-radius:4px;color:infotext;font-family:monospace;font-size:10pt;overflow:hidden;padding:2px 5px;position:fixed;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s}.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{background-position:left bottom;background-repeat:repeat-x}.CodeMirror-lint-mark-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==)}.CodeMirror-lint-mark-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{background-position:center center;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:16px;width:16px;vertical-align:middle;position:relative}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{padding-left:18px;background-position:top left;background-repeat:no-repeat}.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=)}.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-multiple{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right bottom;width:100%;height:100%}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#000}.navbar-default .navbar-brand{font-weight:700;text-transform:uppercase;color:#000;font-size:14px;letter-spacing:.5px;margin-right:30px}.banner-jwt{position:relative;margin-top:50px;padding:20px;color:#000;overflow:hidden;background:linear-gradient(120deg,#848db4 0,#3cc8f4 100%);background-color:#24C6DC;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#24c6dc),color-stop(90%,#514a9d));background-image:-webkit-linear-gradient(-360deg,#24c6dc 10%,#514a9d 90%);background-image:linear-gradient(90deg,#24c6dc 10%,#514a9d 90%)}.banner-jwt p{color:#fff;font-size:28px;font-weight:100;line-height:52px;position:relative}.banner-jwt a{font-size:16px;font-weight:700;color:#fff;opacity:.8;display:inline-block;position:relative}.banner-jwt canvas{position:absolute;z-index:0;top:0;left:0;right:0;bottom:0;opacity:.3;height:1000px;width:100%}.CodeMirror{zoom:1;font-family:'Source Code Pro'}h1{margin-bottom:0}code,pre{padding:0;margin:0;font-family:Menlo!important}.navbar-default.navbar-fixed-top{background:rgba(255,255,255,.9);border:0;color:#fff}.vulnerable-badge{text-align:right;float:right;line-height:17px;text-transform:uppercase;color:red}.patched-badge{text-align:right;float:right;line-height:17px;text-transform:uppercase;color:orange}.panel{box-shadow:none;border:0;overflow:hidden}.panel.vulnerable{border:2px solid red}.panel.vulnerable .panel-body code,.panel.vulnerable .panel-heading{background:0 0}.panel.patched{border:2px solid orange}.panel .panel-heading,.panel.patched .panel-body code,.panel.patched .panel-heading{background:0 0}.panel .icon-budicon-333,.panel .icon-budicon-466{position:relative;top:2px;opacity:.5}.panel .author-info .maintainer>a,.panel .author-info>a{color:#4d4d4d}.panel .stars{display:none}.panel-footer{font-size:14px}.hn-button{margin-right:20px}.panel-title{font-weight:700}.panel-body{padding:0}.panel-body .row{padding:15px}.panel-body .row div{margin-bottom:4px}.panel-body .row div i{position:relative;top:2px}.icon-budicon-500{color:#65a52f}.panel-footer{padding:0}.panel-footer code{background:#222;display:block;padding:15px;border-radius:0;color:#fff;font-size:12px}.panel-footer code a{color:#fff}.author-info{border-top:1px solid #f1f1f1;padding:15px}.author-info .maintainer,.author-info .repository{display:inline-block}.author-info .repository{float:right}.author-info .repository-left{float:none}.banner{background:linear-gradient(120deg,#14204d 0,#3cc8f4 100%)}.banner img{width:140px}.banner a{color:#fff}.banner p{font-size:150%}.banner .btn{min-width:200px}.bg-grey{background:#f6f6f6;margin-top:60px;padding-bottom:40px}.jwt-playground{width:100%}.jwt-playground h4{font-size:14px;text-transform:uppercase}.jwt-playground .input{border:1px solid #44C7F4;padding:10px;margin-bottom:2px;border-radius:3px;background:#fff}.jwt-playground .input.error{background:pink}.jwt-playground .input:hover{-webkit-box-shadow:0 0 4px #54a1e9;-moz-box-shadow:0 0 4px #54a1e9;box-shadow:0 0 4px #54a1e9}.jwt-playground .input .CodeMirror{width:100%;background:0 0;font-size:20px;line-height:30px;min-height:460px;height:auto}.jwt-playground .input .CodeMirror .cm-jwt-dot{color:#000}.jwt-playground .input .CodeMirror .cm-jwt-header{color:#859900}.jwt-playground .input .CodeMirror .cm-jwt-payload{color:#268bd2}.jwt-playground .input .CodeMirror .cm-jwt-signature{color:#dc322f}.jwt-playground .algorithm-label{margin-right:20px}.jwt-playground .output{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.jwt-playground .output .jwt-explained{background:#fff;border:1px solid #ECECEC;padding:10px;margin-bottom:2px}.jwt-playground .output .jwt-explained pre{font-size:16px;line-height:26px}.jwt-playground .output .jwt-explained.error{background:rgba(100,0,0,.1)}.jwt-playground .output .jwt-explained:hover{-webkit-box-shadow:0 0 4px #54a1e9;-moz-box-shadow:0 0 4px #54a1e9;box-shadow:0 0 4px #54a1e9}.jwt-playground .output .jwt-explained .CodeMirror{width:100%;height:auto;background:0 0}.jwt-playground .output .jwt-header,.jwt-playground .output .jwt-header .CodeMirror,.jwt-playground .output .jwt-header .CodeMirror .cm-atom,.jwt-playground .output .jwt-header .CodeMirror .cm-number,.jwt-playground .output .jwt-header .CodeMirror .cm-property,.jwt-playground .output .jwt-header .CodeMirror .cm-string{color:#859900}.jwt-playground .output .jwt-payload,.jwt-playground .output .jwt-payload .CodeMirror,.jwt-playground .output .jwt-payload .CodeMirror .cm-atom,.jwt-playground .output .jwt-payload .CodeMirror .cm-number,.jwt-playground .output .jwt-payload .CodeMirror .cm-property,.jwt-playground .output .jwt-payload .CodeMirror .cm-string{color:#268bd2}.jwt-playground .output .jwt-signature{color:#dc322f;font-family:monospace}.jwt-playground .output .jwt-signature pre{background-color:transparent;border:0;color:#dc322f}.jwt-playground .output .jwt-signature span.is-base64-encoded-label{font-size:x-small}.jwt-playground .output .jwt-signature input[name=secret]{border-radius:4px;border:1px solid #dfdfdf}.jwt-playground .output .jwt-signature textarea{border:1px solid #dfdfdf;font-size:12px;line-height:18px;width:350px;max-width:100%;border-radius:4px}.jwt-playground .output .jwt-signature textarea.error{border:1px solid red}.jwt-playground .validation-status{background:#fff;padding:15px;margin-top:20px;clear:both;text-align:center;width:100%;font-size:20px;color:#fff;text-transform:uppercase;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.jwt-playground .validation-status.valid-token{background:#7ed321}.jwt-playground .validation-status.invalid-token{background:red}.library div i{padding-right:4px}html{position:relative;min-height:100%}body{margin-bottom:60px}#footer{position:absolute;bottom:0;width:100%;height:60px;background-color:#f5f5f5}.jwt-playground .input[data-alg=RS256] .CodeMirror{min-height:617px}h4 small{line-height:1.8}.container .text-muted{margin:20px 0}#footer>.container{padding-right:15px;padding-left:15px}code{font-size:80%}.navbar-right{height:20px}
\ No newline at end of file
diff --git a/dist/js/app.js b/dist/js/app.js
index 002cc8a4..552e860d 100644
--- a/dist/js/app.js
+++ b/dist/js/app.js
@@ -1,15 +1,12 @@
-function hex2b64(a){var b,c,d="";for(b=0;b+3<=a.length;b+=3)c=parseInt(a.substring(b,b+3),16),d+=b64map.charAt(c>>6)+b64map.charAt(63&c);if(b+1==a.length?(c=parseInt(a.substring(b,b+1),16),d+=b64map.charAt(c<<2)):b+2==a.length&&(c=parseInt(a.substring(b,b+2),16),d+=b64map.charAt(c>>2)+b64map.charAt((3&c)<<4)),b64pad)for(;(3&d.length)>0;)d+=b64pad;return d}function b64tohex(a){var b,c,d,e="",f=0;for(b=0;b0&&c.rShiftTo(i,c),0>g&&BigInteger.ZERO.subTo(c,c)}}}function bnMod(a){var b=nbi();return this.abs().divRemTo(a,null,b),this.s<0&&b.compareTo(BigInteger.ZERO)>0&&a.subTo(b,b),b}function Classic(a){this.m=a}function cConvert(a){return a.s<0||a.compareTo(this.m)>=0?a.mod(this.m):a}function cRevert(a){return a}function cReduce(a){a.divRemTo(this.m,null,a)}function cMulTo(a,b,c){a.multiplyTo(b,c),this.reduce(c)}function cSqrTo(a,b){a.squareTo(b),this.reduce(b)}function bnpInvDigit(){if(this.t<1)return 0;var a=this[0];if(0==(1&a))return 0;var b=3&a;return b=b*(2-(15&a)*b)&15,b=b*(2-(255&a)*b)&255,b=b*(2-((65535&a)*b&65535))&65535,b=b*(2-a*b%this.DV)%this.DV,b>0?this.DV-b:-b}function Montgomery(a){this.m=a,this.mp=a.invDigit(),this.mpl=32767&this.mp,this.mph=this.mp>>15,this.um=(1<
HEADER: ALGORITHM & TOKEN TYPE LEARN MORE
- -PAYLOAD: DATA LEARN MORE
- -VERIFY SIGNATURE: LOREM IPSUM DOLOR SIT LEARN MORE
-
-HMACSHA256(
- base64UrlEncode(header) + "." +
- base64UrlEncode(payload),
-
-) secret base64 encoded
-
- -RSASHA256( - base64UrlEncode(header) + "." + - base64UrlEncode(payload), - , - -) --
+ HMACSHA256(
+ base64UrlEncode(header) + "." +
+ base64UrlEncode(payload),
+
+ ) secret base64 encoded
+
+ + RSASHA256( + base64UrlEncode(header) + "." + + base64UrlEncode(payload), + , + + ) ++
iss checksub checkaud checkexp checknbf checkiat checkjti checkiss checksub checkaud checkexp checknbf checkiat checkjti checkiss checksub checkaud checkexp checknbf checkiat checkjti checkiss checksub checkaud checkexp checknbf checkiat checkjti checkiss checksub checkaud checkexp checknbf checkiat checkjti checkiss checksub checkaud checkexp checknbf checkiat checkjti checkiss checksub checkaud checkexp checknbf checkiat checkjti checkiss checksub checkaud checkexp checknbf checkiat checkjti checkiss checksub checkaud checkexp checknbf checkiat checkjti checkiss checksub checkaud checkexp checknbf checkiat checkjti checkiss checksub checkaud checkexp checknbf checkiat checkjti checkhttps://jwt.io/assets/viewonjtwio.svg
-https://jwt.io/assets/wesupportjwt.svg
-