.highlight {
    background-color: #f7f7f9;
    border-color: #e1e1e8;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    padding: 9px 14px;
    margin-bottom: 14px;
}
@media (max-width: 539px) {
    .highlight {
        padding: 4px 9px;
    }
}

.highlight pre {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}
@media (max-width: 539px) {
    .highlight pre {
        font-size: 75%;
    }
}

.highlight pre,
.highlight code {
    word-wrap: normal;
    word-break: normal;
    white-space: pre;
}

.highlight pre code {
    color: #333;
    font-size: inherit;
    white-space: pre;
    background-color: transparent;
    border: none;
    padding: 0;
}

.highlight pre .lineno {
    display: inline-block;
    color: #bebec5;
    margin-right: 10px;
    padding-right: 5px;
    text-align: right;
    width: 22px;
}

.highlight pre {
	scrollbar-width: thin;
	scrollbar-color: rgba(0, 0, 0, .2) rgba(0, 0, 0, .1);
	overflow: auto;
	margin-bottom: 0;
}

.highlight pre::-webkit-scrollbar {
	height: 8px;
}
   
.highlight pre::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, .1);
	border-radius: 100px;
}
   
.highlight pre::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .2);
	border-radius: 100px;
}

.hll {
    background-color: #ffc
}

.c {
    color: #999
}

.err {
    // color: #A00;
    // background-color: #FAA
}

.k {
    color: #069
}

.o {
    color: #555
}

.cm {
    color: #999
}

.cp {
    color: #099
}

.c1 {
    color: #999
}

.cs {
    color: #999
}

.gd {
    background-color: #FCC;
    border: 1px solid #C00
}

.ge {
    font-style: italic
}

.gr {
    color: red
}

.gh {
    color: #030
}

.gi {
    background-color: #CFC;
    border: 1px solid #0C0
}

.go {
    color: #AAA
}

.gp {
    color: #009
}

.gu {
    color: #030
}

.gt {
    color: #9C6
}

.kc {
    color: #069
}

.kd {
    color: #069
}

.kn {
    color: #069
}

.kp {
    color: #069
}

.kr {
    color: #069
}

.kt {
    color: #078
}

.m {
    color: #F60
}

.s {
    color: #d44950
}

.na {
    color: #4f9fcf
}

.nb {
    color: #366
}

.nc {
    color: #0A8
}

.no {
    color: #360
}

.nd {
    color: #99F
}

.ni {
    color: #999
}

.ne {
    color: #C00
}

.nf {
    color: #C0F
}

.nl {
    color: #99F
}

.nn {
    color: #0CF
}

.nt {
    color: #2f6f9f
}

.nv {
    color: #033
}

.ow {
    color: #000
}

.w {
    color: #bbb
}

.mf {
    color: #F60
}

.mh {
    color: #F60
}

.mi {
    color: #F60
}

.mo {
    color: #F60
}

.sb {
    color: #C30
}

.sc {
    color: #C30
}

.sd {
    color: #C30;
    font-style: italic
}

.s2 {
    color: #C30
}

.se {
    color: #C30
}

.sh {
    color: #C30
}

.si {
    color: #A00
}

.sx {
    color: #C30
}

.sr {
    color: #3AA
}

.s1 {
    color: #C30
}

.ss {
    color: #FC3
}

.bp {
    color: #366
}

.vc {
    color: #033
}

.vg {
    color: #033
}

.vi {
    color: #033
}

.il {
    color: #F60
}

.css .o,
.css .o+.nt,
.css .nt+.nt {
    color: #999
}