@import url("https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600");* {
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    box-sizing: border-box
}

@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/fonts/JetbrainsMonoRegular.woff') format('woff')
}


body:not(.ready) {
    overflow: hidden
}

body:not(.ready) .app-nav,body:not(.ready)>nav,body:not(.ready) [data-cloak] {
    display: none
}

img {
    max-width: 100%
}

a[disabled] {
    cursor: not-allowed;
    opacity: .6
}

main {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 0;
    margin-left: 250px;
    margin-top: 90px;
    overflow: hidden;
}

main.hidden {
    display: none
}

.content {
    margin: 0 auto;
    max-width: 936px;
    background:#fff;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
}

.sidebar {
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
    overflow-y: auto;
    padding: 10px 0 0;
    padding-top:20px;
    position: fixed;
    top: 0;
    bottom: 0;
    transition: transform .25s ease-out;
    width: 17.5rem;
    z-index: 19;
    padding-left:1.2rem;
    color: #364149;
    background-color: #fff;
    top: 65px;
    width: 250px;
}

.sidebar>h1 {
    margin: 0 auto 1rem;
    font-size: 1.5rem;
    font-weight: 300;
    text-align: center
}

.sidebar>h1 a {
    color: inherit;
    text-decoration: none
}

.sidebar>h1 .app-nav {
    display: block;
    position: static
}

.sidebar .sidebar-nav {
    line-height: 2em;
    padding-bottom: 40px;
    transition: visibility 0.3s;
    padding-left: 15px;
}

.sidebar li.collapse .app-sub-sidebar {
    display: none
}

.sidebar ul {
    margin: 0;
    padding: 0
}

.sidebar ul,.sidebar ul li {
    list-style: none
}

li.section-link {
    line-height: 24px;
}

.sidebar ul li a {
    border-bottom: none;
    display: block
}

.sidebar ul li ul {
    padding-left: 20px
}

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

.sidebar::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 4px
}

.sidebar:hover::-webkit-scrollbar-thumb {
    background: hsla(0,0%,53.3%,.4)
}

.sidebar:hover::-webkit-scrollbar-track {
    background: hsla(0,0%,53.3%,.1)
}

body.close .sidebar {
    display: none;
}


body.close .content {
    left: 0;
    width:100%;
}


.faq {
    border-radius: 20px;
    margin-bottom: 10px;
    background: #f0f2f5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: all .3s ease-in-out;
}

.faq-question {
    font-weight: bold;
    cursor: pointer;
    padding: 30px 25px 20px 25px;
}

.faq-answer {
    display: none;
    padding: 10px 20px;
    border-top: 1px solid #d1d1d1;
    margin-top: 10px;
    background: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

@media print {
    .sidebar{
        display: none
    }
}

@media screen and (max-width: 991px) {
  

    main {
        height: auto;
        min-height: 100vh;
        overflow-x: hidden;
        margin-left:0;
    }

    .sidebar{
        position:fixed
    }
    
    .sidebar {
        left: -100%;
        transition: transform .25s ease-out
    }

    .content {
        left: 0;
        width:100%;
        max-width: 100vw;
        position: static;
        transition: transform .25s ease
    }

    body.close .sidebar {
        left: 0;
        display: block;
    }


}

@keyframes octocat-wave {
    0%,to {
        transform: rotate(0)
    }

    20%,60% {
        transform: rotate(-25deg)
    }

    40%,80% {
        transform: rotate(10deg)
    }
}


.sidebar li {
    margin: 6px 0
}

li.sidebar-nav-item.active,li.sidebar-nav-item.active1 {
    font-weight: 600;
}

.sidebar ul li a {
    color: #505d6b;
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sidebar ul li a:hover {
    text-decoration: underline
}

.sidebar ul li ul {
    padding: 0
}

.sidebar ul li.active>a {
    border-right: 2px solid;
    color: #42b983;
    color: var(--theme-color,#42b983);
    font-weight: 600
}

      /**
 * prism.js Github theme based on GitHub's theme.
 * @author Sam Clarke
 */
 code[class*="language-"],
 pre[class*="language-"] {
   color: #333;
   background: none;
   font-family: "JetBrains Mono",Consolas, "Liberation Mono", Menlo, Courier, monospace;
   text-align: left;
   white-space: pre;
   word-spacing: normal;
   word-break: normal;
   word-wrap: normal;
   line-height: 1.4;
 
   -moz-tab-size: 8;
   -o-tab-size: 8;
   tab-size: 8;
 
   -webkit-hyphens: none;
   -moz-hyphens: none;
   -ms-hyphens: none;
   hyphens: none;
 }
 
 /* Code blocks */
 pre[class*="language-"] {
   padding: .8em;
   overflow: auto;
   /* border: 1px solid #ddd; */
   border-radius: 3px;
   /* background: #fff; */
   background: #f5f5f5;
 }
 
 /* Inline code */
 :not(pre) > code[class*="language-"] {
   padding: .1em;
   border-radius: .3em;
   white-space: normal;
   background: #f5f5f5;
 }
 
 .token.comment,
 .token.blockquote {
   color: #969896;
 }
 
 .token.cdata {
   color: #183691;
 }
 
 .token.doctype,
 .token.punctuation,
 .token.variable,
 .token.macro.property {
   color: #333;
 }
 
 .token.operator,
 .token.important,
 .token.keyword,
 .token.rule,
 .token.builtin {
   color: #a71d5d;
 }
 
 .token.string,
 .token.url,
 .token.regex,
 .token.attr-value {
   color: #183691;
 }
 
 .token.property,
 .token.number,
 .token.boolean,
 .token.entity,
 .token.atrule,
 .token.constant,
 .token.symbol,
 .token.command,
 .token.code {
   color: #0086b3;
 }
 
 .token.tag,
 .token.selector,
 .token.prolog {
   color: #63a35c;
 }
 
 .token.function,
 .token.namespace,
 .token.pseudo-element,
 .token.class,
 .token.class-name,
 .token.pseudo-class,
 .token.id,
 .token.url-reference .token.variable,
 .token.attr-name {
   color: #795da3;
 }
 
 .token.entity {
   cursor: help;
 }
 
 .token.title,
 .token.title .token.punctuation {
   font-weight: bold;
   color: #1d3e81;
 }
 
 .token.list {
   color: #ed6a43;
 }
 
 .token.inserted {
   background-color: #eaffea;
   color: #55a532;
 }
 
 .token.deleted {
   background-color: #ffecec;
   color: #bd2c00;
 }
 
 .token.bold {
   font-weight: bold;
 }
 
 .token.italic {
   font-style: italic;
 }
 
 
 /* JSON */
 .language-json .token.property {
   color: #183691;
 }
 
 .language-markup .token.tag .token.punctuation {
   color: #333;
 }
 
 /* CSS */
 code.language-css,
 .language-css .token.function {
   color: #0086b3;
 }
 
 /* YAML */
 .language-yaml .token.atrule {
   color: #63a35c;
 }
 
 code.language-yaml {
   color: #183691;
 }
 
 /* Ruby */
 .language-ruby .token.function {
   color: #333;
 }
 
 /* Markdown */
 .language-markdown .token.url {
   color: #795da3;
 }
 
 /* Makefile */
 .language-makefile .token.symbol {
   color: #795da3;
 }
 
 .language-makefile .token.variable {
   color: #183691;
 }
 
 .language-makefile .token.builtin {
   color: #0086b3;
 }
 
 /* Bash */
 .language-bash .token.keyword {
   color: #0086b3;
 }
 /* Custom CSS for "copy" button in code blocks */
 .code-wrapper{
    position:relative;
    background-color: #f5f5f5;
    padding-top:3rem;
    border-radius: 0.5rem;
    margin-bottom: 3rem;
    max-width: 936px;
  }

  .code-wrapper button.copyCode-button {
    position: absolute;
    top: 1em;
    right: 0.5em;
    height: calc(0.9rem * 1.5);
    font-size: .9rem;
    padding: 0.15rem;
    background: 0 0;
    color: #1e1e1e;
    border: none;
    box-shadow: 0 0 0 1px rgb(183,187,189);
    border-radius: 3px;
    text-shadow: #c4c4c4 0 0 2px;
    --focus-shadow: 0 0 0 .1875em rgba(243,128,32,0.5);
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .code-wrapper button.copyCode-button:hover, .code-wrapper button.copyCode-button:focus{
    cursor: pointer;
    background-color: #828282;
  }
 
  .copied{
    position: absolute;
    z-index: 100;
    background: #fff;
    left: -21px;
    padding: 4px;
    top: -2px;
    border-radius: 5px;
    box-shadow: 0 4px 11px -2px rgba(37,44,97,.15), 0 1px 3px 0 rgba(93,100,148,.2);
    visibility: hidden;
    transition: visibility 0.3s linear;
  }
 /* highlight */
 pre[data-line] {
   position: relative;
   padding: 1em 0 1em 3em;
 }
 pre[data-line] .line-highlight-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   background-color: transparent;
   display: block;
   width: 100%;
 }
 
 pre[data-line] .line-highlight {
   position: absolute;
   left: 0;
   right: 0;
   padding: inherit 0;
   margin-top: 1em;
   background: hsla(24, 20%, 50%,.08);
   background: linear-gradient(to right, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
   pointer-events: none;
   line-height: inherit;
   white-space: pre;
 }
 
 pre[data-line] .line-highlight:before, 
 pre[data-line] .line-highlight[data-end]:after {
   content: attr(data-start);
   position: absolute;
   top: .4em;
   left: .6em;
   min-width: 1em;
   padding: 0 .5em;
   background-color: hsla(24, 20%, 50%,.4);
   color: hsl(24, 20%, 95%);
   font: bold 65%/1.5 sans-serif;
   text-align: center;
   vertical-align: .3em;
   border-radius: 999px;
   text-shadow: none;
   box-shadow: 0 1px white;
 }
 
 pre[data-line] .line-highlight[data-end]:after {
   content: attr(data-end);
   top: auto;
   bottom: .4em;
 }
 
 html body {
     font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
     font-size: 14px;
     line-height: 1.6;
     color: #333;
     background-color:#e8eaed;
     overflow: initial;
     box-sizing: border-box;
     word-wrap: break-word
 }

 html body>:first-child {
     margin-top: 0
 }

 html body h1,
 html body h2,
 html body h3,
 html body h4,
 html body h5,
 html body h6 {
     line-height: 1.2;
     margin-top: 1em;
     margin-bottom: 16px;
     color: #2c3e50
 }

 
 .markdown-preview h2, 
 .markdown-preview h3 {
    border-top: 1px solid #d2d5d9;
    margin-top: 36px;
    padding-top: 36px;
 }
 
 
 .markdown-preview h1{
    margin-bottom: 32px;
    margin-top: 0;
 }

 html body h1 {
     font-size: 2.25em;
     padding-bottom: .3em
 }

 html body h2 {
     font-size: 1.75em;
     padding-bottom: .3em
 }

 html body h3 {
     font-size: 1.5em;
 }

 html body h4 {
     font-size: 1.25em;
 }

 html body h5 {
     font-size: 1.1em;
 }

 html body h6 {
     font-size: 1em;
 }

 html body h1,
 html body h2,
 html body h3,
 html body h4,
 html body h5 {
     font-weight: 600
 }

 html body h5 {
     font-size: 1em
 }

 html body h6 {
     color: #5c5c5c
 }

 html body strong {
     color: #000
 }

 html body del {
     color: #5c5c5c
 }

 html body a:not([href]) {
     color: inherit;
     text-decoration: none
 }

 html body a {
     color: #08c;
     text-decoration: none
 }

 html body a:hover {
     color: #00a3f5;
     text-decoration: none
 }

 html body img {
     max-width: 100%
 }

 html body>p {
     margin-top: 0;
     margin-bottom: 16px;
     word-wrap: break-word
 }

 html body>ul,
 html body>ol {
     margin-bottom: 16px
 }

 html body ul,
 html body ol {
     padding-left: 2em
 }

 html body ul.no-list,
 html body ol.no-list {
     padding: 0;
     list-style-type: none
 }

 html body ul ul,
 html body ul ol,
 html body ol ol,
 html body ol ul {
     margin-top: 0;
     margin-bottom: 0
 }

 html body li {
     margin-bottom: 0
 }

 html body li.task-list-item {
     list-style: none
 }

 html body li>p {
    margin-top: 0;
    margin-bottom: 0;
 }

aside li>p {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: .08em;
    line-height: 16px;
    color: #202123;
 }

 html body .task-list-item-checkbox {
     margin: 0 .2em .25em -1.8em;
     vertical-align: middle
 }

 html body .task-list-item-checkbox:hover {
     cursor: pointer
 }

 html body blockquote {
     margin: 16px 0;
     font-size: inherit;
     padding: 0 15px;
     color: #5c5c5c;
     background-color: #f0f0f0;
     border-left: 4px solid #d6d6d6
 }

 html body blockquote>:first-child {
     margin-top: 0
 }

 html body blockquote>:last-child {
     margin-bottom: 0
 }

 html body hr {
     height: 4px;
     margin: 32px 0;
     background-color: #d6d6d6;
     border: 0 none
 }

 html body table {
     margin: 10px 0 15px 0;
     border-collapse: collapse;
     border-spacing: 0;
     display: block;
     width: 100%;
     overflow: auto;
     word-break: normal;
     word-break: keep-all
 }

 html body table th {
     font-weight: bold;
     color: #000
 }

 html body table td,
 html body table th {
     border: 1px solid #d6d6d6;
     padding: 6px 13px
 }

 html body dl {
     padding: 0
 }

 html body dl dt {
     padding: 0;
     margin-top: 16px;
     font-size: 1em;
     font-style: italic;
     font-weight: bold
 }

 html body dl dd {
     padding: 0 16px;
     margin-bottom: 16px
 }

 html body code {
     font-family: "JetBrains Mono", Menlo, Monaco, Consolas, 'Courier New', monospace;
     color: rgb(29,31,32);
     background-color: rgba(29, 31, 32, 0.05);
     border-radius: 3px;
     padding: .2em 0;
     font-size: 0.85rem;
 }

 html body code::before,
 html body code::after {
     letter-spacing: -0.2em;
     content: "\00a0"
 }

 html body pre>code {
     padding: 0;
     margin: 0;
     word-break: normal;
     white-space: pre;
     background: transparent;
     border: 0
 }

 html body .highlight {
     margin-bottom: 16px
 }

 html body .highlight pre,
 html body pre {
     padding: 1em;
     overflow: auto;
     line-height: 1.45;
     border: #d6d6d6;
     border-radius: 3px
 }

 html body .highlight pre {
     margin-bottom: 0;
     word-break: normal
 }

 html body pre code,
 html body pre tt {
     display: inline;
     max-width: initial;
     padding: 0;
     margin: 0;
     overflow: initial;
     line-height: inherit;
     word-wrap: normal;
     background-color: transparent;
     border: 0
 }

 html body pre code:before,
 html body pre tt:before,
 html body pre code:after,
 html body pre tt:after {
     content: normal
 }

 html body p,
 html body blockquote,
 html body ul,
 html body ol,
 html body dl,
 html body pre {
     margin-top: 0;
     margin-bottom: 16px
 }

 html body kbd {
     color: #000;
     border: 1px solid #d6d6d6;
     border-bottom: 2px solid #c7c7c7;
     padding: 2px 4px;
     background-color: #f0f0f0;
     border-radius: 3px
 }

 @media print {
     html body {
         background-color: #fff
     }

     html body h1,
     html body h2,
     html body h3,
     html body h4,
     html body h5,
     html body h6 {
         color: #000;
         page-break-after: avoid
     }

     html body blockquote {
         color: #5c5c5c
     }

     html body pre {
         page-break-inside: avoid
     }

     html body table {
         display: table
     }

     html body img {
         display: block;
         max-width: 100%;
         max-height: 100%
     }

     html body pre,
     html body code {
         word-wrap: break-word;
         white-space: pre
     }
 }

 .markdown-preview {
     width: 100%;
     height: 100%;
     box-sizing: border-box
 }

 .markdown-preview .pagebreak,
 .markdown-preview .newpage {
     page-break-before: always
 }

 .markdown-preview pre.line-numbers {
     position: relative;
     padding-left: 3.8em;
     counter-reset: linenumber
 }

 .markdown-preview pre.line-numbers>code {
     position: relative
 }

 .markdown-preview pre.line-numbers .line-numbers-rows {
     position: absolute;
     pointer-events: none;
     top: 1em;
     font-size: 100%;
     left: 0;
     width: 3em;
     letter-spacing: -1px;
     border-right: 1px solid #999;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .markdown-preview pre.line-numbers .line-numbers-rows>span {
     pointer-events: none;
     display: block;
     counter-increment: linenumber
 }

 .markdown-preview pre.line-numbers .line-numbers-rows>span:before {
     content: counter(linenumber);
     color: #999;
     display: block;
     padding-right: .8em;
     text-align: right
 }

 .markdown-preview .mathjax-exps .MathJax_Display {
     text-align: center !important
 }

 .markdown-preview:not([for="preview"]) .code-chunk .btn-group {
     display: none
 }

 .markdown-preview:not([for="preview"]) .code-chunk .status {
     display: none
 }

 .markdown-preview:not([for="preview"]) .code-chunk .output-div {
     margin-bottom: 16px
 }

 .markdown-preview .md-toc {
     padding: 0
 }

 .markdown-preview .md-toc .md-toc-link-wrapper .md-toc-link {
     display: inline;
     padding: .25rem 0
 }

 .markdown-preview .md-toc .md-toc-link-wrapper .md-toc-link p,
 .markdown-preview .md-toc .md-toc-link-wrapper .md-toc-link div {
     display: inline
 }

 .markdown-preview .md-toc .md-toc-link-wrapper.highlighted .md-toc-link {
     font-weight: 800
 }

 .scrollbar-style::-webkit-scrollbar {
     width: 8px
 }

 .scrollbar-style::-webkit-scrollbar-track {
     border-radius: 10px;
     background-color: transparent
 }

 .scrollbar-style::-webkit-scrollbar-thumb {
     border-radius: 5px;
     background-color: rgba(150, 150, 150, 0.66);
     border: 4px solid rgba(150, 150, 150, 0.66);
     background-clip: content-box
 }

 html body[for="html-export"]:not([data-presentation-mode]) {
     position: relative;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     margin: 0;
     padding: 0;
     overflow: auto
 }

 html body[for="html-export"]:not([data-presentation-mode]) .markdown-preview {
     position: relative;
     top: 0;
     margin-bottom: 32px;
     min-height: calc(100vh - 122px);
 }

 @media screen and (min-width:914px) {
     html body[for="html-export"]:not([data-presentation-mode]) .markdown-preview {
         padding: 40px;
     }
 }

 @media screen and (max-width:914px) {
     html body[for="html-export"]:not([data-presentation-mode]) .markdown-preview {
         padding: 2em
     }
 }

 @media screen and (max-width:450px) {
     html body[for="html-export"]:not([data-presentation-mode]) .markdown-preview {
         font-size: 14px !important;
         padding: 1em
     }
 }

 @media print {
     html body[for="html-export"]:not([data-presentation-mode]) #sidebar-toc-btn {
         display: none
     }
 }

 html body[for="html-export"]:not([data-presentation-mode]) #sidebar-toc-btn {
     position: fixed;
     bottom: 8px;
     left: 8px;
     font-size: 28px;
     cursor: pointer;
     color: inherit;
     z-index: 99;
     width: 32px;
     text-align: center;
     opacity: .4
 }

 html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] #sidebar-toc-btn {
     opacity: 1
 }

 html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc {
     position: fixed;
     top: 0;
     left: 0;
     width: 300px;
     height: 100%;
     padding: 32px 0 48px 0;
     font-size: 14px;
     box-shadow: 0 0 4px rgba(150, 150, 150, 0.33);
     box-sizing: border-box;
     overflow: auto;
     background-color: inherit
 }

 html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc::-webkit-scrollbar {
     width: 8px
 }

 html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc::-webkit-scrollbar-track {
     border-radius: 10px;
     background-color: transparent
 }

 html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc::-webkit-scrollbar-thumb {
     border-radius: 5px;
     background-color: rgba(150, 150, 150, 0.66);
     border: 4px solid rgba(150, 150, 150, 0.66);
     background-clip: content-box
 }

 html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc a {
     text-decoration: none
 }

 html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc .md-toc {
     padding: 0 16px
 }

 html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc .md-toc .md-toc-link-wrapper .md-toc-link {
     display: inline;
     padding: .25rem 0
 }

 html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc .md-toc .md-toc-link-wrapper .md-toc-link p,
 html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc .md-toc .md-toc-link-wrapper .md-toc-link div {
     display: inline
 }

 html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc .md-toc .md-toc-link-wrapper.highlighted .md-toc-link {
     font-weight: 800
 }

 html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .markdown-preview {
     left: 300px;
     width: calc(100% - 300px);
     padding: 2em calc(50% - 457px - 300px/2);
     margin: 0;
     box-sizing: border-box
 }

 @media screen and (max-width:1274px) {
     html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .markdown-preview {
         padding: 2em
     }
 }

 @media screen and (max-width:450px) {
     html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .markdown-preview {
         width: 100%
     }
 }



 html body[for="html-export"]:not([data-presentation-mode]):not([html-show-sidebar-toc]) .md-sidebar-toc {
     display: none
 }
 /* Please visit the URL below for more information: */
 /*   https://shd101wyy.github.io/markdown-preview-enhanced/#/customize-css */

.docs-page{
    position: relative;
    margin:0 auto;
    width:100%;
    display: flex;
}


li.sidebar-nav-item{
    cursor: pointer;
    margin-top: 25px;
    
}


li[active-topic="true"] a{
    color: #10a37f!important;
    font-weight: 700!important;
    border-right:2px solid;
    position: relative;
    padding: 0.25em 0.6em;
    margin-left: -0.6em;
    z-index: 1;
}

li[active-topic="true"] a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    height: 100%;
    background: #e6f3f3;
    z-index: -1;
    border-radius: 0.25em;
}

ul[toggle="off"]{
    display: none;
}

ul[toggle="on"]{
    display: block;
}
 
.app-sub-sidebar li:before{
    content:""!important
}  



h1.app-name {
    font-size: 1.5rem;
    font-weight: 300;
    text-align: center;
}

section.content img:hover{
    cursor:zoom-in;
}

.image-wrapper{
    position: relative;
    margin: 40px 0;
    width:fit-content;
    max-width:936px;
    z-index: 0;
}

.image-wrapper img{
    border-radius:0.5rem;
}

section.content .note-info{
    font-size: .9em;
    margin: 1.5em 0;
    padding: 1em 1.3333em;
    border-left: 0.28125em solid rgba(29,31,32,.5);
    background-color: rgba(44, 124, 176,0.1);
    border-radius: 0 0.5em 0.5em 0;
    border-left-color: rgba(44, 124, 176,.4);
}

section.content .note-info code{
    background-color: transparent;
}

section.content .note-warning{
    font-size: .9em;
    margin: 1.5em 0;
    padding: 1em 1.3333em;
    border-left: 0.28125em solid rgba(29,31,32,.5);
    background-color: rgba(224, 109, 16,0.1);
    border-radius: 0 0.5em 0.5em 0;
    border-left-color: rgba(224, 109, 16,.4);
}

section.content a{
    color: #333;
    background: rgba(243,128,32,0.08);
    border-bottom: 1px solid rgba(183,79,11,0.3);
    box-shadow: 0 0 0 0 rgba( 243, 128, 32 , .5);
}


header{
    width: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0.25rem 1rem;
    position: fixed;
    z-index: 20;
    border-bottom: 1px solid rgba(238,238,245,1);
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
 }   

 .menu_wrapper{
    display: flex;
    align-items: center;
    gap: 8px;
 }

 .contact_btn_wrapper a{
    border: 1px solid #dfdfdf;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #1a73e8;
    cursor: pointer;
    display: inline-block;
    font: 13px;
    height: 36px;
    line-height: 36px;
    min-width: 36px;
    outline: 0;
    overflow: hidden;
    padding: 0 16px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: none;
    -webkit-transition: background-color .2s,border .2s,box-shadow .2s;
    transition: background-color .2s,border .2s,box-shadow .2s;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
    background-color: #fff;
 }

 .contact_btn_wrapper a:hover{
    background-color: #e8f0fe;
    text-decoration:none;
    font-weight: 500;
 }
.menu_document_title,.bar_document_title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    visibility: visible;
}

.document_logo{
    border-radius:10px;
}
.button_menu_close,.button_menu{
    color: rgb(35,38,59);
    fill: currentColor;
    margin-right: 32px;
    margin-left: 16px;
    align-items: center;
    display: flex;
    padding: 0;
    background-color: transparent;
    background-image: none;
    text-transform: none;
    overflow: visible;
    border: 0;
    box-sizing: border-box;
    white-space: nowrap;
    display: none;
    cursor: pointer;
 }

 .button_menu_close{
    margin-left:auto;
 }
 button.button_menu_close:hover,button.button_menu:hover {
    opacity: 0.5;
 }

 .button_menu_icon_close,.button_menu_icon{
    width: 24px;
    padding: 2px;
    margin-right: 8px;
    height: 24px;
    flex-shrink: 0;
    flex-grow: 0;
    align-items: center;
    display: flex;
    color: rgb(35,38,59);
 }
 .button_menu_icon_close{
    width: 20px;
    height: 20px;
 }

 .button_menu_close svg,.button_menu svg{
    height: 100%;
    display: block;
    vertical-align: middle;
 }

 .button_menu_close svg{
    color: rgba(90,94,154,.9);
 }
 .button_menu_text{
    text-transform: uppercase;
    font-size: 10px;
    flex-shrink: 0;
    flex-grow: 0;
    display: block;
}


.video_wrapper{
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

.video_play_button{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
    z-index: 1;
    user-select: none;
}
.play_button_wrapper{
    position: absolute;
    inset: 0px;
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.play_button_container{
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
}
.play_button_container button{
    filter: drop-shadow(rgba(0, 0, 0, 0) 0px 0px 0px);
    transition: filter 0.15s ease 0s;
    color: white;
    display: block;
    padding: 0px;
    margin: 0px;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.play_button_container svg{
    display: block;
    transform: translateX(3%);
    height: min(8vh, 12em);
}
/*-- Modal styles -------------*/

.modal_bg{
    opacity:0.8;
    transition: 0.2s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #1e1e1e;
    visibility: hidden;
}

.search_modal_bg{
    transition: 0.2s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: rgba(101,108,133,0.8);
    visibility: hidden;
}

.modal_wrap{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    overflow: auto;
}

.search_modal_wrap{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
}

.overflow_hidden{
    overflow: hidden!important;
}
.modal_container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
    transition: all 0.3s ease-out;
    opacity: 0;
}

.modal_container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.modal_content{   
    max-width: calc(100% - 5px);
    cursor: auto; 
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}
.search_modal_content{   
    max-width: 560px;
    cursor: auto; 
    position: relative;
    display: block;
    z-index: 1045;
    width:100%;
}

.modal_dialog{
    max-width: 900px;
    min-width: 600px;
    width: 90%;
    background: #fff;
    padding: 20px 30px;
    text-align: left;
    margin: 40px auto;
    position: relative;
    border-radius: 5px;
}
.modal_figure{
    visibility: visible;
    cursor: pointer;
    line-height: 0;
}
.modal_figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}
.modal_figure figure{
    margin:0;

}

img.modal_img{
    width: auto;
    max-width: 100%;
    height: auto;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
    vertical-align: middle;
    border: 0;
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
}

.modal_bottom_bar{
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.modal_title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-break: break-word;
    padding-right: 36px;
}
.modal_counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
}
button.modal_close{
    overflow: visible;
    cursor: zoom-out;
    background: transparent;
    border: 0;
    display: none;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
    width: 100%;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    padding-right: 6px;
    top: 0;
    text-decoration: none;
    text-align: right;
    opacity: 1;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    user-select: none;
}
.modal_close:hover{
    opacity: 0.65;
}

button.search_modal_close{
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
    height: 52px;
    line-height: 52px;
    padding-right: 6px;
    text-decoration: none;
    text-align: right;
    opacity: 1;
    color: rgb(119,122,175);
    font-style: normal;
    font-size: 15px;
    user-select: none;
}

.search_modal_close:hover{
    opacity: 0.65;
}

.modal_preloader{
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

@media (max-width:1300px){
    main{
        margin-top:66px;
    }
}

@media (max-width:991px){
    .modal_container {
        padding-left: 6px;
        padding-right: 6px;
    }

    body.close .sidebar{
        width:100%;
        background: #f6f6f7;
    }

    .button_menu_close,.button_menu{
        display: flex;
    }
    .bar_document_title{
        display: none;
    }
    .content .document_logo{
        width:40px;
        height:40px;
    }
}


.search_container {

    padding: 1rem 1rem 1rem 1rem;
    border-radius: 6px;
    box-shadow: inset 1px 1px 0 0 hsla(0, 0%, 100%, 0.5), 0 3px 8px 0 #555a64;
    background: #f5f5f5;
    margin: 60px auto auto;
    width: 100%;
    position: relative;

}

.search-panel {
    display: flex;
}

.search-panel__filters {
    flex: 1;
}

.search-panel__results {
    flex: 3;
}

.ais-Highlight-highlighted {
    color: inherit;
    font-size: inherit;
}

#searchbox {
    margin-bottom: 2rem;
}

.ais-SearchBox-form{
    height:3.5rem;
}
.ais-SearchBox-input{
    border-width: 2px;
    border-radius: 8px;
    caret-color: #5a5e9a!important;
}

.ais-Hits{
    max-height: 400px;
    overflow-y: auto;
    background-color: #f5f5f5;
}
.ais-Hits--empty{
    background: #fff;
    padding: 1rem;
    line-height: 14px;
    font-size: 13px;
    margin: 5px;
    border-radius: 8px!important;
    box-shadow: 0 1px 3px 0 #d4d9e1;
}

.ais-Hits-item, .ais-InfiniteHits-item{
    line-height: 14px;
    padding: 0 1rem;
    font-size: 13px;
    margin: 5px;
    padding-top: 16px;
    border-radius: 8px!important;
    box-shadow: 0 1px 3px 0 #d4d9e1;
}
.ais-Hits-item mark,.ais-InfiniteHits-item mark{
    color:#3c4fe0;
    background-color: transparent;
}
li.ais-Hits-item:hover,.ais-InfiniteHits-item:hover {
    background: #10a37f;
    border-radius: 8px;
    transition: background-color .1s ease-in-out;
}
li.ais-Hits-item:hover p,li.ais-Hits-item:hover mark{
    color:#fff;
}
.search-result-snippet{
    color:#6b6b80;
    font-size: 12px;
}

button.section-searchBox-input {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #d6d6e7;
    border-radius: 10px;
    box-shadow: rgba(119,122,175,.3) 0 1px 4px 0 inset;
    caret-color: #5a5e9a;
    color: #23263b;
    flex: 1 1 0%;
    font: inherit;
    max-width: 100%;
}
button.section-searchBox-input span{
    color: rgb(119,122,175);
    font-size: 12px;
    margin-left: 40px;
}
.section-searchBox {
    display: flex;
    font-size: .875rem;
    height: 2rem;
    line-height: 1rem;
    position: relative;
    width: 100%;
    max-width:215px;
}

.section-searchBox::before {
    background: rgba(0,0,0,0) url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235a5e9a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2216.65%22%20y2%3D%2216.65%22%3E%3C%2Fline%3E%3C%2Fsvg%3E) repeat scroll 0% 0%;
    content: "";
    height: 1rem;
    left: 1rem;
    margin-top: -0.5rem;
    position: absolute;
    top: 50%;
    width: 1rem;
}

.search_container footer{
    display: flex;
    padding: 16px;
    justify-content: flex-end;
    flex: none;
    align-items: center;
}
.poweredby_wrapper{
    display: block;
    padding-bottom: 1px;
    height: 16px;
    padding-top: 1px;
    font-size: 14px;
}

.poweredby_wrapper a{
    height: 100%;
    display: flex;
    align-items: center;
}
.poweredby_text{
    font-size: 10px;
    color: rgb(150,152,195);
}

.poweredby_wrapper svg{
    height: 100%;
    margin-left: 8px;
    flex-shrink: 0;
    display: block;
}