.editor-code[data-code-theme="twilight"], .editor-code[data-code-theme="twilight"] {
	color: white;
	background: none;

	font-size: 1em;
















}.editor-code[data-code-theme="twilight"], .editor-code[data-code-theme="twilight"] :not(pre) > .editor-code[data-code-theme="twilight"] {
	background: hsl(0, 0%, 8%); 
}.editor-code[data-code-theme="twilight"] {

	border: .3em solid hsl(0, 0%, 33%); 
	box-shadow: 1px 1px .5em black inset;



}.editor-code[data-code-theme="twilight"]::-moz-selection {
	
	background: hsl(200, 4%, 16%); 
}.editor-code[data-code-theme="twilight"]::selection {
	
	background: hsl(200, 4%, 16%); 
}.editor-code[data-code-theme="twilight"]::-moz-selection, .editor-code[data-code-theme="twilight"] ::-moz-selection, .editor-code[data-code-theme="twilight"]::-moz-selection, .editor-code[data-code-theme="twilight"] ::-moz-selection {

	background: hsla(0, 0%, 93%, 0.15); 
}.editor-code[data-code-theme="twilight"]::selection, .editor-code[data-code-theme="twilight"] ::selection, .editor-code[data-code-theme="twilight"]::selection, .editor-code[data-code-theme="twilight"] ::selection {

	background: hsla(0, 0%, 93%, 0.15); 
}.editor-code[data-code-theme="twilight"] :not(pre) > .editor-code[data-code-theme="twilight"] {

	border: .13em solid hsl(0, 0%, 33%); 
	box-shadow: 1px 1px .3em -.1em black inset;


}.editor-code[data-code-theme="twilight"] .token.comment, .editor-code[data-code-theme="twilight"] .token.prolog, .editor-code[data-code-theme="twilight"] .token.doctype, .editor-code[data-code-theme="twilight"] .token.cdata {
	color: hsl(0, 0%, 47%); 
}.editor-code[data-code-theme="twilight"] .token.punctuation {
	opacity: .7;
}.editor-code[data-code-theme="twilight"] .token.namespace {
	opacity: .7;
}.editor-code[data-code-theme="twilight"] .token.tag, .editor-code[data-code-theme="twilight"] .token.boolean, .editor-code[data-code-theme="twilight"] .token.number, .editor-code[data-code-theme="twilight"] .token.deleted {
	color: hsl(14, 58%, 55%); 
}.editor-code[data-code-theme="twilight"] .token.keyword, .editor-code[data-code-theme="twilight"] .token.property, .editor-code[data-code-theme="twilight"] .token.selector, .editor-code[data-code-theme="twilight"] .token.constant, .editor-code[data-code-theme="twilight"] .token.symbol, .editor-code[data-code-theme="twilight"] .token.builtin {
	color: hsl(53, 89%, 79%); 
}.editor-code[data-code-theme="twilight"] .token.attr-name, .editor-code[data-code-theme="twilight"] .token.attr-value, .editor-code[data-code-theme="twilight"] .token.string, .editor-code[data-code-theme="twilight"] .token.char, .editor-code[data-code-theme="twilight"] .token.operator, .editor-code[data-code-theme="twilight"] .token.entity, .editor-code[data-code-theme="twilight"] .token.url, .editor-code[data-code-theme="twilight"] .language-css .token.string, .editor-code[data-code-theme="twilight"] .style .token.string, .editor-code[data-code-theme="twilight"] .token.variable, .editor-code[data-code-theme="twilight"] .token.inserted {
	color: hsl(76, 21%, 52%); 
}.editor-code[data-code-theme="twilight"] .token.atrule {
	color: hsl(218, 22%, 55%); 
}.editor-code[data-code-theme="twilight"] .token.regex, .editor-code[data-code-theme="twilight"] .token.important {
	color: hsl(42, 75%, 65%); 
}.editor-code[data-code-theme="twilight"] .token.important, .editor-code[data-code-theme="twilight"] .token.bold {
	font-weight: bold;
}.editor-code[data-code-theme="twilight"] .token.italic {
	font-style: italic;
}.editor-code[data-code-theme="twilight"] .token.entity {
	cursor: help;
}.editor-code[data-code-theme="twilight"] .language-markup .token.tag, .editor-code[data-code-theme="twilight"] .language-markup .token.attr-name, .editor-code[data-code-theme="twilight"] .language-markup .token.punctuation {
	color: hsl(33, 33%, 52%); 
}.editor-code[data-code-theme="twilight"] .token {
	position: relative;
	z-index: 1;
}.editor-code[data-code-theme="twilight"] .line-highlight.line-highlight {
	background: hsla(0, 0%, 33%, 0.25); 
	background: linear-gradient(to right, hsla(0, 0%, 33%, .1) 70%, hsla(0, 0%, 33%, 0)); 
	border-bottom: 1px dashed hsl(0, 0%, 33%); 
	border-top: 1px dashed hsl(0, 0%, 33%); 
	margin-top: 0.75em; 
	z-index: 0;
}.editor-code[data-code-theme="twilight"] .line-highlight.line-highlight:before, .editor-code[data-code-theme="twilight"] .line-highlight.line-highlight[data-end]:after {
	background-color: hsl(215, 15%, 59%); 
	color: hsl(24, 20%, 95%); 
}