@import url(https://fonts.googleapis.com/css?family=Roboto:700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);

.title-bar[data-v-7cb4eed4] {
  width: 100vw;
  height: 100vh;
  position: relative;
  top: 0;
  color: #fff;
  background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
  background-size: 400% 400%;
  -webkit-animation: Gradient-data-v-7cb4eed4 15s ease infinite;
          animation: Gradient-data-v-7cb4eed4 15s ease infinite;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
.title-bar[data-v-7cb4eed4] {
    width: 100vw;
    height: auto;
}
}
.nav[data-v-7cb4eed4] {
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, .5);
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.nav h1[data-v-7cb4eed4] {
  font-size: 30px;
  color: #000;
  margin-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: 'Roboto';
}
.nav img[data-v-7cb4eed4] {
  width: 40px;
  height: 40px;
  margin-right: 20px;
}
.nav .nav-group[data-v-7cb4eed4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-right: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav .nav-group a[data-v-7cb4eed4] {
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
  text-decoration: none;
  color: #333;
  opacity: .75;
  display: inline-block;
  padding: 5px 8px;
  height: 40px;
  line-height: 30px;
  margin-right: 30px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav .nav-group a svg[data-v-7cb4eed4] {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.nav .nav-group a[data-v-7cb4eed4]:hover {
  color: var(--themeColor);
}
.nav .nav-button[data-v-7cb4eed4] {
  display: none;
  position: relative;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  border: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) no-repeat center;
  background: linear-gradient(to bottom, #000, #000) no-repeat center;
  background-size: 100% 20%;
  -webkit-transition: background-size .3s ease-in-out;
  transition: background-size .3s ease-in-out;
  cursor: pointer;
  outline: none;
}
.nav .nav-button[data-v-7cb4eed4]:before,
.nav .nav-button[data-v-7cb4eed4]:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 20%;
  background-color: #000;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
.nav .nav-button[data-v-7cb4eed4]:before {
  top: 0;
}
.nav .nav-button[data-v-7cb4eed4]:after {
  bottom: 0;
}
@media screen and (max-width: 768px) {
.nav[data-v-7cb4eed4] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.nav h1[data-v-7cb4eed4] {
    font-size: 18px;
    margin-left: 15px;
}
.nav img[data-v-7cb4eed4] {
    margin-right: 15px;
}
.nav .nav-group[data-v-7cb4eed4] {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: auto;
    margin-right: 0;
    background: rgba(255, 255, 255, .5);
}
.nav .nav-group a[data-v-7cb4eed4] {
    padding: 5px 15px;
    height: 60px;
    margin-right: 0;
}
.nav.is-open .nav-group[data-v-7cb4eed4] {
    display: block;
}
.nav .nav-button[data-v-7cb4eed4] {
    display: block;
}
.nav.is-open .nav-button[data-v-7cb4eed4] {
    background-size: 0 0;
}
.nav.is-open .nav-button[data-v-7cb4eed4]:before {
    -webkit-transform: translateY(200%) rotate(45deg);
            transform: translateY(200%) rotate(45deg);
}
.nav.is-open .nav-button[data-v-7cb4eed4]:after {
    -webkit-transform: translateY(-200%) rotate(-45deg);
            transform: translateY(-200%) rotate(-45deg);
}
}
.title-content[data-v-7cb4eed4] {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.des[data-v-7cb4eed4] {
  width: 60vw;
  margin-top: 180px;
  padding: 50px 100px;
  font-family: 'Roboto';
  font-size: 30px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.des .slogan-text[data-v-7cb4eed4] {
  text-shadow: 0 5px 8px rgba(0, 0, 0, .3);
}
.des div[data-v-7cb4eed4]:first-of-type {
  font-size: 40px;
}
.des div[data-v-7cb4eed4] {
  margin-bottom: 10px;
  font-size: 35px;
}
.des .download-group[data-v-7cb4eed4] {
  margin-top: 100px;
}
.des .download-group .download-info[data-v-7cb4eed4] {
  font-size: 16px;
}
.des .download-group a.button[data-v-7cb4eed4] {
  text-decoration: none;
  width: 120px;
  height: 40px;
  display: inline-block;
  line-break: 40px;
  border-radius: 5px;
  background: #fff;
  color: #666;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.des .download-group a.button[data-v-7cb4eed4]:hover {
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
          box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
}
.des .download-group a.button svg[data-v-7cb4eed4] {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-right: 5px;
}
.des div.releases[data-v-7cb4eed4] {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.des div.releases a[data-v-7cb4eed4] {
  color: #333;
}
.image[data-v-7cb4eed4] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 150px;
}
.image img[data-v-7cb4eed4] {
  width: 450px;
  height: 450px;
}
.button-group[data-v-7cb4eed4] {
  margin-top: 20px;
  width: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
.title-content[data-v-7cb4eed4] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
    padding-bottom: 30px;
}
.des[data-v-7cb4eed4] {
    width: auto;
    margin-top: 30px;
    padding: 0 30px;
    font-size: 30px;
}
.des div[data-v-7cb4eed4]:first-of-type {
    font-size: 20px;
}
.des div[data-v-7cb4eed4] {
    font-size: 18px;
}
.des .download-group[data-v-7cb4eed4] {
    margin-top: 30px;
}
.des .download-group a.button[data-v-7cb4eed4] {
    font-size: 16px;
}
.image[data-v-7cb4eed4] {
    width: 80%;
    max-width: 450px;
    margin: 0 auto;
    padding-top: 20px;
}
.image img[data-v-7cb4eed4] {
    width: 100%;
    height: auto;
}
}
@-webkit-keyframes Gradient-data-v-7cb4eed4 {
0% {
    background-position: 0% 50%
}
50% {
    background-position: 100% 50%
}
100% {
    background-position: 0% 50%
}
}
@keyframes Gradient-data-v-7cb4eed4 {
0% {
    background-position: 0% 50%
}
50% {
    background-position: 100% 50%
}
100% {
    background-position: 0% 50%
}
}


.slogan {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 50px;
  color: var(--themeColor);
  border-bottom: 2px var(--highlightColor) dashed;
  font-weight: 300;
  text-transform: uppercase;
}
.app-container {
  width: 600px;
  height: 500px;
  background: var(--editorBgColor);
  color: var(--editorColor);
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .3);
          box-shadow: 0 3px 15px rgba(0, 0, 0, .3);
  overflow: hidden;
}
.app-container .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 10px;
}
.dot.red {
  background: rgb(238, 106, 95);
  left: 10px;
}
.dot.orange {
  background: rgb(246, 193, 80);
  left: 32px;
}
.dot.green {
  background: rgb(100, 202, 87);
  left: 54px;
}
.app-header {
  position: relative;
  height: 32px;
  text-align: center;
  font-size: 12px;
  line-height: 32px;
}
.app-container article.markdown-body p img {
  width: 100%;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
.app-container {
    width: 100%;
    height: 65.1vw;
}
.app-container .dot {
    width: 1.5625vw;
    height: 1.5625vw;
    top: 1.3vw;
}
.dot.red {
    left: 1.3vw;
}
.dot.orange {
    background: rgb(246, 193, 80);
    left: 4.166vw;
}
.dot.green {
    background: rgb(100, 202, 87);
    left: 7.031vw;
}
.app-header {
    height: 4.166vw;
    font-size: 1.5625vw;
    line-height: 4.166vw;
}
.markdown-body h4 {
    font-size: 3.125vw;
}
article.markdown-body {
    font-size: 1.8229vw;
}
article.markdown-body p,
  article.markdown-body span,
  article.markdown-body code,
  article.markdown-body table {
    font-size: 1.8229vw;
}
article.markdown-body table tr th {
    padding: 0.78125vw 1.6927vw;
}
}


.feature[data-v-eac7c8c0] {
  position: relative;
  width: 100vw;
  height: 100vh;
  background: rgba(245, 245, 245, .6);
  background-image: url(https://marktext.app/imgs/developing_code.image--assets.svg);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 400px 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 150px 100px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
.feature[data-v-eac7c8c0] {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 150px 30px 400px;
}
}
.feature-list[data-v-eac7c8c0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 30px;
  padding-right: 30px;
}
.feature-list ul[data-v-eac7c8c0] {
  margin: 0;
  padding: 0;
}
.feature-list li[data-v-eac7c8c0] {
  cursor: pointer;
  list-style: none;
  margin-bottom: 20px;
  border-radius: 8px;
  padding: 8px 10px;
  color: #666;
}
.feature-list li.active[data-v-eac7c8c0] {
  background: linear-gradient(30deg, #efefef, rgba(245, 245, 245, .2));
  color: var(--themeColor);
}
.feature-list .title[data-v-eac7c8c0] {
  font-size: 26px;
  font-weight: 600;
}
.feature-list .description[data-v-eac7c8c0] {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.feature-images[data-v-eac7c8c0] {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 600px;
  margin-right: 50px;
  height: 100vh;
}
@media screen and (max-width: 768px) {
.feature-list[data-v-eac7c8c0] {
    padding: 0;
}
.feature-list li[data-v-eac7c8c0] {
    margin-bottom: 15px;
}
.feature-list .title[data-v-eac7c8c0] {
    font-size: 18px;
}
.feature-list .description[data-v-eac7c8c0] {
    font-size: 14px;
}
.feature-images[data-v-eac7c8c0] {
    width: 100%;
    margin-right: 0;
    height: auto;
}
}

@font-face{font-family:KaTeX_AMS;src:url(https://marktext.app/fonts/KaTeX_AMS-Regular--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_AMS-Regular--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_AMS-Regular--fonts.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Caligraphic;src:url(https://marktext.app/fonts/KaTeX_Caligraphic-Bold--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_Caligraphic-Bold--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_Caligraphic-Bold--fonts.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:KaTeX_Caligraphic;src:url(https://marktext.app/fonts/KaTeX_Caligraphic-Regular--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_Caligraphic-Regular--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_Caligraphic-Regular--fonts.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Fraktur;src:url(https://marktext.app/fonts/KaTeX_Fraktur-Bold--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_Fraktur-Bold--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_Fraktur-Bold--fonts.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:KaTeX_Fraktur;src:url(https://marktext.app/fonts/KaTeX_Fraktur-Regular--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_Fraktur-Regular--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_Fraktur-Regular--fonts.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Main;src:url(https://marktext.app/fonts/KaTeX_Main-Bold--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_Main-Bold--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_Main-Bold--fonts.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:KaTeX_Main;src:url(https://marktext.app/fonts/KaTeX_Main-BoldItalic--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_Main-BoldItalic--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_Main-BoldItalic--fonts.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:KaTeX_Main;src:url(https://marktext.app/fonts/KaTeX_Main-Italic--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_Main-Italic--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_Main-Italic--fonts.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:KaTeX_Main;src:url(https://marktext.app/fonts/KaTeX_Main-Regular--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_Main-Regular--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_Main-Regular--fonts.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Math;src:url(https://marktext.app/fonts/KaTeX_Math-BoldItalic--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_Math-BoldItalic--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_Math-BoldItalic--fonts.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:KaTeX_Math;src:url(https://marktext.app/fonts/KaTeX_Math-Italic--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_Math-Italic--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_Math-Italic--fonts.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"KaTeX_SansSerif";src:url(https://marktext.app/fonts/KaTeX_SansSerif-Bold--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_SansSerif-Bold--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_SansSerif-Bold--fonts.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"KaTeX_SansSerif";src:url(https://marktext.app/fonts/KaTeX_SansSerif-Italic--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_SansSerif-Italic--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_SansSerif-Italic--fonts.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"KaTeX_SansSerif";src:url(https://marktext.app/fonts/KaTeX_SansSerif-Regular--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_SansSerif-Regular--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_SansSerif-Regular--fonts.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Script;src:url(https://marktext.app/fonts/KaTeX_Script-Regular--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_Script-Regular--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_Script-Regular--fonts.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Size1;src:url(https://marktext.app/fonts/KaTeX_Size1-Regular--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_Size1-Regular--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_Size1-Regular--fonts.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Size2;src:url(https://marktext.app/fonts/KaTeX_Size2-Regular--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_Size2-Regular--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_Size2-Regular--fonts.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Size3;src:url(https://marktext.app/fonts/KaTeX_Size3-Regular--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_Size3-Regular--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_Size3-Regular--fonts.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Size4;src:url(https://marktext.app/fonts/KaTeX_Size4-Regular--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_Size4-Regular--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_Size4-Regular--fonts.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Typewriter;src:url(https://marktext.app/fonts/KaTeX_Typewriter-Regular--fonts.woff2) format("woff2"),url(https://marktext.app/fonts/KaTeX_Typewriter-Regular--fonts.woff) format("woff"),url(https://marktext.app/fonts/KaTeX_Typewriter-Regular--fonts.ttf) format("truetype");font-weight:400;font-style:normal}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important}.katex .katex-mathml{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathdefault{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-weight:700;font-style:italic}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;vertical-align:bottom;position:relative}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;vertical-align:bottom;font-size:1px;width:2px;min-width:2px}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{display:inline-block;width:100%;border-bottom-style:solid}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{width:0;position:relative}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{display:inline-block;border:0 solid;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{display:inline-block;width:100%;border-bottom-style:solid}.katex .hdashline{display:inline-block;width:100%;border-bottom-style:dashed}.katex .sqrt>.root{margin-left:.27777778em;margin-right:-.55555556em}.katex .fontsize-ensurer,.katex .sizing{display:inline-block}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.83333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.16666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.66666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.45666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.14666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.71428571em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.85714286em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.14285714em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.28571429em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.42857143em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.71428571em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.05714286em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.46857143em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.96285714em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.55428571em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.55555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.66666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.77777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.88888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.11111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.30444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.76444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.41666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.58333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.66666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.83333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.72833333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.07333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.34722222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.41666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.48611111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.55555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.69444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.83333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.44027778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.72777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.28935185em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.34722222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.40509259em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.46296296em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.52083333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.69444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.83333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.20023148em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.43981481em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.24108004em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.28929605em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.33751205em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.38572806em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.43394407em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.48216008em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.57859209em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.69431051em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.83317261em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.19961427em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.20096463em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.24115756em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.28135048em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.32154341em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.36173633em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.40192926em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.48231511em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.57877814em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.69453376em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.83360129em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .op-limits>.vlist-t{text-align:center}.katex .accent>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;margin:0 -.025em;border-right:.05em solid;min-width:1px}.katex .mtable .vs-dashed{border-right:.05em dashed}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{display:block;position:absolute;width:100%;height:inherit;fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1}.katex svg path{stroke:none}.katex .stretchy{width:100%;display:block;position:relative;overflow:hidden}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{width:100%;position:relative;overflow:hidden}.katex .halfarrow-left{position:absolute;left:0;width:50.2%;overflow:hidden}.katex .halfarrow-right{position:absolute;right:0;width:50.2%;overflow:hidden}.katex .brace-left{position:absolute;left:0;width:25.1%;overflow:hidden}.katex .brace-center{position:absolute;left:25%;width:50%;overflow:hidden}.katex .brace-right{position:absolute;right:0;width:25.1%;overflow:hidden}.katex .x-arrow-pad{padding:0 .5em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{-webkit-box-sizing:border-box;box-sizing:border-box;border:.04em solid}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{text-align:left}

/*
 * ------------------------------------
 * Prism.js light theme
 */

 code[class*="language-"],
 pre.ag-paragraph {
   color: black;
   /*font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;*/
   text-align: left;
   white-space: pre;
   word-spacing: normal;
   word-break: normal;
   word-wrap: normal;
   -moz-tab-size: 4;
   -o-tab-size: 4;
   tab-size: 4;
 
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none;
 }
 
 /* Code Fence */
 pre.ag-paragraph {
   padding: 1em;
   margin: 1em 0;
 }
 
 /* Inline Code */
 :not(pre) > code[class*="language-"] {
   padding: .1em;
   border-radius: .3em;
   white-space: normal;
 }
 
 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
   color: slategray;
 }
 
 .token.punctuation {
   color: #999;
 }
 
 .namespace {
   opacity: .7;
 }
 
 .token.property,
 .token.tag,
 .token.boolean,
 .token.number,
 .token.constant,
 .token.symbol {
   color: #905;
 }
 
 .token.selector,
 .token.attr-name,
 .token.string,
 .token.char,
 .token.builtin {
   color: #690;
 }
 
 .token.inserted {
   color: #22863a;
   background: #f0fff4;
 }
 
 .token.deleted {
   color: #b31d28;
   background: #ffeef0;
 }
 
 .token.operator,
 .token.entity,
 .token.url,
 .language-css .token.string,
 .style .token.string {
   color: #9a6e3a;
 }
   
 .token.atrule,
 .token.attr-value,
 .token.keyword {
   color: #07a;
 }
 
 .token.function,
 .token.class-name {
   color: #DD4A68;
 }
 
 .token.regex,
 .token.important,
 .token.variable {
   color: #e90;
 }
 
 .token.important,
 .token.bold {
   font-weight: bold;
 }
 .token.italic {
   font-style: italic;
 }
 
 .token.entity {
   cursor: help;
 }
 
span code,
td code,
th code,
code,
code[class*="language-"],
.CodeMirror,
pre.ag-paragraph {
  font-family: "DejaVu Sans Mono", "Source Code Pro", "Droid Sans Mono", Consolas, monospace;
  font-size: 14px;
}

article.markdown-body {
  margin: 0 auto;
  padding: 0 40px 0 40px;
  padding-top: 20px;
  font-size: 14px;
}

article.markdown-body strong {
  font-weight: 600;
}

a {
  color: var(--themeColor);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: bold;
  line-height: 1.4;
  cursor: text;
}

h1:hover a.anchor,
h2:hover a.anchor,
h3:hover a.anchor,
h4:hover a.anchor,
h5:hover a.anchor,
h6:hover a.anchor {
  /*background: url("../../images/modules/styleguide/para.png") no-repeat 10px center;*/
  text-decoration: none;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

p,
blockquote,
ul,
ol,
dl,
table {
  margin: 0.5em 0;
}

li>ol,
li>ul {
  margin: 0 0;
}

hr {
  height: 4px;
  padding: 0;
  margin: 16px 0;
  background-color: #e7e7e7;
  border: 0 none;
  overflow: hidden;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

a:first-child h1,
a:first-child h2,
a:first-child h3,
a:first-child h4,
a:first-child h5,
a:first-child h6 {
  margin-top: 0;
  padding-top: 0;
}

h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p {
  margin-top: 0;
}

li p.first {
  display: inline-block;
}

li.ag-tight-list-item > p {
  padding: 0;
  margin: 0;
}

ul,
ol {
  padding-left: 30px;
}

ul:first-child,
ol:first-child {
  margin-top: 0;
}

ul:last-child,
ol:last-child {
  margin-bottom: 0;
}

blockquote {
  position: relative;
  padding: 0 30px;
  color: var(--editorColor50);
}

blockquote::before {
  content: '';
  display: block;
  height: 100%;
  width: 2px;
  position: absolute;
  left: 15px;
  top: 0;
  background: var(--themeColor);
}

blockquote blockquote {
  padding-right: 0;
}

table {
  padding: 0;
  word-break: initial;
  width: 100%;
  border-collapse: collapse;
  margin-top: 0;
}

table tr {
  margin: 0;
  padding: 0;
}

table thead tr,
table tr:nth-child(2n) {
  background-color: var(--editorColor04);
}

table tr th {
  font-weight: bold;
  border: 1px solid var(--editorColor10);
  text-align: left;
  margin: 0;
  padding: 6px 13px;
}

table tr td {
  border: 1px solid var(--editorColor10);
  text-align: left;
  margin: 0;
  padding: 6px 13px;
}

table tr th:first-child,
table tr td:first-child {
  margin-top: 0;
}

table tr th:last-child,
table tr td:last-child {
  margin-bottom: 0;
}

p code,
span code,
td code,
th code {
  background-color: var(--codeBlockBgColor);
  border-radius: 3px;
  padding: 0;
  /*font-family: Menlo, Monaco, Consolas, "Courier New", monospace;*/
  padding: 2px 4px 0px 4px;
  font-size: 85%;
  margin: 0;
  padding: 0.2em 0.4em;
  color: var(--editorColor);
}

th[align=center],
td[align=center] {
  text-align: center;
}

:not(pre) > code[class*="language-"],
pre,
pre[class*="language-"] {
  overflow: visible;
  font-size: 90%;
  line-height: 1.6;
  background: var(--codeBlockBgColor);
  border: 0;
  border-radius: 3px;
  color: var(--editorColor50);
}

li.task-list-item {
  list-style-type: none;
  position: relative;
}

li.task-list-item > input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 12px;
  height: 12px;
  top: 1px;
  left: -23px;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

li.task-list-item > input[checked] ~ * {
  color: var(--editorColor50);
}

li.task-list-item > input[checked] ~ p {
  text-decoration: line-through;
  color: var(--editorColor50);
}

li.task-list-item > input[type=checkbox]::before {
  content: '';
  width: 18px;
  height: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  border: 2px solid var(--editorColor50);
  border-radius: 50%;
  background-color: var(--editorBgColor);
  position: absolute;
  top: -2px;
  left: -2px;
  box-sizing: border-box;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

li.task-list-item > input::after {
  content: '';
  -webkit-transform: rotate(-45deg) scale(0);
          transform: rotate(-45deg) scale(0);
  width: 8px;
  height: 4px;
  border: 2px solid var(--editorBgColor);
  border-top: none;
  border-right: none;
  position: absolute;
  display: inline-block;
  top: 1px;
  left: 4px;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

li.task-list-item > input[checked]::after {
  -webkit-transform: rotate(-45deg)  scale(1);
          transform: rotate(-45deg)  scale(1);
}

li.task-list-item > input[checked]::before {
  background: var(--themeColor);
  border-color: var(--themeColor);
  -webkit-box-shadow: 0 3px 12px 0 var(--highlightColor);
          box-shadow: 0 3px 12px 0 var(--highlightColor);
}

pre {
  margin: .5rem 0;
  padding: .5rem;
}


/*
 * Prism.js theme
 */


.theme[data-v-8528a830] {
  width: 100vw;
  height: 100vh;
  background: linear-gradient(-45deg, rgba(35,166,213, .1), rgba(35,213,171, .1));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 150px 100px;
  overflow: hidden;
  position: relative;
}
.theme img.bg-image[data-v-8528a830] {
  width: 200px;
  height: 200px;
  position: absolute;
  right: 320px;
  top: 100px;
}
@media screen and (max-width: 768px) {
.theme[data-v-8528a830] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
    height: auto;
    padding: 150px 30px 300px;
}
.theme img.bg-image[data-v-8528a830] {
    left: 0;
    right: 0;
    top: auto;
    bottom: 60px;
    margin: auto;
}
}
.theme-list[data-v-8528a830] {
  padding: 150px 50px 0 50px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #666;
}
.theme-list h5[data-v-8528a830] {
  text-align: center;
  font-size: 26px;
  font-weight: 600;
}
.light-themes[data-v-8528a830],
.dark-themes[data-v-8528a830] {
  margin-top: 50px;
}
.light-themes ul[data-v-8528a830],
.dark-themes ul[data-v-8528a830] {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.theme-list li[data-v-8528a830] {
  width: 160px;
  height: 40px;
  padding: 5px 8px 5px 30px;
  margin-right: 20px;
  list-style: none;
  text-align: center;
  position: relative;
  line-height: 30px;
  cursor: pointer;
  border-radius: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.theme-list li.active[data-v-8528a830] {
  background: linear-gradient(30deg, #efefef, rgba(245, 245, 245, .2));
  color: var(--themeColor);
}
.theme-list li > span[data-v-8528a830]:first-of-type {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  position: absolute;
  left: 5px;
  top: 10px;
}
.theme-list li.active > span[data-v-8528a830]:first-of-type::before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 8px;
  height: 4px;
  border: 2px solid #fff;
  border-top: transparent;
  border-right: transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
.theme-list[data-v-8528a830] {
    margin-bottom: 60px;
    padding: 0;
}
.theme-list h5[data-v-8528a830] {
    font-size: 20px;
}
.light-themes[data-v-8528a830] {
    margin-top: 0;
}
.dark-themes[data-v-8528a830] {
    margin-top: 60px;
}
.theme-list li[data-v-8528a830] {
    width: 160px;
    height: 40px;
    padding: 5px 8px 5px 30px;
    margin-right: 10px;
}
.theme-list li > span[data-v-8528a830]:first-of-type {
    width: 18px;
    height: 18px;
}
.theme-list li > span[data-v-8528a830] {
    font-size: 12px;
}
.theme-list li.active > span[data-v-8528a830]:first-of-type::before {
    top: 6px;
    width: 6px;
    height: 3px;
}
}


.section-container {
  max-width: 1440px;
  max-height: 760px;
  position: relative;
  padding-top: 150px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media screen and (max-width: 768px) {
.section-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: none;
    margin: 0;
}
}


.sponsor[data-v-281225be] {
  width: 100vw;
  height: 100vh;
  background: linear-gradient(-45deg, rgba(238, 119, 82, .05), rgba(231, 60, 126, 0.05));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
.sponsor[data-v-281225be] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
}
}
h4[data-v-281225be],
h5[data-v-281225be] {
  text-align: center;
  color: #666;
  margin: 30px 0;
  font-weight: 600;
}
.sponsor img.bg-image[data-v-281225be] {
  width: 200px;
  height: 200px;
  position: absolute;
  right: 100px;
  bottom: 100px;
}
.sponsors-list[data-v-281225be] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.sponsors-list li[data-v-281225be] {
    width: 220px;
    height: 75px;
    margin-right: 20px
}
.sponsors-list li.square[data-v-281225be] {
     width: 75px;
}
.sponsors-list li a img[data-v-281225be] {
      width: 100%;
      height: 100%;
}
.sponsors-list > a[data-v-281225be] {
    width: 75px;
    height: 75px;
    display: block;
    border-radius: 50%;
    color: #ddd;
    border: 2px dashed #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}
.sponsors-list > a > svg[data-v-281225be] {
      width: 35px;
      height: 35px;
}
.sponsors-list > a[data-v-281225be]:hover {
      color: var(--highlightColor);
      border-color: var(--highlightColor);
      -webkit-box-shadow: 0 9px 28px -9px var(--highlightColor);
              box-shadow: 0 9px 28px -9px var(--highlightColor);
}
@media screen and (max-width: 768px) {
.sponsors-list[data-v-281225be] {
    display: block;
    padding-left: 0
}
.sponsors-list li[data-v-281225be] {
      margin: 0 auto;
}
.sponsors-list > a[data-v-281225be] {
      margin: 0 auto;
}
}
.sponsors[data-v-281225be] {
  min-width: 600px
}
.sponsors h5[data-v-281225be] {
    margin-top: 60px;
}
@media screen and (max-width: 768px) {
.sponsors[data-v-281225be] {
    min-width: auto;
    padding: 0 30px;
    text-align: center;
}
.sponsors > a[data-v-281225be] {
    display: inline-block;
}
}
.ask-sponsor[data-v-281225be] {
  min-width: 600px;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0
}
.ask-sponsor p[data-v-281225be] {
    max-width: 100%;
}
@media screen and (max-width: 768px) {
.ask-sponsor[data-v-281225be] {
    min-width: auto;
    padding: 0 30px 60px;
}
}
.button-group[data-v-281225be] {
  margin: 30px 0 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around
}
.button-group > a[data-v-281225be] {
    width: 200px;
    display: inline-block;
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in;
}
.button-group a.opencollective[data-v-281225be] {
    height: 45px;
    border-radius: 22px;
    border: 1px solid #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #fff
}
.button-group a.opencollective > svg[data-v-281225be]:first-of-type {
      width: 31px;
      height: 31px;
      margin-left: 7px;
}
.button-group a.opencollective > svg[data-v-281225be]:last-of-type {
      width: 120px;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
}
.button-group a.opencollective[data-v-281225be]:hover {
      -webkit-box-shadow: 0 9px 28px -9px rgba(0, 0, 0, .2);
              box-shadow: 0 9px 28px -9px rgba(0, 0, 0, .2);
}
.button-group a.patreon[data-v-281225be] {
    height: 45px;
    width: 230px;
    background: #f96854;
    color: #fff;
    border: 1px solid #f96854;
    border-radius: 8px;
    padding: 0 20px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    padding-left: 45px;
    position: relative;
    line-height: 45px
}
.button-group a.patreon[data-v-281225be]:hover {
      -webkit-box-shadow: 0 9px 28px -9px #f96854;
              box-shadow: 0 9px 28px -9px #f96854;
}
.button-group a.patreon img[data-v-281225be] {
      width: 31px;
      height: 31px;
      position: absolute;
      top: 7px;
      left: 7px;
}
.ask-sponsor div.description[data-v-281225be] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 15px
}
.ask-sponsor div.description > div[data-v-281225be] {
    max-width: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between
}
.ask-sponsor div.description > div strong[data-v-281225be] {
      margin-top: 20px;
}
.ask-sponsor div.description img[data-v-281225be] {
    width: 200px;
    height: 200px;
}
@media screen and (max-width: 768px) {
.ask-sponsor div.description[data-v-281225be] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
}
.ask-sponsor div.description > div[data-v-281225be] {
      max-width: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
}
.ask-sponsor div.description img[data-v-281225be] {
      position: static;
}
}


.footer[data-v-c1627a74] {
  width: 100vw;
  height: 100vh;
  background: linear-gradient(-45deg, #eeeeee, #efefef);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
}
#hero-canvas[data-v-c1627a74] {
	width: 100%;
	height: 100%;
	position: relative;
}
.inner[data-v-c1627a74] {
	position: relative;
	max-width: 960px;
	height: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	padding: 40px;
	-webkit-box-sizing: padding-box;
	        box-sizing: padding-box;
	z-index: 4;
}
.inner img[data-v-c1627a74] {
  width: 200px;
  height: 200px;
}
.inner	p[data-v-c1627a74] {
	color: #666;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 150%;
	max-width: 550px;
}
.inner p.follow[data-v-c1627a74] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.inner p.follow a[data-v-c1627a74] {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 5px;
}
.inner p a svg[data-v-c1627a74] {
  width: 100%;
  height: 100%;
}
.inner p.small[data-v-c1627a74] {
	font-size: 12px;
}
.inner a[data-v-c1627a74] {
	display: inline-block;
  margin: 0 10px;
  color: rgba(163, 32, 109, 0.6);
  text-decoration: none;
}
.inner h1[data-v-c1627a74] {
	color: rgba(163, 32, 109, 0.6);
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 0;
	border-bottom: 2px rgba(163, 32, 109, 0.6) dashed;
}
.overlay[data-v-c1627a74] {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: transparent;
  background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(114,81,109,0.2)),to(rgba(238,238,238,1)));
  background: linear-gradient(to bottom,  rgba(114,81,109,0.2) 0%,rgba(238,238,238,1) 100%);
	z-index: 3;
}
.background[data-v-c1627a74] {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #EEEEEE;
	z-index: 1;
}
.hero[data-v-c1627a74] {
	background-color: #EEEEEE;
	width: 100%;
	height: 100%;
	max-height: calc(100% - 50px);
}
@media screen and (max-width: 768px) {
.inner h1[data-v-c1627a74] {
    font-size: 24px;
}
}

/* Common CSS use by both light and dark themes */
:root {
  /*editor*/
  --themeColor: rgba(33, 181, 111, 1);
  --highlightColor: rgba(33, 181, 111, .4);
  --selectionColor: rgba(0, 0, 0, .1);
  --editorColor: rgba(0, 0, 0, .8);
  --editorColor50: rgba(0, 0, 0, .5);
  --editorColor30: rgba(0, 0, 0, .3);
  --editorColor10: rgba(0, 0, 0, .1);
  --editorColor04: rgba(0, 0, 0, .03);
  --editorBgColor: rgba(255, 255, 255, 1);
  --deleteColor: #ff6969;
  --iconColor: #333;
  --codeBgColor: rgba(216,216,216,0.41176);
  --codeBlockBgColor: rgba(33, 181, 111, 0.08);

  /*marktext*/
  --sideBarColor: rgba(0, 0, 0, .6);
  --sideBarTitleColor: rgba(0, 0, 0, 1);
  --sideBarTextColor: rgba(0, 0, 0, .4);
  --sideBarBgColor: rgba(242, 242, 242, 0.9);
  --sideBarItemHoverBgColor: rgba(0, 0, 0, .03);
  --itemBgColor: rgba(255, 255, 255, 0.6);
  --floatBgColor: #fff;
  --floatHoverColor: rgba(0, 0, 0, .04);
  --floatBorderColor: rgba(0, 0, 0, .1);
  --floatShadow: rgba(0, 0, 0, 0.1);
  --maskColor: rgba(255, 255, 255, .7);
}

::-webkit-scrollbar {
  background: rgba(0, 0, 0, .04);
  background: var(--floatHoverColor);
}
::-webkit-scrollbar:vertical {
  width: 12px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .1);
  background: var(--editorColor10);
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, .3);
  background: var(--editorColor30);
}

html, body {
  margin: 0;
  padding: 0;
  background: transparent !important;
  caret-color: rgba(0, 0, 0, .8);
  caret-color: var(--editorColor);
  font-family: 'Open Sans', sans-serif;
}

body {
  overflow-x: hidden;
}

ul, li {
  margin: 0;
  list-style: none;
}

.icon {
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#app {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*# sourceMappingURL=renderer.b31bc98b6c81d3973f56.css.map*/