/**
 * NOOP! Framework - Common CSS - default styling for literally everything.
 * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element
 **/

/* #region Fonts */
@font-face
{
	font-family: "BabelStone Flags";
	src: local('BabelStone Flags'), local('BabelStoneFlags'), url('BabelStoneFlags.woff2') format('woff2'), url('BabelStoneFlags.woff') format('woff');
}
/* #endregion Font */

/* #region Root */
:root
{
	--ff-block: var(--common-ff-block, 'Consolas', 'Courier New', 'Courier', monospace);
	--ff-flags: var(--common-ff-flags, 'BabelStone Flags', 'Arial', 'Helvetica', sans-serif);
	--ff-normal: var(--common-ff-normal, 'Arial', 'Helvetica', sans-serif);
}
@media (prefers-color-scheme: dark)
{
	:root
	{
		--c-bd: var(--common-c-bd, white);
		--c-bd-definition: var(--common-c-bd-definition, green);
		--c-bg: var(--common-c-bg, black);
		--c-bg-button: var(--common-c-bg-button, #010);
		--c-bg-disabled: var(--common-c-bg-disabled, #111);
		--c-bg-hover: var(--common-c-bg-hover, #001);
		--c-bg-input: var(--common-c-bg-input, black);
		--c-bg-readonly: var(--common-c-bg-readonly, #100);
		--c-bg-required: var(--common-c-bg-required, #110);
		--c-bg-select: var(--common-c-bg-select, #010);
		--c-bg-textarea: var(--common-c-bg-textarea, #010);
		--c-bg-tooltip: var(--common-c-bg-tooltip, rgba(0, 0, 0, 0.9));
		--c-bg-zebra-even: var(--common-c-bg-zebra-even, #111);
		--c-bg-zebra-odd: var(--common-c-bg-zebra-odd, #222);
		--c-fg: var(--common-c-fg, white);
		--c-fg-button: var(--common-c-fg-button, #0000CD);
		--c-fg-button-hover: var(--common-c-fg-button-hover, #CD0000);
		--c-fg-error: var(--common-c-fg-error, #CD0000);
		--c-fg-input: var(--common-c-fg, #0000CD);
		--c-fg-input-hover: var(--common-c-fg, #CD0000);
		--c-fg-link: var(--common-c-fg-link, #0000CD);
		--c-fg-link-hover: var(--common-c-fg-link-hover, #CD0000);
		--c-fg-link-visited: var(--common-c-fg-link-visited, #0000CD);
		--c-fg-progress: var(--common-c-fg-progress, #00CC00);
		--c-fg-select: var(--common-c-fg-select, #0000CD);
		--c-fg-select-hover: var(--common-c-fg-select-hover, #CD0000);
		--c-fg-textarea: var(--common-c-fg-textarea, #0000CD);
		--c-fg-textarea-hover: var(--common-c-fg-textarea-hover, #CD0000);
		--c-fg-warning: var(--common-c-fg-warning, orange);
		--c-sd: var(--common-c-sd, white);
	}
}
@media (prefers-color-scheme: light)
{
	:root
	{
		--c-bd: var(--common-c-bd, black);
		--c-bd-definition: var(--common-c-bd-definition, green);
		--c-bg: var(--common-c-bg, white);
		--c-bg-button: var(--common-c-bg-button, #EFE);
		--c-bg-disabled: var(--common-c-bg-disabled, #EEE);
		--c-bg-hover: var(--common-c-bg-hover, #EEF);
		--c-bg-input: var(--common-c-bg-input, white);
		--c-bg-readonly: var(--common-c-bg-readonly, #FEE);
		--c-bg-required: var(--common-c-bg-required, #FFE);
		--c-bg-select: var(--common-c-bg-select, #EFE);
		--c-bg-textarea: var(--common-c-bg-textarea, #EFE);
		--c-bg-tooltip: var(--common-c-bg-tooltip, rgba(255, 255, 255, 0.9));
		--c-bg-zebra-even: var(--common-c-bg-zebra-even, #EEE);
		--c-bg-zebra-odd: var(--common-c-bg-zebra-odd, #DDD);
		--c-fg: var(--common-c-fg, black);
		--c-fg-button: var(--common-c-fg-button, blue);
		--c-fg-button-hover: var(--common-c-fg-button-hover, red);
		--c-fg-error: var(--common-c-fg-error, maroon);
		--c-fg-input: var(--common-c-fg, blue);
		--c-fg-input-hover: var(--common-c-fg, red);
		--c-fg-link: var(--common-c-fg-link, blue);
		--c-fg-link-hover: var(--common-c-fg-link-hover, red);
		--c-fg-link-visited: var(--common-c-fg-link-visited, blue);
		--c-fg-progress: var(--common-c-fg-progress, #00CC00);
		--c-fg-select: var(--common-c-fg-select, blue);
		--c-fg-select-hover: var(--common-c-fg-select-hover, red);
		--c-fg-textarea: var(--common-c-fg-textarea, blue);
		--c-fg-textarea-hover: var(--common-c-fg-textarea-hover, red);
		--c-fg-warning: var(--common-c-fg-warning, orange);
		--c-sd: var(--common-c-sd, black);
	}
}
/* #endregion Root */

/* #region Language */
:lang(de)
{
	quotes: "\201E" "\201C" "\201A" "\2018";
}
:lang(de-DE)
{
	quotes: "\00BB" "\00AB" "\203A" "\2039";
}
:lang(de-CH)
{
	quotes: "\00AB" "\00BB" "\2039" "\203A";
}
:lang(en)
{
	quotes: "\201C" "\201D" "\2018" "\2019";
}
:lang(fr)
{
	quotes: "\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A";
}
button.language
{
	background-color: transparent;
	border: 0;
	cursor: default;
	margin: 1px;
	padding: 0;
	font-family: var(--ff-flags) !important;
}
button.language:hover
{
	cursor: pointer;
}
select.language
{
	font-family: var(--ff-flags) !important;
}
span.language
{
	font-family: var(--ff-flags) !important;
}
/* #endregion Language */

/* #region Classes */
/* C: Unused
.b { vertical-align: bottom; }
.c { text-align: center; }
.cb { text-align: center; vertical-align: bottom; }
.cm { text-align: center; vertical-align: middle; }
.ct { text-align: center; vertical-align: top; }
.l { text-align: left; }
.lb { text-align: left; vertical-align: bottom; }
.lm { text-align: left; vertical-align: middle; }
.lt { text-align: left; vertical-align: top; }
.m { vertical-align: middle; }
.r { text-align: right; }
.rb { text-align: right; vertical-align: bottom; }
.rm { text-align: right; vertical-align: middle; }
.rt { text-align: right; vertical-align: top; }
.t { vertical-align: top; }
*/

.error,.formErrors
{
	color: var(--c-fg-error);
}

.linkable
{
	cursor: default;
}
.linkable:hover
{
	cursor: pointer;
}

.restrictable
{
	display: none;
}

.selectable
{
	cursor: default;
}
.selectable:hover
{
	cursor: pointer;
}

.tooltip
{
	background-color: var(--c-bg-tooltip);
	border-color: var(--c-bd);
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	box-shadow: 0 0 10px var(--c-sd);
	color: var(--c-fg);
	display: none;
	margin: 0;
	padding: 3px;
	position: fixed;
}

.warning
{
	color: var(--c-fg-warning);
}
/* #endregion Classes */

/* #region Elements */
a
{
	color: var(--c-fg-link);
	font-size: 1rem;
	font-weight: bold;
	text-decoration: none;
}
a:active
{
	background-color: var(--c-bg);
	color: var(--c-fg-link);
}
a:focus
{
	outline: 0;
}
a:hover
{
	color: var(--c-fg-link-hover);
}
/*
a:link
{
	color: var(--c-fg-link);
	text-decoration: none;
}
*/
a:visited
{
	color: var(--c-fg-link-visited);
	text-decoration: none;
}
a:visited:hover
{
	color: var(--c-fg-link-hover);
}

/* abbr {} */

/* Deprecated! */
/* acronym {} */

address
{
	font-style: normal;
}

/* Unsupported! */
/* applet {} */

/* area {} */

/* article {} */

/* aside {} */

/* audio {} */

/* b {} */

/* base {} */

/* Unsupported! */
/* basefont {} */

/* bdi {} */

/* bdo {} */

/* Unsupported! */
/* bgsound {} */

/* Deprecated! */
big
{
	font-size: 1.1rem;
}

/* Unsupported! */
/* blink {} */

blockquote
{
	margin: 8px 0px;
	padding: 0;
}

body
{
	background-color: var(--c-bg);
	color: var(--c-fg);
	font-family: var(--ff-normal);
	font-size: 1.0rem;
	hyphens: auto;
	overflow-y: scroll;
}

/* br {} */

button
{
	background-color: var(--c-bg-button);
	border-color: var(--c-bd);
	border-style: solid;
	border-width: 1px;
	color: var(--c-fg-button);
	font-family: var(--ff-block);
	font-size: 1rem;
}
button:active
{
	text-decoration: underline;
}
button:disabled
{
	background-color: var(--c-bg-disabled);
}
button[readonly]
{
	background-color: var(--c-bg-readonly);
}
button:required
{
	background-color: var(--c-bg-required);
}
button:hover
{
	background-color: var(--c-bg-hover);
	color: var(--c-fg-button-hover);
}
button[type='button']
{
	font-family: var(--ff-normal);
}
button[type='reset']
{
	font-family: var(--ff-normal);
}
button[type='submit']
{
	font-family: var(--ff-normal);
}

/* canvas {} */

/* caption {} */

/* Deprecated! */
/* center {} */

/* cite {} */

code
{
	font-family: var(--ff-block);
}
code *
{
	font-family: var(--ff-block);
}
code.directory
{
	white-space: nowrap;
}
code.directory::after
{
	content: '-Directory';
}
code.directory::before
{
	content: '';
}
code.htmlAttribute
{
	white-space: nowrap;
}
code.htmlAttribute::after
{
	content: '-Attribute';
}
code.htmlAttribute::before
{
	content: '';
}
code.htmlElement
{
	white-space: nowrap;
}
code.htmlElement::after
{
	content: '-Element';
}
code.htmlElement::before
{
	content: '';
}
code.nowrap
{
	white-space: nowrap;
}

/* col {} */

/* colgroup {} */

/* Unsupported! */
/* command {} */

/* Unsupported! */
/* content {} */

/* data {} */

/* datalist {} */

dd
{
	margin-inline-start: 40px;
}

/* del {} */

details>summary
{
	color: var(--c-fg-link);
	font-size: 1rem;
	font-weight: bold;
	text-decoration: none;
	width: fit-content;
}
details>summary:after
{
	color: var(--c-fg);
	font-size: 0.9rem;
	font-weight: normal;
}
details>summary:after:lang(de)
{
	content: ' (Zum anzeigen anklicken)';
}
details>summary:after:lang(en)
{
	content: ' (Click to show)';
}
details>summary:hover
{
	color: var(--c-fg-link-hover);
	cursor: pointer;
}
details>ul
{
	margin-left: 2rem;
}

dfn
{
	border-bottom-color: var(--c-bd-definition);
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	font-style: italic;
}

/* dialog {} */

/* Deprecated! */
/* dir {} */

div
{
	margin: 0;
	padding: 0;
}

/* dl {} */

/* dt {} */

/* Unsupported! */
/* element {} */

/* em {} */

/* embed {} */

fieldset
{
	margin: 0;
	padding: 8px;
}

/* figcaption {} */

/* figure {} */

/* TODO: figure and figcaption */

/* Deprecated! */
/* font {} */

footer
{
	border-top-color: var(--c-bd);
	border-top-style: solid;
	border-top-width: 1px;
	position: relative;
}
footer>p.icons,footer>p.stats
{
	position: absolute;
	right: 0;
	top: 0;
}
footer>p.stats
{
	font-family: var(--ff-block);
	font-size: smaller;
	right: 15rem;
	top: 0.1rem;
}

form
{
	margin: 0;
	padding: 0;
}
form>div.g-recaptcha>div
{
	margin: 3px 0 3px 0;
}
form>input
{
	margin: 3px 0 3px 0;
}
form>label
{
	font-weight: bold;
}
form>label:not(:first-child):before
{
	content: '\A';
	white-space: pre;
}
form>label:after
{
	content: ':';
}
form>select
{
	margin: 3px 0 3px 0;
}

/* Deprecated! */
/* frame {} */

/* Deprecated! */
/* frameset {} */

h1,h2,h3,h4,h5,h6
{
	margin-bottom: 1rem;
	margin-top: 1rem;
}
h1
{
	font-size: 2rem;
	line-height: 2rem;
}
h2
{
	font-size: 1.8rem;
	line-height: 1.8rem;
}
h3
{
	font-size: 1.6rem;
	line-height: 1.6rem;
}
h4
{
	font-size: 1.4rem;
	line-height: 1.4rem;
}
h5
{
	font-size: 1.2rem;
	line-height: 1.2rem;
}
h6
{
	font-size: 1.1rem;
	line-height: 1.1rem;
}

/* head {} */

header
{
	/*
	border-bottom-color: var(--c-bd);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	*/
	position: relative;
}
header>a.user
{
	position: absolute;
	top: 0;
	right: 5em;
}
header>form.language
{
	position: absolute;
	top: 0;
	right: 0;
}
header>h1
{
	width: 80%;
}

/* hgroup {} */

hr
{
	color: var(--c-fg);
	border-bottom-color: var(--c-bd);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: transparent;
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: transparent;
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: transparent;
	border-top-style: none;
	border-top-width: 0px;
	height: 1px;
	margin: 0 auto 0 auto;
	text-align: center;
	width: 99%;
}

html
{
	font-family: var(--ff-normal);
	font-size: 100%;
	margin: 0;
	padding: 0;
}

/* i {} */

/* iframe {} */
iframe.embed
{
	border: 0;
}
iframe.embed.soundcloud
{
	width: 100%;
}

/* Deprecated and non standard! */
/* image {} */

/* Why it is like this, see: https://www.youtube.com/watch?v=345V2MU3E_w */
img
{
	max-width: 100%; /* Keep aspect ratio. */
	height: auto; /* Keep aspect ratio. */
	vertical-align: middle; /* Keep inline-block but handle line-height better. */
	font-style: italic; /* Make alt text italic, to better see load failure. */
	background-repeat: no-repeat; /* Setup background that could be low-res. */
	background-size: cover; /* Setup background that could be low-res. */
	shape-margin: 0.75rem; /* Spacing between image and text, when floating. */
}
img[onclick]
{
	cursor: default;
}
img[onclick]:hover
{
	cursor: pointer;
}

input
{
	background-color: var(--c-bg-input);
	border-color: var(--c-bd);
	border-style: solid;
	border-width: 1px;
	color: var(--c-fg-input);
	font-family: var(--ff-block);
	font-size: 1rem;
}
input:disabled
{
	background-color: var(--c-bg-disabled);
}
input[readonly]
{
	background-color: transparent;
	border: 0;
	color: var(--c-fg);
	cursor: default;
	font-family: var(--ff-normal);
	outline-width: 0;
}
input[readonly]:hover
{
	background-color: transparent;
	color:  var(--c-fg);
}
input:required
{
	background-color: var(--c-bg-required);
}
input:hover
{
	background-color: var(--c-bg-hover);
	color: var(--c-fg-input-hover);
}
input[type='button']
{
	font-family: var(--ff-normal);
}
input[type='button']:hover
{
	cursor: pointer;
}
input[type='email']
{
	padding: 0 1px 0 1px;
}
input[type="file"]
{
	font-family: var(--ff-normal);
}
input[type="image"]
{
	outline: none;
}
input[type="month"]
{
	padding: 0 1px 0 1px;
}
input[type="number"]
{
	padding: 0 0 0 1px;
}
input[type='number'][readonly]
{
	appearance: textfield;
}
input[type="password"]
{
	padding: 0 1px 0 1px;
}
input[type='reset']
{
	font-family: var(--ff-normal);
}
input[type='reset']:hover
{
	cursor: pointer;
}
input[type="search"]
{
	padding: 0 1px 0 1px;
}
input[type='submit']
{
	font-family: var(--ff-normal);
}
input[type='submit']:hover
{
	cursor: pointer;
}
input[type="tel"]
{
	padding: 0 1px 0 1px;
}
input[type="text"]
{
	padding: 0 1px 0 1px;
}
input[type="time"]
{
	padding: 0 1px 0 1px;
}
input[type="url"]
{
	padding: 0 1px 0 1px;
}
input[type="week"]
{
	padding: 0 1px 0 1px;
}

/*ins {}*/

/* Unsupported! */
/* isindex {} */

kbd
{
	border: 3px outset;
	display: inline-block;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
kbd:hover
{
	cursor: crosshair;
}

/* Unsupported! */
/* keygen {} */

/* label {} */

/* legend {} */

/* li {} */

/* link {} */

/* Unsupported! */
/* listing {} */

lt-div.lt-toolbar__wrapper
{
	left: auto !important;
	right: 150px !important;
}
lt-toolbar>lt-div
{
	left: auto !important;
	right: 135px !important;
}

/* main {} */

/* map {} */

/* mark {} */

/* Unsupported! */
/* marquee {} */

/* menu {} */

/* Deprecated and non standard! */
/* menuitem {} */

/*meta {} */

meter
{
	border-color: var(--c-bd);
	border-style: solid;
	border-width: 1px;
	font-size: 1rem;
	margin: 0;
	padding: 0;
}

/* Unsupported! */
/* multicol {} */

/* nav {} */
/* Based on: https://codepen.io/team/css-tricks/pen/xRmmdr */
nav.breadcrumb ul
{
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	margin: 40px;
	list-style: none;
	overflow: hidden;
	padding: 0;
}
nav.breadcrumb ul li.root,
nav.breadcrumb ul li.scheme,
nav.breadcrumb ul li.slash
{
	display: none;
}
nav.breadcrumb ul li a
{
	background: var(--c-fg-link);
	color: white;
	display: block;
	line-height: 0.5rem;
	padding: 10px 0 10px 55px !important;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
}
nav.breadcrumb ul li:nth-child(2) a
{
	padding-left: 25px !important;
}
nav.breadcrumb ul li a:after
{
	border-bottom: 50px solid transparent;
	border-left: 30px solid var(--c-fg-link);
	border-top: 50px solid transparent;
	content: " ";
	display: block;
	height: 0;
	left: 100%;
	margin-top: -50px;
	position: absolute;
	top: 50%;
	width: 0;
	z-index: 2;
}
nav.breadcrumb ul li a:before
{
	border-bottom: 50px solid transparent;
	border-left: 32px solid var(--c-bg);
	border-top: 50px solid transparent;
	content: " ";
	display: block;
	height: 0;
	position: absolute;
	left: 100%;
	margin-left: 1px;
	margin-top: -50px;
	top: 50%;
	width: 0;
	z-index: 1;
}
nav.breadcrumb ul li:last-child a
{
	margin-right: 55px;
}
nav.breadcrumb ul li.item0 a { background-color: #0000BD; } nav.breadcrumb ul li.item0 a:after { border-left-color: #0000BD; }
nav.breadcrumb ul li.item1 a { background-color: #0000AD; } nav.breadcrumb ul li.item1 a:after { border-left-color: #0000AD; }
nav.breadcrumb ul li.item2 a { background-color: #00009D; } nav.breadcrumb ul li.item2 a:after { border-left-color: #00009D; }
nav.breadcrumb ul li.item3 a { background-color: #00008D; } nav.breadcrumb ul li.item3 a:after { border-left-color: #00008D; }
nav.breadcrumb ul li.item4 a { background-color: #00007D; } nav.breadcrumb ul li.item4 a:after { border-left-color: #00007D; }
nav.breadcrumb ul li.item5 a { background-color: #00006D; } nav.breadcrumb ul li.item5 a:after { border-left-color: #00006D; }
nav.breadcrumb ul li.item6 a { background-color: #00005D; } nav.breadcrumb ul li.item6 a:after { border-left-color: #00005D; }
nav.breadcrumb ul li.item7 a { background-color: #00004D; } nav.breadcrumb ul li.item7 a:after { border-left-color: #00004D; }
nav.breadcrumb ul li.item8 a { background-color: #00003D; } nav.breadcrumb ul li.item8 a:after { border-left-color: #00003D; }
nav.breadcrumb ul li.item9 a { background-color: #00002D; } nav.breadcrumb ul li.item9 a:after { border-left-color: #00002D; }
nav.breadcrumb ul li a:hover
{
	background-color: var(--c-fg-link-hover);
	color: white;
}
nav.breadcrumb ul li a:hover:after
{
	border-left-color: var(--c-fg-link-hover) !important;
}
nav.menu
{
	padding: 5px 0 5px 0;
}
nav.menu:first-of-type
{
	padding-top: 10px;
}
nav.menu:last-of-type
{
	border-bottom-color: var(--c-bd);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 10px;
}
nav.menu>span
{
	font-style: italic;
}
nav.menu>span:after
{
	content: ':';
}
nav.menu>ul
{
	display: inline-block;
	margin: 0;
	padding: 0;
}
nav.menu>ul>li
{
	display: inline-block;
}
nav.menu>ul>li>a
{
	padding: 0 3px 0 3px;
}
nav.menu>ul>li.active>a
{
	color: var(--c-fg);
}
nav.menu>ul>li.active>a:hover
{
	color: var(--c-fg-link-hover);
}

/* Unsupported! */
/* nextid {} */

/* Deprecated! */
/* nobr {} */

/* Deprecated! */
/* noembed {} */

/* Deprecated! */
/* noframes {} */

/* noscript {} */

/* object {} */

ol
{
	margin: 0 0 0 1rem;
	padding: 0 0 0 3ch;
}

/* optgroup {} */

/* option {} */

/* output {} */

p
{
	margin: 8px 0px;
	padding: 0;
}

/* Deprecated! */
/* param {} */

/* picture {} */

/* Unsupported! */
/* plaintext {} */

/* Experimental! */
/* portal {} */

pre
{
	font-family: var(--ff-block);
	font-size: 1rem;
	white-space: pre-wrap;
	word-break: break-all;
}
pre.highlight
{
	border: 0;
}
pre.highlight>code[class]
{
	-moz-tab-size: 4;
	border-color: var(--c-bd);
	border-radius: 10px;
	border-style: dashed;
	border-width: 1px;
	display: block;
	padding: 3px;
	tab-size: 4;
}
pre.highlight.normal>code[class]
{
	height: auto;
	overflow-y: auto;
}
pre.highlight.frame>code[class]
{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 10px;
	border-top-right-radius: 0px;
	height: 24rem;
	overflow-y: scroll;
}

progress
{
	color: var(--c-fg-progress);
	background-color: var(--c-bg);
	border-color: var(--c-bd);
	border-style: solid;
	border-width: 1px;
	font-size: 1rem;
	margin: 0;
	padding: 0;
}
progress::-moz-progress-bar
{
	background-color: var(--c-fg-progress) !important;
}
progress::-webkit-progress-bar
{
	background-color: var(--c-bg) !important;
}
progress::-webkit-progress-value
{
	background-color: var(--c-fg-progress) !important;
}

q
{
	background-color: var(--colorBox);
	font-style: italic;
}
/* TODO: Figure out how to make this globally work. */
q:lang(de)
{
	quotes: "\201E" "\201C" "\201A" "\2018";
}
q:lang(de-DE)
{
	quotes: "\00BB" "\00AB" "\203A" "\2039";
}
q:lang(de-CH)
{
	quotes: "\00AB" "\00BB" "\2039" "\203A";
}
q:lang(en)
{
	quotes: "\201C" "\201D" "\2018" "\2019";
}
q:lang(fr)
{
	quotes: "\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A";
}

/* Deprecated! */
/* rb {} */

/* rp {} */

/* rt {} */

/* Deprecated! */
/* rtc {} */

/* ruby {} */

/* s {} */

samp
{
	background-color: var(--c-bg);
	font-family: var(--ff-block);
	white-space: nowrap;
}

/* script {} */

/* TODO: Make use of this in search module! */
/* search {} */

section
{
	border-color: var(--c-bd);
}
section>h2
{
	margin: 10px 0 10px 0;
}
section>article>h3
{
	margin: 10px 0 10px 0;
}
section>article h4
{
	margin: 10px 0 10px 0;
}
section>article h5
{
	margin: 10px 0 10px 0;
}
section>article h6
{
	margin: 10px 0 10px 0;
}
section>article pre
{
	border-color: var(--c-bd);
	border-style: dashed;
	border-width: 1px;
	margin: 3px 0 3px 0;
}
section>article.error
{
	border: 1px dashed;
	margin-bottom: 5px;
}
section>article.error pre
{
	white-space: pre-wrap;
}

select
{
	background-color: var(--c-bg-select);
	border-color: var(--c-bd);
	border-style: solid;
	border-width: 1px;
	color: var(--c-fg-select);
	font-family: var(--ff-block);
	font-size: 1rem;
}
select:disabled
{
	background-color: var(--c-bg-disabled);
}
select:required
{
	background-color: var(--c-bg-required);
}
select:hover
{
	background-color: var(--c-bg-hover);
	color: var(--c-fg-select-hover);
}

/* Unsupported! */
/* shadow {} */

/* slot {} */

small
{
	font-size: 0.9rem;
}

/* source {} */

/* Unsupported! */
/* spacer {} */

/* span {} */
span.b
{
	font-weight: bold;
}
span.i
{
	font-style: italic;
}
span.u
{
	text-decoration: underline;
}

/* Deprecated! */
/* strike {} */

/* strong {} */

/* style {} */

sub
{
	font-size: 0.75rem;
}

/* summary {} */

sup
{
	font-size: 0.75rem;
}

table
{
	overflow: auto;
}
table>caption
{
	text-align: left;
}
table>tbody>tr>td
{
	padding: 3px;
	text-align: left;
	vertical-align: top;
}
table>tbody>tr>th
{
	font-weight: bold;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}
table>tbody.count>tr>td,
table>tbody.empty>tr>td
{
	text-align: center;
}
table>tfoot>tr>td
{
	padding: 3px;
	text-align: left;
	vertical-align: top;
}
table>tfoot>tr>th
{
	padding: 3px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
table>thead>tr>td
{
	padding: 3px;
	text-align: left;
	vertical-align: top;
}
table>thead>tr>th
{
	font-weight: bold;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}
table>thead.count>tr>td,
table>thead.empty>tr>td
{
	text-align: center;
}
table.border,
table.border>tbody>tr>td,
table.border>tbody>tr>th,
table.border>tfoot>tr>td,
table.border>tfoot>tr>th,
table.border>thead>tr>td,
table.border>thead>tr>th
{
	border-color: var(--c-bd);
	border-style: solid;
	border-width: 1px;
}
table.center
{
	margin: 0 auto 0 auto;
}
table#pathList>tbody>tr>td.index
{
	text-align: right;
}
table#pathList>tbody>tr>td.name
{
	font-family: var(--ff-block);
}
table#pathList>tbody>tr>td.date
{
	text-align: right;
	white-space: pre;
}
table#pathList>tbody>tr>td.size
{
	text-align: right;
	white-space: pre;
}
table#pathList>tbody>tr>td.type
{
	font-size: smaller;
}

/* tbody {} */

/* td {} */

/* template {} */

textarea
{
	background-color: var(--c-bg-textarea);
	border-color: var(--c-bd);
	border-style: solid;
	border-width: 1px;
	color: var(--c-fg-textarea);
	font-family: var(--ff-block);
	font-size: 1rem;
}
textarea:disabled
{
	background-color: var(--c-bg-disabled);
}
textarea[readonly]
{
	background-color: var(--c-bg-readonly);
}
textarea:required
{
	background-color: var(--c-bg-required);
}
textarea:hover
{
	background-color: var(--c-bg-hover);
	color: var(--c-fg-textarea-hover);
}

/* tfoot {} */

/* th {} */

/* thead {} */

/* time {} */

/* title {} */

/* tr {} */
tr.even>td
{
	background-color: var(--c-bg-zebra-even);
}
tr.odd>td
{
	background-color: var(--c-bg-zebra-odd);
}

/* track {} */

/* Deprecated! */
tt
{
	color: var(--c-fg-link);
	font-family: var(--ff-block);
	text-decoration-line: underline;
	text-decoration-style: wavy;
}

/* u {} */

ul {
	margin: 0 0 0 1rem;
	padding: 0 0 0 3ch;
}

/* var {} */

/* video {} */

/* wbr {} */

/* Deprecated! */
xmp
{
	display: block; /* Required by Internet Explorer */
	font-family: var(--ff-block);
	font-size: 1.0rem;
	margin: 3px 0 3px 0;
	padding: 0;
}

/* #endregion Elements */

/* #region Media */
@media (orientation: landscape)
{
	footer,header,section{margin: 0 auto 0 auto;width: 90%;}
}
@media (orientation: portrait)
{
	footer,header,section{margin: 0;width: 100%;}
}

@media (prefers-color-scheme: dark)
{
	img[alt="markdown.svg"] {filter: invert(100%);}
	img[alt="noop.svg"] {filter: invert(100%);}
}

@media only screen and (max-width: 360px)
{
	dd
	{
		margin-inline-start: 10px;
	}
	ol
	{
		margin: 0 0 0 0.1rem;
	}
	ul
	{
		margin: 0 0 0 0.1rem;
	}
}

/* #endregion Media */