body,html{height:100%;padding:0;margin:0}
body{background:#192227;cursor:text;text-size-adjust:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern"}
#box{overflow:hidden;height:100%;color:#909083;padding:0;margin:0;box-shadow:inset 40px 0 0 #0f161a,inset 41px 0 20px #12181b;font:12px/16px monospace,Menlo,Monaco,Consolas,"Courier New",monospace;overflow:auto}
.codes{list-style-position:outside;margin:20px 0 0 40px;padding:0}
.codes li{position:relative;padding-left:5px;margin-bottom:1px}
.codes li.active:after{content:' ';position:absolute;top:0;right:0;bottom:0;left:-10px;z-index:-1;background:#0e1518}
.codes a{color:#E6DB67}
.codes a:hover{color:#F8E308}
.comment a{color:#287547}
.comment a:hover{color:#32975b}
.codes .brand{color:#e2c313}
.codes .key{color:#30c7ec}
.codes .muted{color:#eee}
.codes .cursor{border-right:2px solid #fff;margin:0 2px;height:20px;-webkit-animation:cursor 1s infinite linear;-moz-animation:cursor 1s infinite linear;animation:cursor 1s infinite linear}
.codes .comment{color:#287547}
.codes .string{color:#336cc2}
.codes .int{color:#33c292}
input, button{outline-style:none}
button{font-size:inherit;line-height:inherit;font-family:inherit}
.codes .btn {color: initial;background: transparent;padding: 0;margin: 0;border: 0;cursor: pointer}
.codes .form-control,.codes .form-control:focus{color: #909083;background: transparent;padding: 0;margin: 0;border: 0;}
input:-internal-autofill-selected{background-color: 192227 !important;background-image: none !important;color:#909083 !important;box-shadow: inset 0 0 0 1000px #192227 !important}
input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-text-fill-color: #909083 !important;-webkit-box-shadow: 0 0 0px 1000px #192227 inset !important;box-shadow: 0 0 0px 1000px #192227 inset !important}
input[type="checkbox"]{visibility:hidden;background-color:transparent;cursor:default;appearance: auto;box-sizing: border-box;margin: 0;padding: 0;border: 0;}
#c1 +label{display:inline-block;width:17px;height:12px;cursor:pointer;padding:2px;position:absolute;margin-left:-18px;background:transparent}
#c1 +label::before{display:block;content:"false";text-align:center;font-size:inherit;color:#909083}
#c1:checked +label::before{content: "true"}
.btn span{color:#909083}
.code li{padding-left: 20px;}
.code .key{color:#DF2D51}
.pl-1{padding-left:7px}
.json .key{color:#a11f9a}
.json li{padding-left: 60px;}
.json .sign{margin-left: -20px;}
.footer{position:fixed;right:0;bottom:0;left:0;font-size:12px;text-align:center;line-height:60px}
.footer a{color:#797979}
@-webkit-keyframes cursor{0%{border-color:rgba(255,255,255,.1)}50%{border-color:#fff}100%{border-color:rgba(255,255,255,.1)}}
@-moz-keyframes cursor{0%{border-color:rgba(255,255,255,.1)}50%{border-color:#fff}100%{border-color:rgba(255,255,255,.1)}}
@keyframes cursor{0%{border-color:rgba(255,255,255,.1)}50%{border-color:#fff}100%{border-color:rgba(255,255,255,.1)}}
@media (min-width: 768px){ #box{font-size:14px;line-height:18px;}
.codes li{margin-bottom:5px}
#c1 +label{margin-left:-15px;padding:initial}}