/*Fix some issue with overflow visibily in flask*/
.codeflask__pre{
    overflow: visible !important;
}

.codeflask__code{
    overflow: inherit !important;
}

.codeflask__lines{
    z-index: 4 !important;
}

.codeflask.codeflask--has-line-numbers::before{
z-index: 4 !important;
}

.codeflask__textarea::selection{
    background: #486ee944;
}




.dark .codeflask,
.dark .codeflask.codeflask--has-line-numbers{
    background: #171718 !important;
    color: #adcefa !important;
}

.dark .codeflask.codeflask--has-line-numbers::before{
    background: #343436 !important;
}

.dark .codeflask__textarea{
    color: transparent !important;
    caret-color: #b9b9b9 !important;
}

.codeflask .token.punctuation {
    color: #b9b9b9;
}
.codeflask .token.keyword {
    color: #496aff;
}
.dark .codeflask .token.parameter {
    color: #adcefa;
}
.codeflask .token.operator {
    color: #b9b9b9;
}
.codeflask .token.string {
    color: #e9a830;
}
.codeflask .token.comment {
    color: #12832f;
}
.codeflask .token.class-name {
    color: #01977e;
}
.codeflask .token.function {
    color: #edf888;
}
.codeflask .token.boolean {
    color: #c588ff;
}
.codeflask .token.number {
    color: #a5ecc1;
}
.codeflask .token.selector {
    color: #b9b9b9;
}
.codeflask .token.property {
    color: #b9b9b9;
}
.codeflask .token.tag {
    color: #b9b9b9;
}
.codeflask .token.attr-value {
    color: #b9b9b9;
}