code[class*=language-],pre[class*=language-]{
    color:#000;
    background:0 0;
    text-shadow:0 1px #fff;
    text-align:left;
    white-space:pre;
    word-spacing:normal;
    word-break:normal;
    word-wrap:normal;
    line-height:1.5;
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4;
    -webkit-hyphens:none;
    -ms-hyphens:none;
    hyphens:none
}
code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection{
    text-shadow:none;
    background:#b3d4fc
}
pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{
    text-shadow:none;
    background:#b3d4fc
}
code[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection{
    text-shadow:none;
    background:#b3d4fc
}
code[class*=language-] ::selection,code[class*=language-]::selection{
    text-shadow:none;
    background:#b3d4fc
}
pre[class*=language-]{
    padding:1em;
    margin:.5em 0;
    overflow:auto
}
pre[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection{
    text-shadow:none;
    background:#b3d4fc
}
pre[class*=language-] ::selection,pre[class*=language-]::selection{
    text-shadow:none;
    background:#b3d4fc
}
@media print{
    code[class*=language-],pre[class*=language-]{
        text-shadow:none
    }
}
:not(pre)>code[class*=language-],pre[class*=language-]{
    background:#f6f7fb
}
:not(pre)>code[class*=language-]{
    padding:.1em;
    border-radius:.3em;
    white-space:normal
}
.token.cdata,.token.comment,.token.doctype,.token.prolog{
    color:#708090
}
.token.punctuation{
    color:#999
}
.namespace{
    opacity:.7
}
.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{
    color:#905
}
.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{
    color:#690
}
.language-css .token.string,.style .token.string{
    color:#a67f59;
    background:rgba(255,255,255,0.5)
}
.token.entity,.token.operator,.token.url{
    color:#a67f59;
    background:rgba(255,255,255,0.5)
}
.token.atrule,.token.attr-value,.token.keyword{
    color:#07a
}
.token.function{
    color:#DD4A68
}
.token.important,.token.regex,.token.variable{
    color:#e90
}
.token.bold,.token.important{
    font-weight:700
}
.token.italic{
    font-style:italic
}
.token.entity{
    cursor:help
}
.code-box-copy{
    position:relative;
    font-size:16px;
    display:none
}
.code-box-copy pre[class*="language-"]{
    border:1px solid #dee3f9;
    border-radius:2px
}
.code-box-copy__btn{
    opacity:0;
    position:absolute;
    top:11px;
    right:11px;
    width:36px;
    height:36px;
    background-color:#e5eaff;
    border:1px solid #dee3f9;
    color:#333;
    border-radius:5px;
    -webkit-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out
}
.code-box-copy:hover .code-box-copy__btn{
    opacity:1
}
.code-box-copy__btn:disabled{
    background-color:#eee;
    border-color:#ccc;
    color:#333;
    pointer-events:none
}
.code-box-copy__btn:hover{
    cursor:pointer;
    background-color:#fff;
    border:1px solid #ccc;
    color:#333
}
.code-box-copy__btn:focus,.code-box-copy__btn:active{
    outline:0
}
.code-box-copy__tooltip{
    display:none;
    position:absolute;
    bottom:calc(100% + 11px);
    right:0;
    width:80px;
    padding:6px 0;
    background-color:#333;
    color:#fff;
    text-align:center;
    border-radius:2px;
    font-size:13px
}
.code-box-copy__tooltip::after{
    display:block;
    position:absolute;
    right:13px;
    bottom:-5px;
    content:' ';
    width:0;
    height:0;
    border-style:solid;
    border-width:5px 5px 0 5px;
    border-color:#333 transparent transparent transparent
}
.card-body.show-source .code-box-copy{
    display:block
}