.home { width: 1em; height: 1em; position: absolute; top: 0; right: 0; z-index: 9999; /*display: none;*/ }
/*.reveal section { border: 1px dashed red; }*/
/*.reveal section * { vertical-align: top; }*/
.reveal mark { background-color: ff8; color: inherit; }
.reveal ul + ul,
.reveal dl + dl { margin-left: 5%; }
.reveal dd + dt { margin-top: 0.5em; }
.reveal dd { margin-left: 2em; }
.reveal dl { width: 90vw; }
.reveal section img { border: none; box-shadow: none; background: transparent; }
.reveal .options dt { font-family: monospace; }
.reveal pre { font-size: 0.7em; box-shadow: none; text-align: left; line-height: 1.5em; font-size: calc(65vh/33); /*border: thin solid red;*/ }
.reveal pre + pre { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.reveal pre.left { font-size: 0.5em; display: inline-block; width: 25em; border-right: thin solid blue; }
.reveal pre.right { display: inline-block; width: 21em; margin-left: 1em; }
.reveal pre.right code { height: 21em; }
.reveal h3 + p { text-align: left; }
.reveal h3 + p + p { text-align: left; font-size: 0.7em; }
.reveal p code, .reveal li code { background-color: #ddf; }
.reveal pre code { background-color: transparent; }
.reveal .fragment.visible.fade-out { display: block !important; opacity: 1 !important; visibility: visible !important; }
.reveal .r-stack p { text-align: left; }
.reveal .small { font-size: 50%; }
.reveal section pre.abitsmall { font-size: 66.6%; }


#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 }
.lower { text-transform: lowercase; }
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 0; font-size: smaller; }
blockquote { background-color: transparent !important; }
blockquote:before { content: "—"; margin-right: 1em; }
.detail { font-size: smaller; font-style: italic; color: silver; display: block; text-indent: 0; }
.detail.i { display: inline; }
.detail.i:before { content: "—"; margin: 0 .5em; }
.note { font-size: 0.7em; text-align: left; }
.tip:before, .warn:before, .talk:before { content: ""; width: 4rem; height: 4rem; display: inline-block; position: relative; top: 2rem; right: 1rem; background-size: 4rem; background-repeat: no-repeat; }
.reveal .tip, .reveal .warn, .reveal .talk { margin-top: -1.4rem; }
.reveal .tip { text-indent: -4.0rem; }
.reveal .warn { text-indent: -4.0rem; }
.reveal .talk { text-indent: -4.0rem; }
.reveal li.tip { text-indent: -5rem; }
.reveal li.tip:before { width: 5rem; }
.reveal p.note.tip, .reveal p.note.warn, .reveal p.note.talk { margin-top: 0; }
section.tips:before, section.warns:before, section.talks:before { content: ""; width: 2em; height: 2em; display: inline-block; position: fixed; left: 0; top: 0; background-repeat: no-repeat; background-size: 2em; }
.tip:before, section.tips:before { background-image: url("images/i_tip_b.svg"); }
#invert .tip:before, #invert section.tips:before { background-image: url("images/i_tip_w.svg"); }
.warn:before, section.warns:before { background-image: url("images/i_warn_b.svg"); }
#invert .warn:before, #invert section.warns:before { background-image: url("images/i_warn_w.svg"); }
.talk:before, section.talks:before { background-image: url("images/i_talk_b.svg"); }
#invert .talk:before, #invert section.talks:before { background-image: url("images/i_talk_w.svg"); }
.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: 3vmin; border: 0.3vmin solid #1a1626; margin: 0; width: 3vmin; height: 3vmin; max-width: 1em; max-height: 1em; min-width: 0.7em; min-height: 0.7em; margin-left: 0; margin-right: 0; cursor: pointer; opacity: 0.5; }
.flags #bw img { border: none; width: 6vmin; max-width: 1.5em; border-radius: 0; padding-bottom: 0.5vmin; filter: invert(1); }
.flags li:hover img { opacity: 1; }

.social { font-size: 0.35em; position: fixed; bottom: 2em; width: 100%; left: 4em; }
.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; }


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


/*
.reveal pre span { background-color: white; padding: 0.15em; border: thin solid black; }
*/
.reveal pre code { padding: 0; }
.reveal pre kbd { font-style: normal; color: #44f; }
.reveal pre em { color: #aaf; }
.reveal pre kbd em { color: #aaf; }
.reveal pre kbd em:after { content: "> "; }
.reveal ul li { /*background-color: white; border: thin solid black; */ padding: 0.1em 0.5em ; margin: 0.2em 0; }
.hljs { background: transparent; color: #000; }
.hljs strong { color: black; }
.hljs-keyword,
.hljs-attribute,
.hljs-bullet,
.hljs-literal,
.hljs-number,
.hljs-string,
.hljs-variable,
.hljs-selector-tag,
.hljs-selector-class,
.hljs-meta,
.hljs-name,
.hljs-quote,
.hljs-symbol,
.hljs-stata,
.hljs-section,
.hljs-selector-id,
.hljs-subst,
.hljs-tag,
.hljs-template-variable,
.hljs-title,
.hljs-type,
.hljs-built_in { color: #000; }
kbd .hljs-keyword,
kbd .hljs-attribute,
kbd .hljs-bullet,
kbd .hljs-literal,
kbd .hljs-number,
kbd .hljs-string,
kbd .hljs-variable,
kbd .hljs-section,
kbd .hljs-selector-tag,
kbd .hljs-selector-class,
kbd .hljs-meta,
kbd .hljs-name,
kbd .hljs-quote,
kbd .hljs-symbol,
kbd .hljs-stata,
kbd .hljs-selector-id,
kbd .hljs-subst,
kbd .hljs-tag,
kbd .hljs-template-variable,
kbd .hljs-title,
kbd .hljs-type,
kbd .hljs-built_in { color: #44f; }
.reveal pre em .hljs-keyword,
.reveal pre em .hljs-attribute,
.reveal pre em .hljs-bullet,
.reveal pre em .hljs-literal,
.reveal pre em .hljs-number,
.reveal pre em .hljs-string,
.reveal pre em .hljs-variable,
.reveal pre em .hljs-section,
.reveal pre em .hljs-selector-tag,
.reveal pre em .hljs-selector-class,
.reveal pre em .hljs-meta,
.reveal pre em .hljs-name,
.reveal pre em .hljs-quote,
.reveal pre em .hljs-symbol,
.reveal pre em .hljs-stata,
.reveal pre em .hljs-selector-id,
.reveal pre em .hljs-subst,
.reveal pre em .hljs-tag,
.reveal pre em .hljs-template-variable,
.reveal pre em .hljs-title,
.reveal pre em .hljs-type,
.reveal pre em .hljs-built_in { color: #aaf; }
.reveal section .hljs-comment { color: inherit; }