:root {
  --code-symbol: #303030;
  --code-number:  orange;
  --code-keyword: blue;
  --instarepl-background: lightgreen;
  --instarepl-error: firebrick;
  --block-background: white;
}

.pareditor {
	color: gray;
	outline: 1px solid;
	caret-color: black;
}

.pareditor .error-text {
	position: fixed;
	background-color: white;
	padding-left: 10px;
}

.pareditor .instarepl:not(:hover) {
  opacity: 0.9;
}

html:not(.rainbow-enabled) .pareditor .content .collection > .delimiter:first-child {
	color: dimgray;
}

html.rainbow-enabled .pareditor .content .rainbow-0 {
	color: aqua;
}

html.rainbow-enabled .pareditor .content .rainbow-1 {
	color: orange;
}

html.rainbow-enabled .pareditor .content .rainbow-2 {
	color: cornflowerblue;
}

html.rainbow-enabled .pareditor .content .rainbow-3 {
	color: fuchsia;
}

html.rainbow-enabled .pareditor .content .rainbow-4 {
	color: lime;
}