:root{
    --menu-width: 400px
}
@media screen and (max-width: 1370px){
    :root{
        --menu-width: 340px
    }
}
@media screen and (max-width: 430px){
    :root{
        --menu-width: 300px
    }
}
@media screen and (max-width: 380px){
    :root{
        --menu-width: 280px
    }
}
:root{
    --color-main:tomato;
    --page-text:rgba(9,9,16,.8);
    --page-bg:#fff;
    --strong:#444;
    --border-color:#ddd;
    --a:var(--color-main);
    --a-hover:#d24e4e;
    --title-color:#36383b;
    --title-color-hash:#82858b;
    --kbd-text:#333;
    --kbd-bg:#eee;
    --test-container-border:#ddd;
    --test-container-shadow:#ddd;
    --code-inline-bg:#f3f5f6;
    --code-inline-text:#657b83;
    --btn-bg:var(--color-main);
    --btn-bg-hover:#d24e4e;
    --btn-text:#fff;
    --btn-primary-bg:#57bd0f;
    --btn-primary-bg-hover:#6dec13;
    --form-bg:#efefef;
    --form-border:none;
    --form-input-border:1px solid #ccc;
    --form-input-disabled-bg:#efefef;
    --form-input-bg:#fff;
    --form-input-text:#666;
    --form-input-password:#666;
    --form-input-placeholder:#888;
    --info-box-bg:#eee;
    --info-box-icon-bg:var(--color-main);
    --scroll-bg:#eee;
    --scroll-thumb:#aaa;
    --sidebar-bg1:#f5f5fa;
    --sidebar-bg2:var(--page-bg);
    --sidebar-chapter-text:#36383b;
    --sidebar-links:#757575;
    --sidebar-search-bg:#f3f3f3;
    --sidebar-search-text:#aaa;
    --sidebar-search-icon:#d5d5d5;
    --sidebar-page-setup-color:#333;
    --sidebar-scroll-top:rgba(34,34,34,.2);
    --sidebar-icon-toggle-bg:#fff;
    --sidebar-icon-toggle-text:#ddd;
    --sidebar-burger-line:var(--title-color);
    --table-border:1px solid #ddd;
    --table-row-even-bg:#f7f7f7;
    --first-page-section-bg:#fff;
    --first-page-footer-bg:var(--border-color);
    --first-page-footer-text:inherit;
    --first-search-bg:#d24e4e;
    --first-search-text:#fff;
    --first-search-icon:rgba(255,255,255,.5);
    --popup-bg:rgba(254,254,254,.6);
    --popup-container:#fff;
    --popup-close:#333;
    --popup-form-input-border:var(--form-input-border);
    --popup-form-input-bg:var(--form-input-bg);
    --popup-form-input-text:var(--form-input-text);
    --popup-form-input-password:var(--form-input-password);
}

@media(prefers-color-scheme: dark){
    :root:not(.theme-light){
        --color-main:tomato;
        --page-text:#bdc1c6;
        --page-bg:#202124;
        --strong:#fff;
        --border-color:#444;
        --a:var(--color-main);
        --a-hover:#d24e4e;
        --title-color:#fafafa;
        --title-color-hash:#777;
        --kbd-text:#eee;
        --kbd-bg:#222;
        --test-container-border:#444;
        --test-container-shadow:#111;
        --code-inline-bg:#2c2e3a;
        --code-inline-text:#eee;
        --btn-bg:var(--color-main);
        --btn-bg-hover:#d24e4e;
        --btn-text:#fff;
        --btn-primary-bg:#57bd0f;
        --btn-primary-bg-hover:#6dec13;
        --form-bg:rgba(0,0,0,0);
        --form-border:1px solid var(--border-color);
        --form-input-border:1px solid #2f2f2f;
        --form-input-disabled-bg:#111;
        --form-input-bg:#303134;
        --form-input-text:#aaa;
        --form-input-password:#aaa;
        --form-input-placeholder:#888;
        --info-box-bg:#171717;
        --info-box-icon-bg:var(--color-main);
        --scroll-bg:#222;
        --scroll-thumb:#444;
        --sidebar-bg1:#222;
        --sidebar-bg2:var(--page-bg);
        --sidebar-chapter-text:#ccc;
        --sidebar-links:#888;
        --sidebar-search-bg:#303134;
        --sidebar-search-text:#eee;
        --sidebar-search-icon:#666;
        --sidebar-page-setup-color:#777;
        --sidebar-scroll-top:rgba(255,255,255,.2);
        --sidebar-icon-toggle-bg:var(--page-bg);
        --sidebar-icon-toggle-text:#777;
        --sidebar-burger-line:#ddd;
        --table-border:1px solid var(--border-color);
        --table-row-even-bg:#252525;
        --first-page-section-bg:#272727;
        --first-page-footer-bg:#333;
        --first-page-footer-text:inherit;
        --first-search-bg:#d24e4e;
        --first-search-text:#fff;
        --first-search-icon:rgba(255,255,255,.5);
        --popup-bg:rgba(0,0,0,.7);
        --popup-container:#212121;
        --popup-close:#777;
        --popup-form-input-border:1px solid #333;
        --popup-form-input-bg:#111;
        --popup-form-input-text:#666;
        --popup-form-input-password:#666;
    }
}
:root.dark-mode{
    --color-main:tomato;
    --page-text:#bdc1c6;
    --page-bg:#202124;
    --strong:#fff;
    --border-color:#444;
    --a:var(--color-main);
    --a-hover:#d24e4e;
    --title-color:#fafafa;
    --title-color-hash:#777;
    --kbd-text:#eee;
    --kbd-bg:#222;
    --test-container-border:#444;
    --test-container-shadow:#111;
    --code-inline-bg:#2c2e3a;
    --code-inline-text:#eee;
    --btn-bg:var(--color-main);
    --btn-bg-hover:#d24e4e;
    --btn-text:#fff;
    --btn-primary-bg:#57bd0f;
    --btn-primary-bg-hover:#6dec13;
    --form-bg:rgba(0,0,0,0);
    --form-border:1px solid var(--border-color);
    --form-input-border:1px solid #2f2f2f;
    --form-input-disabled-bg:#111;
    --form-input-bg:#303134;
    --form-input-text:#aaa;
    --form-input-password:#aaa;
    --form-input-placeholder:#888;
    --info-box-bg:#171717;
    --info-box-icon-bg:var(--color-main);
    --scroll-bg:#222;
    --scroll-thumb:#444;
    --sidebar-bg1:#222;
    --sidebar-bg2:var(--page-bg);
    --sidebar-chapter-text:#ccc;
    --sidebar-links:#888;
    --sidebar-search-bg:#303134;
    --sidebar-search-text:#eee;
    --sidebar-search-icon:#666;
    --sidebar-page-setup-color:#777;
    --sidebar-scroll-top:rgba(255,255,255,.2);
    --sidebar-icon-toggle-bg:var(--page-bg);
    --sidebar-icon-toggle-text:#777;
    --sidebar-burger-line:#ddd;
    --table-border:1px solid var(--border-color);
    --table-row-even-bg:#252525;
    --first-page-section-bg:#272727;
    --first-page-footer-bg:#333;
    --first-page-footer-text:inherit;
    --first-search-bg:#d24e4e;
    --first-search-text:#fff;
    --first-search-icon:rgba(255,255,255,.5);
    --popup-bg:rgba(0,0,0,.7);
    --popup-container:#212121;
    --popup-close:#777;
    --popup-form-input-border:1px solid #333;
    --popup-form-input-bg:#111;
    --popup-form-input-text:#666;
    --popup-form-input-password:#666;
}
:root.light-mode{
    --color-main:tomato;
    --page-text:rgba(9,9,16,.8);
    --page-bg:#fff;
    --strong:#444;
    --border-color:#ddd;
    --a:var(--color-main);
    --a-hover:#d24e4e;
    --title-color:#36383b;
    --title-color-hash:#82858b;
    --kbd-text:#333;
    --kbd-bg:#eee;
    --test-container-border:#ddd;
    --test-container-shadow:#ddd;
    --code-inline-bg:#f3f5f6;
    --code-inline-text:#657b83;
    --btn-bg:var(--color-main);
    --btn-bg-hover:#d24e4e;
    --btn-text:#fff;
    --btn-primary-bg:#57bd0f;
    --btn-primary-bg-hover:#6dec13;
    --form-bg:#efefef;
    --form-border:none;
    --form-input-border:1px solid #ccc;
    --form-input-disabled-bg:#efefef;
    --form-input-bg:#fff;
    --form-input-text:#666;
    --form-input-password:#666;
    --form-input-placeholder:#888;
    --info-box-bg:#eee;
    --info-box-icon-bg:var(--color-main);
    --scroll-bg:#eee;
    --scroll-thumb:#aaa;
    --sidebar-bg1:#f5f5fa;
    --sidebar-bg2:var(--page-bg);
    --sidebar-chapter-text:#36383b;
    --sidebar-links:#757575;
    --sidebar-search-bg:#f3f3f3;
    --sidebar-search-text:#aaa;
    --sidebar-search-icon:#d5d5d5;
    --sidebar-page-setup-color:#333;
    --sidebar-scroll-top:rgba(34,34,34,.2);
    --sidebar-icon-toggle-bg:#fff;
    --sidebar-icon-toggle-text:#ddd;
    --sidebar-burger-line:var(--title-color);
    --table-border:1px solid #ddd;
    --table-row-even-bg:#f7f7f7;
    --first-page-section-bg:#fff;
    --first-page-footer-bg:var(--border-color);
    --first-page-footer-text:inherit;
    --first-search-bg:#d24e4e;
    --first-search-text:#fff;
    --first-search-icon:rgba(255,255,255,.5);
    --popup-bg:rgba(254,254,254,.6);
    --popup-container:#fff;
    --popup-close:#333;
    --popup-form-input-border:var(--form-input-border);
    --popup-form-input-bg:var(--form-input-bg);
    --popup-form-input-text:var(--form-input-text);
    --popup-form-input-password:var(--form-input-password);
}
@font-face{
    font-style:normal;
    font-weight:300;
}
@font-face{
    font-style:normal;
    font-weight:400;
}
@font-face{
    font-style:normal;
    font-weight:500;
}
@font-face{
    font-style:normal;
    font-weight:600;
}
@font-face{
    font-style:normal;
    font-weight:700;
}
@font-face{
    font-style:normal;
    font-weight:800;
}
@font-face{
    font-family:"Blokk";
    font-style:normal;
    font-weight:400;
    font-display:swap;
}
.grecaptcha-badge{
    visibility:hidden
}
.mt20{
    margin-top:20px
}
.non-break{
    word-break:keep-all;
    white-space:nowrap
}
.visuallyhidden,.page-sidebar .page-sidebar-title .page-setup-link span{
    border:0;
    clip:rect(0, 0, 0, 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    white-space:nowrap;
    width:1px
}
.test-container{
    padding:20px;
    border:1px solid var(--test-container-border);
    margin:40px 0;
    position:relative;
    box-shadow:0 2px 6px -1px var(--test-container-shadow)
}
.test-container p:first-child{
    margin-top:0
}
.test-container p:last-child{
    margin-bottom:0
}
.escape-chars strong{
    display:inline-block;
    vertical-align:top;
    padding:.3em 10px;
    border-radius:3px;
    margin:3px;
    border:1px solid var(--color-main);
    color:var(--color-main)
}
.comments-cnt{
    margin:60px auto 10px;
    width:94%;
    max-width:900px
}
.comments-cnt .subtitle{
    margin-bottom:30px;
    padding-bottom:0
}
.comments-cnt .comments-manta{
    font-size:.8em;
    padding-bottom:10px;
    margin-bottom:20px;
    color:#888
}
.loading{
    position:relative;
    padding-left:40px
}
.loading:before{
    content:"";
    width:15px;
    height:15px;
    border:2px solid rgba(255,255,255,.5);
    border-right-color:#fff;
    border-left-color:#fff;
    border-radius:50%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%) rotate(0turn);
    animation:animLoading .9s 0s infinite linear
}
.button.loading{
    color:rgba(255,255,255,.3)
}
@keyframes animLoading{
    100%{
        transform:translate(-50%, -50%) rotate(1turn)
    }
}
*{
    box-sizing:border-box
}
::-moz-selection{
    background:#b7dbff
}
::selection{
    background:#b7dbff
}
html{
    height:100%;
    font-family:sans-serif;
    font-size:1.1rem;
    line-height:1.9em
}
@media(max-width: 500px){
    html{
        font-size:1rem
    }
}
::-moz-selection{
    background:rgba(30,144,255,.2)
}
::selection{
    background:rgba(30,144,255,.2)
}
body{
    /*margin:0;*/
    color:var(--page-text);
    background:var(--page-bg);
    overflow-x:hidden
}
body.first-page{
    padding:0
}
video{
    width:100%;
    height:auto
}
a{
    color:var(--color-main)
}
a:not([class]){
    word-break:break-word;
    font-weight:500
}
a:hover{
    color:var(--a-hover)
}
ul:not([class]){
    padding-left:1em
}
dl dt{
    font-weight:bold
}
dl dd{
    margin-left:0
}
@media screen and (max-width: 1024px){
    body{
        padding-left:0;
        margin-left:0
    }
}
code[class*=language-],pre[class*=language-]{
    text-shadow:none;
    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;
    hyphens:none
}
pre[class*=language-]{
    padding:1rem;
    margin:0;
    overflow-x:auto;
    border-radius:.3rem
}
:not(pre)>code[class*=language-]{
    padding:.1rem;
    border-radius:.3rem;
    white-space:normal
}
pre[data-line]{
    position:relative;
    padding:1em 0 1em 1em
}
.line-highlight{
    position:absolute;
    left:0;
    right:0;
    padding:inherit 0;
    margin-top:1em;
    background:rgba(153,122,102,.08);
    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:rgba(153,122,102,.4);
    color:#f5f2f0;
    font:bold 65%/1.5 sans-serif;
    text-align:center;
    vertical-align:.3em;
    border-radius:999px;
    text-shadow:none
}
.line-highlight[data-end]:after{
    content:attr(data-end);
    top:auto;
    bottom:.4em
}
pre.line-numbers{
    position:relative;
    padding-left:3.8em;
    counter-reset:linenumber
}
pre.line-numbers>code{
    position:relative
}
.line-numbers .line-numbers-rows{
    position:absolute;
    pointer-events:none;
    top:0;
    font-size:100%;
    left:-3.8em;
    width:3em;
    letter-spacing:-1px;
    -webkit-user-select:none;
    -moz-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:rgba(0,0,0,.2);
    display:block;
    padding-right:.8em;
    text-align:right
}
.course-title{
    --color: var(--color-main);
    padding:3.5rem 0;
    overflow:hidden;
    margin:0;
    position:relative;
    text-align:center;
    pointer-events:none;
    font-size:clamp(50px,8vw,140px)
}
@media screen and (max-width: 800px){
    .course-title{
        font-size:14vw;
        padding:2.5rem 0
    }
}
.course-title-text-top{
    font-weight:900;
    line-height:.8em;
    font-family:sans-serif;
    margin-bottom:1rem;
    display:inline-block;
    position:relative;
    padding-bottom:.3em;
    color:var(--color)
}
.course-title-text-bottom{
    font-weight:900;
    font-size:.4em;
    line-height:1em;
    font-family:sans-serif;
    display:flex;
    justify-content:center;
    color:var(--color);
    margin:-0.3em auto 0;
    align-items:center;
    max-width:1140px;
    width:90%;
    min-height:1.1em
}
@supports(-webkit-text-stroke: 1px var(--color)) and (-webkit-background-clip: text){
    .course-title-text-bottom{
        -webkit-text-stroke:1px var(--color);
        color:rgba(0,0,0,0)
    }
}
.course-title-text-bottom::-moz-selection{
    color:var(--color)
}
.course-title-text-bottom::selection{
    color:var(--color)
}
.main-page{
    margin:0 auto
}
.main-page .section{
    max-width:1140px;
    width:90%;
    margin:2.5rem auto 2rem;
    padding:1rem 0 4rem;
    border-bottom:2px solid var(--border-color)
}
.main-page .section--last{
    border:0
}
@media screen and (max-width: 600px){
    .main-page .section{
        margin:1rem auto;
        padding:1rem;
        width:auto
    }
}
.main-page .section .section-title{
    color:var(--title-color);
    font:bold 2.2em sans-serif;
    margin:0 0 .5em;
    padding-bottom:10px
}
@media screen and (max-width: 460px){
    .main-page .section .section-title{
        font-size:2em
    }
}
@media screen and (max-width: 460px){
    .main-page .section .section-title{
        font-size:1.5em
    }
}
.main-page .section .section-list{
    list-style:none;
    margin:0 auto;
    padding:0;
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(min(100%, 350px), 1fr));
    gap:25px 35px;
    counter-reset:sectionNr
}
.main-page .section .section-list li{
    position:relative;
    padding-left:2.6em
}
@media(max-width: 320px){
    .main-page .section .section-list li{
        padding-left:0
    }
}
.main-page .section .section-list li:last-of-type{
    border:0
}
.main-page .section .section-list li::before{
    position:absolute;
    left:0;
    top:0;
    counter-increment:sectionNr;
    content:counter(sectionNr);
    width:1.6rem;
    height:1.6rem;
    color:var(--title-color);
    border:1px solid var(--title-color);
    font-weight:bold;
    border-radius:50%;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    font-size:.8em;
    line-height:1em;
    transition:.5s
}
@media(max-width: 320px){
    .main-page .section .section-list li::before{
        content:none
    }
}
.main-page .section .section-list li a{
    font-size:1em
}
.main-page .section .section-list li p{
    margin:0;
    font-size:.9em;
    line-height:1.6em
}
.main-page .section .section-list:first-child{
    border:0
}
.main-form-search{
    margin:2rem 0 3rem
}
@media(max-width: 500px){
    .main-form-search{
        margin:0
    }
}
.main-form-search .form-search{
    max-width:1140px;
    width:90%;
    margin:0 auto
}
.main-form-search .form-search .form-search-input-icon{
    border:0
}
.main-form-search .form-search .form-search-input::-moz-placeholder{
    color:#bbb
}
.main-form-search .form-search .form-search-input::placeholder{
    color:#bbb
}
@media screen and (max-width: 560px){
    .main-form-search .form-search .form-search-input-icon{
        display:none
    }
    .main-form-search .form-search .form-search-input{
        padding-left:1rem
    }
}
.main-page-footer{
    background:var(--first-page-footer-bg);
    color:var(--first-page-footer-text);
    margin-top:3em;
    font-size:1em;
    padding:2rem
}
.main-page-footer strong{
    color:var(--first-page-footer-text)
}
.main-page-footer a{
    color:inherit;
    text-decoration:none
}
.main-page-footer p{
    font-size:.8em;
    text-align:center
}
.table-of-content{
    list-style:none;
    padding:1.5rem;
    margin:2rem 0;
    border:1px solid var(--border-color);
    counter-reset:sectionNr;
    position:relative;
    overflow:hidden
}
@media(max-width: 500px){
    .table-of-content{
        margin:1rem 0 2rem
    }
}
.table-of-content ul,.table-of-content ol{
    list-style:none;
    margin:0;
    padding:0
}
.table-of-content li{
    position:relative;
    padding-left:2.6em;
    margin-bottom:.3em
}
.table-of-content li:last-child{
    margin-bottom:0
}
.table-of-content li::before{
    position:absolute;
    left:0;
    top:.3em;
    counter-increment:sectionNr;
    content:counter(sectionNr);
    width:1.4rem;
    height:1.4rem;
    color:var(--title-color);
    border:1px solid var(--title-color);
    font-weight:bold;
    border-radius:50%;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    font-size:.8em;
    line-height:1em
}
@media(max-width: 400px){
    .table-of-content li{
        padding-left:0
    }
    .table-of-content li::before{
        content:none
    }
}
.next-prev-buttons{
    margin-top:4rem;
    box-shadow:0 12.5px 10px rgba(0,0,0,.035),0 100px 80px rgba(0,0,0,.07);
    padding:2rem;
    display:flex;
    justify-content:space-between;
    border:1px solid var(--border-color)
}
.next-prev-buttons.only-next{
    justify-content:flex-end
}
.next-prev-buttons.only-prev{
    justify-content:flex-start
}
.next-prev-buttons a{
    align-items:center;
    display:inline-grid;
    gap:10px;
    grid-template-columns:auto auto
}
.next-prev-buttons a svg{
    fill:var(--page-text);
    opacity:.6
}
.next-prev-buttons+.task-for-you-cnt{
    margin-top:0 !important;
    border-top:none !important
}
@media(max-width: 500px){
    .next-prev-buttons{
        flex-direction:column
    }
    .next-prev-buttons a{
        display:block;
        text-align:center;
        align-items:center;
        border:2px solid var(--a);
        padding:5px 20px;
        justify-content:center;
        border-radius:40px;
        margin-bottom:10px;
        text-decoration:none;
        white-space:nowrap;
        text-overflow:ellipsis;
        overflow:hidden
    }
    .next-prev-buttons a svg{
        display:none
    }
    .next-prev-buttons a:last-child{
        margin-bottom:0
    }
    .next-prev-buttons a:hover{
        border:2px solid var(--a-hover)
    }
}
select,input[type=text],input[type=password],input[type=email],input[type=url],input[type=search],input[type=number],textarea{
    display:block;
    width:90%;
    border-radius:2px;
    min-height:40px;
    font-family:sans-serif;
    box-sizing:border-box;
    padding:0 10px;
    color:var(--form-input-text);
    /*color:var(--form-input-password);*/
    border:var(--form-input-border);
    background-color:var(--form-input-bg)
}
select[readonly],input[type=text][readonly],input[type=password][readonly],input[type=email][readonly],input[type=url][readonly],input[type=search][readonly],input[type=number][readonly],textarea[readonly]{
    opacity:.8
}
select::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder , input[type=email]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=number]::-moz-placeholder, textarea::-moz-placeholder{
    color:var(--form-input-placeholder);
    opacity:.8
}
select::placeholder,input[type=text]::placeholder, input[type=password]::placeholder ,input[type=email]::placeholder,input[type=url]::placeholder,input[type=search]::placeholder,input[type=number]::placeholder,textarea::placeholder{
    color:var(--form-input-placeholder);
    opacity:.8
}
.test-container .form,.test-container .form-options{
    margin:0
}
.form,.form-options{
    padding:1.2rem;
    margin:2rem 0;
    background:var(--form-bg);
    border:var(--form-border)
}
.form fieldset,.form-options fieldset{
    border:0;
    padding:0
}
.form legend,.form-options legend{
    font-weight:bold;
    font-size:.9rem;
    display:block;
    margin:5px 0
}
.form label,.form-options label{
    font-size:.9rem;
    display:block;
    margin:0 0 .5rem;
    line-height:1.5rem
}


.form select,.form-options select,.form input[type=text],.form input[type=password],.form-options input[type=text],.form-options input[type=password],.form input[type=email],.form-options input[type=email],.form input[type=url],.form-options input[type=url],.form input[type=number],.form-options input[type=number],.form input[type=search],.form-options input[type=search],.form textarea,.form-options textarea{
    display:inline;
    width:95%;
    border-radius:2px;
    font-family:sans-serif;
    box-sizing:border-box;
    padding:0 10px;
    color:var(--form-input-text);
    /*color:var(--form-input-password);*/
    border:var(--form-input-border);
    background-color:var(--form-input-bg)
}
.form select:disabled,.form-options select:disabled,.form input[type=text]:disabled,.form input[type=password]:disabled ,.form-options input[type=text]:disabled,.form-options input[type=password]:disabled,.form input[type=email]:disabled,.form-options input[type=email]:disabled,.form input[type=url]:disabled,.form-options input[type=url]:disabled,.form input[type=number]:disabled,.form-options input[type=number]:disabled,.form input[type=search]:disabled,.form-options input[type=search]:disabled,.form textarea:disabled,.form-options textarea:disabled{
    opacity:.4;
    cursor:not-allowed
}
.form select[multiple],.form-options select[multiple]{
    padding-left:5px
}
.form select[multiple] option,.form-options select[multiple] option{
    padding:5px
}
.form textarea,.form-options textarea{
    height:120px
}
.form select,.form-options select{
    padding:4px 4px 4px 10px
}
.form select:not([multiple]),.form-options select:not([multiple]){
    height:36px
}
.form .form-row,.form-options .form-row{
    margin-bottom:20px
}
.form .form-row:last-child,.form-options .form-row:last-child{
    margin-bottom:0
}
.form-contact{
    margin-top:3rem
}
.form-contact .form-contact-row{
    margin-bottom:1.5rem
}
.form-contact .form-contact-row-last{
    display:flex;
    align-items:center;
    margin-top:1rem;
    margin-bottom:0
}
.form-contact .form-label-addon-text{
    font-size:.7rem
}
.form-contact label{
    display:block;
    padding-bottom:5px;
    line-height:1em;
    font-size:.75em
}
.form-contact textarea,.form-contact input[type=email],.form-contact input[type=text],.form-contact input[type=password], .form-contact input[type=text]{
    background:none;
    font:500 .9em sans-serif;
    padding:.7rem;
    width:100%;
    border-radius:2px;
    border:var(--form-input-border)
}

.border{
    border:1px solid #dee2e6!important
}
.form-contact textarea:focus,.form-contact input[type=email]:focus,.form-contact input[type=text]:focus, .form-contact input[type=password]:focus {
    border-color:#888;
    outline:none
}
.form-contact textarea.error,.form-contact input[type=email].error,.form-contact input[type=text].error,.form-contact input[type=password].error{
    border-color:red
}
.form-contact textarea.error:focus,.form-contact input[type=email].error:focus,.form-contact input[type=text].error:focus,.form-contact input[type=password].error:focus{
    outline:none;
    box-shadow:inset 0 0 0 1px var(--color-main)
}
.form-contact textarea[readonly],.form-contact input[type=email][readonly],.form-contact input[type=text][readonly],.form-contact input[type=password][readonly]{
    box-shadow:none;
    background:#eee
}
.form-contact textarea{
    min-height:120px;
    resize:vertical
}
.form-contact textarea[name=selectedText]{
    font-weight:normal;
    background:none
}
.form-contact textarea[name=selectedText]:focus{
    border:var(--form-input-border)
}
.form-contact .button{
    margin-right:20px
}
.form-contact .form-contact-send-error{
    color:tomato;
    font-weight:bold
}
.form-contact-submit{
    padding:3rem 3rem;
    margin-top:2rem;
    text-align:center
}
.form-contact-submit svg{
    width:6rem;
    height:6rem;
    fill:var(--color-main);
    margin-bottom:1rem
}
.form-contact-submit .form-contact-submit-title{
    margin-top:0;
    font-size:1.5rem;
    color:tomato
}
.form-contact-submit .form-contact-submit-text{
    margin-top:20px
}
.form-options{
    box-shadow:none;
    background:none;
    border:0;
    padding:0;
    margin-bottom:0
}
.form-options p{
    color:red;
    font-size:.9rem;
    display:block;
    margin:0 0 .5rem;
    line-height:1.5rem;
    margin-bottom:0
}
.form-options .pre-cnt{
    margin-top:1rem;
    margin-bottom:0
}
.form-options select,.form-options input[type=text],.form-options input[type=password],.form-options input[type=email],.form-options input[type=url],.form-options input[type=number],.form-options textarea{
    color:var(--popup-form-input-text);
    /*color:var(--popup-form-input-password);*/
    border:var(--popup-form-input-border);
    background:var(--popup-form-input-bg)
}
.form-options .light-mode-el{
    position:relative;
    display:inline-block;
    cursor:pointer
}
.form-options .light-mode-el input{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1;
    padding:0;
    margin:0;
    opacity:0;
    cursor:pointer;
    outline:none
}
.form-options .light-mode-el span{
    width:60px;
    height:30px;
    background:var(--popup-form-input-bg);
    border:var(--popup-form-input-border);
    border-radius:50px;
    display:flex;
    position:relative;
    outline:none;
    cursor:pointer;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.1)
}
.form-options .light-mode-el span::before{
    content:"";
    width:22px;
    height:22px;
    border-radius:50%;
    background:tomato;
    position:absolute;
    left:5px;
    top:50%;
    transform:translateY(-50%);
    transition:.3s ease-in-out
}
.form-options .light-mode-el input:checked+span::before{
    left:calc(100% - 5px - 22px);
    background:#ad1a00
}
.form-options .light-mode-el input:focus+span{
    box-shadow:0 0 0 2px #7dadd9
}
.button{
    padding:.6em 2em;
    background:var(--btn-bg);
    color:var(--btn-text);
    border:0;
    font-size:1rem;
    line-height:1.1em;
    text-decoration:none;
    display:inline-block;
    font-weight:bold;
    border-radius:5px;
    transition:.5s background-color;
    cursor:pointer;
    margin-right:3px;
    box-shadow:0 2px 5px rgba(0,0,0,.1)
}
@media(max-width: 1024px){
    .button{
        padding:.6em 1.2em
    }
}
.button:hover{
    color:var(--btn-text);
    background:var(--btn-bg-hover)
}
.button:focus{
    outline:none;
    box-shadow:0 0 0 2px #7dadd9
}
.button.button-big{
    padding:1.2em 3em;
    font-size:1rem
}
.button.button-small{
    padding:.5em 1em;
    font-size:.8rem
}
.button.button-open{
    background:none;
    color:var(--color-main);
    border:2px solid var(--color-main)
}


.button.button-primary{
    background:var(--btn-primary-bg)
}
.button.button-primary:hover{
    background:var(--btn-primary-bg-hover)
}
.button.button-primary.button-open{
    background:none;
    color:var(--btn-primary-bg);
    border:2px solid var(--btn-primary-bg)
}
.button[disabled]{
    background:#aaa;
    cursor:not-allowed;
    box-shadow:none;
    opacity:.8
}
.demo-link{
    background:var(--color-main);
    display:block;
    max-width:20em;
    text-align:center;
    padding:1.3em 2em;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    margin:2em auto;
    border-radius:.2em;
    line-height:1.1em;
    text-shadow:none;
    transition:.5s background-color,.5s box-shadow;
    box-shadow:0 2px 5px rgba(255,99,71,.4)
}
.demo-link:hover{
    background:#ad1a00;
    color:#fff
}
.row{
    display:flex;
    margin:0 -10px
}
.row [class^=col]{
    flex:1 1 0;
    padding:10px;
    box-sizing:border-box
}
.row .col-1-1{
    width:100%
}
.row .col-1-2{
    width:50%
}
.row .col-1-3{
    width:33.3333%
}
.row--pack [class^=col]{
    flex:1 1 0;
    padding:10px;
    width:-moz-min-content;
    width:min-content;
    box-sizing:border-box
}
.ads{
    margin-top:60px;
    padding:20px 10px;
    position:relative;
    margin-bottom:-10px;
    min-height:100px
}
.ads-bg{
    z-index:-1;
    position:absolute;
    left:-9999px;
    top:0;
    right:-9999px;
    bottom:0;
    background:#f7f7f7
}
.dark-mode .ads-bg{
    background:#242729
}
.ad-text{
    font-size:10px;
    text-transform:uppercase;
    color:#aaa;
    line-height:1em;
    display:block;
    text-align:center
}
body.popup-visible{
    overflow-y:hidden;
    scrollbar-gutter:stable
}
.popup{
    background:var(--popup-bg);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:10000;
    -webkit-backdrop-filter:grayscale(100%) blur(3px);
    backdrop-filter:grayscale(100%) blur(3px);
    display:none
}
.popup-container-cnt{
    min-height:100%;
    width:100%;
    box-sizing:border-box;
    display:flex;
    justify-content:center;
    align-items:center
}
.popup-inside{
    height:100%;
    overflow-y:auto;
    overflow-x:hidden;
    box-sizing:border-box
}
.popup-container{
    transition:.6s transform;
    margin:2rem;
    background:var(--popup-container);
    padding:2.5rem;
    border-radius:4px;
    box-shadow:0 2.8px 2.2px rgba(0,0,0,.02),0 6.7px 5.3px rgba(0,0,0,.028),0 5.5px 10px rgba(0,0,0,.035),0 10.3px 17.9px rgba(0,0,0,.042),0 21.8px 33.4px rgba(0,0,0,.05),0 50px 80px rgba(0,0,0,.07);
    min-height:100px;
    min-width:300px;
    max-width:800px;
    width:calc(100% - 60px);
    position:relative
}
@media(max-width: 400px){
    .popup-container{
        padding:1rem
    }
}
.popup iframe{
    width:100%
}
.popup-close{
    width:50px;
    height:50px;
    text-indent:-999px;
    overflow:hidden;
    position:absolute;
    right:20px;
    top:20px;
    border:0;
    background:none;
    cursor:pointer
}
@media(max-width: 400px){
    .popup-close{
        top:10px;
        right:10px
    }
}
.popup-close::before,.popup-close::after{
    content:"";
    width:3px;
    height:30px;
    background:var(--popup-close);
    border-radius:3px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%)
}
.popup-close::before{
    transform:translate(-50%, -50%) rotate(-45deg)
}
.popup-close::after{
    transform:translate(-50%, -50%) rotate(45deg)
}
.popup-close:hover{
    opacity:.9
}
.popup-title{
    color:var(--title-color);
    margin-top:0;
    font-size:1.6rem;
    font-weight:bold
}
.update-page{
    background:var(--color-main);
    height:100vh;
    margin:0;
    padding:0;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:#fff;
    background:tomato;
    background-image:url(/images/banner-left.png),url(/images/banner-right.png);
    background-position:left center,right center;
    background-repeat:no-repeat;
    position:relative;
    overflow:hidden
}
@media screen and (max-width: 660px){
    .update-page{
        background-image:url(/images/banner-left.png)
    }
}
.update-page h1 strong{
    font:bold 6.5rem/1em sans-serif;
    margin-bottom:2rem;
    display:block;
    color:inherit;
    padding:0 20px
}
@media screen and (max-width: 760px){
    .update-page h1 strong{
        font-size:5rem
    }
}
@media screen and (max-width: 670px){
    .update-page h1 strong{
        font-size:4rem
    }
}
@media screen and (max-width: 380px){
    .update-page h1 strong{
        font-size:3.3rem
    }
}
.update-page h1 span{
    font:bold 3.125rem/1em sans-serif;
    display:block;
    color:inherit
}
@media screen and (max-width: 760px){
    .update-page h1 span{
        font-size:2.5rem
    }
}
@media screen and (max-width: 460px){
    .update-page h1 span{
        font-size:2rem
    }
}
@media screen and (max-width: 380px){
    .update-page h1 span{
        font-size:1.8rem
    }
}
.contra{
    position:fixed;
    bottom:0;
    left:0;
    height:100vh;
    width:100%;
    z-index:10000;
    background:url(/images/contra-bg.png),linear-gradient(transparent calc(100% - 200px), rgba(42, 56, 24, 0.6));
    background-position:bottom;
    background-repeat:repeat-x
}
.contra-hero{
    width:63px;
    height:99px;
    background:url(/images/contra.png);
    animation:anim .3s 0s infinite steps(3),move 7s 0s 1 forwards linear;
    position:absolute;
    bottom:120px;
    left:-100px
}
@keyframes anim{
    100%{
        background-position-x:-188px
    }
}
@keyframes move{
    100%{
        left:calc(100% + 50px)
    }
}
.expand-toggle{
    text-decoration-style:dashed;
    text-decoration-thickness:1px
}
.expand{
    display:none
}
.mark-text-send-btn{
    display:flex;
    position:fixed;
    bottom:30px;
    left:30px;
    z-index:100;
    border-radius:4px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    transition:.5s;
    text-decoration:none;
    background:var(--color-main);
    color:#fff;
    flex:1;
    padding:3px 10px;
    cursor:pointer;
    font-size:.8rem;
    outline:none;
    white-space:nowrap
}
.mark-text-send-btn:hover{
    color:#fff
}
.kartofel-informuje{
    color:var(--info-box-text);
    border:2px solid var(--color-main);
    padding:2rem;
    margin:3rem 0 2rem;
    position:relative
}
@media(max-width: 500px){
    .kartofel-informuje{
        padding:1rem
    }
}
.kartofel-informuje::before{
    content:"";
    border:4px solid var(--page-bg);
    background-color:var(--page-bg);
    border-radius:50%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 23.625 23.625' style='enable-background:new 0 0 23.625 23.625;
    ' xml:space='preserve'%3E%3Cpath style='fill:tomato;
    ' d='M11.812,0C5.289,0,0,5.289,0,11.812s5.289,11.813,11.812,11.813s11.813-5.29,11.813-11.813 S18.335,0,11.812,0z M14.271,18.307c-0.608,0.24-1.092,0.422-1.455,0.548c-0.362,0.126-0.783,0.189-1.262,0.189 c-0.736,0-1.309-0.18-1.717-0.539s-0.611-0.814-0.611-1.367c0-0.215,0.015-0.435,0.045-0.659c0.031-0.224,0.08-0.476,0.147-0.759 l0.761-2.688c0.067-0.258,0.125-0.503,0.171-0.731c0.046-0.23,0.068-0.441,0.068-0.633c0-0.342-0.071-0.582-0.212-0.717 c-0.143-0.135-0.412-0.201-0.813-0.201c-0.196,0-0.398,0.029-0.605,0.09c-0.205,0.063-0.383,0.12-0.529,0.176l0.201-0.828 c0.498-0.203,0.975-0.377,1.43-0.521c0.455-0.146,0.885-0.218,1.29-0.218c0.731,0,1.295,0.178,1.692,0.53 c0.395,0.353,0.594,0.812,0.594,1.376c0,0.117-0.014,0.323-0.041,0.617c-0.027,0.295-0.078,0.564-0.152,0.811l-0.757,2.68 c-0.062,0.215-0.117,0.461-0.167,0.736c-0.049,0.275-0.073,0.485-0.073,0.626c0,0.356,0.079,0.599,0.239,0.728 c0.158,0.129,0.435,0.194,0.827,0.194c0.185,0,0.392-0.033,0.626-0.097c0.232-0.064,0.4-0.121,0.506-0.17L14.271,18.307z M14.137,7.429c-0.353,0.328-0.778,0.492-1.275,0.492c-0.496,0-0.924-0.164-1.28-0.492c-0.354-0.328-0.533-0.727-0.533-1.193 c0-0.465,0.18-0.865,0.533-1.196c0.356-0.332,0.784-0.497,1.28-0.497c0.497,0,0.923,0.165,1.275,0.497 c0.353,0.331,0.53,0.731,0.53,1.196C14.667,6.703,14.49,7.101,14.137,7.429z'/%3E%3C/svg%3E");
    background-position:center;
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    position:absolute;
    left:-19px;
    top:-19px
}
.kartofel-informuje p:first-child{
    margin-top:0
}
.kartofel-informuje p:last-child{
    margin-bottom:0
}
.info{
    position:relative;
    color:inherit;
    text-decoration:none;
    cursor:help;
    display:inline-block;
    vertical-align:top
}
.info:after{
    content:"";
    width:1rem;
    height:1rem;
    font-size:.7rem;
    vertical-align:middle;
    color:#fff;
    background:tomato;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffe2ff' class='bi bi-question-lg' viewBox='0 0 16 16'%3E %3Cpath fill-rule='evenodd' d='M4.475 5.458c-.284 0-.514-.237-.47-.517C4.28 3.24 5.576 2 7.825 2c2.25 0 3.767 1.36 3.767 3.215 0 1.344-.665 2.288-1.79 2.973-1.1.659-1.414 1.118-1.414 2.01v.03a.5.5 0 0 1-.5.5h-.77a.5.5 0 0 1-.5-.495l-.003-.2c-.043-1.221.477-2.001 1.645-2.712 1.03-.632 1.397-1.135 1.397-2.028 0-.979-.758-1.698-1.926-1.698-1.009 0-1.71.529-1.938 1.402-.066.254-.278.461-.54.461h-.777ZM7.496 14c.622 0 1.095-.474 1.095-1.09 0-.618-.473-1.092-1.095-1.092-.606 0-1.087.474-1.087 1.091S6.89 14 7.496 14Z'%3E%3C/path%3E%3C/svg%3E");
    background-size:.7rem;
    background-position:center;
    background-repeat:no-repeat;
    border-radius:50%;
    display:inline-flex;
    justify-content:center;
    align-items:center
}
.info .info-text{
    position:absolute;
    left:-99999px
}
.info.active .info-text{
    z-index:100;
    cursor:text;
    font-size:.9rem;
    font-weight:normal;
    display:inline-block;
    min-width:300px;
    max-width:calc(100vw - 20px);
    position:absolute;
    left:50%;
    top:130%;
    transform:translateX(-50%);
    line-height:1.5;
    padding:1.5rem;
    border-radius:.2rem;
    background:#fff;
    color:#333;
    border-top:4px solid tomato;
    box-shadow:0 3px 10px rgba(0,0,0,.4)
}
.info.active .info-text:before{
    content:"";
    width:0;
    height:0;
    border:10px solid rgba(0,0,0,0);
    position:absolute;
    left:50%;
    top:-20px;
    transform:translateX(-50%);
    border-bottom-color:tomato
}
@media only screen and (min-width: 340px){
    .info.active .info-text{
        min-width:320px
    }
}
.video-cnt{
    position:relative;
    padding-bottom:56.25%;
    margin-bottom:2rem;
    border-radius:5px;
    overflow:hidden
}
.video-cnt iframe{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.faq{
    counter-reset:li
}
.faq dt{
    counter-increment:li;
    margin:0;
    padding:0;
    font-size:1.3rem;
    font-weight:bold;
    margin-bottom:1rem
}
.faq dt::before{
    content:counter(li) ". "
}
.faq dd{
    margin:0;
    padding:0;
    margin-bottom:3rem
}
p>code{
    background:var(--code-inline-bg);
    color:var(--code-inline-text);
    padding:4px;
    white-space:nowrap;
    border-radius:.3rem
}
pre>code{
    font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace
}
p>pre>code{
    padding:2px 8px;
    font-size:.9rem;
    border:0
}
:not(pre)>code{
    background:var(--code-inline-bg);
    color:var(--code-inline-text);
    padding:4px;
    white-space:nowrap;
    border-radius:.3rem;
    font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace
}
pre{
    font-size:1rem;
    line-height:1.5rem;
    padding:1rem;
    overflow:hidden;
    margin:0;
    border-radius:.3rem;
    font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace
}
@media(max-width: 500px){
    pre{
        font-size:.9rem
    }
}
pre span.url{
    background:inherit;
    border:0;
    padding:0;
    color:inherit
}
.pre-language{
    color:tomato;
    font-weight:600;
    font-size:.9em;
    line-height:1em
}
pre[class*=language-] code{
    position:relative;
    z-index:1
}
pre[class*=language-] .line-highlight{
    background:rgba(255,255,255,.04)
}
pre[class*=language-] .line-highlight:before{
    width:4px;
    height:100%;
    background:tomato;
    position:absolute;
    left:0;
    top:0;
    content:"";
    min-width:0;
    border-radius:0;
    padding:0;
    box-shadow:none
}
pre[class*=language-] .line-highlight:after{
    display:none
}
@media(max-width: 500px){
    pre[class*=language-] .line-numbers-rows{
        top:-3px
    }
}
.pre-cnt{
    margin:2rem 0;
    position:relative
}
.select-theme{
    position:absolute;
    right:5px;
    top:5px;
    width:30px;
    height:30px;
    padding:0;
    border:0;
    background:none;
    cursor:pointer;
    color:#fff;
    font-size:1rem
}
.select-theme:before{
    content:"";
    pointer-events:none;
    font-family:"FontAwesome"
}
.select-theme span{
    position:absolute;
    left:-99999px
}
.theme-select-menu{
    position:absolute;
    z-index:1000;
    top:20px;
    right:5px;
    background:#fff;
    border-radius:3px;
    list-style:none;
    padding:5px;
    min-width:130px;
    text-align:left;
    box-shadow:0 2px 6px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.4)
}
.theme-select-menu li::before{
    content:none !important
}
.theme-select-menu button{
    background:none;
    padding:5px 10px;
    border:0;
    cursor:pointer;
    display:flex;
    justify-content:flex-start;
    width:100%
}
.theme-select-menu button:hover{
    background:#eee
}
.theme-select-menu button.is-active{
    color:tomato
}
pre{
    color:#657b83;
    background:#f3f5f6
}
code[class*=language-] *,pre[class*=language-] *{
    text-shadow:none
}
code[class*=language-] .token.comment,code[class*=language-] .token.prolog,code[class*=language-] .token.doctype,code[class*=language-] .token.cdata,pre[class*=language-] .token.comment,pre[class*=language-] .token.prolog,pre[class*=language-] .token.doctype,pre[class*=language-] .token.cdata{
    color:#93a1a1
}
code[class*=language-] .token.punctuation,pre[class*=language-] .token.punctuation{
    color:#586e75
}
code[class*=language-] .namespace,pre[class*=language-] .namespace{
    opacity:.7
}
code[class*=language-] .token.operator,code[class*=language-] .token.entity,code[class*=language-] .token.url,code[class*=language-] .language-css,code[class*=language-] .token.string,code[class*=language-] .style .token.string,code[class*=language-] .token.variable,pre[class*=language-] .token.operator,pre[class*=language-] .token.entity,pre[class*=language-] .token.url,pre[class*=language-] .language-css,pre[class*=language-] .token.string,pre[class*=language-] .style .token.string,pre[class*=language-] .token.variable{
    color:inherit
}
code[class*=language-] .token.property,code[class*=language-] .token.tag,code[class*=language-] .token.boolean,code[class*=language-] .token.number,code[class*=language-] .token.constant,code[class*=language-] .token.symbol,code[class*=language-] .token.deleted,code[class*=language-] .token.keyword,pre[class*=language-] .token.property,pre[class*=language-] .token.tag,pre[class*=language-] .token.boolean,pre[class*=language-] .token.number,pre[class*=language-] .token.constant,pre[class*=language-] .token.symbol,pre[class*=language-] .token.deleted,pre[class*=language-] .token.keyword{
    color:#4f9fcf
}
code[class*=language-] .token.selector,code[class*=language-] .token.attr-name,code[class*=language-] .token.string,code[class*=language-] .token.char,code[class*=language-] .token.builtin,code[class*=language-] .token.url,code[class*=language-] .token.inserted,pre[class*=language-] .token.selector,pre[class*=language-] .token.attr-name,pre[class*=language-] .token.string,pre[class*=language-] .token.char,pre[class*=language-] .token.builtin,pre[class*=language-] .token.url,pre[class*=language-] .token.inserted{
    color:#d44950
}
code[class*=language-] .token.entity,pre[class*=language-] .token.entity{
    color:#657b83;
    background:#eee8d5
}
code[class*=language-] .token.atrule,code[class*=language-] .token.attr-value,pre[class*=language-] .token.atrule,pre[class*=language-] .token.attr-value{
    color:#fc8979
}
code[class*=language-] .token.function,pre[class*=language-] .token.function{
    color:#b58900
}
code[class*=language-] .token.regex,code[class*=language-] .token.important,code[class*=language-] .token.variable,pre[class*=language-] .token.regex,pre[class*=language-] .token.important,pre[class*=language-] .token.variable{
    color:#cb4b16
}
code[class*=language-] .token.important,code[class*=language-] .token.bold,pre[class*=language-] .token.important,pre[class*=language-] .token.bold{
    font-weight:bold
}
code[class*=language-] .token.italic,pre[class*=language-] .token.italic{
    font-style:italic
}
code[class*=language-] .token.entity,pre[class*=language-] .token.entity{
    cursor:help
}
code[class*=language-] .line-highlight,pre[class*=language-] .line-highlight{
    background:rgba(0,0,0,.04)
}
code[class*=language-] .line-highlight:before,pre[class*=language-] .line-highlight:before{
    width:3px;
    height:100%;
    background:tomato;
    position:absolute;
    left:0;
    top:0;
    content:"";
    min-width:0;
    border-radius:0;
    padding:0;
    box-shadow:none
}
code[class*=language-] .line-highlight:after,pre[class*=language-] .line-highlight:after{
    display:none
}
.select-theme{
    color:rgba(51,51,51,.3)
}
.theme-mono pre{
    color:#333;
    background:rgba(0,0,0,0)
}
.theme-mono .pre-cnt{
    border-left:3px solid #333;
    border-bottom:1px solid #eee;
    border-top:1px solid #eee;
    border-right:1px solid #eee
}
.theme-mono code[class*=language-],.theme-mono pre[class*=language-]{
    color:#333;
    background:rgba(0,0,0,0)
}
.theme-mono code[class*=language-] pre,.theme-mono pre[class*=language-] pre{
    color:#333;
    background:rgba(0,0,0,0);
    border:0
}
.theme-mono code[class*=language-] *,.theme-mono pre[class*=language-] *{
    text-shadow:none;
    border:0
}
.theme-mono code[class*=language-] .token.comment,.theme-mono code[class*=language-] .token.prolog,.theme-mono code[class*=language-] .token.doctype,.theme-mono code[class*=language-] .token.cdata,.theme-mono pre[class*=language-] .token.comment,.theme-mono pre[class*=language-] .token.prolog,.theme-mono pre[class*=language-] .token.doctype,.theme-mono pre[class*=language-] .token.cdata{
    color:inherit
}
.theme-mono code[class*=language-] .token.comment,.theme-mono pre[class*=language-] .token.comment{
    font-style:italic;
    color:rgba(51,51,51,.4)
}
.dark-mode .theme-mono code[class*=language-] .token.comment,.dark-mode .theme-mono pre[class*=language-] .token.comment{
    color:rgba(221,221,221,.4)
}
.theme-mono code[class*=language-] .token.punctuation,.theme-mono pre[class*=language-] .token.punctuation{
    color:inherit
}
.theme-mono code[class*=language-] .namespace,.theme-mono pre[class*=language-] .namespace{
    opacity:.7
}
.theme-mono code[class*=language-] .token.operator,.theme-mono code[class*=language-] .token.entity,.theme-mono code[class*=language-] .token.url,.theme-mono code[class*=language-] .language-css .token.string,.theme-mono code[class*=language-] .style .token.string,.theme-mono code[class*=language-] .token.variable,.theme-mono pre[class*=language-] .token.operator,.theme-mono pre[class*=language-] .token.entity,.theme-mono pre[class*=language-] .token.url,.theme-mono pre[class*=language-] .language-css .token.string,.theme-mono pre[class*=language-] .style .token.string,.theme-mono pre[class*=language-] .token.variable{
    color:inherit
}
.theme-mono code[class*=language-] .token.property,.theme-mono code[class*=language-] .token.tag,.theme-mono code[class*=language-] .token.boolean,.theme-mono code[class*=language-] .token.number,.theme-mono code[class*=language-] .token.constant,.theme-mono code[class*=language-] .token.symbol,.theme-mono code[class*=language-] .token.deleted,.theme-mono code[class*=language-] .token.keyword,.theme-mono pre[class*=language-] .token.property,.theme-mono pre[class*=language-] .token.tag,.theme-mono pre[class*=language-] .token.boolean,.theme-mono pre[class*=language-] .token.number,.theme-mono pre[class*=language-] .token.constant,.theme-mono pre[class*=language-] .token.symbol,.theme-mono pre[class*=language-] .token.deleted,.theme-mono pre[class*=language-] .token.keyword{
    color:inherit
}
.theme-mono code[class*=language-] .token.selector,.theme-mono code[class*=language-] .token.attr-name,.theme-mono code[class*=language-] .token.string,.theme-mono code[class*=language-] .token.char,.theme-mono code[class*=language-] .token.builtin,.theme-mono code[class*=language-] .token.url,.theme-mono code[class*=language-] .token.inserted,.theme-mono pre[class*=language-] .token.selector,.theme-mono pre[class*=language-] .token.attr-name,.theme-mono pre[class*=language-] .token.string,.theme-mono pre[class*=language-] .token.char,.theme-mono pre[class*=language-] .token.builtin,.theme-mono pre[class*=language-] .token.url,.theme-mono pre[class*=language-] .token.inserted{
    color:inherit
}
.theme-mono code[class*=language-] .token.entity,.theme-mono pre[class*=language-] .token.entity{
    color:inherit;
    background:inherit
}
.theme-mono code[class*=language-] .token.atrule,.theme-mono code[class*=language-] .token.attr-value,.theme-mono pre[class*=language-] .token.atrule,.theme-mono pre[class*=language-] .token.attr-value{
    color:inherit
}
.theme-mono code[class*=language-] .token.function,.theme-mono pre[class*=language-] .token.function{
    color:inherit
}
.theme-mono code[class*=language-] .token.regex,.theme-mono code[class*=language-] .token.important,.theme-mono code[class*=language-] .token.variable,.theme-mono pre[class*=language-] .token.regex,.theme-mono pre[class*=language-] .token.important,.theme-mono pre[class*=language-] .token.variable{
    color:inherit
}
.theme-mono code[class*=language-] .token.important,.theme-mono code[class*=language-] .token.bold,.theme-mono pre[class*=language-] .token.important,.theme-mono pre[class*=language-] .token.bold{
    font-weight:bold
}
.theme-mono code[class*=language-] .token.italic,.theme-mono pre[class*=language-] .token.italic{
    font-style:italic
}
.theme-mono code[class*=language-] .token.entity,.theme-mono pre[class*=language-] .token.entity{
    cursor:help
}
.theme-mono code[class*=language-] .line-highlight,.theme-mono pre[class*=language-] .line-highlight{
    background:rgba(0,0,0,.06)
}
.theme-mono code[class*=language-] .line-highlight:before,.theme-mono pre[class*=language-] .line-highlight:before{
    content:none
}
.theme-mono code[class*=language-] .line-highlight:after,.theme-mono pre[class*=language-] .line-highlight:after{
    display:none
}
.theme-mono code[class*=language-] .line-numbers-rows>span:before,.theme-mono pre[class*=language-] .line-numbers-rows>span:before{
    color:rgba(51,51,51,.5)
}
.theme-mono .select-theme{
    color:rgba(51,51,51,.6)
}
.dark-mode .theme-mono code[class*=language-],.dark-mode .theme-mono pre[class*=language-]{
    color:rgba(238,238,238,.9)
}
.dark-mode .theme-mono code[class*=language-] .line-highlight,.dark-mode .theme-mono pre[class*=language-] .line-highlight{
    background:rgba(0,0,0,.2)
}
.dark-mode .theme-mono code[class*=language-] .line-highlight:before,.dark-mode .theme-mono pre[class*=language-] .line-highlight:before{
    content:none
}
.dark-mode .theme-mono code[class*=language-] .line-highlight:after,.dark-mode .theme-mono pre[class*=language-] .line-highlight:after{
    display:none
}
.dark-mode .theme-mono code[class*=language-] .line-numbers-rows>span:before,.dark-mode .theme-mono pre[class*=language-] .line-numbers-rows>span:before{
    color:rgba(255,255,255,.5)
}
.dark-mode .theme-mono .pre-cnt{
    border:1px solid #666
}
.theme-light pre{
    color:#657b83;
    background:#f3f5f6
}
.theme-light code[class*=language-] *,.theme-light pre[class*=language-] *{
    text-shadow:none
}
.theme-light code[class*=language-] .token.comment,.theme-light code[class*=language-] .token.prolog,.theme-light code[class*=language-] .token.doctype,.theme-light code[class*=language-] .token.cdata,.theme-light pre[class*=language-] .token.comment,.theme-light pre[class*=language-] .token.prolog,.theme-light pre[class*=language-] .token.doctype,.theme-light pre[class*=language-] .token.cdata{
    color:#93a1a1
}
.theme-light code[class*=language-] .token.punctuation,.theme-light pre[class*=language-] .token.punctuation{
    color:#586e75
}
.theme-light code[class*=language-] .namespace,.theme-light pre[class*=language-] .namespace{
    opacity:.7
}
.theme-light code[class*=language-] .token.operator,.theme-light code[class*=language-] .token.entity,.theme-light code[class*=language-] .token.url,.theme-light code[class*=language-] .language-css .token.string,.theme-light code[class*=language-] .style .token.string,.theme-light code[class*=language-] .token.variable,.theme-light pre[class*=language-] .token.operator,.theme-light pre[class*=language-] .token.entity,.theme-light pre[class*=language-] .token.url,.theme-light pre[class*=language-] .language-css .token.string,.theme-light pre[class*=language-] .style .token.string,.theme-light pre[class*=language-] .token.variable{
    color:inherit
}
.theme-light code[class*=language-] .token.property,.theme-light code[class*=language-] .token.tag,.theme-light code[class*=language-] .token.boolean,.theme-light code[class*=language-] .token.number,.theme-light code[class*=language-] .token.constant,.theme-light code[class*=language-] .token.symbol,.theme-light code[class*=language-] .token.deleted,.theme-light code[class*=language-] .token.keyword,.theme-light pre[class*=language-] .token.property,.theme-light pre[class*=language-] .token.tag,.theme-light pre[class*=language-] .token.boolean,.theme-light pre[class*=language-] .token.number,.theme-light pre[class*=language-] .token.constant,.theme-light pre[class*=language-] .token.symbol,.theme-light pre[class*=language-] .token.deleted,.theme-light pre[class*=language-] .token.keyword{
    color:#4f9fcf
}
.theme-light code[class*=language-] .token.selector,.theme-light code[class*=language-] .token.attr-name,.theme-light code[class*=language-] .token.string,.theme-light code[class*=language-] .token.char,.theme-light code[class*=language-] .token.builtin,.theme-light code[class*=language-] .token.url,.theme-light code[class*=language-] .token.inserted,.theme-light pre[class*=language-] .token.selector,.theme-light pre[class*=language-] .token.attr-name,.theme-light pre[class*=language-] .token.string,.theme-light pre[class*=language-] .token.char,.theme-light pre[class*=language-] .token.builtin,.theme-light pre[class*=language-] .token.url,.theme-light pre[class*=language-] .token.inserted{
    color:#d44950
}
.theme-light code[class*=language-] .token.entity,.theme-light pre[class*=language-] .token.entity{
    color:#657b83;
    background:#eee8d5
}
.theme-light code[class*=language-] .token.atrule,.theme-light code[class*=language-] .token.attr-value,.theme-light pre[class*=language-] .token.atrule,.theme-light pre[class*=language-] .token.attr-value{
    color:#fc8979
}
.theme-light code[class*=language-] .token.function,.theme-light pre[class*=language-] .token.function{
    color:#b58900
}
.theme-light code[class*=language-] .token.regex,.theme-light code[class*=language-] .token.important,.theme-light code[class*=language-] .token.variable,.theme-light pre[class*=language-] .token.regex,.theme-light pre[class*=language-] .token.important,.theme-light pre[class*=language-] .token.variable{
    color:#cb4b16
}
.theme-light code[class*=language-] .token.important,.theme-light code[class*=language-] .token.bold,.theme-light pre[class*=language-] .token.important,.theme-light pre[class*=language-] .token.bold{
    font-weight:bold
}
.theme-light code[class*=language-] .token.italic,.theme-light pre[class*=language-] .token.italic{
    font-style:italic
}
.theme-light code[class*=language-] .token.entity,.theme-light pre[class*=language-] .token.entity{
    cursor:help
}
.theme-light code[class*=language-] .line-highlight,.theme-light pre[class*=language-] .line-highlight{
    background:rgba(0,0,0,.04)
}
.theme-light code[class*=language-] .line-highlight:before,.theme-light pre[class*=language-] .line-highlight:before{
    width:3px;
    height:100%;
    background:tomato;
    position:absolute;
    left:0;
    top:0;
    content:"";
    min-width:0;
    border-radius:0;
    padding:0;
    box-shadow:none
}
.theme-light code[class*=language-] .line-highlight:after,.theme-light pre[class*=language-] .line-highlight:after{
    display:none
}
.theme-light code[class*=language-] .line-numbers-rows>span:before,.theme-light pre[class*=language-] .line-numbers-rows>span:before{
    color:rgba(51,51,51,.5)
}
.theme-light .select-theme{
    color:rgba(51,51,51,.3)
}
.theme-monokai pre{
    color:#f8f8f2;
    background:#282923
}
.theme-monokai code[class*=language-] *,.theme-monokai pre[class*=language-] *{
    text-shadow:none
}
.theme-monokai code[class*=language-] .token.punctuation,.theme-monokai pre[class*=language-] .token.punctuation{
    color:#f8f8f2
}
.theme-monokai code[class*=language-] .namespace,.theme-monokai pre[class*=language-] .namespace{
    opacity:.7
}
.theme-monokai code[class*=language-] .token.property,.theme-monokai pre[class*=language-] .token.property{
    color:#66d9ef
}
.theme-monokai code[class*=language-] .token.tag,.theme-monokai code[class*=language-] .token.constant,.theme-monokai code[class*=language-] .token.symbol,.theme-monokai code[class*=language-] .token.deleted,.theme-monokai pre[class*=language-] .token.tag,.theme-monokai pre[class*=language-] .token.constant,.theme-monokai pre[class*=language-] .token.symbol,.theme-monokai pre[class*=language-] .token.deleted{
    color:#f92672
}
.theme-monokai code[class*=language-] .token.boolean,.theme-monokai code[class*=language-] .token.number,.theme-monokai pre[class*=language-] .token.boolean,.theme-monokai pre[class*=language-] .token.number{
    color:#ae81ff
}
.theme-monokai code[class*=language-] .token.selector,.theme-monokai pre[class*=language-] .token.selector{
    color:#f92672
}
.theme-monokai code[class*=language-] .token.attr-name,.theme-monokai code[class*=language-] .token.string,.theme-monokai code[class*=language-] .token.char,.theme-monokai code[class*=language-] .token.builtin,.theme-monokai code[class*=language-] .token.inserted,.theme-monokai pre[class*=language-] .token.attr-name,.theme-monokai pre[class*=language-] .token.string,.theme-monokai pre[class*=language-] .token.char,.theme-monokai pre[class*=language-] .token.builtin,.theme-monokai pre[class*=language-] .token.inserted{
    color:#e7db6a
}
.theme-monokai code[class*=language-] .token.attr-name,.theme-monokai pre[class*=language-] .token.attr-name{
    color:#98e22e
}
.theme-monokai code[class*=language-] .language-html .token.attr-value,.theme-monokai pre[class*=language-] .language-html .token.attr-value{
    color:#e7db6a
}
.theme-monokai code[class*=language-] .language-html .token.attr-value .token.punctuation,.theme-monokai pre[class*=language-] .language-html .token.attr-value .token.punctuation{
    color:#e7db6a
}
.theme-monokai code[class*=language-] .token.operator,.theme-monokai code[class*=language-] .token.entity,.theme-monokai code[class*=language-] .token.url,.theme-monokai code[class*=language-] .style .token.string,.theme-monokai code[class*=language-] .token.variable,.theme-monokai pre[class*=language-] .token.operator,.theme-monokai pre[class*=language-] .token.entity,.theme-monokai pre[class*=language-] .token.url,.theme-monokai pre[class*=language-] .style .token.string,.theme-monokai pre[class*=language-] .token.variable{
    color:#f8f8f2
}
.theme-monokai code[class*=language-] .token.atrule,.theme-monokai code[class*=language-] .token.attr-value,.theme-monokai code[class*=language-] .token.function,.theme-monokai pre[class*=language-] .token.atrule,.theme-monokai pre[class*=language-] .token.attr-value,.theme-monokai pre[class*=language-] .token.function{
    color:#66d9ef
}
.theme-monokai code[class*=language-] .token.keyword,.theme-monokai pre[class*=language-] .token.keyword{
    color:#e32472
}
.theme-monokai code[class*=language-] .token.regex,.theme-monokai code[class*=language-] .token.important,.theme-monokai pre[class*=language-] .token.regex,.theme-monokai pre[class*=language-] .token.important{
    color:#fd971f
}
.theme-monokai code[class*=language-] .token.important,.theme-monokai code[class*=language-] .token.bold,.theme-monokai pre[class*=language-] .token.important,.theme-monokai pre[class*=language-] .token.bold{
    font-weight:bold
}
.theme-monokai code[class*=language-] .token.italic,.theme-monokai pre[class*=language-] .token.italic{
    font-style:italic
}
.theme-monokai code[class*=language-] .token.entity,.theme-monokai pre[class*=language-] .token.entity{
    cursor:help
}
.theme-monokai code[class*=language-] .line-highlight,.theme-monokai pre[class*=language-] .line-highlight{
    background:rgba(255,255,255,.06)
}
.theme-monokai code[class*=language-] .line-highlight:before,.theme-monokai pre[class*=language-] .line-highlight:before{
    content:none
}
.theme-monokai code[class*=language-] .line-highlight:after,.theme-monokai pre[class*=language-] .line-highlight:after{
    display:none
}
.theme-monokai code[class*=language-] .line-numbers-rows>span:before,.theme-monokai pre[class*=language-] .line-numbers-rows>span:before{
    color:rgba(255,255,255,.5)
}
.theme-monokai .select-theme{
    color:rgba(255,255,255,.6)
}
.theme-atom pre{
    color:#df6b73;
    background:#282c34
}
.theme-atom code[class*=language-] *,.theme-atom pre[class*=language-] *{
    text-shadow:none
}
.theme-atom code[class*=language-] .token.comment,.theme-atom code[class*=language-] .token.prolog,.theme-atom code[class*=language-] .token.doctype,.theme-atom code[class*=language-] .token.cdata,.theme-atom pre[class*=language-] .token.comment,.theme-atom pre[class*=language-] .token.prolog,.theme-atom pre[class*=language-] .token.doctype,.theme-atom pre[class*=language-] .token.cdata{
    color:#93a1a1
}
.theme-atom code[class*=language-] .token.comment,.theme-atom pre[class*=language-] .token.comment{
    font-style:italic
}
.theme-atom code[class*=language-] .token.punctuation,.theme-atom pre[class*=language-] .token.punctuation{
    color:#9fb2bf
}
.theme-atom code[class*=language-] .namespace,.theme-atom pre[class*=language-] .namespace{
    opacity:.7
}
.theme-atom code[class*=language-] .token.entity,.theme-atom code[class*=language-] .token.url,.theme-atom code[class*=language-] .language-css .token.string,.theme-atom code[class*=language-] .style .token.string,.theme-atom code[class*=language-] .token.variable,.theme-atom pre[class*=language-] .token.entity,.theme-atom pre[class*=language-] .token.url,.theme-atom pre[class*=language-] .language-css .token.string,.theme-atom pre[class*=language-] .style .token.string,.theme-atom pre[class*=language-] .token.variable{
    color:#df6b73
}
.theme-atom code[class*=language-] .token.operator,.theme-atom pre[class*=language-] .token.operator{
    color:#39a8c2
}
.theme-atom code[class*=language-] .token.property,.theme-atom code[class*=language-] .token.tag,.theme-atom code[class*=language-] .token.boolean,.theme-atom code[class*=language-] .token.constant,.theme-atom code[class*=language-] .token.symbol,.theme-atom code[class*=language-] .token.deleted,.theme-atom code[class*=language-] .token.keyword,.theme-atom pre[class*=language-] .token.property,.theme-atom pre[class*=language-] .token.tag,.theme-atom pre[class*=language-] .token.boolean,.theme-atom pre[class*=language-] .token.constant,.theme-atom pre[class*=language-] .token.symbol,.theme-atom pre[class*=language-] .token.deleted,.theme-atom pre[class*=language-] .token.keyword{
    color:#c678dd
}
.theme-atom code[class*=language-] .token.number,.theme-atom pre[class*=language-] .token.number{
    color:#c69a66
}
.theme-atom code[class*=language-] .token.selector,.theme-atom code[class*=language-] .token.attr-name,.theme-atom code[class*=language-] .token.string,.theme-atom code[class*=language-] .token.char,.theme-atom code[class*=language-] .token.builtin,.theme-atom code[class*=language-] .token.url,.theme-atom code[class*=language-] .token.inserted,.theme-atom pre[class*=language-] .token.selector,.theme-atom pre[class*=language-] .token.attr-name,.theme-atom pre[class*=language-] .token.string,.theme-atom pre[class*=language-] .token.char,.theme-atom pre[class*=language-] .token.builtin,.theme-atom pre[class*=language-] .token.url,.theme-atom pre[class*=language-] .token.inserted{
    color:#98c379
}
.theme-atom code[class*=language-] .token.entity,.theme-atom pre[class*=language-] .token.entity{
    color:#657b83;
    background:#eee8d5
}
.theme-atom code[class*=language-] .token.atrule,.theme-atom code[class*=language-] .token.attr-value,.theme-atom pre[class*=language-] .token.atrule,.theme-atom pre[class*=language-] .token.attr-value{
    color:#fc8979
}
.theme-atom code[class*=language-] .token.function,.theme-atom pre[class*=language-] .token.function{
    color:#4dafef
}
.theme-atom code[class*=language-] .token.regex,.theme-atom code[class*=language-] .token.important,.theme-atom code[class*=language-] .token.variable,.theme-atom pre[class*=language-] .token.regex,.theme-atom pre[class*=language-] .token.important,.theme-atom pre[class*=language-] .token.variable{
    color:#cb4b16
}
.theme-atom code[class*=language-] .token.important,.theme-atom code[class*=language-] .token.bold,.theme-atom pre[class*=language-] .token.important,.theme-atom pre[class*=language-] .token.bold{
    font-weight:bold
}
.theme-atom code[class*=language-] .token.italic,.theme-atom pre[class*=language-] .token.italic{
    font-style:italic
}
.theme-atom code[class*=language-] .token.entity,.theme-atom pre[class*=language-] .token.entity{
    cursor:help
}
.theme-atom code[class*=language-] .line-highlight,.theme-atom pre[class*=language-] .line-highlight{
    background:rgba(0,0,0,.04)
}
.theme-atom code[class*=language-] .line-highlight:before,.theme-atom pre[class*=language-] .line-highlight:before{
    width:3px;
    height:100%;
    background:tomato;
    position:absolute;
    left:0;
    top:0;
    content:"";
    min-width:0;
    border-radius:0;
    padding:0;
    box-shadow:none
}
.theme-atom code[class*=language-] .line-highlight:after,.theme-atom pre[class*=language-] .line-highlight:after{
    display:none
}
.theme-atom code[class*=language-] .line-numbers-rows>span:before,.theme-atom pre[class*=language-] .line-numbers-rows>span:before{
    color:rgba(255,255,255,.5)
}
.theme-atom .select-theme{
    color:rgba(255,255,255,.6)
}
.theme-dracula pre{
    color:#f8f8f2;
    background:#282a36
}
.theme-dracula code[class*=language-] *,.theme-dracula pre[class*=language-] *{
    text-shadow:none
}
.theme-dracula code[class*=language-] .token.punctuation,.theme-dracula pre[class*=language-] .token.punctuation{
    color:#f8f8f2
}
.theme-dracula code[class*=language-] .namespace,.theme-dracula pre[class*=language-] .namespace{
    opacity:.7
}
.theme-dracula code[class*=language-] .token.property,.theme-dracula code[class*=language-] .token.tag,.theme-dracula code[class*=language-] .token.constant,.theme-dracula code[class*=language-] .token.symbol,.theme-dracula code[class*=language-] .token.deleted,.theme-dracula pre[class*=language-] .token.property,.theme-dracula pre[class*=language-] .token.tag,.theme-dracula pre[class*=language-] .token.constant,.theme-dracula pre[class*=language-] .token.symbol,.theme-dracula pre[class*=language-] .token.deleted{
    color:#f92672
}
.theme-dracula code[class*=language-] .token.boolean,.theme-dracula code[class*=language-] .token.number,.theme-dracula pre[class*=language-] .token.boolean,.theme-dracula pre[class*=language-] .token.number{
    color:#ae81ff
}
.theme-dracula code[class*=language-] .token.selector,.theme-dracula code[class*=language-] .token.attr-name,.theme-dracula code[class*=language-] .token.string,.theme-dracula code[class*=language-] .token.char,.theme-dracula code[class*=language-] .token.builtin,.theme-dracula code[class*=language-] .token.inserted,.theme-dracula pre[class*=language-] .token.selector,.theme-dracula pre[class*=language-] .token.attr-name,.theme-dracula pre[class*=language-] .token.string,.theme-dracula pre[class*=language-] .token.char,.theme-dracula pre[class*=language-] .token.builtin,.theme-dracula pre[class*=language-] .token.inserted{
    color:#eef78a
}
.theme-dracula code[class*=language-] .token.operator,.theme-dracula code[class*=language-] .token.entity,.theme-dracula code[class*=language-] .token.url,.theme-dracula code[class*=language-] .language-css .token.string,.theme-dracula code[class*=language-] .style .token.string,.theme-dracula code[class*=language-] .token.variable,.theme-dracula pre[class*=language-] .token.operator,.theme-dracula pre[class*=language-] .token.entity,.theme-dracula pre[class*=language-] .token.url,.theme-dracula pre[class*=language-] .language-css .token.string,.theme-dracula pre[class*=language-] .style .token.string,.theme-dracula pre[class*=language-] .token.variable{
    color:#f8f8f2
}
.theme-dracula code[class*=language-] .token.atrule,.theme-dracula code[class*=language-] .token.attr-value,.theme-dracula code[class*=language-] .token.function,.theme-dracula pre[class*=language-] .token.atrule,.theme-dracula pre[class*=language-] .token.attr-value,.theme-dracula pre[class*=language-] .token.function{
    color:#4ffa7b
}
.theme-dracula code[class*=language-] .token.keyword,.theme-dracula pre[class*=language-] .token.keyword{
    color:#ff79c6
}
.theme-dracula code[class*=language-] .token.regex,.theme-dracula code[class*=language-] .token.important,.theme-dracula pre[class*=language-] .token.regex,.theme-dracula pre[class*=language-] .token.important{
    color:#fd971f
}
.theme-dracula code[class*=language-] .token.important,.theme-dracula code[class*=language-] .token.bold,.theme-dracula pre[class*=language-] .token.important,.theme-dracula pre[class*=language-] .token.bold{
    font-weight:bold
}
.theme-dracula code[class*=language-] .token.italic,.theme-dracula pre[class*=language-] .token.italic{
    font-style:italic
}
.theme-dracula code[class*=language-] .token.entity,.theme-dracula pre[class*=language-] .token.entity{
    cursor:help
}
.theme-dracula code[class*=language-] .line-highlight,.theme-dracula pre[class*=language-] .line-highlight{
    background:rgba(255,255,255,.1)
}
.theme-dracula code[class*=language-] .line-highlight:before,.theme-dracula pre[class*=language-] .line-highlight:before{
    content:none
}
.theme-dracula code[class*=language-] .line-highlight:after,.theme-dracula pre[class*=language-] .line-highlight:after{
    display:none
}
.theme-dracula code[class*=language-] .line-numbers-rows>span:before,.theme-dracula pre[class*=language-] .line-numbers-rows>span:before{
    color:rgba(255,255,255,.5)
}
.theme-dracula .select-theme{
    color:rgba(255,255,255,.6)
}
.theme-matrix pre,.theme-matrix .pre-cnt{
    background:linear-gradient(90deg, rgba(5, 239, 6, 0.04) 1px, transparent 1px),linear-gradient(rgba(5, 239, 6, 0.04) 1px, transparent 1px),linear-gradient(90deg, rgba(5, 239, 6, 0.07) 1px, transparent 1px),linear-gradient(rgba(5, 239, 6, 0.07) 1px, transparent 1px),linear-gradient(#000e00, #000e00);
    background-size:12px 12px,12px 12px,6px 6px,6px 6px,auto auto;
    background-position:0 0,0 0,6px 6px,6px 6px;
    border-radius:5px
}
.theme-matrix code[class*=language-],.theme-matrix pre[class*=language-]{
    color:#05ef06;
    background:rgba(0,0,0,0)
}
.theme-matrix code[class*=language-] *,.theme-matrix pre[class*=language-] *{
    text-shadow:none
}
.theme-matrix code[class*=language-] .token.punctuation,.theme-matrix pre[class*=language-] .token.punctuation{
    color:#05ef06
}
.theme-matrix code[class*=language-] .namespace,.theme-matrix pre[class*=language-] .namespace{
    opacity:.7
}
.theme-matrix code[class*=language-] .token.property,.theme-matrix code[class*=language-] .token.tag,.theme-matrix code[class*=language-] .token.constant,.theme-matrix code[class*=language-] .token.symbol,.theme-matrix code[class*=language-] .token.deleted,.theme-matrix pre[class*=language-] .token.property,.theme-matrix pre[class*=language-] .token.tag,.theme-matrix pre[class*=language-] .token.constant,.theme-matrix pre[class*=language-] .token.symbol,.theme-matrix pre[class*=language-] .token.deleted{
    color:#05ef06
}
.theme-matrix code[class*=language-] .token.boolean,.theme-matrix code[class*=language-] .token.number,.theme-matrix pre[class*=language-] .token.boolean,.theme-matrix pre[class*=language-] .token.number{
    color:#05ef06
}
.theme-matrix code[class*=language-] .token.selector,.theme-matrix code[class*=language-] .token.attr-name,.theme-matrix code[class*=language-] .token.string,.theme-matrix code[class*=language-] .token.char,.theme-matrix code[class*=language-] .token.builtin,.theme-matrix code[class*=language-] .token.inserted,.theme-matrix pre[class*=language-] .token.selector,.theme-matrix pre[class*=language-] .token.attr-name,.theme-matrix pre[class*=language-] .token.string,.theme-matrix pre[class*=language-] .token.char,.theme-matrix pre[class*=language-] .token.builtin,.theme-matrix pre[class*=language-] .token.inserted{
    color:#38f638
}
.theme-matrix code[class*=language-] .token.operator,.theme-matrix code[class*=language-] .token.entity,.theme-matrix code[class*=language-] .token.url,.theme-matrix code[class*=language-] .language-css .token.string,.theme-matrix code[class*=language-] .style .token.string,.theme-matrix code[class*=language-] .token.variable,.theme-matrix pre[class*=language-] .token.operator,.theme-matrix pre[class*=language-] .token.entity,.theme-matrix pre[class*=language-] .token.url,.theme-matrix pre[class*=language-] .language-css .token.string,.theme-matrix pre[class*=language-] .style .token.string,.theme-matrix pre[class*=language-] .token.variable{
    color:#08cf08
}
.theme-matrix code[class*=language-] .token.atrule,.theme-matrix code[class*=language-] .token.attr-value,.theme-matrix code[class*=language-] .token.function,.theme-matrix pre[class*=language-] .token.atrule,.theme-matrix pre[class*=language-] .token.attr-value,.theme-matrix pre[class*=language-] .token.function{
    color:#4ffa7b
}
.theme-matrix code[class*=language-] .token.keyword,.theme-matrix pre[class*=language-] .token.keyword{
    color:#05ef06
}
.theme-matrix code[class*=language-] .token.regex,.theme-matrix code[class*=language-] .token.important,.theme-matrix pre[class*=language-] .token.regex,.theme-matrix pre[class*=language-] .token.important{
    color:#18bb18
}
.theme-matrix code[class*=language-] .token.important,.theme-matrix code[class*=language-] .token.bold,.theme-matrix pre[class*=language-] .token.important,.theme-matrix pre[class*=language-] .token.bold{
    font-weight:bold
}
.theme-matrix code[class*=language-] .token.italic,.theme-matrix pre[class*=language-] .token.italic{
    font-style:italic
}
.theme-matrix code[class*=language-] .token.entity,.theme-matrix pre[class*=language-] .token.entity{
    cursor:help
}
.theme-matrix code[class*=language-] .line-highlight,.theme-matrix pre[class*=language-] .line-highlight{
    background:rgba(134,246,134,.1);
    box-shadow:inset 0 1px 0 0 rgba(134,246,134,.2),inset 0 -1px 0 0 rgba(134,246,134,.2)
}
.theme-matrix code[class*=language-] .line-highlight:before,.theme-matrix pre[class*=language-] .line-highlight:before{
    content:none
}
.theme-matrix code[class*=language-] .line-highlight:after,.theme-matrix pre[class*=language-] .line-highlight:after{
    display:none
}
.theme-matrix code[class*=language-] .line-numbers-rows>span:before,.theme-matrix pre[class*=language-] .line-numbers-rows>span:before{
    color:rgba(5,239,6,.5)
}
.theme-matrix .select-theme{
    color:rgba(255,255,255,.6)
}
.theme-cobalt pre{
    color:#ffee80;
    background:#193549
}
.theme-cobalt code[class*=language-] *,.theme-cobalt pre[class*=language-] *{
    text-shadow:none
}
.theme-cobalt code[class*=language-][class*=-js],.theme-cobalt pre[class*=language-][class*=-js]{
    color:#e1efff
}
.theme-cobalt code[class*=language-] .token.comment,.theme-cobalt code[class*=language-] .token.prolog,.theme-cobalt code[class*=language-] .token.doctype,.theme-cobalt code[class*=language-] .token.cdata,.theme-cobalt pre[class*=language-] .token.comment,.theme-cobalt pre[class*=language-] .token.prolog,.theme-cobalt pre[class*=language-] .token.doctype,.theme-cobalt pre[class*=language-] .token.cdata{
    color:#08f
}
.theme-cobalt code[class*=language-] .token.comment,.theme-cobalt pre[class*=language-] .token.comment{
    font-style:italic
}
.theme-cobalt code[class*=language-] .token.punctuation,.theme-cobalt pre[class*=language-] .token.punctuation{
    color:#9fb2bf
}
.theme-cobalt code[class*=language-] .namespace,.theme-cobalt pre[class*=language-] .namespace{
    opacity:.7
}
.theme-cobalt code[class*=language-] .token.entity,.theme-cobalt code[class*=language-] .token.url,.theme-cobalt code[class*=language-] .language-css .token.string,.theme-cobalt code[class*=language-] .style .token.string,.theme-cobalt code[class*=language-] .token.variable,.theme-cobalt pre[class*=language-] .token.entity,.theme-cobalt pre[class*=language-] .token.url,.theme-cobalt pre[class*=language-] .language-css .token.string,.theme-cobalt pre[class*=language-] .style .token.string,.theme-cobalt pre[class*=language-] .token.variable{
    color:#a5ff90
}
.theme-cobalt code[class*=language-] .token.operator,.theme-cobalt pre[class*=language-] .token.operator{
    color:#a5ff90
}
.theme-cobalt code[class*=language-] .token.property,.theme-cobalt pre[class*=language-] .token.property{
    color:#a5ff90
}
.theme-cobalt code[class*=language-] .token.tag,.theme-cobalt code[class*=language-] .token.boolean,.theme-cobalt code[class*=language-] .token.constant,.theme-cobalt code[class*=language-] .token.symbol,.theme-cobalt code[class*=language-] .token.deleted,.theme-cobalt code[class*=language-] .token.keyword,.theme-cobalt pre[class*=language-] .token.tag,.theme-cobalt pre[class*=language-] .token.boolean,.theme-cobalt pre[class*=language-] .token.constant,.theme-cobalt pre[class*=language-] .token.symbol,.theme-cobalt pre[class*=language-] .token.deleted,.theme-cobalt pre[class*=language-] .token.keyword{
    color:#ffc617
}
.theme-cobalt code[class*=language-] .token.number,.theme-cobalt pre[class*=language-] .token.number{
    color:#ff628c
}
.theme-cobalt code[class*=language-] .token.selector,.theme-cobalt pre[class*=language-] .token.selector{
    color:#3ad900
}
.theme-cobalt code[class*=language-] .token.attr-name,.theme-cobalt code[class*=language-] .token.string,.theme-cobalt code[class*=language-] .token.char,.theme-cobalt code[class*=language-] .token.builtin,.theme-cobalt code[class*=language-] .token.url,.theme-cobalt code[class*=language-] .token.inserted,.theme-cobalt pre[class*=language-] .token.attr-name,.theme-cobalt pre[class*=language-] .token.string,.theme-cobalt pre[class*=language-] .token.char,.theme-cobalt pre[class*=language-] .token.builtin,.theme-cobalt pre[class*=language-] .token.url,.theme-cobalt pre[class*=language-] .token.inserted{
    color:#a5ff90
}
.theme-cobalt code[class*=language-] .token.entity,.theme-cobalt pre[class*=language-] .token.entity{
    color:#657b83;
    background:#eee8d5
}
.theme-cobalt code[class*=language-] .token.atrule,.theme-cobalt code[class*=language-] .token.attr-value,.theme-cobalt pre[class*=language-] .token.atrule,.theme-cobalt pre[class*=language-] .token.attr-value{
    color:#fc8979
}
.theme-cobalt code[class*=language-] .token.function,.theme-cobalt pre[class*=language-] .token.function{
    color:#ff9d00
}
.theme-cobalt code[class*=language-] .token.regex,.theme-cobalt code[class*=language-] .token.important,.theme-cobalt code[class*=language-] .token.variable,.theme-cobalt pre[class*=language-] .token.regex,.theme-cobalt pre[class*=language-] .token.important,.theme-cobalt pre[class*=language-] .token.variable{
    color:#cb4b16
}
.theme-cobalt code[class*=language-] .token.important,.theme-cobalt code[class*=language-] .token.bold,.theme-cobalt pre[class*=language-] .token.important,.theme-cobalt pre[class*=language-] .token.bold{
    font-weight:bold
}
.theme-cobalt code[class*=language-] .token.italic,.theme-cobalt pre[class*=language-] .token.italic{
    font-style:italic
}
.theme-cobalt code[class*=language-] .token.entity,.theme-cobalt pre[class*=language-] .token.entity{
    cursor:help
}
.theme-cobalt code[class*=language-] .line-highlight,.theme-cobalt pre[class*=language-] .line-highlight{
    background:rgba(0,0,0,.2);
    z-index:0
}
.theme-cobalt code[class*=language-] .line-highlight:before,.theme-cobalt pre[class*=language-] .line-highlight:before{
    width:3px;
    height:100%;
    background:tomato;
    position:absolute;
    left:0;
    top:0;
    content:"";
    min-width:0;
    border-radius:0;
    padding:0;
    box-shadow:none
}
.theme-cobalt code[class*=language-] .line-highlight:after,.theme-cobalt pre[class*=language-] .line-highlight:after{
    display:none
}
.theme-cobalt code[class*=language-] .line-numbers-rows>span:before,.theme-cobalt pre[class*=language-] .line-numbers-rows>span:before{
    color:rgba(255,255,255,.5)
}
.theme-cobalt .select-theme{
    color:rgba(255,255,255,.6)
}
.theme-high-contrast pre{
    color:#fff;
    background:#000
}
.theme-high-contrast code[class*=language-] *,.theme-high-contrast pre[class*=language-] *{
    text-shadow:none;
    border:0
}
.theme-high-contrast code[class*=language-][class*=-css],.theme-high-contrast pre[class*=language-][class*=-css]{
    color:#b5cea8
}
.theme-high-contrast code[class*=language-] .token.comment,.theme-high-contrast code[class*=language-] .token.prolog,.theme-high-contrast code[class*=language-] .token.doctype,.theme-high-contrast code[class*=language-] .token.cdata,.theme-high-contrast pre[class*=language-] .token.comment,.theme-high-contrast pre[class*=language-] .token.prolog,.theme-high-contrast pre[class*=language-] .token.doctype,.theme-high-contrast pre[class*=language-] .token.cdata{
    color:inherit
}
.theme-high-contrast code[class*=language-] .token.comment,.theme-high-contrast pre[class*=language-] .token.comment{
    font-style:italic;
    color:#68a668
}
.theme-high-contrast code[class*=language-] .token.punctuation,.theme-high-contrast pre[class*=language-] .token.punctuation{
    color:#d4d4d4
}
.theme-high-contrast code[class*=language-] .namespace,.theme-high-contrast pre[class*=language-] .namespace{
    opacity:.7
}
.theme-high-contrast code[class*=language-] .token.operator,.theme-high-contrast code[class*=language-] .token.entity,.theme-high-contrast code[class*=language-] .token.url,.theme-high-contrast code[class*=language-] .language-css .token.string,.theme-high-contrast code[class*=language-] .style .token.string,.theme-high-contrast code[class*=language-] .token.variable,.theme-high-contrast pre[class*=language-] .token.operator,.theme-high-contrast pre[class*=language-] .token.entity,.theme-high-contrast pre[class*=language-] .token.url,.theme-high-contrast pre[class*=language-] .language-css .token.string,.theme-high-contrast pre[class*=language-] .style .token.string,.theme-high-contrast pre[class*=language-] .token.variable{
    color:inherit
}
.theme-high-contrast code[class*=language-] .token.property,.theme-high-contrast code[class*=language-] .token.tag,.theme-high-contrast code[class*=language-] .token.boolean,.theme-high-contrast code[class*=language-] .token.number,.theme-high-contrast code[class*=language-] .token.constant,.theme-high-contrast code[class*=language-] .token.symbol,.theme-high-contrast code[class*=language-] .token.deleted,.theme-high-contrast code[class*=language-] .token.keyword,.theme-high-contrast pre[class*=language-] .token.property,.theme-high-contrast pre[class*=language-] .token.tag,.theme-high-contrast pre[class*=language-] .token.boolean,.theme-high-contrast pre[class*=language-] .token.number,.theme-high-contrast pre[class*=language-] .token.constant,.theme-high-contrast pre[class*=language-] .token.symbol,.theme-high-contrast pre[class*=language-] .token.deleted,.theme-high-contrast pre[class*=language-] .token.keyword{
    color:#439cd6
}
.theme-high-contrast code[class*=language-] .token.property,.theme-high-contrast pre[class*=language-] .token.property{
    color:#d4d4d4
}
.theme-high-contrast code[class*=language-] .token.selector,.theme-high-contrast code[class*=language-] .token.attr-name,.theme-high-contrast code[class*=language-] .token.string,.theme-high-contrast code[class*=language-] .token.char,.theme-high-contrast code[class*=language-] .token.builtin,.theme-high-contrast code[class*=language-] .token.url,.theme-high-contrast code[class*=language-] .token.inserted,.theme-high-contrast pre[class*=language-] .token.selector,.theme-high-contrast pre[class*=language-] .token.attr-name,.theme-high-contrast pre[class*=language-] .token.string,.theme-high-contrast pre[class*=language-] .token.char,.theme-high-contrast pre[class*=language-] .token.builtin,.theme-high-contrast pre[class*=language-] .token.url,.theme-high-contrast pre[class*=language-] .token.inserted{
    color:#e6784c
}
.theme-high-contrast code[class*=language-] .token.entity,.theme-high-contrast pre[class*=language-] .token.entity{
    color:inherit;
    background:inherit
}
.theme-high-contrast code[class*=language-] .token.atrule,.theme-high-contrast code[class*=language-] .token.attr-value,.theme-high-contrast pre[class*=language-] .token.atrule,.theme-high-contrast pre[class*=language-] .token.attr-value{
    color:inherit
}
.theme-high-contrast code[class*=language-] .token.function,.theme-high-contrast pre[class*=language-] .token.function{
    color:#dcdc9a
}
.theme-high-contrast code[class*=language-] .token.regex,.theme-high-contrast code[class*=language-] .token.important,.theme-high-contrast code[class*=language-] .token.variable,.theme-high-contrast pre[class*=language-] .token.regex,.theme-high-contrast pre[class*=language-] .token.important,.theme-high-contrast pre[class*=language-] .token.variable{
    color:inherit
}
.theme-high-contrast code[class*=language-] .token.important,.theme-high-contrast code[class*=language-] .token.bold,.theme-high-contrast pre[class*=language-] .token.important,.theme-high-contrast pre[class*=language-] .token.bold{
    font-weight:bold
}
.theme-high-contrast code[class*=language-] .token.italic,.theme-high-contrast pre[class*=language-] .token.italic{
    font-style:italic
}
.theme-high-contrast code[class*=language-] .token.entity,.theme-high-contrast pre[class*=language-] .token.entity{
    cursor:help
}
.theme-high-contrast code[class*=language-] .line-highlight,.theme-high-contrast pre[class*=language-] .line-highlight{
    background:rgba(0,0,0,.06)
}
.theme-high-contrast code[class*=language-] .line-highlight:before,.theme-high-contrast pre[class*=language-] .line-highlight:before{
    content:none
}
.theme-high-contrast code[class*=language-] .line-highlight:after,.theme-high-contrast pre[class*=language-] .line-highlight:after{
    display:none
}
.theme-high-contrast code[class*=language-] .line-numbers-rows>span:before,.theme-high-contrast pre[class*=language-] .line-numbers-rows>span:before{
    color:#fff
}
.theme-high-contrast .select-theme{
    color:rgba(255,255,255,.6)
}
.theme-visual-studio-code pre{
    color:#d4d4d4;
    background:#1e1e1e
}
.theme-visual-studio-code code[class*=language-] *,.theme-visual-studio-code pre[class*=language-] *{
    text-shadow:none
}
.theme-visual-studio-code code[class*=language-] .token.comment,.theme-visual-studio-code code[class*=language-] .token.prolog,.theme-visual-studio-code code[class*=language-] .token.doctype,.theme-visual-studio-code code[class*=language-] .token.cdata,.theme-visual-studio-code pre[class*=language-] .token.comment,.theme-visual-studio-code pre[class*=language-] .token.prolog,.theme-visual-studio-code pre[class*=language-] .token.doctype,.theme-visual-studio-code pre[class*=language-] .token.cdata{
    color:#6a9955
}
.theme-visual-studio-code code[class*=language-] .token.comment,.theme-visual-studio-code pre[class*=language-] .token.comment{
    font-style:italic
}
.theme-visual-studio-code code[class*=language-] .token.punctuation,.theme-visual-studio-code pre[class*=language-] .token.punctuation{
    color:#9fb2bf
}
.theme-visual-studio-code code[class*=language-] .namespace,.theme-visual-studio-code pre[class*=language-] .namespace{
    opacity:.7
}
.theme-visual-studio-code code[class*=language-] .token.entity,.theme-visual-studio-code code[class*=language-] .token.url,.theme-visual-studio-code code[class*=language-] .language-css .token.string,.theme-visual-studio-code code[class*=language-] .style .token.string,.theme-visual-studio-code code[class*=language-] .token.variable,.theme-visual-studio-code pre[class*=language-] .token.entity,.theme-visual-studio-code pre[class*=language-] .token.url,.theme-visual-studio-code pre[class*=language-] .language-css .token.string,.theme-visual-studio-code pre[class*=language-] .style .token.string,.theme-visual-studio-code pre[class*=language-] .token.variable{
    color:#ce9178
}
.theme-visual-studio-code code[class*=language-] .token.operator,.theme-visual-studio-code pre[class*=language-] .token.operator{
    color:#d4d4d4
}
.theme-visual-studio-code code[class*=language-] .token.property,.theme-visual-studio-code code[class*=language-] .token.tag,.theme-visual-studio-code code[class*=language-] .token.boolean,.theme-visual-studio-code code[class*=language-] .token.constant,.theme-visual-studio-code code[class*=language-] .token.symbol,.theme-visual-studio-code code[class*=language-] .token.deleted,.theme-visual-studio-code code[class*=language-] .token.keyword,.theme-visual-studio-code pre[class*=language-] .token.property,.theme-visual-studio-code pre[class*=language-] .token.tag,.theme-visual-studio-code pre[class*=language-] .token.boolean,.theme-visual-studio-code pre[class*=language-] .token.constant,.theme-visual-studio-code pre[class*=language-] .token.symbol,.theme-visual-studio-code pre[class*=language-] .token.deleted,.theme-visual-studio-code pre[class*=language-] .token.keyword{
    color:#569cd6
}
.theme-visual-studio-code code[class*=language-] .token.number,.theme-visual-studio-code pre[class*=language-] .token.number{
    color:#b5cea8
}
.theme-visual-studio-code code[class*=language-] .token.selector,.theme-visual-studio-code code[class*=language-] .token.string,.theme-visual-studio-code code[class*=language-] .token.char,.theme-visual-studio-code code[class*=language-] .token.builtin,.theme-visual-studio-code code[class*=language-] .token.url,.theme-visual-studio-code code[class*=language-] .token.inserted,.theme-visual-studio-code pre[class*=language-] .token.selector,.theme-visual-studio-code pre[class*=language-] .token.string,.theme-visual-studio-code pre[class*=language-] .token.char,.theme-visual-studio-code pre[class*=language-] .token.builtin,.theme-visual-studio-code pre[class*=language-] .token.url,.theme-visual-studio-code pre[class*=language-] .token.inserted{
    color:#ce9178
}
.theme-visual-studio-code code[class*=language-] .token.attr-name,.theme-visual-studio-code pre[class*=language-] .token.attr-name{
    color:#9cdcfe
}
.theme-visual-studio-code code[class*=language-] .token.entity,.theme-visual-studio-code pre[class*=language-] .token.entity{
    color:#657b83;
    background:#eee8d5
}
.theme-visual-studio-code code[class*=language-] .token.atrule,.theme-visual-studio-code code[class*=language-] .token.attr-value,.theme-visual-studio-code pre[class*=language-] .token.atrule,.theme-visual-studio-code pre[class*=language-] .token.attr-value{
    color:#ce9178
}
.theme-visual-studio-code code[class*=language-] .token.function,.theme-visual-studio-code pre[class*=language-] .token.function{
    color:#d4d4d4
}
.theme-visual-studio-code code[class*=language-] .token.regex,.theme-visual-studio-code code[class*=language-] .token.important,.theme-visual-studio-code code[class*=language-] .token.variable,.theme-visual-studio-code pre[class*=language-] .token.regex,.theme-visual-studio-code pre[class*=language-] .token.important,.theme-visual-studio-code pre[class*=language-] .token.variable{
    color:#cb4b16
}
.theme-visual-studio-code code[class*=language-] .token.important,.theme-visual-studio-code code[class*=language-] .token.bold,.theme-visual-studio-code pre[class*=language-] .token.important,.theme-visual-studio-code pre[class*=language-] .token.bold{
    font-weight:bold
}
.theme-visual-studio-code code[class*=language-] .token.italic,.theme-visual-studio-code pre[class*=language-] .token.italic{
    font-style:italic
}
.theme-visual-studio-code code[class*=language-] .token.entity,.theme-visual-studio-code pre[class*=language-] .token.entity{
    cursor:help
}
.theme-visual-studio-code code[class*=language-] .line-highlight,.theme-visual-studio-code pre[class*=language-] .line-highlight{
    background:rgba(104,156,207,.1)
}
.theme-visual-studio-code code[class*=language-] .line-highlight:before,.theme-visual-studio-code pre[class*=language-] .line-highlight:before{
    width:3px;
    height:100%;
    background:#689ccf;
    position:absolute;
    left:0;
    top:0;
    content:"";
    min-width:0;
    border-radius:0;
    padding:0;
    box-shadow:none
}
.theme-visual-studio-code code[class*=language-] .line-highlight:after,.theme-visual-studio-code pre[class*=language-] .line-highlight:after{
    display:none
}
.theme-visual-studio-code code[class*=language-] .line-numbers-rows>span:before,.theme-visual-studio-code pre[class*=language-] .line-numbers-rows>span:before{
    color:rgba(255,255,255,.5)
}
.theme-visual-studio-code .select-theme{
    color:rgba(255,255,255,.6)
}
.skip-links a{
    display:inline;
    left:-9000em;
    padding:7px 10px;
    position:absolute;
    text-align:center;
    border-radius:0;
    text-decoration:none;
    z-index:200;
    background:tomato;
    color:#fff
}
.skip-links a:focus{
    left:0
}
.page-container{
    min-height:100vh;
    box-sizing:border-box;
    display:grid;
    grid-template-columns:1fr var(--menu-width);
    position:relative;
    overflow-wrap:break-word
}
@media screen and (max-width: 1024px){
    .page-container{
        padding-right:0;
        grid-template-columns:1fr 0
    }
}
.menu-hide .page-container{
    grid-template-columns:1fr
}
.page-footer{
    text-align:center;
    color:#bbb;
    font-size:.7rem;
    line-height:1.3em
}
.page-title{
    color:var(--title-color);
    font:bold 2.5em sans-serif;
    font-weight:700;
    padding:50px 0 0;
    margin:0;
    line-height:1.2em;
    margin-bottom:30px
}
@media(max-width: 450px){
    .page-title{
        font-size:2em;
        padding-bottom:30px;
        padding-top:40px;
        margin-right:60px
    }
}
.subtitle{
    color:var(--title-color);
    font:bold 2em sans-serif;
    font-weight:700;
    margin-bottom:1em;
    margin-top:2em;
    line-height:1.2em
}
.subtitle--small{
    font-size:1.5em
}
@media(max-width: 670px){
    .subtitle{
        font-size:1.5em
    }
}
.post-last-modify{
    color:var(--page-modify-color);
    font-size:.95rem;
    margin-bottom:4rem
}
.page-content-wrapper{
    flex:1;
    overflow:hidden
}
.page-content{
    margin:0 auto;
    padding:0 2rem;
    max-width:900px;
    min-height:100vh;
    flex-shrink:1;
    display:flex;
    flex-direction:column
}
.page-content .page-content-text{
    flex:1 1 auto;
    padding-bottom:50px
}
.page-content .subtitle-cnt{
    position:relative
}
.page-content .subtitle-link{
    color:var(--title-color-hash);
    position:absolute;
    width:30px;
    height:20px;
    left:-30px;
    top:50%;
    transform:translate(0, -50%);
    text-decoration:none;
    text-indent:-9999px;
    overflow:hidden;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E %3Cpath d='M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z'%3E%3C/path%3E %3Cpath d='M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z'%3E%3C/path%3E%3C/svg%3E");
    background-size:27px;
    background-repeat:no-repeat;
    background-position:center
}
.dark-mode .subtitle-link{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23aaa' viewBox='0 0 16 16'%3E %3Cpath d='M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z'%3E%3C/path%3E %3Cpath d='M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z'%3E%3C/path%3E%3C/svg%3E")
}
@media(hover: hover){
    .page-content .subtitle-link{
        opacity:0
    }
    .page-content .subtitle-cnt:hover .subtitle-link{
        opacity:1
    }
}
@media(max-width: 1020px){
    .page-content .subtitle-cnt{
        padding-left:30px
    }
    .page-content .subtitle-link{
        left:0
    }
}
.page-content strong{
    color:var(--strong)
}
.page-content hr{
    height:2px;
    background-color:var(--border-color);
    margin:4em 0;
    border:0
}
.page-content h2{
    position:relative;
    color:var(--title-color)
}
.page-content img{
    max-width:100%;
    height:auto
}
.page-content pre{
    max-width:100%
}
.page-content img.block{
    display:block;
    margin-left:auto;
    margin-right:auto
}
.page-content img.border{
    border:1px solid var(--border-color)
}
.page-content img.space{
    margin-top:1.5rem;
    margin-bottom:1.5rem
}
.page-content img.center{
    display:block;
    margin-left:auto;
    margin-right:auto
}
.dark-mode img{
    opacity:.85;
    border:0
}
.page-content a.img-zoom{
    cursor:zoom-in
}
.page-content figure{
    text-align:center;
    color:#aaa;
    text-decoration:none
}
.page-content figure img{
    margin-bottom:0;
    display:inline-block;
    vertical-align:top
}
.page-content figure img.space{
    margin-bottom:0
}
.page-content figure figcaption{
    text-align:center;
    font-size:.8rem;
    margin-bottom:1rem
}
.page-content canvas{
    border:1px solid var(--border-color);
    max-width:100%;
    height:auto;
    margin-bottom:10px;
    display:block
}
.page-content blockquote{
    font-weight:normal;
    position:relative;
    font-style:italic;
    border-top:1px solid var(--border-color);
    border-bottom:1px solid var(--border-color);
    padding:40px 0 40px 40px;
    margin:40px 0
}
.page-content blockquote::before{
    content:"❞";
    font-family:serif;
    font-size:3rem;
    position:absolute;
    left:0;
    top:40px
}
.page-content kbd{
    font-family:sans-serif;
    font-weight:bold;
    color:var(--kbd-text);
    background-color:var(--kbd-bg);
    padding:3px 7px;
    border-radius:4px
}
.page-content ol:not([class]),.page-content ul:not([class]){
    counter-set:nr;
    padding-left:0;
    list-style:none
}
.page-content ol:not([class]) li,.page-content ul:not([class]) li{
    counter-increment:nr
}
.page-content ol:not([class]) li::before,.page-content ul:not([class]) li::before{
    content:counter(nr) ".";
    font-weight:bold;
    margin-right:1rem
}
@media screen and (max-width: 1024px){
    .page-content{
        max-width:100%;
        width:auto;
        padding:0 15px
    }
}
.tab-cnt{
    overflow-x:auto;
    margin:2rem 0
}
.tab-cnt table.tab{
    margin:0
}
table.tab{
    border:var(--table-border);
    margin:2rem 0;
    width:100%;
    border-collapse:collapse;
    font-size:.9em
}
table.tab th{
    border-top:var(--table-border);
    border-right:var(--table-border);
    font-weight:bold;
    padding:10px;
    line-height:1.5em;
    text-align:left;
    color:var(--strong)
}
table.tab tr:first-child th,table.tab tr:first-child td{
    border-bottom:var(--table-border);
    border-top:0;
    text-align:left
}
table.tab tr th:last-child,table.tab tr td:last-child{
    border-right:0
}
table.tab td{
    border-bottom:var(--table-border);
    border-right:var(--table-border);
    padding:10px
}
table.tab tr:nth-of-type(2n) th,table.tab tr:nth-of-type(2n) td{
    background:var(--table-row-even-bg)
}
table.tab.no-auto tr:nth-of-type(2n) td,table.tab.manual tr:nth-of-type(2n) td{
    background:inherit
}
table.tab.no-auto tr.even td,table.tab.no-auto tr.fill td,table.tab.manual tr.even td,table.tab.manual tr.fill td{
    border-bottom:var(--table-border)
}
table.tab .small{
    display:block;
    font-size:.8em
}
.page-content .tasks-for-you-cnt{
    padding-bottom:2rem;
    margin-top:3.5rem
}
.page-content .tasks-for-you-cnt h2{
    margin:1rem 0 2rem
}
.page-content .tasks-for-you{
    list-style:none;
    padding-left:0;
    font-size:.95rem
}
.page-content .tasks-for-you>li{
    padding:40px 20px 20px 60px;
    border:1px solid #ddd;
    box-shadow:0 1px 3px -1px rgba(0,0,0,.2);
    margin-bottom:30px;
    position:relative
}
.page-content .tasks-for-you>li:before{
    background:var(--color-main);
    width:40px;
    height:40px;
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    content:counter(liCount);
    position:absolute;
    left:0;
    top:0;
    font-weight:bold;
    z-index:1
}
.page-content .tasks-for-you>li:after{
    content:"";
    background:#eee;
    width:40px;
    z-index:0;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    font-weight:bold
}
.page-content .tasks-for-you>li.tasks-for-you-li-with-js{
    padding:40px 20px 0 60px
}
.page-content .tasks-for-you .tasks-for-you-toggle{
    position:absolute;
    right:10px;
    top:10px;
    width:20px;
    height:20px;
    text-indent:-999px;
    overflow:hidden;
    border:0;
    background:none;
    padding:0;
    cursor:pointer
}
.page-content .tasks-for-you .tasks-for-you-toggle:before{
    position:absolute;
    text-indent:0;
    left:0;
    top:0;
    line-height:17px;
    width:100%;
    height:100%;
    display:block;
    font-size:1.5rem;
    color:#888;
    content:"";
    font-family:"FontAwesome";
    transition:.5s all
}
.page-content .tasks-for-you .tasks-for-you-toggle.collapsed:before{
    transform:rotate(180deg)
}
.page-content .tasks-for-you .tasks-for-you-content{
    padding-bottom:20px
}
.page-content .tasks-for-you .tasks-for-you-li-head{
    position:absolute;
    left:60px;
    top:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    right:50px;
    line-height:40px;
    display:none
}
.page-content .tasks-for-you .solution{
    padding-top:1rem
}
.page-content .tasks-for-you .tasks-for-you-show-solution{
    margin-top:1rem;
    padding:.6rem 1.5rem;
    cursor:pointer
}
.form-search{
    margin-top:2rem
}
.form-search .form-search-label{
    font:0/0 a !important;
    text-shadow:none !important;
    color:rgba(0,0,0,0) !important;
    border:0 !important;
    background-color:rgba(0,0,0,0) !important;
    display:block;
    background-repeat:no-repeat
}
.form-search .form-search-label br{
    display:none
}
.form-search .form-search-row{
    position:relative
}
.form-search .form-search-input-cnt{
    position:relative
}
.form-search .form-search-input-icon{
    position:absolute;
    left:15px;
    top:50%;
    transform:translateY(-50%);
    width:2.5rem;
    padding-right:1rem;
    stroke-width:2px;
    stroke:var(--sidebar-search-icon)
}
.form-search .form-search-input{
    background:var(--sidebar-search-bg);
    font:600 1em sans-serif;
    padding:1.2rem;
    padding-left:3rem;
    width:100%;
    border-radius:2px;
    border:var(--form-input-border);
    border:0
}
.form-search .form-search-input::-moz-placeholder{
    color:#bbb
}
.form-search .form-search-input::placeholder{
    color:#bbb
}
.form-search .form-search-input:focus{
    border-color:#888;
    outline:none
}
.form-search .form-search-input.error{
    box-shadow:0 0 0 1px var(--color-main)
}
.form-search .search-input-error-text{
    position:absolute;
    top:calc(100% + 10px);
    left:10px;
    background:tomato;
    color:#fff;
    display:inline-block;
    padding:7px 10px;
    font-size:14px;
    line-height:1em;
    border-radius:14px
}
.form-search .search-input-error-text:after{
    content:"";
    position:absolute;
    left:15px;
    top:-10px;
    width:0;
    height:0;
    border:5px solid rgba(0,0,0,0);
    border-bottom-color:tomato
}
.form-search .form-search-button{
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:70px;
    opacity:0
}
.search-result-cnt .loading{
    margin:10px auto
}
.search-result-cnt .loading:before{
    border-color:rgba(0,0,0,.2);
    border-right-color:#000
}
.search-result{
    list-style:none;
    padding:0
}
.search-result li{
    margin:.5rem 0;
    padding:2rem 0;
    font-size:.95rem;
    border-bottom:1px solid var(--border-color)
}
.search-result li:last-child{
    border:0
}
.search-result li .search-result-title{
    margin-top:0;
    margin-bottom:10px
}
.search-result li .search-result-link{
    font-size:.8rem
}
.search-result li .search-result-link a{
    font-weight:normal
}
.search-result li .search-result-text{
    margin-top:1rem;
    font-size:.8rem
}
.search-result li .search-result-match{
    font-size:.8rem;
    padding:1rem 0;
    border-bottom:1px solid #eee
}
.search-result li .search-result-match:first-of-type{
    padding-top:0;
    border-top:1px solid #eee
}
.search-result li .search-result-match:last-of-type{
    padding-bottom:0;
    border-bottom:0
}
.search-result-pagination{
    display:flex;
    justify-content:space-between;
    position:relative;
    margin-bottom:3rem
}
.search-result-pagination .loading{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%)
}
.search-result-none{
    margin:20px 0
}
.page-sidebar{
    border-left:1px solid var(--border-color);
    z-index:100;
    width:var(--menu-width);
    box-sizing:border-box;
    font-family:sans-serif;
    flex-shrink:0;
    position:sticky;
    top:0;
    height:100vh
}
.page-sidebar>div{
    overflow-y:scroll;
    height:100%;
    position:relative;
    scrollbar-width:none;
    padding:2rem
}
.page-sidebar>div::-webkit-scrollbar{
    width:0
}
@media(max-width: 430px){
    .page-sidebar>div{
        padding:30px 20px
    }
}
.page-sidebar a{
    color:var(--sidebar-chapter-text);
    border:0
}
.page-sidebar img{
    max-width:100%
}
.page-sidebar .page-sidebar-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    line-height:1.2em;
    font-size:20px;
    margin:0;
    color:var(--sidebar-chapter-text);
    border-radius:2px;
    font-weight:bold
}
.page-sidebar .page-sidebar-title a{
    text-decoration:none
}
.page-sidebar .page-sidebar-title .page-sidebar-title-link{
    margin-right:20px
}
.page-sidebar .page-sidebar-title .page-setup-link{
    align-items:center;
    display:inline-flex;
    margin-left:10px;
    background:none;
    cursor:pointer;
    overflow:hidden;
    width:30px;
    height:30px;
    position:relative;
    border-radius:50%;
    font-size:1.3rem;
    transition:.2s opacity;
    flex-shrink:0
}
.page-sidebar .page-sidebar-title .page-setup-link svg{
    stroke:var(--sidebar-page-setup-color);
    stroke-width:1px
}
.page-sidebar .page-sidebar-title .page-setup-link svg{
    opacity:.7
}
.page-sidebar .page-sidebar-title .page-setup-link:hover{
    opacity:.8
}
.page-sidebar .page-sidebar-section{
    position:relative;
    margin:6px 0;
    line-height:1.7em;
    border-radius:20px;
    transition:.3s background,.3s padding,.3s margin
}
.page-sidebar .page-sidebar-section .page-sidebar-list{
    padding-bottom:10px
}
.page-sidebar .page-sidebar-section.show .page-sidebar-list-cnt{
    display:block
}
.page-sidebar .has-active-element:not(.show) .page-sidebar-section-title:before{
    background:var(--color-main);
    content:"";
    width:6px;
    height:6px;
    position:absolute;
    border-radius:50%;
    left:-13px;
    top:50%;
    transform:translate(0, -50%);
    transition:.4s background
}
.page-sidebar .page-sidebar-section-title,.page-sidebar .page-sidebar-section-title.noopen{
    font-family:sans-serif;
    font-weight:400;
    font-size:15px;
    display:inline-block;
    margin:0;
    cursor:pointer;
    padding-right:20px;
    position:relative
}
.page-sidebar .page-sidebar-section-title a,.page-sidebar .page-sidebar-section-title.noopen a{
    text-decoration:none
}
.page-sidebar .page-sidebar-section-title a:hover,.page-sidebar .page-sidebar-section-title.noopen a:hover{
    opacity:.8
}
.page-sidebar .page-sidebar-list-cnt{
    display:none
}
.page-sidebar .page-sidebar-list{
    list-style:none;
    margin:0;
    padding:0;
    position:relative
}
.page-sidebar .page-sidebar-list li{
    text-align:left;
    position:relative;
    color:#7b7b7b;
    padding:0 .5rem 0 .2rem;
    margin:.5rem 1rem .5rem -0.3em;
    font-size:.8rem;
    font-weight:normal;
    line-height:1.6;
    display:flex;
    align-items:center
}
.page-sidebar .page-sidebar-list li::before{
    content:"";
    background:url(/images/icon-arrow.svg);
    background-size:12px 12px;
    background-position:0 center;
    opacity:.3;
    background-repeat:no-repeat;
    display:inline-block;
    width:18px;
    height:18px;
    margin-right:5px
}
.dark-mode .page-sidebar .page-sidebar-list li::before{
    background-image:url(/images/icon-arrow-light.svg)
}
.page-sidebar .page-sidebar-list li.page-sidebar-list-separator{
    margin:.9em 0;
    font-weight:600;
    display:flex;
    align-items:center;
    color:var(--sidebar-links)
}
.page-sidebar .page-sidebar-list li.page-sidebar-list-separator::before{
    content:none
}
.page-sidebar .page-sidebar-list li.page-sidebar-list-separator svg{
    color:var(--sidebar-links);
    opacity:.6;
    margin-left:6px
}
.page-sidebar .page-sidebar-list li a{
    display:block;
    text-align:left;
    text-decoration:none;
    color:var(--sidebar-links);
    transition:.5s
}
.page-sidebar .page-sidebar-list li a:hover{
    opacity:.6
}
.page-sidebar .page-sidebar-list li:hover:before{
    color:#fff
}
.page-sidebar .page-sidebar-list li.active a{
    color:var(--color-main)
}
.page-sidebar .page-sidebar-list li.active:before{
    color:var(--color-main)
}
.page-sidebar .page-sidebar-sublist{
    list-style:none;
    padding:0;
    margin:0;
    display:none
}
.page-sidebar .additional-links-dots{
    width:15px
}
.search-sidebar{
    margin:20px 0;
    padding-bottom:20px
}
.search-sidebar .search-sidebar-label{
    font:0/0 a !important;
    text-shadow:none !important;
    color:rgba(0,0,0,0) !important;
    border:0 !important;
    background-color:rgba(0,0,0,0) !important;
    display:block;
    background-repeat:no-repeat
}
.search-sidebar .search-sidebar-label br{
    display:none
}
.search-sidebar .search-sidebar-input-cnt{
    position:relative
}
.search-sidebar .search-sidebar-input{
    border-radius:4px;
    padding:0 20px 0 40px;
    height:50px;
    font:600 .7em sans-serif;
    display:block;
    width:100%;
    outline:none;
    background:var(--sidebar-search-bg);
    border:0;
    color:var(--sidebar-search-text)
}
.search-sidebar .search-sidebar-input:focus-visible{
    border-color:#999
}
.search-sidebar .search-sidebar-input.error{
    box-shadow:0 0 0 1px var(--color-main)
}
.search-sidebar .search-sidebar-input::-moz-placeholder{
    color:#bbb
}
.search-sidebar .search-sidebar-input::placeholder{
    color:#bbb
}
.search-sidebar .search-sidebar-input-icon{
    position:absolute;
    left:15px;
    top:50%;
    transform:translateY(-50%);
    width:1rem;
    stroke-width:2px;
    stroke:var(--sidebar-search-icon)
}
.search-sidebar .search-sidebar-button{
    display:none
}
.search-sidebar .loading{
    position:absolute;
    right:0;
    top:50%;
    transform:translate(0, -50%)
}
.search-sidebar .loading:before{
    border-color:rgba(0,0,0,.2);
    border-right-color:#000
}
.page-sidebar .special-link{
    font-weight:bold;
    animation:specialAnim .3s 0s infinite;
    text-decoration:none;
    color:var(--color-main)
}
@media screen and (max-width: 1024px){
    #menuOff{
        position:fixed;
        top:0;
        right:var(--menu-width);
        bottom:0;
        left:0;
        z-index:10;
        cursor:pointer
    }
    .page-sidebar{
        position:fixed;
        transition:.5s transform;
        right:calc(-1*var(--menu-width))
    }
    .page-sidebar>div{
        overflow-y:auto
    }
}
@media screen and (max-width: 1024px){
    .page-container{
        transition:1s transform
    }
    .page-content{
        opacity:1;
        transition:.5s transform,.5s opacity;
        margin-right:0
    }
    .menu-show .page-content{
        transform:translateX(calc(-1 * var(--menu-width)));
        opacity:.7
    }
    .menu-show .page-sidebar{
        transform:translateX(-100%)
    }
}
.page-sidebar-burger{
    background:none;
    width:75px;
    height:75px;
    position:absolute;
    transition:.5s transform;
    z-index:1000;
    top:10px;
    left:-75px;
    border:0;
    cursor:pointer;
    outline:none;
    justify-content:center;
    align-items:center;
    display:none
}
@media screen and (max-width: 1024px){
    .page-sidebar-burger{
        display:flex
    }
}
.page-sidebar-burger span,.page-sidebar-burger span:before,.page-sidebar-burger span:after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    background:var(--sidebar-burger-line);
    transform:translate(-50%, 0);
    height:4px;
    width:30px;
    display:block;
    border-radius:1px
}
.page-sidebar-burger span{
    transform:translate(-50%, -50%)
}
.page-sidebar-burger span:before{
    top:-8px
}
.page-sidebar-burger span:after{
    top:8px
}
.page-sidebar-burger.anim span{
    animation:animS .1s .2s 1 forwards
}
.page-sidebar-burger.anim span:before{
    animation:animB .6s 0s 1 forwards
}
.page-sidebar-burger.anim span:after{
    animation:animA .6s 0s 1 forwards
}





@keyframes animS{
    100%{
        background-color:rgba(0,0,0,0)
    }
}
@keyframes animB{
    50%{
        top:0;
        transform:translate(-50%, 0) rotate(0deg)
    }
    100%{
        top:0;
        transform:translate(-50%, 0) rotate(-45deg)
    }
}
@keyframes animA{
    50%{
        top:0;
        transform:translate(-50%, 0) rotate(0deg)
    }
    100%{
        top:0;
        transform:translate(-50%, 0) rotate(45deg)
    }
}
.page-sidebar-burger.anim-r span{
    animation:animRS .5s 0s 1 forwards
}
.page-sidebar-burger.anim-r span:before{
    animation:animRB .6s 0s 1 forwards
}
.page-sidebar-burger.anim-r span:after{
    animation:animRA .6s 0s 1 forwards
}
@keyframes animRS{
    0%{
        background-color:rgba(0,0,0,0)
    }
    50%{
        background-color:rgba(0,0,0,0)
    }
    100%{
        background:var(--sidebar-burger-line)
    }
}
@keyframes animRB{
    0%{
        top:0;
        transform:translate(-50%, 0) rotate(-45deg)
    }
    50%{
        top:0;
        transform:translate(-50%, 0) rotate(0deg)
    }
    100%{
        top:-8px;
        transform:translate(-50%, 0) rotate(0deg)
    }
}
@keyframes animRA{
    0%{
        top:0;
        transform:translate(-50%, 0) rotate(45deg)
    }
    50%{
        top:0;
        transform:translate(-50%, 0) rotate(0deg)
    }
    100%{
        top:8px;
        transform:translate(-50%, 0) rotate(0deg)
    }
}
.sidebar-toggle-btn{
    display:none
}
@media screen and (min-width: 1024px){
    .sidebar-toggle-btn{
        position:absolute;
        left:0;
        top:60px;
        transform:translate(-50%, -50%);
        overflow:hidden;
        cursor:pointer;
        color:var(--sidebar-icon-toggle-text);
        background:var(--sidebar-icon-toggle-bg);
        width:16px;
        padding:0;
        height:40px;
        display:flex;
        border:0;
        z-index:2;
        border-radius:0;
        justify-content:center;
        align-items:center;
        flex-direction:column;
        outline:none
    }
    .sidebar-toggle-btn strong{
        position:absolute;
        left:-999999px
    }
    .sidebar-toggle-btn span{
        display:block;
        width:6px;
        height:1px;
        background:var(--sidebar-icon-toggle-text);
        margin-bottom:2px
    }
    .menu-hide .page-sidebar{
        overflow:visible;
        position:fixed;
        top:0;
        right:calc(var(--menu-width)*-1);
        transition:.5s transform
    }
    .menu-hide .sidebar-toggle-btn{
        background:tomato;
        width:20px;
        left:-20px;
        border-radius:3px 0 0 3px;
        transform:translate(0, -50%)
    }
    .menu-hide .sidebar-toggle-btn span{
        background:#fff
    }
}
@media print{
    @page :right{
        @bottom-right{
            content:counter(page)
        }
    }
    @page{
        margin:.5cm
    }
    body{
        padding-right:0
    }
    :root{
        --color-main: #000
    }
    .next-prev-buttons,.scroll-to-top,.ads,.top-ads,.page-sidebar,.no-print,.skip-links{
        display:none !important
    }
    .test-container{
        position:relative !important;
        height:20px !important;
        box-shadow:none !important;
        overflow:hidden !important;
        border:1px solid #ddd !important
    }
    .test-container::after{
        content:"Przykład znajdziesz na stronie https://kursjs.pl";
        position:absolute;
        background:#fff !important;
        display:flex;
        justify-content:center;
        align-items:center;
        left:0;
        top:0;
        width:100%;
        height:100%
    }
    .page-container{
        grid-template-columns:1fr
    }
    .video-cnt{
        background:none !important;
        border:1px solid #ddd !important;
        padding:2rem
    }
    .video-cnt iframe{
        display:none
    }
    .video-cnt::before{
        content:"Video dostępne w wersji online"
    }
    hr{
        background:#222 !important;
        margin:50px 0 !important
    }
    .page-content{
        max-width:98%
    }
    .pre-cnt pre{
        padding-left:1rem
    }
    .pre-cnt pre,.pre-cnt pre *{
        white-space:pre-wrap !important
    }
    .pre-cnt *{
        color:#000 !important
    }
    h2{
        page-break-inside:avoid
    }
    .page-content{
        counter-reset:subtitleNr
    }
    .subtitle{
        counter-increment:subtitleNr;
        display:flex;
        align-items:center
    }
    .subtitle::before{
        content:counter(subtitleNr) ". ";
        vertical-align:bottom;
        margin-right:5px;
        display:inline-flex;
        align-items:flex-end
    }
    *,*::before,*::after{
        color:inherit !important;
        text-shadow:none !important;
        word-break:break-all !important;
        background:none !important
    }
    a,a:visited{
        color:#444 !important;
        text-decoration:underline
    }
    a[data-print]:after{
        content:" (" attr(data-print) ")"
    }
    abbr:after{
        content:" (" attr(title) ")"
    }
    .ir a:after{
        content:""
    }
    .page-content-text a{
        color:inherit;
        text-decoration:none
    }
    .page-content-text a[data-print]{
        text-decoration:underline
    }
    pre,blockquote{
        border:1px solid #999;
        page-break-inside:avoid
    }
    img{
        page-break-inside:avoid
    }
    p,h2,h3{
        orphans:3;
        widows:3
    }
    h2,h3{
        page-break-after:avoid
    }
    pre.language-js{
        background:#eee;
        border:1px solid #ddd
    }
    .page-content .page-title,.page-content .subtitle{
        color:#000
    }
    .page-content .page-title{
        padding-top:20px
    }
    .kartofel-informuje{
        border:3px solid #000;
        padding-left:1.5rem
    }
    .kartofel-informuje::before{
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 23.625 23.625' style='enable-background:new 0 0 23.625 23.625;
        ' xml:space='preserve'%3E%3Cpath style='fill:%23000' d='M11.812,0C5.289,0,0,5.289,0,11.812s5.289,11.813,11.812,11.813s11.813-5.29,11.813-11.813 S18.335,0,11.812,0z M14.271,18.307c-0.608,0.24-1.092,0.422-1.455,0.548c-0.362,0.126-0.783,0.189-1.262,0.189 c-0.736,0-1.309-0.18-1.717-0.539s-0.611-0.814-0.611-1.367c0-0.215,0.015-0.435,0.045-0.659c0.031-0.224,0.08-0.476,0.147-0.759 l0.761-2.688c0.067-0.258,0.125-0.503,0.171-0.731c0.046-0.23,0.068-0.441,0.068-0.633c0-0.342-0.071-0.582-0.212-0.717 c-0.143-0.135-0.412-0.201-0.813-0.201c-0.196,0-0.398,0.029-0.605,0.09c-0.205,0.063-0.383,0.12-0.529,0.176l0.201-0.828 c0.498-0.203,0.975-0.377,1.43-0.521c0.455-0.146,0.885-0.218,1.29-0.218c0.731,0,1.295,0.178,1.692,0.53 c0.395,0.353,0.594,0.812,0.594,1.376c0,0.117-0.014,0.323-0.041,0.617c-0.027,0.295-0.078,0.564-0.152,0.811l-0.757,2.68 c-0.062,0.215-0.117,0.461-0.167,0.736c-0.049,0.275-0.073,0.485-0.073,0.626c0,0.356,0.079,0.599,0.239,0.728 c0.158,0.129,0.435,0.194,0.827,0.194c0.185,0,0.392-0.033,0.626-0.097c0.232-0.064,0.4-0.121,0.506-0.17L14.271,18.307z M14.137,7.429c-0.353,0.328-0.778,0.492-1.275,0.492c-0.496,0-0.924-0.164-1.28-0.492c-0.354-0.328-0.533-0.727-0.533-1.193 c0-0.465,0.18-0.865,0.533-1.196c0.356-0.332,0.784-0.497,1.28-0.497c0.497,0,0.923,0.165,1.275,0.497 c0.353,0.331,0.53,0.731,0.53,1.196C14.667,6.703,14.49,7.101,14.137,7.429z'/%3E%3C/svg%3E") !important;
        z-index:1
    }
    .kartofel-informuje::after{
        content:"";
        position:absolute;
        left:-15px;
        top:-15px;
        width:30px;
        height:30px;
        border-radius:50%;
        background:#fff !important;
        z-index:0
    }
    #mainContent::before{
        margin:20px 0;
        display:block;
        content:attr(data-text-for-print);
        color:#aaa
    }
    .first-page .index-form-search{
        display:none
    }
    .first-page .section{
        box-shadow:none
    }
    .first-page .section-title{
        color:#000;
        font-size:2em;
        margin-bottom:.5em
    }
    .first-page .course-title{
        padding:2rem 0
    }
    .first-page .course-title strong{
        font-size:3rem;
        color:#000
    }
    .first-page .course-title span{
        font-size:2rem;
        color:#000
    }
    .first-page .first-page-footer{
        padding-top:0;
        color:#000
    }
}
 
.hidden {
  visibility: hidden;
}

.form-text{
    margin-top:.25rem;
    font-size:.16px;
    color: red;
}

a.notatki {
	color:	#09aae6;
}

a.notatki:hover {
	color:	#09aae6;
}