/*
	Futured Theme
	[2022 Wikidot Theme]
	Created by MikuKaneko
	Based on:
		Theme of Plague's Authorpage by PlaguePJP
		Question Theme by MikuKaneko
		Paperstack Theme by EstrellaYoshte
		Foxtrot Theme by Liryn
		DJK by djkaktus
	Licensed under the CC-BY SA 3.0
*/

/* Font Import */
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@700&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap");

:root {
	/* Header Config */
	--logo-image: url("/api/css-proxy?url=https%3A%2F%2Fmkn.wdfiles.com%2Flocal--files%2Fsigma%253Afutured%2Fscplogo.png");
	--header-title: "The SCP Foundation";

	/* Size Config */
	--header-height: min(39vw, 9.3rem);
	--top-layer-height: calc(var(--header-height) + var(--label-font-size) + var(--title-font-size) * 2);
	--sidebar-width: calc(var(--base-font-size) * 17.39);

	/* Font Config */
	--body-font: "Atkinson Hyperlegible", sans-serif;
	--header-font: "Lexend Deca", sans-serif;
	--title-font: "Atkinson Hyperlegible", sans-serif;
	--mono-font: "Roboto Mono", monospace;
	--base-font-size: .86875rem;
	--header-title-font-size: calc(var(--base-font-size) * 2.7);
	--title-font-size: clamp(calc(var(--base-font-size) * 1.39), 1.017rem + 1.53vw, calc(var(--base-font-size) * 2));
	--label-font-size: calc(var(--base-font-size) * .86);

	/* Color Config*/
	--hue: 189deg;
	--background-color: var(--hue), 27%, 93%;
	--on-background-color: var(--hue), 10%, 30%;
	--primary-color: var(--hue), 63%, 67%;
	--on-primary-color: var(--hue), 20%, 15%;
	--secondary-color: var(--hue), 66%, 89%;
	--on-secondary-color: var(--hue), 39%, 20%;
	--accent-color: calc(var(--hue) + 139deg), 100%, 39%;
	--on-accent-color: calc(var(--hue) + 139deg), 9%, 97%;
	--subtle-color: var(--hue), 27%, 90%;
	--on-subtle-color: var(--hue), 14%, 27%;
	--top-layer-left-color: var(--hue), 39%, 93%;
	--top-layer-right-color: calc(var(--hue) + 339deg), 27%, 87%;
}

/* Hide Element */
#header h1 a span, #header h2, #search-top-box, #login-status #my-account, #login-status a[href="https://www.wikidot.com/account/messages"] > strong, .mobile-top-bar + div, .open-menu, #side-bar img:not([src*="twitter" i]):not([src*="discord" i]), #interwiki img, #avatar-hover-container {
	display: none !important;
}

/* General Element */
html {
	scroll-behavior: smooth;
}
body {
	background-color: hsl(var(--background-color));
	background-image: -o-linear-gradient(
			311deg,
			hsl(var(--top-layer-left-color)),
			hsl(var(--top-layer-right-color)) 100%);
	background-image: linear-gradient(
			139deg,
			hsl(var(--top-layer-left-color)),
			hsl(var(--top-layer-right-color)) 100%);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% var(--top-layer-height);
	color: hsl(var(--on-background-color));
	font-family: inherit;
	font-size: var(--base-font-size);
	line-height: 1.5;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
}
html, body, blockquote, li, ol, p, ul, table, tbody, tfoot, button, input, label {
	font-family: var(--body-font);
}
pre, code, tt, textarea, .page-source {
	font-family: var(--mono-font);
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--title-font);
}
h1 {
	color: hsl(var(--primary-color));
	font-size: max(var(--title-font-size), var(--base-font-size));
	font-weight: 700;
	line-height: 1.25;
}
h2 {
	font-size: max(var(--title-font-size), var(--base-font-size));
	font-weight: 600;
	line-height: 1.25;
}
h3 {
	font-size: max(calc(var(--title-font-size) * .8), var(--base-font-size));
	font-weight: 600;
	line-height: 1.2;
}
h4 {
	font-size: max(calc(var(--title-font-size) * .65), var(--base-font-size));
	font-weight: 600;
	line-height: 1.33;
}
h5 {
	font-size: max(calc(var(--title-font-size) * .57), var(--base-font-size));
	font-weight: 600;
}
h6 {
	font-size: max(calc(var(--title-font-size) * .57), var(--base-font-size));
	font-weight: 500;
}
li, p {
	line-height: 1.5;
}
a {
	color: hsl(var(--primary-color));
}
a.newpage {
	color: hsl(var(--accent-color));
}
hr {
	background-color: transparent;
	background-image: -o-linear-gradient(to right, hsl(var(--primary-color)), hsl(var(--primary-color)) 100%, transparent 100%, transparent);
	background-image: -webkit-gradient(linear, left top, right top, from(hsl(var(--primary-color))), color-stop(100%, hsl(var(--primary-color))), color-stop(100%, transparent), to(transparent));
	background-image: -o-linear-gradient(left, hsl(var(--primary-color)), hsl(var(--primary-color)) 100%, transparent 100%, transparent);
	background-image: linear-gradient(to right, hsl(var(--primary-color)), hsl(var(--primary-color)) 100%, transparent 100%, transparent);
	background-position: center;
	background-repeat: no-repeat;
	background-size: calc(100% - 2em);
	border-left: solid 1em hsl(var(--primary-color));
	border-right: solid 1em hsl(var(--primary-color));
	margin: 1em 2em;
}
blockquote, div.blockquote, code, .code, #toc, .page-source {
	background: hsl(var(--subtle-color));
	border-bottom: solid 1px hsl(var(--primary-color));
	border-left: none;
	border-right: none;
	border-top: solid 1px hsl(var(--primary-color));
	color: hsl(var(--on-subtle-color));
}
blockquote blockquote, div.blockquote div.blockquote {
	background: hsla(var(--background-color), 39%);
}
.ruby, ruby {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	height: 1em;
	line-height: inherit;
	text-align: justify;
	vertical-align: unset;
}
.rt, rt {
	display: inline-block;
	font-size: .5em;
	height: 2em;
	line-height: inherit;
	text-align: justify;
	width: 100%;
}

/* Input */
#main-content .btn, table.page-history td.optionstd a, a.action-area-close, div.buttons input, input.button, button, file, a.button, .owindow .close, .owindow .button-bar a {
	background: hsl(var(--backgroud-color));
	border: solid 1px hsl(var(--subtle-color));
	border-bottom: solid 2px hsl(var(--primary-color));
	color: hsl(var(--on-backgroud-color));
	font-size: var(--label-font-size);
	padding: .2em .5em;
	white-space: nowrap;
}
#main-content .btn:hover, table.page-history td.optionstd a:hover, .action-area-close:hover, div.buttons input:hover, input.button:hover, button:hover, a.button:hover, .owindow .close:hover, .owindow .button-bar a:hover {
	background: hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
	text-decoration: none;
}
input.button.disabled, div.buttons input.disabled {
	background: hsl(var(--subtle-color));
	color: hsl(var(--on-subtle-color));
}
input.button.disabled:hover, div.buttons input.disabled:hover {
	background: hsl(var(--subtle-color));
	color: hsl(var(--on-subtle-color));
}
input.checkbox {
	background: hsl(var(--background-color));
	color: hsl(var(--on-background-color));
}
input.text {
	background: hsl(var(--background-color));
	border: 1px solid hsl(var(--subtle-color));
	color: hsl(var(--on-background-color));
}
input.text.invalid {
	border-color: hsl(var(--accent-color));
}
textarea {
	background: hsl(var(--background-color));
	border: 1px solid hsl(var(--subtle-color));
	color: hsl(var(--on-background-color));
	padding: .1em;
}

/* Selection */
::-moz-selection {
	background: hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
}
::selection {
	background: hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
}

/* Scrollbar */
::-webkit-scrollbar {
	border: none;
	height: calc(var(--base-font-size) * .39);
	width: calc(var(--base-font-size) * .39);
}
::-webkit-scrollbar-thumb {
	background: hsl(var(--secondary-color));
}
::-webkit-scrollbar-track {
	background: none;
}
body {
	scrollbar-color: hsl(var(--secondary-color)) transparent;
	scrollbar-width: calc(var(--base-font-size) * .39);
}

/* Wikidot & Custom Element */
#toc {
	margin: 0 .5em;
}
table.wiki-content-table th {
	background: hsl(var(--primary-color));
	border: solid 1px hsl(var(--subtle-color));
	color: hsl(var(--on-primary-color));
}
table.wiki-content-table td {
	border: solid 1px hsl(var(--subtle-color));
}
div.wiki-note {
	border: solid 1px hsl(var(--subtle-color));
	color: hsl(var(--on-backgroud-color));
}
.printuser a {
	margin: 0;
}
.printuser img.small {
	background-size: calc(var(--label-font-size) * 2) auto;
	display: inline;
	height: var(--label-font-size);
	padding: 0 0 0 calc(var(--label-font-size) * .5);
	vertical-align: unset;
	width: var(--label-font-size);
}
.error-inline, .error-block, .warning-block {
	border: solid 1px hsl(var(--accent-color));
	color: hsl(var(--accent-color));
}
.help-block {
	border: solid 1px hsl(var(--secondary-color));
	color: hsl(var(--on-background-color));
}
.inline-code {
	background: hsl(var(--subtle-color));
	border-bottom: solid 1px hsl(var(--primary-color));
	color: hsl(var(--on-subtle-color));
	font-family: var(--mono-font);
	white-space: pre-line;
	word-break: break-all;
}
.base-size {
	font-size: var(--base-font-size);
}
.title-size {
	font-size: var(--title-font-size);
}
.label-size {
	font-size: var(--label-font-size);
}

/* Wrapper */
div#container-wrap {
	background: none;
}
#content-wrap {
	margin: 0 auto;
	max-width: 45.39rem;
	min-height: unset;
}
#main-content {
	margin: 0;
	max-width: unset;
	padding: var(--label-font-size) calc(var(--base-font-size) * 1.5) 0;
}
#page-content {
	font-size: inherit;
	min-height: unset;
	padding-top: 1em;
}

/* Header */
#header {
	background: none;
	height: var(--header-height);
	padding: 0;
	max-width: unset;
	width: 100%;
}
#header h1 {
	display: block;
	float: none;
	height: 100%;
	margin: 0;
	max-height: unset;
	text-align: center;
	width: 100%;
}
#header h1 a {
	color: hsl(var(--on-primary-color));
	display: block;
	font-family: var(--header-font);
	font-size: clamp(calc(var(--title-font-size) * 1.5), .778rem + 2.96vw, calc(var(--title-font-size) * 3.9));
	height: 100%;
	letter-spacing: unset;
	line-height: var(--header-height);
	max-height: unset;
	padding: 0;
	text-shadow: none;
	white-space: nowrap;
}
#header h1 a::before {
	content: var(--header-title);
}
#header-extra-div-1 {
	background-image: var(--logo-image);
	background-position: center 39%;
	background-repeat: no-repeat;
	background-size: auto 93%;
	opacity: .39;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
#login-status {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 0;
	height: calc(var(--base-font-size) * 2.25);
	padding: var(--base-font-size) 0 0;
	top: 0;
}
#login-status a {
	color: hsl(var(--on-subtle-color));
}
#login-status > a::before {
	display: inline-block;
	font-family: "FontAwesome";
	font-size: calc(var(--base-font-size) * 1.5);
	padding: 0 .2em;
}
#login-status .printuser img.small {
	background: none !important;
	display: block;
	height: calc(var(--base-font-size) * 1.5);
	padding: 0;
	width: calc(var(--base-font-size) * 1.5);
}
#login-status .login-status-create-account::before {
	content: "\f067";
}
#login-status .login-status-sign-in::before {
	content: "\f090";
}
#login-status #account-topbutton {
	border: none;
	margin-left: 0;
	padding: 0;
}
#login-status #account-topbutton::before {
	content: "\f0d7";
	font-size: var(--label-font-size);
}
#login-status a[href="https://www.wikidot.com/account/messages"] + #account-topbutton::before {
	color: hsl(var(--accent-color));
	content: "\f0f3";
}
#login-status #account-options {
	font-size: var(--label-font-size);
	top: calc(var(--label-font-size) * 2);
}
#login-status ul a, #login-status ul a:hover {
	background: hsl(var(--background-color));
	color: hsl(var(--primary-color));
}

/* Topbar */
#top-bar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: var(--label-font-size);
	height: calc(var(--label-font-size) * 2);
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	line-height: 1.5;
	right: 0;
	top: calc(var(--header-height) * .5 + var(--title-font-size));
}
#top-bar .top-bar, #top-bar .mobile-top-bar {
	position: static;
}
#top-bar a {
	color: hsl(var(--primary-color));
}
#top-bar ul li {
	border-right: solid 1px hsl(var(--on-secondary-color));
}
#top-bar ul li:last-of-type {
	border-right: none;
}
#top-bar ul li ul {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#top-bar ul li a {
	border: solid 1px transparent;
	border-bottom: solid 2px transparent;
	color: hsl(var(--on-secondary-color));
	line-height: 2;
	max-height: unset;
	padding: 0 .5em;
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
	background: hsl(var(--primary-color));
	border: solid 1px hsl(var(--primary-color));
	border-bottom: solid 2px hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
	background: hsl(var(--background-color));
	border: solid 1px hsl(var(--subtle-color));
	border-bottom: solid 2px hsl(var(--primary-color));
	color: hsl(var(--on-background-color));
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
	background: hsl(var(--background-color));
	border: solid 1px hsl(var(--subtle-color));
	border-top: none;
	color: hsl(var(--on-background-color));
	line-height: 2;
	width: 13.9em;
}
#top-bar ul li.sfhover ul li a:hover,
#top-bar ul li:hover ul li a:hover {
	background: hsl(var(--primary-color));
	border: solid 1px hsl(var(--primary-color));
	border-top: none;
	color: hsl(var(--on-primary-color));
}

/* Sidebar */
#side-bar {
	background: hsl(var(--background-color));
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100vh;
	left: calc(-1 * var(--sidebar-width));
	margin: 0;
	overflow-y: auto;
	width: var(--sidebar-width);
	padding: 0;
	position: fixed;
	top: 0;
	-webkit-transition: left 1s ease-in-out;
	-o-transition: left 1s ease-in-out;
	transition: left 1s ease-in-out;
	z-index: 15;
}
#side-bar:target {
	border: none;
	left: 0;
	width: var(--sidebar-width);
}
#side-bar p {
	margin: 0;
}
#side-bar .side-block, #interwiki .side-block {
	background: transparent !important;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-weight: normal;
	margin: 0;
	padding: 1em .5em .5em;
}
#side-bar .heading, #interwiki .heading {
	border-bottom: solid 1px hsl(var(--on-background-color));
	color: hsl(var(--on-background-color));
	font-size: var(--label-font-size);
	font-weight: normal;
	margin: .5em 0;
	padding: 0 0 0 .5em;
}
#side-bar .collapsible-block-link {
	font-weight: normal;
	margin: 0;
}
#side-bar .collapsible-block-folded {
	background: none;
}
#side-bar .collapsible-block-folded .collapsible-block-link::before {
	content: "\f067\A";
	font-family: "FontAwesome";
	font-size: .8em;
	padding: 0 0 0 .5em;
}
#side-bar .collapsible-block-unfolded-link {
	border-bottom: solid 1px hsl(var(--on-background-color));
	margin: 0 0 .5em;
	padding: 0 0 0 .5em;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
	color: hsl(var(--on-background-color));
	font-size: var(--label-font-size);
	font-weight: normal;
	margin: 0;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
	color: hsl(var(--primary-color));
}
#side-bar div.menu-item, #interwiki .menu-item {
	margin: 0;
	padding: 0 .39em;
}
#side-bar div.menu-item a, #interwiki .menu-item a {
	font-weight: normal;
}
#side-bar div.menu-item .sub-text {
	color: hsl(var(--on-subtle-color));
	font-size: var(--label-font-size);
}
#side-bar .scpnet-interwiki-wrapper iframe.scpnet-interwiki-frame {
	margin: 0;
	max-width: 100%;
}
#side-bar .close-menu {
	display: block;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	height: 100%;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	-webkit-transition: left 1s ease-in-out, opacity 1s ease-in-out;
	-o-transition: left 1s ease-in-out, opacity 1s ease-in-out;
	transition: left 1s ease-in-out, opacity 1s ease-in-out;
	width: 100%;
}
#side-bar:target .close-menu {
	background: none;
	left: var(--sidebar-width);
	opacity: 1;
	pointer-events: auto;
}

/* Side Link */
a.side-link {
	background: hsl(var(--background-color));
	border: solid 1px hsl(var(--primary-color));
	border-radius: 0;
	bottom: var(--base-font-size);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: hsl(var(--on-background-color));
	display: block;
	font-size: 0;
	font-weight: normal;
	height: calc(var(--base-font-size) * 2.25);
	left: var(--base-font-size);
	line-height: 1.5;
	position: fixed;
	text-align: center;
	width: calc(var(--base-font-size) * 2.25);
	z-index: 5;
}
a.side-link::before {
	font-size: calc(var(--base-font-size) * 1.5);
}
a.side-link:hover {
	background: hsl(var(--primary-color));
	-webkit-box-shadow: none;
	box-shadow: none;
	color: hsl(var(--on-primary-color));
	text-decoration: none;
}

/* Bottom Link */
a.bottom-link {
	background: hsl(var(--background-color));
	border: solid 1px hsl(var(--primary-color));
	bottom: var(--base-font-size);
	color: hsl(var(--on-background-color));
	display: block;
	font-size: calc(var(--base-font-size) * 1.5);
	height: calc(var(--base-font-size) * 2.25);
	line-height: 1.5;
	right: var(--base-font-size);
	position: fixed;
	text-align: center;
	width: calc(var(--base-font-size) * 2.25);
}
a.bottom-link:hover {
	background: hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
	text-decoration: none;
}

/* Page Title */
#page-title, .meta-title {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: none;
	color: hsl(var(--on-background-color));
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: var(--title-font-size);
	font-weight: bold;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1;
	margin: calc(var(--title-font-size) * .5) 0;
	padding: 0;
	text-align: center;
	white-space: nowrap;
}
#page-title::before, .meta-title::before {
	background: hsl(var(--on-background-color));
	content: "";
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: calc(var(--title-font-size) * .0939);
	margin: auto calc(var(--title-font-size) * .93) auto auto;
}
#page-title::after, .meta-title::after {
	background: hsl(var(--on-background-color));
	content: "";
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: calc(var(--title-font-size) * .0939);
	margin: auto auto auto calc(var(--title-font-size) * .93);
}

/* Breadcrumbs */
#breadcrumbs {
	font-size: var(--label-font-size);
	margin: calc(var(--label-font-size) * -1.5 + var(--title-font-size) * -2) auto calc(var(--label-font-size) + var(--title-font-size) * 2);
	text-align: center;
}
#breadcrumbs + #page-content {
	padding-top: 0;
}

/* Rate Module */
#main-content .page-rate-widget-box {
	background: hsl(var(--background-color));
	border: solid 1px hsl(var(--subtle-color));
	border-bottom: solid 2px hsl(var(--primary-color));
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: inline-block;
	margin: 0 0 .5em;
}
#main-content .page-rate-widget-box * {
	background: none;
	border: none;
	border-radius: 0;
	-webkit-box-sizing: unset;
	box-sizing: unset;
	color: hsl(var(--on-background-color));
	display: inline-block;
	font-family: inherit;
	font-size: inherit;
	height: unset;
	margin: 0;
	padding: 0;
}
#main-content div.page-rate-widget-box .rate-points, #main-content .page-rate-widget-box a {
	padding: 0 .5em;
}
#main-content .page-rate-widget-box a:hover, #main-content .page-rate-widget-box a:active {
	background: hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
}

/* Credit Module */
#main-content .page-rate-widget-box a::before {
	display: none;
}
#main-content .creditRate {
	display: block;
	float: none;
	margin: 0 0 .5em;
	text-align: center;
}
#main-content .creditRate .rateBox {
	display: inline-block;
}
#main-content .rate-box-with-credit-button {
	border-radius: 0;
	display: inline-block;
	height: unset;
	min-width: unset;
}
#main-content .rate-box-with-credit-button .page-rate-widget-box {
	margin: 0;
}
#main-content .rate-box-with-credit-button .creditButton {
	background: hsl(var(--background-color));
	border: solid 1px hsl(var(--subtle-color));
	border-bottom: solid 2px hsl(var(--primary-color));
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: inline-block;
	font-size: inherit;
	height: unset;
	margin: 0 0 0 .2em;
	width: unset;
}
#main-content .creditButton a {
	color: hsl(var(--on-background-color));
	display: inline-block;
	font-size: inherit;
	line-height: inherit;
	padding: 0 .6em;
	width: unset;
}
#main-content .creditButton a:hover, #main-content .creditButton a:active {
	background: hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
}
#main-content #u-credit-view, #main-content #u-credit-otherwise {
	-webkit-animation: none;
	animation: none;
}
#main-content .fader {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background: hsla(var(--subtle-color), .39);
}
#main-content .modalcontainer {
	height: -webkit-min-content;
	height: -moz-min-content;
	height: min-content;
	max-width: 100vw;
	min-width: unset;
	width: 30em;
}
#main-content .modalbox {
	background-color: hsl(var(--background-color));
	border: solid 1px hsl(var(--subtle-color));
	border-top: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: unset;
	min-height: unset;
	min-width: unset;
}
#main-content .modalbox:after {
	display: none;
}
#main-content .modalbox .modalbox-title {
	background: hsl(var(--primary-color));
	border-radius: 0;
	color: hsl(var(--on-primary-color));
	margin-bottom: 0;
	min-height: unset;
}
#main-content .modalbox .credit {
	min-height: 8em;
	margin: 0;
	padding: 1em 2em;
}
#main-content .creditBottomRate {
	position: unset;
}
#main-content .credit-license a.cc {
	color: hsl(var(--on-background-color));
	font-size: 2em;
}
#main-content .creditRate.no-rate .page-rate-widget-box {
	display: none;
}

/* Woed Bar */
#page-content .woed-bar .class {
	background: hsl(var(--secondary-color));
	color: hsl(var(--on-secondary-color));
}
#page-content .woed-bar .bar-one,
#page-content .woed-bar .bar-two,
#page-content .woed-bar .bar-three,
#page-content .woed-bar .bar-four {
	background: hsl(var(--on-background-color));
}
#page-content .woed-bar .bar-five {
	background: hsl(var(--accent-color));
}

/* Image Block */
#page-content .scp-image-block {
	background: hsl(var(--background-color));
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#page-content .scp-image-block .scp-image-caption {
	background: hsl(var(--subtle-color));
	border-bottom: solid 1px hsl(var(--primary-color));
	border-top: solid 1px hsl(var(--subtle-color));
	color: hsl(var(--on-subtle-color));
}
#page-content .scp-image-block > * {
	width: 100% !important;
}

/* Tab */
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav, .yui-navset-bottom .yui-nav {
	border: none;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 1em .5em;
	width: calc(100% - 2em);
}
.yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li, .yui-navset-bottom .yui-nav li {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: block;
	margin: .2em .3em;
	padding: 0;
	text-align: center;
	vertical-align: unset;
}
.yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected, .yui-navset .yui-navset-bottom .yui-nav .selected {
	margin: .2em .3em;
}
.yui-navset .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a {
	background: none;
	border: solid 1px hsl(var(--subtle-color));
	border-bottom: solid 2px hsl(var(--primary-color));
	border-radius: 0;
	color: hsl(var(--on-background-color));
	display: block;
	padding: .5em 1em;
}
.yui-navset .yui-nav a:focus, .yui-navset .yui-nav a:hover {
	background: hsl(var(--subtle-color));
	color: hsl(var(--on-subtle-color));
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
	background: hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
}
.yui-navset .yui-nav .selected a {
	border: solid 1px hsl(var(--primary-color));
	border-bottom-width: 2px;
}
.yui-navset .yui-nav li a em, .yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em {
	border: none;
	padding: 0;
	position: static;
}
.yui-navset .yui-nav .selected a em {
	background: none;
	padding: 0;
}
.yui-navset .yui-content {
	background: hsl(var(--background-color));
	border: none;
	border-top: solid 1px hsl(var(--subtle-color));
	color: unset;
	padding: 1em;
}

/* Pager */
.pager a {
	background: hsl(var(--backgroud-color));
	border: solid 1px hsl(var(--primary-color));
	color: hsl(var(--on-backgroud-color));
	font-size: var(--label-font-size);
	padding: .2em .5em;
	white-space: nowrap;
}
.pager a:hover {
	background: hsl(var(--subtle-color));
	color: hsl(var(--on-subtle-color));
	text-decoration: none;
}
.pager .current {
	background: hsl(var(--primary-color));
	border: solid 1px hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
	font-size: var(--label-font-size);
	padding: .2em .5em;
}

/* Page Tags */
#main-content .page-tags {
	margin: 1.5em 0 0;
}
.page-tags span {
	border-top: solid 1px hsl(var(--subtle-color));
	font-size: var(--label-font-size);
}
.page-tags a {
	margin: 0 .3em 0 .1em;
}
.page-tags a::before {
	content: "#";
}

/* Page Options */
#page-info, .page-watch-options {
	font-size: var(--label-font-size);
}
.page-options-bottom {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: unset;
	line-height: 1.5;
	margin: 0;
	text-align: center;
}
.page-options-bottom a {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
#revision-list tr:first-child td, #revision-list td:nth-child(2), #revision-list td:nth-child(4) {
	white-space: nowrap;
}
table.page-compare td, table.page-compare th {
	border: solid 1px hsl(var(--subtle-color));
}

/* Footer */
#footer {
	background: hsl(var(--secondary-color));
	color: hsl(var(--on-secondary-color));
	font-size: .5em;
	text-align: center;
}
#footer .options {
	display: inline-block !important;
	float: none;
	width: unset;
}
#footer .options::after {
	content: "|";
}
#footer a {
	color: hsl(var(--on-secondary-color));
}
#license-area {
	color: hsl(var(--on-background-color));
	font-size: var(--label-font-size);
}

/* Others */
#action-area-top div, .alert, #lock-info {
	background: hsl(var(--background-color));
	border: solid 1px hsl(var(--subtle-color));
	color: hsl(var(--on-background-color));
	font-size: var(--label-font-size);
}
.odialog-shader {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background: none;
	opacity: 1;
	pointer-events: none;
}
.odialog-shader-iframe {
	display: none !important;
}
.owindow {
	background-color: hsl(var(--background-color));
	border: solid 1px hsl(var(--subtle-color));
	border-top: none;
	height: -webkit-min-content;
	height: -moz-min-content;
	height: min-content;
	max-width: 100vw;
	min-width: unset;
	width: 30em !important;
}
.owindow .title {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: hsl(var(--primary-color));
	border-radius: 0;
	color: hsl(var(--on-primary-color));
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: var(--title-font-size);
	font-weight: 600;
	height: unset;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1.25;
	padding: .5em 0 .4em;
}
.owindow .content {
	height: auto;
	margin: 0;
	min-height: 11em;
	padding: 1em 2em;
}
.owindow .content img {
	background: none !important;
}
.hovertip {
	background-color: hsl(var(--background-color)) !important;
	border: solid 1px hsl(var(--subtle-color)) !important;
	color: hsl(var(--on-background-color));
	font-size: var(--label-font-size);
}
.hovertip .title {
	background-color: hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
}
.flag-user-ok, .flag-user-abusive {
	display: inline-block;
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {
:root {
	--background-color: var(--hue), 13%, 20%;
	--on-background-color: var(--hue), 9%, 93%;
	--primary-color: var(--hue), 93%, 82%;
	--on-primary-color: var(--hue), 13%, 19%;
	--secondary-color: var(--hue), 93%, 27%;
	--on-secondary-color: var(--hue), 93%, 87%;
	--accent-color: calc(var(--hue) + 139deg), 93%, 64%;
	--on-accent-color: calc(var(--hue) + 139deg), 84%, 14%;
	--subtle-color: var(--hue), 39%, 13%;
	--on-subtle-color: var(--hue), 27%, 97%;
	--top-layer-left-color: var(--hue), 19%, 13%;
	--top-layer-right-color: calc(var(--hue) + 339deg), 9%, 19%;
}
#header h1 a {
	color: hsl(var(--primary-color));
}
}