@media (prefers-color-scheme: dark) {

span.highlight {
background-color: #c2a723;
color:black;
}
span.highlight-blue {
background-color: #60489d;
color:black;
}
span.highlight-teal {
background-color: #2db8b6;
color:black;
}
span.highlight-hotpink {
background-color: #b92dae;
color:black;
}
span.highlight-invert {color: #FFFFFF; background-color: #333333; padding: 1px; border-radius: 2px; white-space: pre-wrap;}
span.highlightblack {color: #FFFFFF; background-color: #333333; padding: 1px; border-radius: 2px; white-space: pre-wrap;}
span.hblue {
background-color: #2b5de8;
color:black;
}
span.hred {
background-color: #c92c2c;
color:black;
}
span.hgreen {
background-color: #25b63e;
color:black;
}
span.hrgb {
background: linear-gradient(90deg, rgba(226,22,22,1) 0%, rgba(26,205,57,1) 50%, rgba(43,93,232,1) 100%);
color:black;
}
span.horange {
background-color: #dd7640;
}
span.bookendorange {
border-color: #f7ce46;
box-shadow: 0 0 10px 1px #f7ce46;
}
span.bookendgreen {
border-color: #b5fda8;
box-shadow: 0 0 10px 1px #b5fda8;
}
span.bookendblue {
border-color: #d6fefe;
box-shadow: 0 0 10px 1px #d6fefe;
}
span.bookendpink {
border-color: #f7cbe3;
box-shadow: 0 0 10px 1px #f7cbe3;
}
span.meterred {
color: #d32d1f;
}
span.meterred2 {
color: #d32d1f;
}
span.meterorange {
color: #dd7640;
}
span.meterpurple {
color: #982bbd;
}
span.meterpink {
color: #e937f4;
}
span.meterpink2 {
color: #e937f4;
background-color: rgba(41, 46, 66, 0.7);
}
span.meterpink3 {
color: #e937f4;
}
span.metergreen {
color: #3f9027;
background-color: #333305;
}
span.metersquareorange {
color: #dd7640;
}
span.metersquarepurple {
color: #982bbd;
}
span.meterlightgreen {
color: #000000;
background-color: #d6fed0;
}
span.meterpun {
color: #000000;
background-color: #982bbd;
}
span.meteranaphoric {
color: #000000;
background-color: #dd7640;
}
span.redtext {
color: #d48080ff;
}
span.whitetext {color: #FFFFFF;
}
}


@media (prefers-color-scheme: light) {

span.highlight {
background-color: #c2a723;
color:black;
}
span.highlight-blue {
background-color: #60489d;
color:black;
}
span.highlight-teal {
background-color: #2db8b6;
color:black;
}
span.highlight-hotpink {
background-color: #b92dae;
color:black;
}
span.highlight-invert {color: #FFFFFF; background-color: #333333; padding: 1px; border-radius: 2px; white-space: pre-wrap;}
span.highlightblack {color: #FFFFFF; background-color: #333333; padding: 1px; border-radius: 2px; white-space: pre-wrap;}
span.hblue {
background-color: #2b5de8;
color:black;
}
span.hred {
background-color: #c92c2c;
color:black;
}
span.hgreen {
background-color: #25b63e;
color:black;
}
span.hrgb {
background: linear-gradient(90deg, rgba(226,22,22,1) 0%, rgba(26,205,57,1) 50%, rgba(43,93,232,1) 100%);
color:black;
}
span.horange {
background-color: #dd7640;
}
span.bookendorange {
border-color: #f7ce46;
box-shadow: 0 0 10px 1px #f7ce46;
}
span.bookendgreen {
border-color: #b5fda8;
box-shadow: 0 0 10px 1px #b5fda8;
}
span.bookendblue {
border-color: #d6fefe;
box-shadow: 0 0 10px 1px #d6fefe;
}
span.bookendpink {
border-color: #f7cbe3;
box-shadow: 0 0 10px 1px #f7cbe3;
}
span.meterred {
color: #d32d1f;
}
span.meterred2 {
color: #d32d1f;
}
span.meterorange {
color: #dd7640;
}
span.meterpurple {
color: #822887;
}
span.meterpink {
color: #e937f4;
}
span.meterpink2 {
color: #e937f4;
background-color: rgba(41, 46, 66, 0.7);
}
span.meterpink3 {
color: #e937f4;
}
span.metergreen {
color: #3c8325;
background-color: #ffffa6;
}
span.metersquareorange {
color: #dd7640;
}
span.metersquarepurple {
color: #822887;
}
span.meterlightgreen {
color: #000000;
background-color: #d6fed0;
}
span.meterpun {
color: #ffffff;
background-color: #822887;
}
span.meteranaphoric {
color: #000000;
background-color: #f6df7b;
}
span.redtext {
color: #d48080ff;
}
span.whitetext {color: #FFFFFF;



}
}