@font-face
{
	font-family: "Calibri";
	src: local("Calibri"), url("https://fonts.gstatic.com/l/font?kit=J7afnpV-BGlaFfdAhLEY6w&skey=a1029226f80653a8&v=v15") format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-weight: 400;
	font-style: normal;
}
@font-face
{
	font-family: "Calibri";
	src: local("Calibri Bold"), url("https://fonts.gstatic.com/l/font?kit=J7aanpV-BGlaFfdAjAo9_pxqHw&skey=cd2dd6afe6bf0eb2&v=v15") format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-weight: 700;
	font-style: normal;
}
@font-face
{
	font-family: "Calibri";
	src: local("Calibri Italic"), url("https://fonts.gstatic.com/l/font?kit=J7adnpV-BGlaFfdAhLQo6btP&skey=36a3d5758e0e2f58&v=v15") format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-weight: 400;
	font-style: italic;
}
@font-face
{
	font-family: "Calibri";
	src: local("Calibri Bold Italic"), url("https://fonts.gstatic.com/l/font?kit=J7aYnpV-BGlaFfdAhLQgUp5aHRge&skey=8b00183e5f6700b6&v=v15") format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-weight: 700;
	font-style: italic;
}

:root
{
	--glow-color:       var(--glow-color-initial);
	--glow-color-fade:  var(--glow-color-fade-initial);
	--glow-color-clear: var(--glow-color-clear-initial);
	--glow-color-alpha: 0;
	--glow-color-alpha-banner-background: calc(.0625 + .125 * (1 - var(--glow-color-alpha)));

	--main-opacity: 0.0;
	--main-pointer-events: none;
	--content-opacity: 1.0;
	--header-height: 96px;

	--overlay-opacity: 0.0;
	--client-pointer-events: none;
	--overlay-pointer-events: none;
	--overlay-width: 100%;
	--overlay-height: 100%;

	--prompt-width: 400px;
	--prompt-glow-fix: 100px;

	font-family: "Calibri";
}
*
{
	margin: 0;
	padding: 0;
}
body
{
	background-color: var(--background-color-body);
}


h1
{
	color: var(--glow-color);
	white-space-collapse: preserve;
}
h1.key_takeaway
{
	font-style: italic;
	text-shadow: 0 0 .5em var(--color-key-takeaway);
}
h2
{
	color: var(--glow-color);
	white-space-collapse: preserve;
}
h3
{
	color: var(--glow-color);
	white-space-collapse: preserve;
}
h4
{
	color: var(--glow-color);
	white-space-collapse: preserve;
	font-size: 56px;
}

p
{
	color: var(--color-text);
	margin: 3px;

	white-space-collapse: preserve;
}
p.encouraged
{
	color: var(--color-encouraged);
}
p.discouraged
{
	color: var(--color-discouraged);
}
p.bold
{
	font-weight: 700;
}
p.large
{
	font-size: 24px;
	padding-bottom: 32px;
}
p.indent
{
	padding-left: 22px;
}

label
{
	color: var(--color-text);
	margin-top: 0;
	margin-bottom: 4px;
	padding-top: 0;
	padding-bottom: 4px;
	display: block;

	white-space-collapse: preserve;
	font-weight: bolder;
}

banner
{
	display: block;
	font-family: "Calibri";
	margin-top:     3px;
	margin-bottom:  3px;
	padding-left:   6px;
	padding-right:  6px;
	padding-top:    1px;
	padding-bottom: 3px;
	width: fit-content;

	white-space-collapse: unset;
	border-radius: 4px;
}
banner.normal
{
	color: var(--banner-color-severity-normal);
	background-color: var(--background-color-severity-normal);
	border: 1px solid var(--banner-color-severity-normal);
}
banner.caution
{
	color: var(--banner-color-severity-caution);
	background-color: var(--background-color-severity-caution);
	border: 1px solid var(--banner-color-severity-caution);
}
banner.warning
{
	color: var(--banner-color-severity-warning);
	background-color: var(--background-color-severity-warning);
	border: 1px solid var(--banner-color-severity-warning);
}
banner.severe
{
	color: var(--banner-color-severity-severe);
	background-color: var(--background-color-severity-severe);
	border: 1px solid var(--banner-color-severity-severe);
}
banner.critical
{
	color: var(--banner-color-severity-critical);
	background-color: var(--background-color-severity-critical);
	border: 1px solid var(--banner-color-severity-critical);
}
banner.good
{
	color: var(--banner-color-severity-good);
	background-color: var(--background-color-severity-good);
	border: 1px solid var(--banner-color-severity-good);
}

div.header
{
	background-color: var(--background-color-panel);
	border-bottom: 5px solid var(--glow-color);
	box-shadow: 0 0 48px 8px var(--glow-color-fade), 0px -32px 16px -32px var(--glow-color-fade) inset;

	width: 100%;
	height: var(--header-height);
	position: fixed;
	top: 0px;
	z-index: 100000;
}
div.navigation-button
{
	width: 64px;
	height: 64px;
	float: left;
	padding: 8px;
	margin-left:   4px;
	margin-right:  4px;
	margin-top:    8px;
	margin-bottom: 8px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;

	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
div.navigation-icon
{
	float: left;
	color: var(--color-icon);
}
div.inherit-background
{
	background-color: inherit;
}
div.main
{
	opacity: var(--main-opacity);
	pointer-events: var(--main-pointer-events);

	position: absolute;
	top: calc(var(--header-height) + 5px);
	width: 100%;
	height: calc(100vh - (var(--header-height) + 5px));
	overflow-y: scroll;
	scrollbar-width: none;
}
div.content
{
	opacity: var(--content-opacity);

	background-color: var(--background-color-panel);
	box-shadow: 0 0 48px 8px var(--glow-color-fade), 0px 0px 16px 0px var(--glow-color-fade) inset;

	width: 912px;
	margin-left:  auto;
	margin-right: auto;
	margin-top: 24px;
	margin-bottom: 24px;
}
div.indent
{
	margin: 12px;
	padding-left: 12px;
	padding-right: 12px;
}
div.group
{
	margin-left: 12px;
}
div.section1
{
	outline: 5px solid var(--glow-color);
	padding: 24px;
	border-radius: 4px;
}
div.section2
{
	background-color: var(--background-color-section);
	outline: 1px solid var(--glow-color);
	padding-top: 8px;
	padding-bottom: 12px;
	box-shadow: 0 0 8px 0px var(--glow-color-fade), 0 0 8px 0px var(--glow-color-fade) inset;
	border-radius: 4px;
}
div.section3
{
	background-color: var(--background-color-section);
	padding-top: 6px;
	padding-bottom: 6px;
	border-radius: 4px;
}
div.code
{
	font-family: "Consolas", monospace;
	white-space-collapse: collapse;
	background-image: var(--gradient-code-block);
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
}
div.divider1
{
	margin-top:    12px;
	margin-bottom: 12px;
	height: 1px;
}
div.divider2
{
	margin-top: 8px;
	margin-bottom: 8px;
	height: 1px;
	background-image: var(--gradient-divider-2);
	width: 40%;
}
div.divider3
{
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 1px;
}
div.divider4
{
	margin-top: 8px;
	margin-bottom: 8px;
	height: 4px;
	background-image: var(--gradient-divider-4);
	width: 100%;
}
div.divider5
{
	margin-top: 4px;
	margin-bottom: 4px;
	height: 1px;
	background-image: var(--gradient-divider-4);
	width: 100%;
}
div.split
{
	display: flex;
	width: 100%;
}
div.unit_left
{
	display: flex;
	justify-content: left;
	float: left;
}
div.unit_right
{
	display: flex;
	justify-content: right;
	float: right;
}
div.unit_remainder
{
	float: none;
	overflow: visible;
	flex-grow: 1;
}
div.vertical_align
{
	display: block;
	align-self: center;
}
div.pad_normal
{
	padding: 4px;
}
div.text_center
{
	text-align: center;
}
div.no_padding_x
{
	padding-left: 0;
	padding-right: 0;
}
div.padding_8
{
	padding: 8px;
}
div.padding_12
{
	padding: 12px;
}
div.full_width
{
	width: 100%;
}
div.full_height
{
	height: 100%;
	display: flex;
	align-items: center;
}
div.recaptcha-container
{
	height: 78px;
	min-height: fit-content;
}

div.columns
{
	display: flex;
	flex-direction: row;
}
div.rows
{
	display: flex;
	flex-direction: column;
}
div.use_all_x, div.use_all_xy
{
	width: 100%;
}
div.use_all_y, div.use_all_xy
{
	height: 100%;
}
div.use_remaining_x
{
	flex-grow: 1;
	width: auto;
}
div.use_remaining_y
{
	flex-grow: 1;
	height: max-content;
}
div.simple_scroll
{
	overflow-y: scroll;
	scrollbar-width: none;
}
div.column, div.row
{
	display: flex;
	height: fit-content;
}

a
{
	color: var(--color-link-idle);
}
a:link, a:visited
{
	color: var(--color-link-idle);
	background-color: var(--background-color-link-idle);
}
a:focus, a:hover
{
	color: var(--color-link-hover);
	background-color: var(--background-color-link-hover);
	border-bottom: 0.1em solid;
}
a:active
{
	color: var(--color-link-active);
	background-color: var(--background-color-link-active);
	border-bottom: 0.1em solid;
}

a.uncolored, a.uncolored:link, a.uncolored:visited, a.uncolored:focus, a.uncolored:hover, a.uncolored:active
{
	color: inherit;
	background-color: inherit;
}

a.navigation
{
	color: var(--color-link-navigation-idle);
	text-decoration: none;
}
a.navigation:link, a.navigation:visited
{
	color: var(--color-link-navigation-idle);
	background-color: var(--background-color-link-navigation-idle);
}
a.navigation:focus, a.navigation:hover
{
	color: var(--color-link-navigation-hover);
	background-color: var(--background-color-link-navigation-hover);
	border-bottom: 0.1em solid;
}
a.navigation:active
{
	color: var(--color-link-navigation-active);
	background-color: var(--background-color-link-navigation-active);
	border-bottom: 0.1em solid;
}


t
{
	font-family: "Calibri";
	padding-top:     0px;
	padding-bottom:  4px;
	white-space-collapse: preserve;
}


.monospace
{
	margin-top: 0;
	margin-bottom: 0;
	font-family: "Consolas", monospace;

	white-space-collapse: unset;
}
.monospace_token
{
	font-family: "Consolas", monospace;
	white-space-collapse: unset;
	background-color: var(--background-color-text-monospace);

	padding-left: 6px;
	padding-right: 6px;
}
.code
{
	font-family: "Consolas", monospace;
	white-space-collapse: preserve;
}
.trinartia
{
	color: var(--color-trinartia);
	text-shadow: 0 0 .125em var(--color-trinartia-glow), 0 0 .5em var(--color-trinartia-glow), 0 0 1.5em var(--color-trinartia-burn-glow), 0 0 3em var(--color-trinartia-burn-glow);
	font-weight: bold;
}
.victuracor
{
	color: var(--color-victuracor);
	text-shadow: 0 0 .375em var(--color-victuracor-glow), 0 0 .75em var(--color-victuracor-glow);
	font-weight: bold;
}
.vatcamp
{
	color: var(--color-vatcamp);
	font-weight: bold;
}
t.client
{
	text-shadow: 0 0 .125em var(--color-client-glow), 0 0 .5em var(--color-client-glow), 0 0 1.25em var(--color-client-burn-glow);
	font-weight: bold;
}
.online
{
	color: var(--color-online);
	font-weight: bold;
}
.offline
{
	color: var(--color-offline);
	font-weight: bold;
}
.subtle
{
	color: var(--color-subtle);
}
.good
{
	color: var(--color-good);
}
.normal
{
	color: var(--color-severity-normal);
}
.caution
{
	color: var(--color-severity-caution);
}
.warning
{
	color: var(--color-severity-warning);
}
.severe
{
	color: var(--color-severity-severe);
}
.critical
{
	color: var(--color-severity-critical);
}
.bold
{
	font-weight: bolder;
}
.not_bold
{
	font-weight: 400;
}
.italic
{
	font-style: italic;
}
.stress
{
	font-weight: bolder;
	text-decoration-style: solid;
	text-decoration-line: underline;
	text-decoration-thickness: .2em;
}
.true
{
	color: var(--color-good);
}
.false
{
	color: var(--color-severity-severe);
}
.unpadded
{
	padding: 0;
}

button
{
	padding-left:  16px;
	padding-right: 16px;
	padding-top:    4px;
	padding-bottom: 4px;
	margin-left:    0px;
	margin-right:   0px;
	margin-top:     8px;
	margin-bottom:  4px;

	border-radius: 4px;
	text-align: center;
	border: none;
	cursor: pointer;

	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

button.red
{
	color: var(--color-button-red-idle);
	background-color: var(--background-color-button-red-idle);
	box-shadow: 0 0 8px 8px var(--shadow-color-button-red-idle);
}
button.red:hover
{
	color: var(--color-button-hover);
	background-color: var(--background-color-button-red-hover);
	box-shadow: 0 0 8px 8px var(--shadow-color-button-red-hover);
}
button.red:active
{
	color: var(--color-button-red-active);
	background-color: var(--background-color-button-red-active);
	box-shadow: 0 0 12px 12px var(--shadow-color-button-red-active);
}

button.green
{
	color: var(--color-button-green-idle);
	background-color: var(--background-color-button-green-idle);
	box-shadow: 0 0 8px 8px var(--shadow-color-button-green-idle);
}
button.green:hover
{
	color: var(--color-button-green-hover);
	background-color: var(--background-color-button-green-hover);
	box-shadow: 0 0 8px 8px var(--shadow-color-button-green-hover);
}
button.green:active
{
	color: var(--color-button-green-active);
	background-color: var(--background-color-button-green-active);
	box-shadow: 0 0 12px 12px var(--shadow-color-button-green-active);
}

button.blue
{
	color: var(--color-button-blue-idle);
	background-color: var(--background-color-button-blue-idle);
	box-shadow: 0 0 8px 8px var(--shadow-color-button-blue-idle);
}
button.blue:hover
{
	color: var(--color-button-blue-hover);
	background-color: var(--background-color-button-blue-hover);
	box-shadow: 0 0 8px 8px var(--shadow-color-button-blue-hover);
}
button.blue:active
{
	color: var(--color-button-blue-active);
	background-color: var(--background-color-button-blue-active);
	box-shadow: 0 0 12px 12px var(--shadow-color-button-blue-active);
}

button.svg
{
	padding: 5px;
	margin: 0px;

	background-color: var(--background-color-button-svg-idle);
	box-shadow: 0 0 6px 0px var(--shadow-color-button-svg-idle);
	opacity: 0.75;
	outline: 2px solid var(--glow-color);
}
button.svg:hover
{
	background-color: var(--background-color-button-svg-hover);
	box-shadow: 0 0 8px 8px var(--shadow-color-button-svg-hover);
	opacity: 1;
}
button.svg:active
{
	background-color: var(--background-color-button-svg-active);
	box-shadow: 0 0 8px 8px var(--shadow-color-button-svg-active);
	opacity: 1;
	outline: 4px solid var(--glow-color);
}
button.svg:disabled
{
	opacity: 0.75;
	outline: none;
}

button.image
{
	padding: 5px;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 2px;
	margin-bottom: 2px;
}
button.flatten_left
{
	margin-left: 0;
}
button.flatten_right
{
	margin-right: 0;
}

button:disabled
{
	cursor: not-allowed;

	color: var(--color-button-disabled);
	background-color: var(--background-color-button-disabled);
	box-shadow: unset;
	border: none;
}
button:disabled:hover
{
	cursor: not-allowed;

	color: var(--color-button-disabled);
	background-color: var(--background-color-button-disabled);
	box-shadow: unset;
}
button:disabled:active
{
	cursor: not-allowed;

	color: var(--color-button-disabled);
	background-color: var(--background-color-button-disabled);
	box-shadow: unset;
}

input.text_standard
{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0;
	margin-bottom: 4px;
	box-sizing: border-box;
	width: 100%;

	color: var(--color-input-text_standard-idle);
	background-color: var(--background-color-input-text_standard-idle);
	box-shadow: 0 0 6px 6px var(--shadow-color-input-text_standard-idle);

	border: none;
}
input.text_standard:hover
{
	color: var(--color-input-text_standard-idle);
	background-color: var(--background-color-input-text_standard-idle);
	box-shadow: 0 0 6px 6px var(--shadow-color-input-text_standard-idle);
}
input.text_standard:active, input.text_standard:focus
{
	color: var(--color-input-text_standard-active);
	background-color: var(--background-color-input-text_standard-active);
	box-shadow: 0 0 9px 9px var(--shadow-color-input-text_standard-active);
}
input.text_standard:disabled
{
	cursor: not-allowed;
	color: var(--color-input-text_standard-disabled);
	background-color: var(--background-color-input-text_standard-disabled);
	box-shadow: unset;
}

input.checkbox
{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0;
	margin-bottom: 4px;
	box-sizing: border-box;

	display: inline;
	width: 24px;
	height: 24px;

	accent-color: var(--color-checkbox-idle);
	background-color: var(--background-color-checkbox-idle);
	box-shadow: 0 0 8px 8px var(--shadow-color-checkbox-idle);

	border: none;
}
input.checkbox:checked
{
	accent-color: var(--color-checkbox-checked);
	box-shadow: 0 0 8px 8px var(--shadow-color-checkbox-checked);
}
input.checkbox:hover
{
	box-shadow: 0 0 8px 8px var(--shadow-color-checkbox-hover);
}
input.checkbox:disabled
{
	cursor: not-allowed;
	box-shadow: unset;
	color: var(--color-checkbox-disabled);
	background-color: var(--background-color-checkbox-disabled);
}
input.checkbox:checked:disabled
{
	color: var(--color-checkbox-disabled);
	background-color: var(--background-color-checkbox-disabled);
}

input.otp
{
	letter-spacing: 16px;
	text-align: center;
	font-size: 20px;
}

img
{
	display: block;
}
img.slide_hidden
{
	opacity: 0;

	position: absolute;
	top: 0;
	left: 0;

	pointer-events: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
img.slide_shown
{
	opacity: 1;

	position: absolute;
	top: 0;
	left: 0;
}

svg
{
	display: block;
}

svg-button
{
	display: inline-block;
	padding: 5px;
	height: fit-content;
}
svg-icon
{
	display: inline-block;
}

iframe
{
	border: none;
}
iframe.view_only
{
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;

	pointer-events: none;
}

button:disabled img, button:disabled svg
{
	opacity: 0.375;
}

.center
{
	text-align: center;
}
.circle
{
	border-radius: 50cqh;
}