/*Perfact Scrollbar*/
 .ps__rail-x,.ps__rail-y{
    display:none;
    opacity:0;
    position:absolute
}
.ps{
    overflow:hidden!important;
    overflow-anchor:none;
    -ms-overflow-style:none;
    touch-action:auto;
    -ms-touch-action:auto
}
.ps__rail-x{
    transition:background-color .2s linear,opacity .2s linear;
    -webkit-transition:background-color .2s linear,opacity .2s linear;
    height:15px;
    bottom:0
}
.ps__rail-y{
    transition:background-color .2s linear,opacity .2s linear;
    -webkit-transition:background-color .2s linear,opacity .2s linear;
    width:15px;
    right:0
}
.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{
    display:block;
    background-color:transparent
}
.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{
    opacity:.6
}
.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{
    background-color:#eee;
    opacity:.9
}
.ps__thumb-x,.ps__thumb-y{
    background-color:#aaa;
    border-radius:6px;
    position:absolute
}
.ps__thumb-x{
    transition:background-color .2s linear,height .2s ease-in-out;
    -webkit-transition:background-color .2s linear,height .2s ease-in-out;
    height:6px;
    bottom:2px
}
.ps__thumb-y{
    transition:background-color .2s linear,width .2s ease-in-out;
    -webkit-transition:background-color .2s linear,width .2s ease-in-out;
    width:6px;
    right:2px
}
.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{
    background-color:#999;
    height:11px
}
.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{
    background-color:#999;
    width:11px
}
@supports (-ms-overflow-style:none){
    .ps{
        overflow:auto!important
    }
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
    .ps{
        overflow:auto!important
    }
}
/* PrismJS 1.17.1 https://prismjs.com/download.html?#themes=prism&languages=markup+css+clike+javascript&plugins=line-highlight+line-numbers+file-highlight+show-invisibles */
/** * prism.js default theme for JavaScript, CSS and HTML * Based on dabblet (http://dabblet.com) * @author Lea Verou */
 code[class*=language-],pre[class*=language-]{
    color:#000;
    background:0 0;
    text-shadow:0 1px #fff;
    font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
    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;
    -moz-hyphens:none;
    -ms-hyphens:none;
    hyphens:none
}
code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{
    text-shadow:none;
    background:#b3d4fc
}
code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{
    text-shadow:none;
    background:#b3d4fc
}
@media print{
    code[class*=language-],pre[class*=language-]{
        text-shadow:none
    }
}
pre[class*=language-]{
    padding:1em;
    margin:.5em 0;
    overflow:auto
}
:not(pre)>code[class*=language-],pre[class*=language-]{
    background:#f5f2f0
}
:not(pre)>code[class*=language-]{
    padding:.1em;
    border-radius:.3em;
    white-space:normal
}
.token.cdata,.token.comment,.token.doctype,.token.prolog{
    color:#708090
}
.token.punctuation{
    color:#999
}
.namespace{
    opacity:.7
}
.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{
    color:#905
}
.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{
    color:#690
}
.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{
    color:#9a6e3a;
    background:hsla(0,0%,100%,.5)
}
.token.atrule,.token.attr-value,.token.keyword{
    color:#07a
}
.token.class-name,.token.function{
    color:#dd4a68
}
.token.important,.token.regex,.token.variable{
    color:#e90
}
.token.bold,.token.important{
    font-weight:700
}
.token.italic{
    font-style:italic
}
.token.entity{
    cursor:help
}
pre[data-line]{
    position:relative;
    padding:1em 0 1em 3em
}
.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
}
.line-highlight:before,.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:#f4f1ef;
    font:bold 65%/1.5 sans-serif;
    text-align:center;
    vertical-align:.3em;
    border-radius:999px;
    text-shadow:none;
    box-shadow:0 1px #fff
}
.line-highlight[data-end]:after{
    content:attr(data-end);
    top:auto;
    bottom:.4em
}
.line-numbers .line-highlight:after,.line-numbers .line-highlight:before{
    content:none
}
pre[class*=language-].line-numbers{
    position:relative;
    padding-left:3.8em;
    counter-reset:linenumber
}
pre[class*=language-].line-numbers>code{
    position:relative;
    white-space:inherit
}
.line-numbers .line-numbers-rows{
    position:absolute;
    pointer-events:none;
    top:0;
    font-size:100%;
    left:-3.8em;
    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
}
.line-numbers-rows>span{
    pointer-events:none;
    display:block;
    counter-increment:linenumber
}
.line-numbers-rows>span:before{
    content:counter(linenumber);
    color:#999;
    display:block;
    padding-right:.8em;
    text-align:right
}
.token.cr,.token.lf,.token.space,.token.tab:not(:empty){
    position:relative
}
.token.cr:before,.token.lf:before,.token.space:before,.token.tab:not(:empty):before{
    color:grey;
    opacity:.6;
    position:absolute
}
.token.tab:not(:empty):before{
    content:'\21E5'
}
.token.cr:before{
    content:'\240D'
}
.token.crlf:before{
    content:'\240D\240A'
}
.token.lf:before{
    content:'\240A'
}
.token.space:before{
    content:'\00B7'
}
/*Flag icons*/
 .flag-icon-background{
    background-size:contain;
    background-position:50%;
    background-repeat:no-repeat
}
.flag-icon{
    background-size:contain;
    background-position:50%;
    background-repeat:no-repeat;
    position:relative;
    display:inline-block;
    width:1.33333333em;
    line-height:1em
}
.flag-icon:before{
    content:"\00a0"
}
.flag-icon.flag-icon-squared{
    width:1em
}