.tap-highlight:before{
  content:" ";
  position:absolute;
  opacity:0;
  left:0;
  top:0;
  width:100%;
  height:100%;
  border-radius:inherit;
  background-color:#000;
}
.tap-highlight:active:before{
  opacity:0.1;
}
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
html{
  -webkit-tap-highlight-color:transparent;
  height:100%;
}
body{
  font-family:"PingFang SC Bold", "Microsoft Yahei", Arial, Verdana, sans-serif;
  height:100%;
  -webkit-font-smoothing:antialiased;
}
#App{
  height:100%;
}
ul,
ol{
  list-style:none;
}
hr{
  border:0;
}
h1,
h2,
h3,
h4,
h5,
h6{
  font-weight:normal;
  cursor:default;
}
h1{
  font-size:12px;
}
h2{
  font-size:14px;
}
i{
  font-style:normal;
}
address{
  font-style:normal;
}
button{
  cursor:pointer;
}
input,
button,
textarea{
  display:block;
}
button,
input,
textarea{
  outline:0;
  border:0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
  -webkit-appearance:none !important;
}
input[type="number"]{
  -moz-appearance:textfield;
}
a{
  cursor:pointer;
}
a:hover,
a:link,
a:visited,
a:active{
  text-decoration:none;
  color:black;
}
pre{
  font-family:"PingFang SC Bold", "Microsoft Yahei", Arial, Verdana, sans-serif;
}

.tap-highlight:before{
  content:" ";
  position:absolute;
  opacity:0;
  left:0;
  top:0;
  width:100%;
  height:100%;
  border-radius:inherit;
  background-color:#000;
}
.tap-highlight:active:before{
  opacity:0.1;
}
div.Home__Nx-nB{
  height:100%;
}
div.Home__Nx-nB > div.Header{
  height:50px;
  background-color:#33333d;
  color:white;
  box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  position:relative;
  z-index:50;
  padding-left:40px;
  -ms-flex-negative:0;
      flex-shrink:0;
}
div.Home__Nx-nB > div.Header > h1{
  font-size:18px;
}
div.Home__Nx-nB > div.Header > h1 > span{
  color:#36e9b7;
}
div.Home__Nx-nB > div.Header > h2{
  margin-left:15px;
  font-size:12px;
  position:relative;
  top:2px;
  white-space:pre;
}
div.Home__Nx-nB > div.Main{
  height:-webkit-calc(100% - 50px);
  height:calc(100% - 50px);
}
div.Home__Nx-nB > div.Main > div.Left{
  height:100%;
  min-width:300px;
  border-right:2px solid #d1d1d1;
  padding:10px 20px 10px 10px;
  overflow:auto;
}
div.Home__Nx-nB > div.Main > div.Left::-webkit-scrollbar{
  width:6px;
  height:6px;
}
div.Home__Nx-nB > div.Main > div.Left::-webkit-scrollbar-thumb{
  border-radius:15px;
  min-height:15px;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
  border-radius:6px;
  background-color:#ccc;
}
div.Home__Nx-nB > div.Main > div.Left > div > svg{
  width:20px;
  height:20px;
  margin-right:10px;
}
div.Home__Nx-nB > div.Main > div.Left > div > svg.Partial{
  width:17px;
  height:17px;
  margin-left:2px;
}
div.Home__Nx-nB > div.Main > div.Left > div > h1{
  font-size:14px;
  line-height:26px;
  font-family:Segoe UI, SegoeUI, Helvetica;
  white-space:nowrap;
}
div.Home__Nx-nB > div.Main > div.Left > div > h1:hover{
  cursor:pointer;
  text-decoration:underline;
}
div.Home__Nx-nB > div.Main > div.Left > div > h1.current{
  background-color:beige;
}
div.Home__Nx-nB > div.Main > div.Right{
  height:100%;
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  padding:20px;
  font-size:14px;
  overflow:auto;
}
div.Home__Nx-nB > div.Main > div.Right::-webkit-scrollbar{
  width:6px;
  height:6px;
}
div.Home__Nx-nB > div.Main > div.Right::-webkit-scrollbar-thumb{
  border-radius:15px;
  min-height:15px;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
  border-radius:6px;
  background-color:#ccc;
}
div.Home__Nx-nB > div.Main > div.Right > div{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
}
div.Home__Nx-nB > div.Main > div.Right > div > h1{
  font-size:16px;
  margin-bottom:40px;
  font-weight:bold;
}
div.Home__Nx-nB > div.Main > div.Right > div > h1 > a{
  margin-left:20px;
  font-size:14px;
  font-weight:normal;
  text-decoration:underline;
}
div.Home__Nx-nB > div.Main > div.Right > div > div{
  white-space:pre-wrap;
  margin-bottom:30px;
  position:relative;
}
div.Home__Nx-nB > div.Main > div.Right > div > div > code{
  padding-right:30px;
}
div.Home__Nx-nB > div.Main > div.Right > div > div > div{
  width:20px;
  height:20px;
  position:absolute;
  right:5px;
  top:0;
  color:white;
}
div.Home__Nx-nB > div.Main > div.Right > p > span{
  margin-right:30px;
}

/*!
 * Agate by Taufik Nurrohman <https://github.com/taufik-nurrohman>
 * ---------------------------------------------------------------
 *
 * #ade5fc
 * #a2fca2
 * #c6b4f0
 * #d36363
 * #fcc28c
 * #fc9b9b
 * #ffa
 * #fff
 * #333
 * #62c8f3
 * #888
 *
 */

.hljs{
  display:block;
  overflow-x:auto;
  padding:0.5em;
  background:#333;
  color:white;
}

.hljs-name,
.hljs-strong{
  font-weight:bold;
}

.hljs-code,
.hljs-emphasis{
  font-style:italic;
}

.hljs-tag{
  color:#62c8f3;
}

.hljs-variable,
.hljs-template-variable,
.hljs-selector-id,
.hljs-selector-class{
  color:#ade5fc;
}

.hljs-string,
.hljs-bullet{
  color:#a2fca2;
}

.hljs-type,
.hljs-title,
.hljs-section,
.hljs-attribute,
.hljs-quote,
.hljs-built_in,
.hljs-builtin-name{
  color:#ffa;
}

.hljs-number,
.hljs-symbol,
.hljs-bullet{
  color:#d36363;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal{
  color:#fcc28c;
}

.hljs-comment,
.hljs-deletion,
.hljs-code{
  color:#888;
}

.hljs-regexp,
.hljs-link{
  color:#c6b4f0;
}

.hljs-meta{
  color:#fc9b9b;
}

.hljs-deletion{
  background-color:#fc9b9b;
  color:#333;
}

.hljs-addition{
  background-color:#a2fca2;
  color:#333;
}

.hljs a{
  color:inherit;
}

.hljs a:focus,
.hljs a:hover{
  color:inherit;
  text-decoration:underline;
}

.Row{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.Row.x-start{
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:flex-start;
}
.Row.x-end{
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
}
.Row.x-center{
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.Row.x-between{
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
}
.Row.x-around{
  -ms-flex-pack:distribute;
      justify-content:space-around;
}
.Row.x-evenly{
  -webkit-box-pack:space-evenly;
      -ms-flex-pack:space-evenly;
          justify-content:space-evenly;
}
.Row.y-start{
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start;
}
.Row.y-end{
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:flex-end;
}
.Row.y-center{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}
.Row.y-baseline{
  -webkit-box-align:baseline;
      -ms-flex-align:baseline;
          align-items:baseline;
}
.Row.y-stretch{
  -webkit-box-align:stretch;
      -ms-flex-align:stretch;
          align-items:stretch;
}

.Col{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}
.Col.x-start{
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start;
}
.Col.x-end{
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:flex-end;
}
.Col.x-center{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}
.Col.x-stretch{
  -webkit-box-align:stretch;
      -ms-flex-align:stretch;
          align-items:stretch;
}
.Col.y-start{
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:flex-start;
}
.Col.y-end{
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
}
.Col.y-center{
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.Col.y-between{
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
}
.Col.y-around{
  -ms-flex-pack:distribute;
      justify-content:space-around;
}
.Col.y-evenly{
  -webkit-box-pack:space-evenly;
      -ms-flex-pack:space-evenly;
          justify-content:space-evenly;
}

div.Toast{
  position:fixed;
  top:50%;
  left:50%;
  color:#fff;
  max-width:70%;
  font-size:14px;
  line-height:20px;
  border-radius:4px;
  -webkit-transform:translate3d(-50%, -50%, 0);
          transform:translate3d(-50%, -50%, 0);
  background-color:rgba(50, 50, 51, 0.88);
  padding:8px 12px;
  min-width:96px;
  z-index:50;
  word-break:break-all;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
}
div.Toast.enter{
  opacity:0;
}
div.Toast.enter-active{
  opacity:1;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}
div.Toast.exit{
  opacity:1;
}
div.Toast.exit-active{
  opacity:0;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}


/*# sourceMappingURL=index.css.map*/