pre code.hljs {
	display: block;
	/*overflow-x: auto;*/
	height: inherit;
	overflow: auto;
	scrollbar-width: none;
}
code.hljs {
}

/* Color base */
.hljs {
	color: var(--hl-base);
	background: transparent;
}

/* Comentarios */
.hljs-comment,
.hljs-quote {
	color: var(--hl-comment);
}

/* Palabras clave */
.hljs-keyword,
.hljs-selector-tag,
.hljs-meta .hljs-keyword,
.hljs-doctag,
.hljs-name {
	color: var(--hl-keywords);
}

/* Strings */
.hljs-string,
.hljs-attribute,
.hljs-addition,
.hljs-template-variable,
.hljs-meta .hljs-string {
	color: var(--hl-strings);
}

/* Números y booleanos */
.hljs-number,
.hljs-literal,
.hljs-symbol,
.hljs-bullet {
	color: var(--hl-number);
}

/* Variables y funciones */
.hljs-template-variable,
.hljs-link,
.hljs-title,
.hljs-selector-id,
.hljs-selector-class {
	color: var(--hl-def);
}

/**/
.hljs-property,
.hljs-variable {
	color: var(--hl-var);
}

/* Operadores y puntuación */
.hljs-operator,
.hljs-punctuation,
.hljs-tag {
	color: var(--hl-operator);
}

/* Etiquetas y atributos */
.hljs-tag .hljs-name,
.hljs-tag .hljs-attr,
.hljs-section {
	color: var(--hl-tag);
}

/* Expresiones regulares */
.hljs-regexp {
	color: var(--hl-regex);
}

/* Default (agrupando lo que no tiene un text-shadow: 0 0 15px #;
	color específico) */
.hljs-subst,
.hljs-formula,
.hljs-attr,
.hljs-params,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-built_in,
.hljs-code,
.hljs-deletion,
.hljs-meta {
	color: var(--hl-default);
}

/* Estilos adicionales */
.hljs-emphasis {
	font-style: italic;
}
.hljs-strong {
	font-weight: bold;
}




.hljs::selection {
	color: #000;
	background-color: var(--hl-keywords);
}

.hljs-comment::selection,
.hljs-quote::selection {
	color: #000;
	background-color: var(--hl-comment);
}

.hljs-keyword::selection,
.hljs-selector-tag::selection,
.hljs-meta .hljs-keyword::selection,
.hljs-doctag::selection,
.hljs-name::selection {
	color: #000;
	background-color: var(--hl-base);
}

.hljs-string::selection,
.hljs-attribute::selection,
.hljs-addition::selection,
.hljs-template-variable::selection,
.hljs-meta .hljs-string::selection {
	color: #000;
	background-color: var(--hl-strings);
}

.hljs-number::selection,
.hljs-literal::selection,
.hljs-symbol::selection,
.hljs-bullet::selection {
	color: #000;
	background-color: var(--hl-number);
}

.hljs-template-variable::selection,
.hljs-link::selection,
.hljs-title::selection,
.hljs-selector-id::selection,
.hljs-selector-class::selection {
	color: #000;
	background-color: var(--hl-def);
}

.hljs-property::selection,
.hljs-variable::selection {
	color: #000;
	background-color: var(--hl-var);
}

.hljs-operator::selection,
.hljs-punctuation::selection,
.hljs-tag::selection {
	color: #000;
	background-color: var(--hl-operator);
}

.hljs-tag .hljs-name::selection,
.hljs-tag .hljs-attr::selection,
.hljs-section::selection {
	color: #000;
	background-color: var(--hl-tag);
}

.hljs-regexp::selection {
	color: #000;
	background-color: var(--hl-regex);
}

.hljs-subst::selection,
.hljs-formula::selection,
.hljs-attr::selection,
.hljs-params::selection,
.hljs-selector-attr::selection,
.hljs-selector-pseudo::selection,
.hljs-built_in::selection,
.hljs-code::selection,
.hljs-deletion::selection,
.hljs-meta::selection {
	color: #000;
	background-color: var(--hl-keywords);
}

.hljs-emphasis::selection {
	font-style: italic;
}
.hljs-strong::selection {
	font-weight: bold;
}