.codeflask {
	background: #fff;
	color: #212121;
	font-size: 80px !important;
	font-family: "Roboto Mono", monospace;
}

.codeflask__flatten {
	font-size: 17px !important;
}

.codeflask__lines {
	font-size: 17px !important;
	z-index: 100 !important;
}

.codeflask__textarea::selection {
	background: rgb(59 130 246);
	color: transparent;
}

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

.codeflask .token.punctuation {
	color: #4a4a4a;
}

.codeflask .token.keyword {
	color: #8500ff;
}

.codeflask .token.operator {
	color: #ff5598;
}

.codeflask .token.string {
	color: rgb(5 150 105);
}

.codeflask .token.comment {
	color: #9badb7;
}

.codeflask .token.function {
	color: rgb(124 58 237);
}

.codeflask .token.boolean {
	color: rgb(124 58 237);
}

.codeflask .token.number {
	color: rgb(124 58 237);
}

.codeflask .token.selector {
	color: rgb(124 58 237);
}

.codeflask .token.property {
	color: rgb(124 58 237);
}

.codeflask .token.tag {
	color: rgb(124 58 237);
}

.codeflask .token.attr-value {
	color: #8500ff;
}