.markdown-here-wrapper{font-size:16px;line-height:2em}.markdown-here-wrapper pre,.markdown-here-wrapper code{font-size:14px;margin:auto 5px}.markdown-here-wrapper img{max-width:80%}.markdown-here-wrapper code{white-space:pre-wrap;border-radius:2px;display:inline;padding:2px 4px;background-color:#f5f5f5;border:1px solid #e0e0e0;font-family:"Courier New", monospace}.markdown-here-wrapper .hljs{border-radius:6px;padding:15px}.markdown-here-wrapper .hljs code::-webkit-scrollbar{width:6px;height:6px;background-color:#080909}.markdown-here-wrapper .hljs code::-webkit-scrollbar-thumb{background-color:#c1c1c1;cursor:pointer}.markdown-here-wrapper .hljs code::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}.markdown-here-wrapper .hljs code::-webkit-scrollbar-thumb:active{background-color:#787878}.markdown-here-wrapper .katex{margin:0 3px}.markdown-here-wrapper pre{font-size:15px;line-height:1.4em;display:block;margin:1.5em 5px}.markdown-here-wrapper pre code{white-space:pre;overflow:auto;border-radius:3px;padding:1px 1px;display:block !important;background-color:unset;font-family:unset;border:unset}.markdown-here-wrapper strong,.markdown-here-wrapper b{color:#BF360C}.markdown-here-wrapper em,.markdown-here-wrapper i{color:#009688}.markdown-here-wrapper hr{border:1px solid #BF360C;margin:1.5em auto}.markdown-here-wrapper p{margin:1.5em 5px !important}.markdown-here-wrapper table,.markdown-here-wrapper pre,.markdown-here-wrapper dl,.markdown-here-wrapper blockquote,.markdown-here-wrapper q,.markdown-here-wrapper ul,.markdown-here-wrapper ol{margin:1.5em 5px}.markdown-here-wrapper ul,.markdown-here-wrapper ol{margin:1.5em 5px !important;padding-left:15px}.markdown-here-wrapper li{margin:10px}.markdown-here-wrapper li p{margin:10px 0 !important}.markdown-here-wrapper ul ul,.markdown-here-wrapper ul ol,.markdown-here-wrapper ol ul,.markdown-here-wrapper ol ol{margin:0;padding-left:10px}.markdown-here-wrapper ul{list-style-type:circle}.markdown-here-wrapper dl{padding:0}.markdown-here-wrapper dl dt{font-size:1em;font-weight:bold;font-style:italic}.markdown-here-wrapper dl dd{margin:0 0 10px;padding:0 10px}.markdown-here-wrapper blockquote,.markdown-here-wrapper q{border-left:2px solid #009688;padding:0 10px;color:#777;quotes:none;margin-left:1em}.markdown-here-wrapper blockquote::before,.markdown-here-wrapper blockquote::after,.markdown-here-wrapper q::before,.markdown-here-wrapper q::after{content:none}.markdown-here-wrapper h1,.markdown-here-wrapper h2,.markdown-here-wrapper h3,.markdown-here-wrapper h4,.markdown-here-wrapper h5,.markdown-here-wrapper h6{font-weight:bold !important;color:#009688 !important;margin:1.5em 5px !important;padding:0.5em 0 !important}.markdown-here-wrapper h1{font-size:24px !important;border-bottom:1px solid #ddd !important}.markdown-here-wrapper h2{font-size:20px !important;border-bottom:1px solid #eee !important}.markdown-here-wrapper h3{font-size:18px}.markdown-here-wrapper h4{font-size:16px}.markdown-here-wrapper table{padding:0;border-collapse:collapse;border-spacing:0;font-size:1em;font:inherit;border:0;margin:0 auto}.markdown-here-wrapper tbody{margin:0;padding:0;border:0}.markdown-here-wrapper table tr{border:0;border-top:1px solid #CCC;background-color:white;margin:0;padding:0}.markdown-here-wrapper table tr:nth-child(2n){background-color:#F8F8F8}.markdown-here-wrapper table tr th,.markdown-here-wrapper table tr td{font-size:16px;border:1px solid #CCC;margin:0;padding:5px 10px}.markdown-here-wrapper table tr th{font-weight:bold;color:#eee;border:1px solid #009688;background-color:#009688}.smallMarkdown p{margin:5px 0 !important}.smallMarkdown pre{margin:5px 0 !important}.smallMarkdown hr{margin:5px 0 !important}.smallMarkdown table,.smallMarkdown pre,.smallMarkdown dl,.smallMarkdown blockquote,.smallMarkdown q,.smallMarkdown ul,.smallMarkdown ol{margin:5px 0 !important}.smallMarkdown ul,.smallMarkdown ol{margin:5px 0 !important;padding-left:5px !important}.smallMarkdown li{margin:5px 5px !important}.smallMarkdown li p{margin:5px 0 !important}.smallMarkdown h1,.smallMarkdown h2,.smallMarkdown h3,.smallMarkdown h4,.smallMarkdown h5,.smallMarkdown h6{font-weight:bold !important;color:#000000 !important;margin:5px 5px !important}.smallMarkdown h1{font-size:20px !important;border-bottom:0 !important}.smallMarkdown h2{font-size:18px !important;border-bottom:0 !important}.smallMarkdown h3{font-size:16px}.smallMarkdown h4{font-size:14px}body{margin:0}.page{background:#f0f2f5}.page .pageBody{min-height:calc( 100vh - 154px - 240px);width:1024px;margin:0 auto;padding:20px}.page .pageFooter{height:240px;display:flex;align-items:center;justify-content:center;margin:0 auto;color:white;text-align:center;background:rgba(0,0,0,0.85)}.page .pageFooter .pageFooterContainer{width:1024px}.fade-enter{opacity:0;transform:translateX(100%)}.fade-enter-active{transform:translateX(0);opacity:1}.fade-exit{transform:translateX(0)}.fade-exit-active{opacity:0;transform:translateX(-100%)}.fade-enter-active,.fade-exit-active{transition:opacity .2s, transform .2s}.p-xs{padding:2px !important}.ph-xs{padding:0 2px !important}.pv-xs{padding:2px 0 !important}.pl-xs{padding-left:2px !important}.pr-xs{padding-right:2px !important}.pb-xs{padding-bottom:2px !important}.pt-xs{padding-top:2px !important}.p-sm{padding:5px !important}.ph-sm{padding:0 5px !important}.pv-sm{padding:5px 0 !important}.pl-sm{padding-left:5px !important}.pr-sm{padding-right:5px !important}.pb-sm{padding-bottom:5px !important}.pt-sm{padding-top:5px !important}.p-md{padding:15px !important}.ph-md{padding:0 15px !important}.pv-md{padding:15px 0 !important}.pl-md{padding-left:15px !important}.pr-md{padding-right:15px !important}.pb-md{padding-bottom:15px !important}.pt-md{padding-top:15px !important}.p-lg{padding:30px !important}.ph-lg{padding:0 30px !important}.pv-lg{padding:30px 0 !important}.pl-lg{padding-left:30px !important}.pr-lg{padding-right:30px !important}.pb-lg{padding-bottom:30px !important}.pt-lg{padding-top:30px !important}.p-xl{padding:50px !important}.ph-xl{padding:0 50px !important}.pv-xl{padding:50px 0 !important}.pl-xl{padding-left:50px !important}.pr-xl{padding-right:50px !important}.pb-xl{padding-bottom:50px !important}.pt-xl{padding-top:50px !important}.p-xxl{padding:100px !important}.ph-xxl{padding:0 100px !important}.pv-xxl{padding:100px 0 !important}.pl-xxl{padding-left:100px !important}.pr-xxl{padding-right:100px !important}.pb-xxl{padding-bottom:100px !important}.pt-xxl{padding-top:100px !important}.m-xs{margin:2px !important}.mh-xs{margin:0 2px !important}.mv-xs{margin:2px 0 !important}.ml-xs{margin-left:2px !important}.mr-xs{margin-right:2px !important}.mb-xs{margin-bottom:2px !important}.mt-xs{margin-top:2px !important}.m-sm{margin:5px !important}.mh-sm{margin:0 5px !important}.mv-sm{margin:5px 0 !important}.ml-sm{margin-left:5px !important}.mr-sm{margin-right:5px !important}.mb-sm{margin-bottom:5px !important}.mt-sm{margin-top:5px !important}.m-md{margin:15px !important}.mh-md{margin:0 15px !important}.mv-md{margin:15px 0 !important}.ml-md{margin-left:15px !important}.mr-md{margin-right:15px !important}.mb-md{margin-bottom:15px !important}.mt-md{margin-top:15px !important}.m-lg{margin:30px !important}.mh-lg{margin:0 30px !important}.mv-lg{margin:30px 0 !important}.ml-lg{margin-left:30px !important}.mr-lg{margin-right:30px !important}.mb-lg{margin-bottom:30px !important}.mt-lg{margin-top:30px !important}.m-xl{margin:50px !important}.mh-xl{margin:0 50px !important}.mv-xl{margin:50px 0 !important}.ml-xl{margin-left:50px !important}.mr-xl{margin-right:50px !important}.mb-xl{margin-bottom:50px !important}.mt-xl{margin-top:50px !important}.m-xxl{margin:100px !important}.mh-xxl{margin:0 100px !important}.mv-xxl{margin:100px 0 !important}.ml-xxl{margin-left:100px !important}.mr-xxl{margin-right:100px !important}.mb-xxl{margin-bottom:100px !important}.mt-xxl{margin-top:100px !important}.flex-h{display:flex}.justify-center{justify-content:center}.flex-v{display:flex;flex-direction:column}.flex-v-align-center{display:flex;align-items:center}.rc-md-editor .tool-bar{display:none}.rc-md-editor .sec-html{border-left:1px solid #e7e7e7;padding-left:15px}#nprogress{pointer-events:none}#nprogress .bar{background:#ff4e45;position:fixed;z-index:2;top:0;left:0;width:100%;height:4px}#nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -4px)}.noAnchor{padding-left:0 !important}.noAnchor .ant-anchor{padding-left:0}.noAnchor .ant-anchor-ink{display:none}.bg-warning{background:rgba(250,173,20,0.4)}.hover{cursor:pointer}.drag-able{user-select:none;cursor:pointer}.drag-able .anticon-unordered-list{cursor:move}.bb{border-bottom:1px solid #f0f0f0}#Color\/Palette\/Blue-01{fill:lightgray}.rank-5{position:relative;overflow:hidden;background:linear-gradient(45deg, #d60e0e, #f19937, #ea0707);background-size:50%;animation:animate 12s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:rgba(255,255,255,0)}.rank-10{color:#dd081b !important}.rank-20{color:#295880 !important}.rank-50{color:#2f8057 !important}.dark-dot-carousel .slick-dots li{background:#d9d9d9}.dark-dot-carousel .slick-dots li button{background:#d9d9d9}.dark-dot-carousel .slick-dots .slick-active{background:#E564AC !important}.dark-dot-carousel .slick-dots .slick-active button{background:#E564AC !important}.ArticleListItem{cursor:pointer}.ArticleListItem:hover .ArticleListItemTitle{color:brown}

@keyframes blink{0%{opacity:1}50%{opacity:1}50.01%{opacity:0}100%{opacity:0}}.pageHeader{height:154px;background:white}.pageHeader .titleWrapper .titleContainer{margin:0 auto;width:1024px;padding:10px;height:98px;position:relative;overflow:hidden}.pageHeader .titleWrapper .titleContainer img{height:74px;margin-right:20px}.pageHeader .titleWrapper .titleContainer h1{margin:0;letter-spacing:0.2em;font-weight:800;color:#8c2167}.pageHeader .titleWrapper .titleContainer small{font-size:20px}.pageHeader .titleWrapper .titleContainer .titleFloat{position:absolute;right:15px;bottom:-25px;font-weight:bolder;font-size:120px;line-height:120px;opacity:0.1;font-style:italic}.pageHeader .navBarWrapper{background:#8c2167;box-shadow:0 4px 8px 0 rgba(0,0,0,0.03);display:flex;align-items:center}.pageHeader .navBarWrapper .navBarMenu{padding:0 20px;width:1024px;margin:0 auto;height:56px}.pageHeader .navBarWrapper .navBarMenu .linkItem{font-size:18px;margin-right:30px;cursor:pointer;color:rgba(255,255,255,0.8);transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);line-height:56px}.pageHeader .navBarWrapper .navBarMenu .linkItem:hover{color:#E564AC}.pageHeader .navBarWrapper .navBarMenu .blink{animation:blink 1s linear infinite}.NavDropdown{background:#8c2167;box-shadow:0 4px 8px 0 rgba(0,0,0,0.03);min-width:150px}.NavDropdown .NavDropdownItem{padding:10px 20px;cursor:pointer;color:rgba(255,255,255,0.8);transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);font-size:16px}.NavDropdown .NavDropdownItem:hover{color:#E564AC}

.ExampleInput{color:#5e6d82;width:100%;border-radius:2px;border:2px solid #e8f3ff;margin-bottom:10px}.ExampleInput .ExampleInputHead{padding:4px 11px;background:#edf5ff;border-bottom:2px solid #e8f3ff;font-weight:bold}.ExampleInput textarea{background:#f5faff;border:none;margin-bottom:0 !important;color:#5e6d82;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}.ExampleInput textarea:disabled{background:#f5faff;color:#5e6d82;cursor:text}

.ArticleListItem{cursor:pointer}.ArticleListItem:hover .ArticleListItemTitle{color:brown}

.CertificationBtn{cursor:pointer;padding:24px 12px;border:2px solid #d9d9d9;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);text-align:center;height:240px}.CertificationBtn img{height:100px}.CertificationBtn:hover{transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);border:2px solid #E564AC}

#upload-button .file{position:relative;width:100%;line-height:22px}#upload-button .file input{position:absolute;opacity:0;top:0;left:0;right:0;bottom:0;width:100%}

/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: transparent; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.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,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.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 {color: #555;}
.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-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: 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;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  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;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  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;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

/*
  Name:       material
  Author:     Mattia Astorino (http://github.com/equinusocio)
  Website:    https://material-theme.site/
*/

.cm-s-material.CodeMirror {
  background-color: #263238;
  color: #EEFFFF;
}

.cm-s-material .CodeMirror-gutters {
  background: #263238;
  color: #546E7A;
  border: none;
}

.cm-s-material .CodeMirror-guttermarker,
.cm-s-material .CodeMirror-guttermarker-subtle,
.cm-s-material .CodeMirror-linenumber {
  color: #546E7A;
}

.cm-s-material .CodeMirror-cursor {
  border-left: 1px solid #FFCC00;
}

.cm-s-material div.CodeMirror-selected {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-line::selection,
.cm-s-material .CodeMirror-line>span::selection,
.cm-s-material .CodeMirror-line>span>span::selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-line::-moz-selection,
.cm-s-material .CodeMirror-line>span::-moz-selection,
.cm-s-material .CodeMirror-line>span>span::-moz-selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.5);
}

.cm-s-material .cm-keyword {
  color: #C792EA;
}

.cm-s-material .cm-operator {
  color: #89DDFF;
}

.cm-s-material .cm-variable-2 {
  color: #EEFFFF;
}

.cm-s-material .cm-variable-3,
.cm-s-material .cm-type {
  color: #f07178;
}

.cm-s-material .cm-builtin {
  color: #FFCB6B;
}

.cm-s-material .cm-atom {
  color: #F78C6C;
}

.cm-s-material .cm-number {
  color: #FF5370;
}

.cm-s-material .cm-def {
  color: #82AAFF;
}

.cm-s-material .cm-string {
  color: #C3E88D;
}

.cm-s-material .cm-string-2 {
  color: #f07178;
}

.cm-s-material .cm-comment {
  color: #546E7A;
}

.cm-s-material .cm-variable {
  color: #f07178;
}

.cm-s-material .cm-tag {
  color: #FF5370;
}

.cm-s-material .cm-meta {
  color: #FFCB6B;
}

.cm-s-material .cm-attribute {
  color: #C792EA;
}

.cm-s-material .cm-property {
  color: #C792EA;
}

.cm-s-material .cm-qualifier {
  color: #DECB6B;
}

.cm-s-material .cm-variable-3,
.cm-s-material .cm-type {
  color: #DECB6B;
}


.cm-s-material .cm-error {
  color: rgba(255, 255, 255, 1.0);
  background-color: #FF5370;
}

.cm-s-material .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}
.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;

  margin: 0;
  padding: 2px;

  -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  border-radius: 3px;
  border: 1px solid silver;

  background: white;
  font-size: 90%;
  font-family: monospace;

  max-height: 20em;
  overflow-y: auto;
}

.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  white-space: pre;
  color: black;
  cursor: pointer;
}

li.CodeMirror-hint-active {
  background: #08f;
  color: white;
}

.CodeMirror-foldmarker {
  color: blue;
  text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
  font-family: arial;
  line-height: .3;
  cursor: pointer;
}
.CodeMirror-foldgutter {
  width: .7em;
}
.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {
  cursor: pointer;
}
.CodeMirror-foldgutter-open:after {
  content: "\25BE";
}
.CodeMirror-foldgutter-folded:after {
  content: "\25B8";
}

.IconTag{border:1px solid #1890ff;color:#1890ff;background:#e6f7ff;padding-right:5px;border-radius:2px}.IconTag .IconTagHead{background:#1890ff;padding:0 5px;margin-right:5px;border-radius:2px 0 0 2px}.IconTag .IconTagHead .IconTagTitle{color:#e6f7ff;margin-left:5px}.IconTag-Volcano{border:1px solid #fa541c;color:#fa541c;background:#fff2e8}.IconTag-Volcano .IconTagHead{background:#fa541c}.IconTag-Purple{border:1px solid #722ed1;color:#722ed1;background:#f9f0ff}.IconTag-Purple .IconTagHead{background:#722ed1}.IconTag-GeekBlue{border:1px solid #2f54eb;color:#2f54eb;background:#f0f5ff}.IconTag-GeekBlue .IconTagHead{background:#2f54eb}.IconTag-Magenta{border:1px solid #eb2f96;color:#eb2f96;background:#fff0f6}.IconTag-Magenta .IconTagHead{background:#eb2f96}

.LikeButton{background:#e8f3ff;display:flex;align-items:center;justify-content:center;min-width:60px;padding:0 10px;height:30px;border-radius:2px;cursor:pointer;color:#4190f7;user-select:none}

.ChallengePanel{font-family:'Noto Serif CJK SC', 'Source Han Serif SC', 'Source Han Serif CN', 'Source Han Serif', 'source-han-serif-sc', serif;width:960px;background:url("/images/paper.png");background-size:cover;padding-top:145px;padding-left:100px;padding-right:100px;height:1330px}.ChallengePanel .ChallengePanelStamp{cursor:pointer;background:url("/images/challenge-stamp.svg");background-size:contain;height:80px;width:200px;padding-left:25px;padding-right:30px;padding-top:12px;position:relative}.ChallengePanel .ChallengePanelStamp .ChallengePanelStampCheck{position:absolute;right:0;bottom:5px;height:45px}.ChallengePanel .ChallengePanelStamp .ChallengePanelStampIndex{position:absolute;right:13px;top:0;bottom:-13px;opacity:0.08;font-size:48px;color:#8f7357;display:flex;align-items:center;justify-content:center;font-weight:bold}.ChallengeWrapper .ant-modal-content{background:none;box-shadow:none}.gray-image{-webkit-filter:grayscale(90%);-moz-filter:grayscale(90%);-o-filter:grayscale(90%);filter:grayscale(90%)}

.BoxSelect .BoxSelectBtn{cursor:pointer;margin-bottom:10px;display:flex;align-items:center;color:#d9d9d9;padding:8px 12px}.BoxSelect .BoxSelectBtnActive{border-color:#E564AC;color:#E564AC}

.AuthenticateTypeSelect .AuthenticateTypeSelectBtn{cursor:pointer;margin-bottom:10px;display:flex;align-items:center;color:#d9d9d9;padding:8px 12px}.AuthenticateTypeSelect .AuthenticateTypeSelectBtnActive{border-color:#E564AC;color:#E564AC}