#invert { filter: invert(1); background-color: white; }
.flags img { filter: invert(0) }
#invert .flags img { filter: invert(1) }
ul + dl, dl + pre { margin-top: 1em !important; }
/* dl { color: #ffd } */
.container { color: cyan }
.item { color: yellow }
ul.inline li { display: inline; }
ul.inline li:before { content: "■"; margin: 0 1em 0 2em }
ul li, ol li { margin: 0.3em 0; }
li li { margin: 0; }
ul.ideas li, ol.ideas li, dl dt, dl dd { margin: 0.5em inherit; font-size: smaller; }
dl.ideas dt, dl.ideas dd { margin: 0.3em inherit; font-size: 0.8em; }
dl.compact dt { display: inline; }
dl.compact dd { display: inline; }
dl.compact dd::after { display: block; content: " "}
dl dd + dt { margin-top: 1em; }
blockquote { background-color: transparent !important; }
blockquote:before { content: "—"; margin-right: 1em; }
.detail { font-size: smaller; font-style: italic; color: silver; display: block; }
.detail.i { display: inline; }
.detail.i:before { content: "—"; margin: 0 .5em; }
.note { font-size: 0.7em; text-align: left; }
.left { text-align: left; }
ul ul { font-size: smaller; columns: 2; }
ul ul li:first-child { margin-top: 0; }
ul ul { padding-top: 0.2em; }
div.code { font-size: smaller; color: #eef; background-color: #111; font-family: monospace; text-align: left;}
div.code span { font-size: smaller; display: block; white-space: pre; }
ul.single { columns: 1; }
ul.single ul { columns: 1; }
ol ul { font-size: smaller; }
ul.short li { display: inline; font-size: smaller; }
ul.short li:before { content: "■"; margin-left: 1em; margin-right: 0.5em; }
code { color: #eef; font-style: normal; white-space: nowrap; background-color: #111; }
pre.compact { margin: 1em 0; width: 100% }
pre.compact code { font-size: 0.8em !important; line-height: 1.2; width: 100%; }
pre.morecompact { margin: 1em 0; width: 100% }
pre.morecompact code { font-size: 0.7em !important; line-height: 1.2; max-height: fit-content; width: 100%; }
.resource { font-size: small; text-align: left; }
.warning { font-weight: bold; font-size: smaller; color: cyan; }
.warning:before { content "aa" !important; margin-right: 1em; }
.warning code { color: cyan; }
.hljs-ln-line.hljs-ln-n { color: black; font-size: small; }
.code { line-height: 1.2; }
.code > code { display: block; font-size: 0.5em; }
.flags { display: block; position: fixed; bottom: .55em; right: 3.5em; font-size: 1em; margin: 0; text-align: right; z-index: 10000; }
.flags li { display: inline-block; }
.flags li span { display: none; }
.flags img { border-radius: 1em; border: 0.1em solid #1a1626; margin: 0; width: 1em; height: 1em; margin-left: 0; margin-right: 0; cursor: pointer; opacity: 0.5; }
.flags #bw img { border: none; width: 1.5em; border-radius: 0; padding-bottom: 0.1em; filter: invert(1); }
.flags li:hover img { opacity: 1; }

.social { font-size: 0.35em; margin-top: 1em; }
.social li { display: inline; vertical-align: middle; }
.social li+li { margin-left: 2em; }
.social img { width: 2em; margin-bottom: 0 !important; margin-right: .5em; padding-bottom: 0 !important; vertical-align: bottom; }
.reveal .slide-number {display: block;position: absolute;bottom: 2.3em;right: 1.9em;margin: 0;font-size: 0.5em;width: 2em;text-align: center;}
.reveal .slide-number .slide-number-delimiter { margin: 0; }
.reveal .slide-number * { margin: 0 -0.1em !important; }
.reveal .slide-number a { font-size: 1em; }

dl.cite dt { text-align: right; font-weight: normal; font-style: italic; }
dl.cite dd { margin-top: 0.5em; text-align: right; display: inline; float: right; border-top: thin solid gray; padding-left: 3em; color: gray; font-variant: all-small-caps; }
div.cite { margin-top: 0; font-size: small; text-align: right; display: inline; position: absolute; right: 0; z-index: 1000; border-top: thin solid gray; padding-left: 3em; color: gray; font-variant: all-small-caps; }

.left { text-align: left; }

@media print {
	#invert { filter: invert(1) !important;}
	.flags { display: none !important;}
	.slide-menu-button { display: none !important; }
	.speaker-notes:before { content: none !important; }
}