/* purgecss start ignore */

.icon.outbound {
  position: relative;
  display: inline-block;
  color: #aaa;
  vertical-align: middle;
  top: -1px;
}

/* purgecss end ignore */

:root{
  --c-brand: #3eaf7c;
  --c-brand-light: #4abf8a;
  --c-bg: #ffffff;
  --c-bg-light: #f3f4f5;
  --c-bg-lighter: #eeeeee;
  --c-bg-navbar: var(--c-bg);
  --c-bg-sidebar: var(--c-bg);
  --c-bg-arrow: #cccccc;
  --c-text: #2c3e50;
  --c-text-accent: var(--c-brand);
  --c-text-light: #3a5169;
  --c-text-lighter: #4e6e8e;
  --c-text-lightest: #6a8bad;
  --c-text-quote: #999999;
  --c-border: #eaecef;
  --c-border-dark: #dfe2e5;
  --c-tip: #42b983;
  --c-tip-bg: var(--c-bg-light);
  --c-tip-title: var(--c-text);
  --c-tip-text: var(--c-text);
  --c-tip-text-accent: var(--c-text-accent);
  --c-warning: #e7c000;
  --c-warning-bg: #fffae3;
  --c-warning-title: #ad9000;
  --c-warning-text: #746000;
  --c-warning-text-accent: var(--c-text);
  --c-danger: #cc0000;
  --c-danger-bg: #ffe0e0;
  --c-danger-title: #990000;
  --c-danger-text: #660000;
  --c-danger-text-accent: var(--c-text);
  --c-details-bg: #eeeeee;
  --c-badge-tip: var(--c-tip);
  --c-badge-warning: var(--c-warning);
  --c-badge-danger: var(--c-danger);
  --t-color: 0.3s ease;
  --t-transform: 0.3s ease;
  --code-bg-color: #282c34;
  --code-hl-bg-color: rgba(0, 0, 0, 0.66);
  --code-ln-color: #9e9e9e;
  --code-ln-wrapper-width: 3.5rem;
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --font-family-code: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  --navbar-height: 3.6rem;
  --navbar-padding-v: 0.7rem;
  --navbar-padding-h: 1.5rem;
  --sidebar-width: 20rem;
  --sidebar-width-mobile: calc(var(--sidebar-width) * 0.82);
  --content-width: 740px;
  --homepage-width: 960px
}

.back-to-top{
  --back-to-top-color: var(--c-brand);
  --back-to-top-color-hover: var(--c-brand-light)
}

.DocSearch{
  --docsearch-primary-color: var(--c-brand);
  --docsearch-text-color: var(--c-text);
  --docsearch-highlight-color: var(--c-brand);
  --docsearch-muted-color: var(--c-text-quote);
  --docsearch-container-background: rgba(9, 10, 17, 0.8);
  --docsearch-modal-background: var(--c-bg-light);
  --docsearch-searchbox-background: var(--c-bg-lighter);
  --docsearch-searchbox-focus-background: var(--c-bg);
  --docsearch-searchbox-shadow: inset 0 0 0 2px var(--c-brand);
  --docsearch-hit-color: var(--c-text-light);
  --docsearch-hit-active-color: var(--c-bg);
  --docsearch-hit-background: var(--c-bg);
  --docsearch-hit-shadow: 0 1px 3px 0 var(--c-border-dark);
  --docsearch-footer-background: var(--c-bg)
}

.medium-zoom-overlay{
  --medium-zoom-bg-color: var(--c-bg)
}

#nprogress{
  --nprogress-color: var(--c-brand)
}

.pwa-popup{
  --pwa-popup-text-color: var(--c-text);
  --pwa-popup-bg-color: var(--c-bg);
  --pwa-popup-border-color: var(--c-brand);
  --pwa-popup-shadow: 0 4px 16px var(--c-brand);
  --pwa-popup-btn-text-color: var(--c-bg);
  --pwa-popup-btn-bg-color: var(--c-brand);
  --pwa-popup-btn-hover-bg-color: var(--c-brand-light)
}

.search-box{
  --search-bg-color: var(--c-bg);
  --search-accent-color: var(--c-brand);
  --search-text-color: var(--c-text);
  --search-border-color: var(--c-border);
  --search-item-text-color: var(--c-text-lighter);
  --search-item-focus-bg-color: var(--c-bg-light)
}

html.dark{
  --c-brand: #3aa675;
  --c-brand-light: #349469;
  --c-bg: #22272e;
  --c-bg-light: #2b313a;
  --c-bg-lighter: #262c34;
  --c-text: #adbac7;
  --c-text-light: #96a7b7;
  --c-text-lighter: #8b9eb0;
  --c-text-lightest: #8094a8;
  --c-border: #3e4c5a;
  --c-border-dark: #34404c;
  --c-tip: #318a62;
  --c-warning: #ceab00;
  --c-warning-bg: #7e755b;
  --c-warning-title: #ceac03;
  --c-warning-text: #362e00;
  --c-danger: #940000;
  --c-danger-bg: #806161;
  --c-danger-title: #610000;
  --c-danger-text: #3a0000;
  --c-details-bg: #323843;
  --code-hl-bg-color: #363b46
}

html.dark .DocSearch{
  --docsearch-logo-color: var(--c-text);
  --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
  --docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d, 0 2px 2px 0 rgba(3, 4, 9, 0.3);
  --docsearch-key-gradient: linear-gradient(-225deg, #444950, #1c1e21);
  --docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, 0.5), 0 -4px 8px 0 rgba(0, 0, 0, 0.2)
}

html,body{
  padding:0;
  margin:0;
  background-color:var(--c-bg);
  transition:background-color var(--t-color)
}

html.dark{
  color-scheme:dark
}

body{
  font-family:var(--font-family);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-size:16px;
  color:var(--c-text)
}

a{
  font-weight:500;
  color:var(--c-text-accent);
  text-decoration:none;
  overflow-wrap:break-word
}

p a code{
  font-weight:400;
  color:var(--c-text-accent)
}

kbd{
  font-family:var(--font-family-code);
  background:var(--c-bg-lighter);
  border:solid .15rem var(--c-border-dark);
  border-bottom:solid .25rem var(--c-border-dark);
  border-radius:.15rem;
  padding:0 .15em
}

code{
  font-family:var(--font-family-code);
  color:var(--c-text-lighter);
  padding:.25rem .5rem;
  margin:0;
  font-size:.85em;
  background-color:var(--c-bg-light);
  border-radius:3px;
  overflow-wrap:break-word;
  transition:background-color var(--t-color),color var(--t-color)
}

blockquote{
  font-size:1rem;
  color:var(--c-text-quote);
  border-left:.2rem solid var(--c-border-dark);
  margin:1rem 0;
  padding:.25rem 0 .25rem 1rem
}

blockquote>p{
  margin:0
}

ul,ol{
  padding-left:1.2em
}

strong{
  font-weight:600
}

h1,h2,h3,h4,h5,h6{
  font-weight:600;
  line-height:1.25
}

h1:hover .header-anchor,h2:hover .header-anchor,h3:hover .header-anchor,h4:hover .header-anchor,h5:hover .header-anchor,h6:hover .header-anchor{
  opacity:1
}

h1{
  font-size:2.2rem
}

h2{
  font-size:1.65rem;
  padding-bottom:.3rem;
  border-bottom:1px solid var(--c-border);
  transition:border-color var(--t-color)
}

h3{
  font-size:1.35rem
}

h4{
  font-size:1.15rem
}

h5{
  font-size:1.05rem
}

h6{
  font-size:1rem
}

a.header-anchor{
  font-size:.85em;
  float:left;
  margin-left:-0.87em;
  padding-right:.23em;
  margin-top:.125em;
  opacity:0
}

a.header-anchor:hover{
  text-decoration:none
}

a.header-anchor:focus-visible{
  opacity:1
}

p,ul,ol{
  line-height:1.7
}

hr{
  border:0;
  border-top:1px solid var(--c-border)
}

table{
  border-collapse:collapse;
  margin:1rem 0;
  display:block;
  overflow-x:auto
}

tr{
  border-top:1px solid var(--c-border-dark)
}

tr:nth-child(2n){
  background-color:var(--c-bg-light)
}

th,td{
  border:1px solid var(--c-border-dark);
  padding:.6em 1em
}

.arrow{
  display:inline-block;
  width:0;
  height:0
}

.arrow.up{
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-bottom:6px solid var(--c-bg-arrow)
}

.arrow.down{
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:6px solid var(--c-bg-arrow)
}

.arrow.right{
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-left:6px solid var(--c-bg-arrow)
}

.arrow.left{
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-right:6px solid var(--c-bg-arrow)
}

.badge{
  display:inline-block;
  font-size:14px;
  height:18px;
  line-height:18px;
  border-radius:3px;
  padding:0 6px;
  color:var(--c-bg);
  vertical-align:top;
  transition:color var(--t-color),background-color var(--t-color)
}

.badge.tip{
  background-color:var(--c-badge-tip)
}

.badge.warning{
  background-color:var(--c-badge-warning)
}

.badge.danger{
  background-color:var(--c-badge-danger)
}

.table-of-contents .badge{
  vertical-align:middle
}

.badge+.badge{
  margin-left:5px
}

code[class*=language-],pre[class*=language-]{
  color:#ccc;
  background:none;
  font-family:var(--font-family-code);
  font-size:1em;
  text-align:left;
  white-space:pre;
  word-spacing:normal;
  word-break:normal;
  word-wrap:normal;
  line-height:1.5;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  -webkit-hyphens:none;
  -ms-hyphens:none;
  hyphens:none
}

pre[class*=language-]{
  padding:1em;
  margin:.5em 0;
  overflow:auto
}

:not(pre)>code[class*=language-],pre[class*=language-]{
  background:#2d2d2d
}

:not(pre)>code[class*=language-]{
  padding:.1em;
  border-radius:.3em;
  white-space:normal
}

.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{
  color:#999
}

.token.punctuation{
  color:#ccc
}

.token.tag,.token.attr-name,.token.namespace,.token.deleted{
  color:#ec5975
}

.token.function-name{
  color:#6196cc
}

.token.boolean,.token.number,.token.function{
  color:#f08d49
}

.token.property,.token.class-name,.token.constant,.token.symbol{
  color:#f8c555
}

.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{
  color:#cc99cd
}

.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{
  color:#7ec699
}

.token.operator,.token.entity,.token.url{
  color:#67cdcc
}

.token.important,.token.bold{
  font-weight:bold
}

.token.italic{
  font-style:italic
}

.token.entity{
  cursor:help
}

.token.inserted{
  color:#3eaf7c
}

.theme-default-content pre,.theme-default-content pre[class*=language-]{
  line-height:1.4;
  padding:1.25rem 1.5rem;
  margin:.85rem 0;
  border-radius:6px;
  overflow:auto
}

.theme-default-content pre code,.theme-default-content pre[class*=language-] code{
  color:#fff;
  padding:0;
  background-color:transparent;
  border-radius:0;
  overflow-wrap:unset;
  -webkit-font-smoothing:auto;
  -moz-osx-font-smoothing:auto
}

.theme-default-content .line-number{
  font-family:var(--font-family-code)
}

div[class*=language-]{
  position:relative;
  background-color:var(--code-bg-color);
  border-radius:6px
}

div[class*=language-]::before{
  position:absolute;
  z-index:3;
  top:.8em;
  right:1em;
  font-size:.75rem;
  color:var(--code-ln-color)
}

div[class*=language-] pre,div[class*=language-] pre[class*=language-]{
  background:transparent !important;
  position:relative;
  z-index:1
}

div[class*=language-] .highlight-lines{
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  padding-top:1.3rem;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  line-height:1.4
}

div[class*=language-] .highlight-lines .highlight-line{
  background-color:var(--code-hl-bg-color)
}

div[class*=language-]:not(.line-numbers-mode) .line-numbers{
  display:none
}

div[class*=language-].line-numbers-mode .highlight-lines .highlight-line{
  position:relative
}

div[class*=language-].line-numbers-mode .highlight-lines .highlight-line::before{
  content:" ";
  position:absolute;
  z-index:2;
  left:0;
  top:0;
  display:block;
  width:var(--code-ln-wrapper-width);
  height:100%
}

div[class*=language-].line-numbers-mode pre{
  margin-left:var(--code-ln-wrapper-width);
  padding-left:1rem;
  vertical-align:middle
}

div[class*=language-].line-numbers-mode .line-numbers{
  position:absolute;
  top:0;
  width:var(--code-ln-wrapper-width);
  text-align:center;
  color:var(--code-ln-color);
  padding-top:1.25rem;
  line-height:1.4
}

div[class*=language-].line-numbers-mode .line-numbers br{
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none
}

div[class*=language-].line-numbers-mode .line-numbers .line-number{
  position:relative;
  z-index:3;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  font-size:.85em
}

div[class*=language-].line-numbers-mode::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:var(--code-ln-wrapper-width);
  height:100%;
  border-radius:6px 0 0 6px;
  border-right:1px solid var(--code-hl-bg-color)
}

div[class*=language-].ext-c:before{
  content:"c"
}

div[class*=language-].ext-cpp:before{
  content:"cpp"
}

div[class*=language-].ext-cs:before{
  content:"cs"
}

div[class*=language-].ext-css:before{
  content:"css"
}

div[class*=language-].ext-dart:before{
  content:"dart"
}

div[class*=language-].ext-docker:before{
  content:"docker"
}

div[class*=language-].ext-fs:before{
  content:"fs"
}

div[class*=language-].ext-go:before{
  content:"go"
}

div[class*=language-].ext-html:before{
  content:"html"
}

div[class*=language-].ext-java:before{
  content:"java"
}

div[class*=language-].ext-js:before{
  content:"js"
}

div[class*=language-].ext-json:before{
  content:"json"
}

div[class*=language-].ext-kt:before{
  content:"kt"
}

div[class*=language-].ext-less:before{
  content:"less"
}

div[class*=language-].ext-makefile:before{
  content:"makefile"
}

div[class*=language-].ext-md:before{
  content:"md"
}

div[class*=language-].ext-php:before{
  content:"php"
}

div[class*=language-].ext-py:before{
  content:"py"
}

div[class*=language-].ext-rb:before{
  content:"rb"
}

div[class*=language-].ext-rs:before{
  content:"rs"
}

div[class*=language-].ext-sass:before{
  content:"sass"
}

div[class*=language-].ext-scss:before{
  content:"scss"
}

div[class*=language-].ext-sh:before{
  content:"sh"
}

div[class*=language-].ext-styl:before{
  content:"styl"
}

div[class*=language-].ext-ts:before{
  content:"ts"
}

div[class*=language-].ext-toml:before{
  content:"toml"
}

div[class*=language-].ext-vue:before{
  content:"vue"
}

div[class*=language-].ext-yml:before{
  content:"yml"
}

@media(max-width: 419px){
  .theme-default-content div[class*=language-]{
    margin:.85rem -1.5rem;
    border-radius:0
  }
}

.code-group__nav{
  margin-top:.85rem;
  margin-bottom:calc(-1.7rem - 6px);
  padding-bottom:calc(1.7rem - 6px);
  padding-left:10px;
  padding-top:10px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  background-color:var(--code-bg-color)
}

.code-group__ul{
  margin:auto 0;
  padding-left:0;
  display:inline-flex;
  list-style:none
}

.code-group__nav-tab{
  border:0;
  padding:5px;
  cursor:pointer;
  background-color:transparent;
  font-size:.85em;
  line-height:1.4;
  color:rgba(255,255,255,.9);
  font-weight:600
}

.code-group__nav-tab:focus{
  outline:none
}

.code-group__nav-tab:focus-visible{
  outline:1px solid rgba(255,255,255,.9)
}

.code-group__nav-tab-active{
  border-bottom:var(--c-brand) 1px solid
}

@media(max-width: 419px){
  .code-group__nav{
    margin-left:-1.5rem;
    margin-right:-1.5rem;
    border-radius:0
  }
}

.code-group-item{
  display:none
}

.code-group-item__active{
  display:block
}

.code-group-item>pre{
  background-color:orange
}

.custom-container{
  transition:color var(--t-color),border-color var(--t-color),background-color var(--t-color)
}

.custom-container .custom-container-title{
  font-weight:600;
  margin-bottom:-0.4rem
}

.custom-container.tip,.custom-container.warning,.custom-container.danger{
  padding:.1rem 1.5rem;
  border-left-width:.5rem;
  border-left-style:solid;
  margin:1rem 0
}

.custom-container.tip{
  border-color:var(--c-tip);
  background-color:var(--c-tip-bg);
  color:var(--c-tip-text)
}

.custom-container.tip .custom-container-title{
  color:var(--c-tip-title)
}

.custom-container.tip a{
  color:var(--c-tip-text-accent)
}

.custom-container.warning{
  border-color:var(--c-warning);
  background-color:var(--c-warning-bg);
  color:var(--c-warning-text)
}

.custom-container.warning .custom-container-title{
  color:var(--c-warning-title)
}

.custom-container.warning a{
  color:var(--c-warning-text-accent)
}

.custom-container.danger{
  border-color:var(--c-danger);
  background-color:var(--c-danger-bg);
  color:var(--c-danger-text)
}

.custom-container.danger .custom-container-title{
  color:var(--c-danger-title)
}

.custom-container.danger a{
  color:var(--c-danger-text-accent)
}

.custom-container.details{
  display:block;
  position:relative;
  border-radius:2px;
  margin:1.6em 0;
  padding:1.6em;
  background-color:var(--c-details-bg)
}

.custom-container.details h4{
  margin-top:0
}

.custom-container.details figure:last-child,.custom-container.details p:last-child{
  margin-bottom:0;
  padding-bottom:0
}

.custom-container.details summary{
  outline:none;
  cursor:pointer
}

.dropdown-wrapper{
  cursor:pointer
}

.dropdown-wrapper .dropdown-title,.dropdown-wrapper .mobile-dropdown-title{
  display:block;
  font-size:.9rem;
  font-family:inherit;
  cursor:inherit;
  padding:inherit;
  line-height:1.4rem;
  background:transparent;
  border:none;
  font-weight:500;
  color:var(--c-text)
}

.dropdown-wrapper .dropdown-title:hover,.dropdown-wrapper .mobile-dropdown-title:hover{
  border-color:transparent
}

.dropdown-wrapper .dropdown-title .arrow,.dropdown-wrapper .mobile-dropdown-title .arrow{
  vertical-align:middle;
  margin-top:-1px;
  margin-left:.4rem
}

.dropdown-wrapper .mobile-dropdown-title{
  display:none;
  font-weight:600;
  font-size:inherit
}

.dropdown-wrapper .mobile-dropdown-title:hover{
  color:var(--c-text-accent)
}

.dropdown-wrapper .nav-dropdown .dropdown-item{
  color:inherit;
  line-height:1.7rem
}

.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subtitle{
  margin:.45rem 0 0;
  border-top:1px solid var(--c-border);
  padding:1rem 0 .45rem 0;
  font-size:.9rem
}

.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subtitle>span{
  padding:0 1.5rem 0 1.25rem
}

.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subtitle>a{
  font-weight:inherit
}

.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subtitle>a.router-link-active::after{
  display:none
}

.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{
  padding:0;
  list-style:none
}

.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem{
  font-size:.9em
}

.dropdown-wrapper .nav-dropdown .dropdown-item a{
  display:block;
  line-height:1.7rem;
  position:relative;
  border-bottom:none;
  font-weight:400;
  margin-bottom:0;
  padding:0 1.5rem 0 1.25rem
}

.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{
  color:var(--c-text-accent)
}

.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active{
  color:var(--c-text-accent)
}

.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active::after{
  content:"";
  width:0;
  height:0;
  border-left:5px solid var(--c-text-accent);
  border-top:3px solid transparent;
  border-bottom:3px solid transparent;
  position:absolute;
  top:calc(50% - 2px);
  left:9px
}

.dropdown-wrapper .nav-dropdown .dropdown-item:first-child .dropdown-subtitle{
  margin-top:0;
  padding-top:0;
  border-top:0
}

@media(max-width: 719px){
  .dropdown-wrapper.open .dropdown-title,.dropdown-wrapper.open .mobile-dropdown-title{
    margin-bottom:.5rem
  }

  .dropdown-wrapper .dropdown-title,.dropdown-wrapper .mobile-dropdown-title{
    display:none
  }

  .dropdown-wrapper .mobile-dropdown-title{
    display:block
  }

  .dropdown-wrapper .nav-dropdown{
    transition:height .1s ease-out;
    overflow:hidden
  }

  .dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subtitle{
    border-top:0;
    margin-top:0;
    padding-top:0;
    padding-bottom:0
  }

  .dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subtitle,.dropdown-wrapper .nav-dropdown .dropdown-item>a{
    font-size:15px;
    line-height:2rem
  }

  .dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{
    font-size:14px;
    padding-left:1rem
  }
}

@media(min-width: 720px){
  .dropdown-wrapper{
    height:1.8rem
  }

  .dropdown-wrapper:hover .nav-dropdown,.dropdown-wrapper.open .nav-dropdown{
    display:block !important
  }

  .dropdown-wrapper.open:blur{
    display:none
  }

  .dropdown-wrapper .nav-dropdown{
    display:none;
    height:auto !important;
    box-sizing:border-box;
    max-height:calc(100vh - 2.7rem);
    overflow-y:auto;
    position:absolute;
    top:100%;
    right:0;
    background-color:var(--c-bg-navbar);
    padding:.6rem 0;
    border:1px solid var(--c-border);
    border-bottom-color:var(--c-border-dark);
    text-align:left;
    border-radius:.25rem;
    white-space:nowrap;
    margin:0
  }
}

.dropdown-enter-from,.dropdown-leave-to{
  height:0 !important
}

.home{
  padding:var(--navbar-height) 2rem 0;
  max-width:var(--homepage-width);
  margin:0px auto;
  display:block
}

.home .hero{
  text-align:center
}

.home .hero img{
  max-width:100%;
  max-height:280px;
  display:block;
  margin:3rem auto 1.5rem
}

.home .hero h1{
  font-size:3rem
}

.home .hero h1,.home .hero .description,.home .hero .actions{
  margin:1.8rem auto
}

.home .hero .actions{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  justify-content:center
}

.home .hero .description{
  max-width:35rem;
  font-size:1.6rem;
  line-height:1.3;
  color:var(--c-text-lightest)
}

.home .hero .action-button{
  display:inline-block;
  font-size:1.2rem;
  padding:.8rem 1.6rem;
  border-width:2px;
  border-style:solid;
  border-radius:4px;
  transition:background-color var(--t-color);
  box-sizing:border-box
}

.home .hero .action-button.primary{
  color:var(--c-bg);
  background-color:var(--c-brand);
  border-color:var(--c-brand)
}

.home .hero .action-button.primary:hover{
  background-color:var(--c-brand-light)
}

.home .hero .action-button.secondary{
  color:var(--c-brand);
  background-color:var(--c-bg);
  border-color:var(--c-brand)
}

.home .hero .action-button.secondary:hover{
  color:var(--c-bg);
  background-color:var(--c-brand-light)
}

.home .features{
  border-top:1px solid var(--c-border);
  transition:border-color var(--t-color);
  padding:1.2rem 0;
  margin-top:2.5rem;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  align-content:stretch;
  justify-content:space-between
}

.home .feature{
  flex-grow:1;
  flex-basis:30%;
  max-width:30%
}

.home .feature h2{
  font-size:1.4rem;
  font-weight:500;
  border-bottom:none;
  padding-bottom:0;
  color:var(--c-text-light)
}

.home .feature p{
  color:var(--c-text-lighter)
}

.home .footer{
  padding:2.5rem;
  border-top:1px solid var(--c-border);
  text-align:center;
  color:var(--c-text-lighter);
  transition:border-color var(--t-color)
}

@media(max-width: 719px){
  .home .features{
    flex-direction:column
  }

  .home .feature{
    max-width:100%;
    padding:0 2.5rem
  }
}

@media(max-width: 419px){
  .home{
    padding-left:1.5rem;
    padding-right:1.5rem
  }

  .home .hero img{
    max-height:210px;
    margin:2rem auto 1.2rem
  }

  .home .hero h1{
    font-size:2rem
  }

  .home .hero h1,.home .hero .description,.home .hero .actions{
    margin:1.2rem auto
  }

  .home .hero .description{
    font-size:1.2rem
  }

  .home .hero .action-button{
    font-size:1rem;
    padding:.6rem 1.2rem
  }

  .home .feature h2{
    font-size:1.25rem
  }
}

.theme-default-content:not(.custom){
  max-width:var(--content-width);
  margin:0 auto;
  padding:2rem 2.5rem
}

@media(max-width: 959px){
  .theme-default-content:not(.custom){
    padding:2rem
  }
}

@media(max-width: 419px){
  .theme-default-content:not(.custom){
    padding:1.5rem
  }
}

.page{
  padding-top:var(--navbar-height);
  padding-left:var(--sidebar-width)
}

.navbar{
  position:fixed;
  z-index:20;
  top:0;
  left:0;
  right:0;
  height:var(--navbar-height);
  box-sizing:border-box;
  border-bottom:1px solid var(--c-border);
  background-color:var(--c-bg-navbar);
  transition:background-color var(--t-color),border-color var(--t-color)
}

.sidebar{
  font-size:16px;
  width:var(--sidebar-width);
  position:fixed;
  z-index:10;
  margin:0;
  top:var(--navbar-height);
  left:0;
  bottom:0;
  box-sizing:border-box;
  border-right:1px solid var(--c-border);
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--c-brand) var(--c-border);
  background-color:var(--c-bg-sidebar);
  transition:transform var(--t-transform),background-color var(--t-color),border-color var(--t-color)
}

.sidebar::-webkit-scrollbar{
  width:7px
}

.sidebar::-webkit-scrollbar-track{
  background-color:var(--c-border)
}

.sidebar::-webkit-scrollbar-thumb{
  background-color:var(--c-brand)
}

.sidebar-mask{
  position:fixed;
  z-index:9;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  display:none
}

.theme-container.sidebar-open .sidebar-mask{
  display:block
}

.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(1){
  transform:rotate(45deg) translate3d(5.5px, 5.5px, 0)
}

.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(2){
  transform:scale3d(0, 1, 1)
}

.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(3){
  transform:rotate(-45deg) translate3d(6px, -6px, 0)
}

.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(1),.theme-container.sidebar-open .navbar>.toggle-sidebar-button .icon span:nth-child(3){
  transform-origin:center
}

.theme-container.no-navbar .theme-default-content:not(.custom)>h1,.theme-container.no-navbar h2,.theme-container.no-navbar h3,.theme-container.no-navbar h4,.theme-container.no-navbar h5,.theme-container.no-navbar h6{
  margin-top:1.5rem;
  padding-top:0
}

.theme-container.no-navbar .page{
  padding-top:0
}

.theme-container.no-navbar .sidebar{
  top:0
}

@media(min-width: 720px){
  .theme-container.no-sidebar .sidebar{
    display:none
  }

  .theme-container.no-sidebar .page{
    padding-left:0
  }
}

.theme-default-content:not(.custom)>h1,.theme-default-content:not(.custom)>h2,.theme-default-content:not(.custom)>h3,.theme-default-content:not(.custom)>h4,.theme-default-content:not(.custom)>h5,.theme-default-content:not(.custom)>h6{
  margin-top:calc(.5rem - var(--navbar-height));
  padding-top:calc(1rem + var(--navbar-height));
  margin-bottom:0
}

.theme-default-content:not(.custom)>h1:first-child,.theme-default-content:not(.custom)>h2:first-child,.theme-default-content:not(.custom)>h3:first-child,.theme-default-content:not(.custom)>h4:first-child,.theme-default-content:not(.custom)>h5:first-child,.theme-default-content:not(.custom)>h6:first-child{
  margin-bottom:1rem
}

.theme-default-content:not(.custom)>h1:first-child+p,.theme-default-content:not(.custom)>h1:first-child+pre,.theme-default-content:not(.custom)>h1:first-child+.custom-container,.theme-default-content:not(.custom)>h2:first-child+p,.theme-default-content:not(.custom)>h2:first-child+pre,.theme-default-content:not(.custom)>h2:first-child+.custom-container,.theme-default-content:not(.custom)>h3:first-child+p,.theme-default-content:not(.custom)>h3:first-child+pre,.theme-default-content:not(.custom)>h3:first-child+.custom-container,.theme-default-content:not(.custom)>h4:first-child+p,.theme-default-content:not(.custom)>h4:first-child+pre,.theme-default-content:not(.custom)>h4:first-child+.custom-container,.theme-default-content:not(.custom)>h5:first-child+p,.theme-default-content:not(.custom)>h5:first-child+pre,.theme-default-content:not(.custom)>h5:first-child+.custom-container,.theme-default-content:not(.custom)>h6:first-child+p,.theme-default-content:not(.custom)>h6:first-child+pre,.theme-default-content:not(.custom)>h6:first-child+.custom-container{
  margin-top:2rem
}

.theme-default-content:not(.custom){
  padding-top:0
}

.theme-default-content:not(.custom) a:hover{
  text-decoration:underline
}

.theme-default-content:not(.custom) img{
  max-width:100%
}

.theme-default-content.custom{
  padding:0;
  margin:0
}

.theme-default-content.custom img{
  max-width:100%
}

@media(max-width: 959px){
  .sidebar{
    font-size:15px;
    width:var(--sidebar-width-mobile)
  }

  .page{
    padding-left:var(--sidebar-width-mobile)
  }
}

@media(max-width: 719px){
  .sidebar{
    top:0;
    padding-top:var(--navbar-height);
    transform:translateX(-100%)
  }

  .page{
    padding-left:0
  }

  .theme-container.sidebar-open .sidebar{
    transform:translateX(0)
  }

  .theme-container.no-navbar .sidebar{
    padding-top:0
  }
}

@media(max-width: 419px){
  h1{
    font-size:1.9rem
  }
}

.navbar{
  --navbar-line-height: calc( var(--navbar-height) - 2 * var(--navbar-padding-v) );
  padding:var(--navbar-padding-v) var(--navbar-padding-h);
  line-height:var(--navbar-line-height)
}

.navbar .logo{
  height:var(--navbar-line-height);
  margin-right:var(--navbar-padding-v);
  vertical-align:top
}

.navbar .site-name{
  font-size:1.3rem;
  font-weight:600;
  color:var(--c-text);
  position:relative
}

.navbar .navbar-links-wrapper{
  display:flex;
  position:absolute;
  box-sizing:border-box;
  top:var(--navbar-padding-v);
  right:var(--navbar-padding-h);
  height:var(--navbar-line-height);
  padding-left:var(--navbar-padding-h);
  white-space:nowrap;
  font-size:.9rem
}

.navbar .navbar-links-wrapper .search-box{
  flex:0 0 auto;
  vertical-align:top
}

@media(max-width: 719px){
  .navbar{
    padding-left:4rem
  }

  .navbar .can-hide{
    display:none
  }

  .navbar .site-name{
    width:calc(100vw - 9.4rem);
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
  }
}

.navbar-links{
  display:inline-block
}

.navbar-links a{
  display:inline-block;
  line-height:1.4rem;
  color:inherit
}

.navbar-links a:hover,.navbar-links a.router-link-active{
  color:var(--c-text-accent)
}

.navbar-links .navbar-links-item{
  position:relative;
  display:inline-block;
  margin-left:1.5rem;
  line-height:var(--navbar-line-height)
}

.navbar-links .navbar-links-item:first-child{
  margin-left:0
}

@media(max-width: 719px){
  .navbar-links .navbar-links-item{
    margin-left:0
  }
}

@media(min-width: 719px){
  .navbar-links a:hover,.navbar-links a.router-link-active{
    color:var(--c-text)
  }

  .navbar-links-item>a:not(.external):hover,.navbar-links-item>a:not(.external).router-link-active{
    margin-bottom:-2px;
    border-bottom:2px solid var(--c-text-accent)
  }
}

.toggle-sidebar-button{
  position:absolute;
  top:.6rem;
  left:1rem;
  display:none;
  padding:.6rem;
  cursor:pointer
}

.toggle-sidebar-button .icon{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:1.25rem;
  height:1.25rem;
  cursor:inherit
}

.toggle-sidebar-button .icon span{
  display:inline-block;
  width:100%;
  height:2px;
  border-radius:2px;
  background-color:var(--c-text);
  transition:transform var(--t-transform)
}

.toggle-sidebar-button .icon span:nth-child(2){
  margin:6px 0
}

@media screen and (max-width: 719px){
  .toggle-sidebar-button{
    display:block
  }
}

.toggle-dark-button{
  display:flex;
  margin:auto;
  margin-left:1rem;
  border:0;
  background:none;
  color:var(--c-text);
  opacity:.8;
  cursor:pointer
}

.toggle-dark-button:hover{
  opacity:1
}

.toggle-dark-button .icon{
  width:1.25rem;
  height:1.25rem
}

.page-nav,.page-meta{
  max-width:var(--content-width);
  margin:0 auto;
  padding:2rem 2.5rem
}

@media(max-width: 959px){
  .page-nav,.page-meta{
    padding:2rem
  }
}

@media(max-width: 419px){
  .page-nav,.page-meta{
    padding:1.5rem
  }
}

.page{
  padding-bottom:2rem;
  display:block
}

.page-meta{
  padding-top:1rem;
  padding-bottom:1rem;
  overflow:auto
}

.page-meta .meta-item{
  cursor:default;
  margin-top:.8rem
}

.page-meta .meta-item .meta-item-label{
  font-weight:500;
  color:var(--c-text-lighter)
}

.page-meta .meta-item .meta-item-info{
  font-weight:400;
  color:var(--c-text-quote)
}

.page-meta .edit-link{
  display:inline-block;
  margin-right:.25rem
}

.page-meta .last-updated{
  float:right
}

@media(max-width: 719px){
  .page-meta .last-updated{
    font-size:.8em;
    float:none
  }

  .page-meta .contributors{
    font-size:.8em
  }
}

.page-nav{
  padding-top:1rem;
  padding-bottom:0
}

.page-nav .inner{
  min-height:2rem;
  margin-top:0;
  border-top:1px solid var(--c-border);
  transition:border-color var(--t-color);
  padding-top:1rem;
  overflow:auto
}

.page-nav .next{
  float:right
}

.sidebar ul{
  padding:0;
  margin:0;
  list-style-type:none
}

.sidebar a{
  display:inline-block
}

.sidebar .navbar-links{
  display:none;
  border-bottom:1px solid var(--c-border);
  transition:border-color var(--t-color);
  padding:.5rem 0 .75rem 0
}

.sidebar .navbar-links a{
  font-weight:600
}

.sidebar .navbar-links .navbar-links-item{
  display:block;
  line-height:1.25rem;
  font-size:1.1em;
  padding:.5rem 0 .5rem 1.5rem
}

.sidebar .sidebar-links{
  padding:1.5rem 0
}

.sidebar .sidebar-links>li:not(:first-child){
  margin-top:.75rem
}

.sidebar .sidebar-links .sidebar-sub-items{
  padding-left:1rem;
  font-size:.95em
}

@media(max-width: 719px){
  .sidebar .navbar-links{
    display:block
  }

  .sidebar .navbar-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active::after{
    top:calc(1rem - 2px)
  }

  .sidebar .sidebar-links{
    padding:1rem 0
  }
}

.sidebar-heading{
  color:var(--c-text);
  transition:color .15s ease;
  font-size:1.1em;
  font-weight:bold;
  padding:.35rem 1.5rem .35rem 1.25rem;
  width:100%;
  box-sizing:border-box;
  margin:0;
  border-left:.25rem solid transparent
}

.sidebar-heading .arrow{
  position:relative;
  top:-0.12em;
  left:.5em
}

.sidebar-item:not(.sidebar-heading){
  font-size:1em;
  font-weight:400;
  display:inline-block;
  color:var(--c-text);
  border-left:.25rem solid transparent;
  margin:0;
  padding:.35rem 1rem .35rem 2rem;
  line-height:1.4;
  width:100%;
  box-sizing:border-box
}

.sidebar-links>.sidebar-item:not(.sidebar-heading):not(:first-child){
  margin-top:.75rem
}

.sidebar-sub-items .sidebar-item:not(.sidebar-heading){
  padding:.25rem 1rem .25rem 1.75rem
}

.sidebar-item{
  cursor:default
}

a.sidebar-item{
  cursor:pointer
}

a.sidebar-item:hover{
  color:var(--c-text-accent)
}

a.sidebar-item.active{
  font-weight:600;
  color:var(--c-text-accent);
  border-left-color:var(--c-text-accent)
}

a.sidebar-item.sidebar-heading.active{
  font-weight:bold;
  border-left-color:transparent
}

.sidebar-sub-items a.sidebar-item.active{
  font-weight:500;
  border-left-color:transparent
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border-width:0;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none
}

.table-of-contents .badge{
  vertical-align:middle
}

.fade-slide-y-enter-active{
  transition:all .3s ease
}

.fade-slide-y-leave-active{
  transition:all .3s cubic-bezier(1, 0.5, 0.8, 1)
}

.fade-slide-y-enter-from,.fade-slide-y-leave-to{
  transform:translateY(10px);
  opacity:0
}

*, ::before, ::after{
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity))
}

.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem
}

.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem
}

.flex{
  display: flex
}

.table{
  display: table
}

.transform{
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-90{
  --tw-rotate: 90deg
}

@-webkit-keyframes spin{
  to{
    transform: rotate(360deg)
  }
}

@keyframes spin{
  to{
    transform: rotate(360deg)
  }
}

@-webkit-keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0
  }
}

@keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0
  }
}

@-webkit-keyframes pulse{
  50%{
    opacity: .5
  }
}

@keyframes pulse{
  50%{
    opacity: .5
  }
}

@-webkit-keyframes bounce{
  0%, 100%{
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1)
  }

  50%{
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1)
  }
}

@keyframes bounce{
  0%, 100%{
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1)
  }

  50%{
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1)
  }
}

.bg-yellow-300{
  --tw-bg-opacity: 1;
  background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
}

.text-5xl{
  font-size: 3rem;
  line-height: 1
}

.text-red-700{
  --tw-text-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-text-opacity))
}

*, ::before, ::after{
  --tw-shadow: 0 0 #0000
}

*, ::before, ::after{
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000
}

@media (min-width: 640px){
}

@media (min-width: 768px){
}

@media (min-width: 1024px){
}

@media (min-width: 1280px){
}

@media (min-width: 1536px){
}
/* purgecss start ignore */

:root {
  --medium-zoom-z-index: 100;
  --medium-zoom-bg-color: #ffffff;
  --medium-zoom-opacity: 1;
}

/* purgecss end ignore */

/* purgecss start ignore */

.medium-zoom-overlay {
  /* override element style set by medium-zoom script */
  background-color: var(--medium-zoom-bg-color) !important;
  z-index: var(--medium-zoom-z-index);
}

.medium-zoom-overlay ~ img {
  z-index: calc(var(--medium-zoom-z-index) + 1);
}

.medium-zoom--opened .medium-zoom-overlay {
  opacity: var(--medium-zoom-opacity);
}

/* purgecss end ignore */

/* purgecss start ignore */

:root {
  --back-to-top-z-index: 5;
  --back-to-top-color: #3eaf7c;
  --back-to-top-color-hover: #71cda3;
}

/* purgecss end ignore */

/* purgecss start ignore */

.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 2rem;
  right: 2.5rem;
  width: 2rem;
  height: 1.2rem;
  background-color: var(--back-to-top-color);
  -webkit-mask: url(/assets/img/back-to-top.8b37f773.svg) no-repeat;
          mask: url(/assets/img/back-to-top.8b37f773.svg) no-repeat;
  z-index: var(--back-to-top-z-index);
}

.back-to-top:hover {
  background-color: var(--back-to-top-color-hover);
}

@media (max-width: 959px) {
  .back-to-top {
    display: none;
  }
}

.back-to-top-enter-active,
.back-to-top-leave-active {
  transition: opacity 0.3s;
}

.back-to-top-enter-from,
.back-to-top-leave-to {
  opacity: 0;
}

/* purgecss end ignore */

/* purgecss start ignore */

:root {
  --nprogress-color: #29d;
  --nprogress-z-index: 1031;
}

/* purgecss end ignore */

/* purgecss start ignore */

#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: var(--nprogress-color);
  position: fixed;
  z-index: var(--nprogress-z-index);
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px var(--nprogress-color), 0 0 5px var(--nprogress-color);
  opacity: 1;
  transform: rotate(3deg) translate(0px, -4px);
}

/* purgecss end ignore */