/* ==== Flopstyle: LITE ==== */

/**
 * [2020 Wikidot Theme]
 * Created by Lt Flops
 * Select CSS Styles Are Credited Where Necessary
**/

/* ==== HEADER AREA ==== */

/* == COMMON == */

 :root {
	/* = COLOUR SCHEME = */
	--alpha: hsl(0, 0%, 100%);
	--key: hsl(0, 0%, 5%);

	--accentColor: hsl(0, 100%, 30%);
	--vivid-lime-green: hsl(112, 77%, 48%);
}

 :root {
	/* = YUI TAB COLOUR SCHEME = */
	--darkAccent: hsl(360, 94%, 20%);
	--liteAccent: hsl(360, 100%, 27%);
	--alfaAccent: hsl(360, 100%, 95%);
}

 :root {
	/* = FONTS = */
	--header-font: "Montserrat", sans-serif;
	--script-font: "Architects Daughter", cursive;
}

 body {
	color: var(--key);
}

 #search-top-box,
 #top-bar,
 #login-status {
	right: 0;
}

/* == SITE BANNER == */

 #header h1 a,
 #header h1 a::before {
	color: hsl(0, 0%, 93%);

	font-family: var(--header-font);
	font-weight: 800;
	text-shadow: none;
}

 #header h2 span,
 #header h2 span::before {
	color: hsl(60, 62%, 85%);

	font-family: var(--header-font);
	font-weight: 400;
	text-shadow: none;
}

/* == SEARCH == */

 #search-top-box-input,
 #search-top-box-form input[type="submit"] {
	background: hsl(0, 0%, 20%);
	border-color: hsl(0, 0%, 60%);
	border-radius: 0;
}

 #search-top-box-form input[type="submit"] {
	font-size: unset;
}

 #search-top-box-input:hover,
 #search-top-box-input:focus,
 #search-top-box-form input[type="submit"]:hover,
 #search-top-box-form input[type="submit"]:focus {
	background: hsl(0, 0%, 30%);
	border-color: hsl(0, 0%, 70%);
}

/* == TOP MENU == */

 #top-bar ul li ul {
	top: 22px;
}

/* == SIDE MENU == */

 #top-bar .open-menu a {
	border-radius: unset;
}

 #side-bar .side-block {
	border-color: hsl(0, 0%, 20%);
	border-radius: 0;
}

 #side-bar .heading {
	color: var(--key);
	border-bottom: 1px solid hsl(0, 0%, 20%);
}

/* == INTERWIKI == */

 div.scpnet-interwiki-wrapper {
	margin-bottom: 2rem;
}

 iframe.scpnet-interwiki-frame {
	width: 15.127rem;
	min-height: 8rem;
	margin-left: 4px;

	background: hsl(127, 050%, 94%);
	border: 1px solid hsl(0, 0%, 20%);
}

 #interwiki body {
	overflow: hidden;
}

 #interwiki .side-block {
	padding: 5px;

	background: 0;
	border: 0;
	box-shadow: none;
}

 #interwiki .heading {
	color: var(--key);
	border-bottom: 1px solid hsl(0, 0%, 20%);
}

 #interwiki .menu-item img {
	display: none;
}

/* ==== CONTENT AREA ==== */

/* == SIDEBOXES == */

/**
 * Adapted From
 *	Penumbra Theme by EstrellaYoshte
**/

 .limit {
	line-height: 1.5;
	z-index: 5;
}

 .limit br {
	display: block;
}

 .anchor {
	position: -webkit-sticky;
	position: sticky;
	top: 0;

	z-index: 5;
}

 .authorbox,
 .sidebox {
	position: absolute;
	width: calc((100vw - 870px) / 2);
	max-height: calc(100vh - 18rem);
	margin-right: 8px;
	padding: .3rem 1.5rem;

	box-sizing: border-box;

	z-index: 5;
}

 .authorbox {
	top: .5rem;
	right: 103.5%;
	max-width: calc((100vw - 921.2px) / 2) !important;
	padding-right: 1rem;

	font-size: 95%;
}

 .sidebox {
	left: 103.5%;
	margin-left: 1rem;
	padding-left: 1rem;

	background: var(--alpha);
	border: 1px solid hsl(0, 0%, 73%);
	border-left: 8px solid var(--accentColor);
}

 .authorbox tr :is(th, td),
 .sidebox tr :is(th, td) {
	padding: .2rem !important;
}

 .flavorbox {
	width: 75%;
	margin: auto auto 5px;
	padding: 0 1rem;

	border: 1px solid #888;
}

/* == SIDEBOX MOBILE CUSTOMIZATION == */

/**
 * Courtesy Of
 *	Woedenaz
**/

 @media (max-width: 767.9px) {
	 .sidebox,
	 .sidebox:hover {
		right: calc(((100vw - (100% - 3rem)) / 2) * -1 + 1rem);
	}
}

 @media (max-width: 1199.9px) {
	 .authorbox {
		display: none;
		visibility: hidden;
	}

	 .sidebox {
		top: .75rem;
		right: calc(((100vw - 45.8rem) / 2) * -1);
		left: initial;
		width: auto;
		max-width: 65vw !important;
		padding: 0 .4rem;

		background: var(--accentColor);
		border: 1px solid hsl(0, 0%, 73%);
		border-left: 8px solid var(--accentColor);
		border-radius: 0;

		overflow: visible;
		-webkit-clip-path: inset(-.125rem -.25rem 0 calc(100% - 1.275rem));
		clip-path: inset(-.125rem -.25rem 0 calc(100% - 1.275rem));
		-webkit-transition:
			color .2s ease-in-out .1s,
			-webkit-box-shadow .5s ease-in-out .1s,
			-webkit-clip-path .5s ease-in-out .1s;
		-o-transition:
			color .2s ease-in-out .1s,
			box-shadow .5s ease-in-out .1s,
			clip-path .5s ease-in-out .1s;
		transition:
			color .2s ease-in-out .1s,
			box-shadow .5s ease-in-out .1s,
			clip-path .5s ease-in-out .1s,
			-webkit-box-shadow .5s ease-in-out .1s,
			-webkit-clip-path .5s ease-in-out .1s;
	}

	 .sidebox::before,
	 .sidebox::after {
		content: " ";
		position: absolute;
		right: 0;
	}

	 .sidebox::before {
		top: calc(50% - .75rem);
		width: 0;
		height: 0;

		border-top: .75rem solid transparent;
		border-right: .75rem solid var(--accentColor);
		border-bottom: .75rem solid transparent;

		transition: border .1s ease-in-out .1s;
		z-index: 10;
	}

	 .sidebox::after {
		width: 100%;
		max-width: .75rem;
		height: 100%;
		max-height: calc(100vh - 18rem);
		top: 0;

		background: var(--alpha);

		transition:
			max-width .5s ease-in-out .1s,
			box-shadow .5s ease-in-out .1s;
		z-index: -1;
	}

	 .sidebox > * {
		opacity: 0;
		-webkit-transition: opacity .2s ease-in-out .2s;
		-o-transition: opacity .2s ease-in-out .2s;
		transition: opacity .2s ease-in-out .2s;
	}

	 .sidebox:hover {
		overflow: visible;
		-webkit-clip-path: inset(-.125rem -.25rem 0 0);
		clip-path: inset(-.125rem -.25rem 0 0);
		-webkit-transition:
			right .5s ease-in-out .1s,
			color .5s ease-in-out .2s,
			-webkit-box-shadow .5s ease-in-out .1s,
			-webkit-clip-path .5s ease-in-out .1s;
		-o-transition:
			right .5s ease-in-out .1s,
			color .5s ease-in-out .2s,
			box-shadow .5s ease-in-out .1s,
			clip-path .5s ease-in-out .1s;
		transition:
			right .5s ease-in-out .1s,
			color .5s ease-in-out .2s,
			box-shadow .5s ease-in-out .1s,
			clip-path .5s ease-in-out .1s,
			-webkit-box-shadow .5s ease-in-out .1s,
			-webkit-clip-path .5s ease-in-out .1s;
	}

	 .sidebox:hover::before {
		border-top: 0 solid transparent;
		border-bottom: 0 solid transparent;
	}

	 .sidebox:hover::after {
		right: 0;
		max-width: 100%;
	}

	 .sidebox:hover > * {
		opacity: 1;
	}
}

/* == COLLAPSIBLES == */

 .collapsible-block-link {
	font-size: 120%;
	font-weight: bold;
}

 :is(div) .collapsible-block {
	/* = For Collapsibles Inside Divs = */
	padding: 1rem 0;
}

 .licensebox .collapsible-block-folded,
 .licensebox .collapsible-block-unfolded-link {
     margin: auto;
 
     text-align: center;
}
 
 .licensebox .collapsible-block-content {
	text-align: center
}
 
 .licensebox :is(blockquote, div.blockquote) {
	text-align: left;
}

/* == INFO BAR == */

 .info-container {
	--barColour: hsl(0, 89%, 18%);
}

 .info-container .collapsible-block-link {
	font-size: 100%;
}

 .info-container div.collapsible-block-content {
	padding: 0 .6rem 3rem;
}

 .info-container .wiki-content-table {
	width: 90%;
}

/* == PAGE RATING == */

 .page-rate-widget-box,
 div.page-rate-widget-box .rate-points {
	border-radius: 0;

	text-transform: capitalize;
}

 .page-rate-widget-box {
	margin-right: 0;
}

 .page-rate-widget-box .cancel,
 .page-rate-widget-box .cancel a:hover {
	border-radius: 0 !important;
}

/* == INFO MODULE == */

 .creditRate {
	margin-right: 0 !important;
}

 .rate-box-with-credit-button {
	border-radius: 0 !important;
	box-shadow: none !important;
}

 :is(.creditButton, .creditButtonStandalone) p a:hover {
	color: var(--vivid-lime-green) !important;
}

 div.credit.first .wiki-content-table {
	width: 100%;
}

/* == FORMATTING | [GENERAL] == */

 #page-title,
 .meta-title {
	padding-bottom: 0;

	font-family: var(--header-font);
	font-weight: 600;
}

 #page-content :is(h1, h2, h3, h4, h5, h6) {
	display: flex;
	flex-direction: column;
	justify-content: center;

	font-family: var(--header-font);
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-underline-offset: 25%;
	word-break: unset;
}

 #page-content h2 {
	font-weight: bold;
}

 #page-content a {
	padding-bottom: 1px;

	border-bottom: thin solid;
}

 #page-content :is(.disruptionHeader, .footnoteref, .bibcite),
 #page-content :is(.rateup a, .ratedown a, .cancel a, .yui-nav a) {
	/* = Avoid Special Links = */
	border: 0;
}

 #page-content :is(.creditButton, .creditButtonStandalone) p a {
	/* = Avoid Special Links = */
	border-bottom: 0;
}

 #page-content a:hover {
	border-bottom-width: 2px;

	text-decoration: none;
}

 #page-content .footnoteref a:hover {
	text-decoration: underline;
}

 #main-content :is(#breadcrumbs, #page-options-container) a:hover,
 :is(#footer, #license-area) a:hover {
	padding-bottom: 1px;

	border-bottom: thin solid;

	text-decoration: none;
}

 hr {
     height: 0;
     margin: 1rem 0;

     background: 0;
     border-top: 1px solid hsl(0, 0%, 67%);
}

 ol li {
	margin: 0 0 1rem;
}

 ul {
	margin: 1rem 0;
}

 li, p {
	text-underline-offset: 30%;
}

 #toc {
	line-height: 1.5;
}

 .footnotes-footer,
 .bibitems {
	padding: 0 0 .5rem;
}

 #search-top-box-input,
 #search-top-box-input:hover,
 #search-top-box-input:focus,
 #search-top-box-form input[type=submit],
 #search-top-box-form input[type=submit]:hover,
 #search-top-box-form input[type=submit]:focus,
 #top-bar ul li ul,
 #side-bar .side-block,
 .page-rate-widget-box,
 .scp-image-block {
	box-shadow: none;
}

/* == IMAGE BLOCK == */

 .scp-image-block .scp-image-caption {
	font-size: 95%;
	line-height: 1.35;
	text-underline-offset: 30%;
}

 .scp-image-block.block-right {
	margin: 0 0 1rem 2rem;
}

/* == CUSTOM DIV BLOCKS == */

 .raisa-header,
 .pink-header,
 .oracle-header,
 .cicapoco-header {
	margin-bottom: 1rem;
	padding: 0 .5rem;

	border: 1px solid;

	text-align: center;
}

 .raisa-header {
	/* = RAISA Notice Header = */
	background: hsl(60, 65%, 85%);
	border-color: hsl(0, 0%, 60%);
}

 .pink-header {
	/* = Pretty Header = */
	background: hsl(350, 100%, 85%);
	border-color: hsl(0, 4%, 36%);
}

 .pink-header hr {
	border-color: hsl(0, 4%, 36%);
}

 .oracle-header {
	/* = SPC From the Desk of ORACLE Header = */
	color: hsl(208, 100%, 97%);
	background: hsl(208, 67%, 44%);
	border-color: var(--key);
}

 .oracle-header hr {
	border-color: hsl(208, 100%, 97%);
}

 .img-resize img {
	/* = Header Icons = */
	float: left;
	width: auto;
	height: 8rem;
	margin: .5rem;
}

 .cicapoco-header {
	/* = SPC's RAISA-Equivalent Header = */
	background: lightblue;
	border-color: hsl(195, 50%, 39%);
}

 .cicapoco-header hr {
	border-color: hsl(195, 50%, 39%);
}

 .content-warning {
	/* = Content Warning = */
	width: 75%;
	margin: 1rem auto;
	padding: 0 1rem;

	background: var(--alpha);
	border: 3px double var(--key);

	text-align: center;
}

 blockquote, div.blockquote,
 .alt-blockquote, .lightweight {
	margin: 1rem 3rem;
	padding: 0 1rem;
}

 blockquote, div.blockquote {
	/* = Regular Quote Block = */
	background: hsl(0, 0%, 96%);
	border: 3px double hsl(0, 0%, 60%);
}

 :is(blockquote, div.blockquote) table.wiki-content-table th {
	background: hsl(0, 0%, 89%);
}

 .alt-blockquote {
	/* = Alternative Quote Block = */
	background: hsl(0, 0%, 96%);
	border: 1px solid hsl(0, 0%, 60%);
	border-radius: 1rem;
}

 .lightweight {
	/* = Lightweight Quote Block = */
	background: hsl(0, 0%, 90%);
}

 .card-block {
	/* = Decorative Quote Block = */
	margin: 1rem 0;
	padding: .6rem 1.2rem;

	background: hsl(220, 15%, 93%);
	border-left: 8px solid var(--accentColor);
	border-radius: .5rem;
}

 blockquote hr, div.blockquote hr, .alt-blockquote hr, .lightweight hr, .card-block hr {
	border-color: hsl(0, 0%, 67%);
}

 .log-header {
	/* = Interview/Exploration Log Header = */
	margin-bottom: 1rem;
	padding: 0 1rem;

	background: hsl(0, 0%, 96%);
	border: 3px dashed hsl(0, 0%, 60%);
	border-radius: 2rem;
}

 .report-box {
	/* = Report Block = */
	margin: 1rem 0;
	padding: 0 1rem;

	background: var(--alpha);
	border: medium solid var(--key);
}

 .report-box hr {
	border-color: var(--key);
}

 .realistic-shadow {
	/* = Better Shadows = */
	margin: 1rem 0 2rem;

	box-shadow:
		0 1px 1px hsla(0, 0%, 0%, .23),
		0 2px 2px hsla(0, 0%, 0%, .18),
		0 4px 4px hsla(0, 0%, 0%, .15),
		0 8px 8px hsla(0, 0%, 0%, .13);
}

 .report-box.red-tint {
	/* = Alternative Report Block Variants = */
	background: hsl(360, 91%, 86%);
	border-color: hsl(360, 62%, 66%);
}

 .report-box.red-tint hr {
	border-color: hsl(360, 62%, 66%);
}

 .report-box.orange-tint {
	background: hsl(30, 91%, 86%);
	border-color: hsl(30, 62%, 66%);
}

 .report-box.orange-tint hr {
	border-color: hsl(30, 62%, 66%);
}

 .report-box.yellow-tint {
	background: hsl(60, 91%, 86%);
	border-color: hsl(60, 62%, 66%);
}

 .report-box.yellow-tint hr {
	border-color: hsl(60, 62%, 66%);
}

 .report-box.green-tint {
	background: hsl(120, 91%, 86%);
	border-color: hsl(120, 62%, 66%);
}

 .report-box.green-tint hr {
	border-color: hsl(120, 62%, 66%);
}

 .report-box.cyan-tint {
	background: hsl(180, 91%, 86%);
	border-color: hsl(180, 62%, 66%);
}

 .report-box.cyan-tint hr {
	border-color: hsl(180, 62%, 66%);
}

 .report-box.blue-tint {
	background: hsl(240, 91%, 86%);
	border-color: hsl(240, 62%, 66%);
}

 .report-box.blue-tint hr {
	border-color: hsl(240, 62%, 66%);
}

 .report-box.magenta-tint {
	background: hsl(300, 91%, 86%);
	border-color: hsl(300, 62%, 66%);
}

 .report-box.magenta-tint hr {
	border-color: hsl(300, 62%, 66%);
}

 .report-box.grey-tint {
	background: hsl(210, 9%, 86%);
	border-color: hsl(210, 15%, 42%);
}

 .report-box.grey-tint hr {
	border-color: hsl(210, 15%, 42%);
}

 .report-box:is(.red-tint, .orange-tint, .yellow-tint, .green-tint, .cyan-tint, .blue-tint, .magenta-tint, .grey-tint) blockquote hr,
 .report-box:is(.red-tint, .orange-tint, .yellow-tint, .green-tint, .cyan-tint, .blue-tint, .magenta-tint, .grey-tint) div.blockquote hr {
	border-color: hsl(0, 0%, 67%);
}

 div.o5-box {
	/* = Overseer Document Block = */
	margin: 1rem 6rem;
	padding: 0 1rem;

	background: hsl(0, 0%, 75%);
	border: medium solid var(--key);
}

 div.o5-box hr {
	border-color: var(--key);
}

 .faux-source {
	/* = Mimics Page Source = */
	margin-bottom: 1rem;
	padding: 0 2rem;

	background: var(--alpha);
	border: 1px dashed hsl(0, 0%, 67%);

	font-family: var(--mono-font);
}

 .narration {
	/* = Mimics the Pages of a Book = */
	margin: 1rem 0;
	padding: 0 1rem;

	background: var(--alpha);
	border: 1px solid hsl(0, 0%, 63%);
}

 .warning-notice {
	/* = Simple Warning Block (Adapted From SCP-3143) = */
	padding: 0 1rem;

	background: var(--alpha);
	background-image: url(/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wdfiles.com%2Flocal--files%2Fscp-style-resource%2Fscp_trans.png);
	background-position: center;
	background-repeat: no-repeat;
	border: medium solid var(--key);

	text-align: center;
}

 .warning-notice hr {
	border-color: var(--key);
}

 .journal {	
	/* = Journal Block (Adapted From SCP-4003) = */
	margin: 1rem 0;
	padding: .9rem;

	background-image:
	   linear-gradient(to top,
		hsl(201, 33%, 84%) 0%,
		hsl(60, 29%, 89%) 8%);
	background-position: 0 8px;
	background-size: 100% 1.3rem;
	border: 1px solid hsl(0, 0%, 80%);
	border-radius: .9rem;

	font-family: var(--script-font);
}

 .journal p {
	margin: 0;

	font-size: 1.3rem;
	line-height: 1.3rem;
}

 .sms-message {
	/* = SMS Message Block = */
	float: left;
	clear: left;
	width: 22.4rem;
	margin: 0 0 1rem;
	padding: 0 1.2rem;

	background: hsl(0, 0%, 75%);
	border-radius: 2rem;

	font-size: 112.5%;
	text-align: center;
}

/* == FORMATTING | [SPECIAL] == */

 .centered {
	/* = Center-Aligns Text = */
	text-align: center;
}

 .justified {
	/* = Justify-Aligns Text = */
	text-align: justify;
}

 .indented {
	/* = Indents Block by ⅜-inch (Use Within Other Divs) = */
	text-indent: 2rem;
}

 .indented :is(h1, h2, h3, h4, h5, h6, ol, ul, .bibcite, .bibitems, .footnoteref, .scp-image-block, .image-container, .centered, .fncon, .fncon::before) {
	text-indent: 0;
}

 .rev-red,
 .rev-green,
 .rev-blue,
 .rev-yellow,
 .terminal-span {
	font-weight: bold;
}

 .rev-red {
	/* = Red Document Revision Text = */
	color: var(--liteAccent);
}

 .rev-green {
	/* = Green Document Revision Text = */
	color: hsl(120, 100%, 27%);
}

 .rev-blue {
	/* = Blue Document Revision Text = */
	color: hsl(240, 100%, 27%);
}

 .rev-yellow {
	/* = Yellow Document Revision Text = */
	color: hsl(40, 100%, 40%);
}

 .terminal-span {
	/* = Computer Terminal Text = */
	font-family: var(--mono-font);
	font-size: 110%;
	letter-spacing: .3px;
}

/* == Blinking Text Cursor == */

/**
 * Adapted From
 *	Your Very First SCP! by The Great Hippo
**/

 .blinkbar{color: var(--key); animation: blink 1.5s infinite;}
 @keyframes blink{to{opacity:.0}}
 @keyframes flicker{0%{opacity:.9890}5%{opacity:.5842}10%{opacity:.9865}20%{opacity:.0412}20%{opacity:.6255}25%{opacity:.3157}30%{opacity:.7328}35%{opacity:.4654}40%{opacity:.9128}45%{opacity:.2449}50%{opacity:.5485}55%{opacity:.6438}60%{opacity:.1180}65%{opacity:.9085}70%{opacity:.0266}75%{opacity:.6795}80%{opacity:.7812}85%{opacity:.0117}90%{opacity:.2239}95%{opacity:.8897}100%{opacity:.2260}}
 @keyframes overlay-anim{0%{visibility:hidden}10%{visibility:hidden}11%{visibility:visible}50%{visibility:hidden}100%{visibility:hidden}}

 .lite-heading {
	/* = Special Heading Area (Adapted From SCP-4058) = */
	clear: both;
	margin: 3.6rem auto;
}

 .lite-heading h3 {
	color: var(--liteAccent);
}

 .lite-heading hr {
	width: 55%;
	margin: auto;

	border-width: medium;
}

 div.image-showcase {
	/* = Alternative Image Showcase = */
	width: 25rem;
	margin-bottom: 1rem;

	background: var(--alpha);
	border: 3px ridge var(--key);
}

 div.image-showcase.block-center {
	margin-right: auto;
	margin-left: auto;
}

 .scene-break {
	/* = Fancy Scene/Section Break = */
	width: 3.6rem;
	margin: 2rem 0;
}

 .listPagesNav {
	margin-bottom: 5rem;
}

 .listPagesNav-prev,
 .listPagesNav-next {
	/* = ListPages Navigation (Adapted from SCP-5552) = */
	width: 45%;
	margin: 0 0 1rem;
	padding: 0 2%;

	background: hsl(0, 0%, 90%);
	border: 1px solid hsl(0, 0%, 60%);
}

 .listPagesNav-prev {
	float: left;

	text-align: left;
}

 .listPagesNav-next {
	float: right;

	text-align: right;
}

 .fade-away {
	background:
	   linear-gradient(
		to bottom,
		var(--alpha),
		var(--key));
}

 .footing::before {
	/* = Page Footing = */
	content: " ";
	position: absolute;
	right: 0;
	bottom: 1px;
	left: 0;

	border-bottom: 2px solid hsl(0, 0%, 47%);
}

 .footing {
	position: relative;
	bottom: -2px;
	margin-bottom: 2px;

	border-bottom: 1px solid hsl(0, 0%, 47%);
}

 .related-flex {
	/* = Related Articles Box = */
	display: flex;
	justify-content: center;
}

 .related {
	margin: 1rem 0;
	padding: 0 1rem;

	background: var(--alpha);
	border: thick solid hsla(0, 0%, 60%, .5);

	text-align: left;
}

 .series-nav {
	/* = Series Navigation = */
	margin: .5rem 0;

	background:
	   linear-gradient(to bottom right,
		hsla(0, 0%, 100%, 1),
		hsla(0, 0%, 50%, .5));
	border: outset 1.5px var(--key);
	border-radius: 2rem;

	font-size: 85%;
	font-weight: bold;
	text-align: center;
}

/* == ADVANCED WARNING HEADER == */

/**
 * Adapted From
 *	SCP-001-JP - indonootoko's Proposal by indonootoko
**/

 .orderwrapper {
	position: relative;
	width: auto;

	text-align: center;
}

 .council {
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 295px;
	height: 295px;
	margin: auto;

	background-image: url(/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wdfiles.com%2Flocal--files%2Fscp-style-resource%2Fscp_trans.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 295px 295px;
}

 .ordertitle {
	position: absolute;
	top: 27px;
	right: 0;
	left: 0;
}

 .ordertitle h1 {
	color: var(--key);

	font-size: 220%;
	line-height: 90%;
}

 .orderdescription {
	position: absolute;
	top: 93px;
	right: 0;
	left: 0;
	width: 100%;
}

 .orderdescription h1 {
	color: var(--key);

	font-size: 120%;
}

 .orderdescription p {
	color: var(--key);

	font-size: 90%;
}

 .itemno {
	position: absolute;
	right: 0;
	bottom: 18px;
	left: 0;
}

 .itemno h1 {
	color: var(--key);

	font-size: 170%;
}

/* ==== YUI TABS ==== */

/* == YUI TAB BASE == */

 @import url(/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wdfiles.com%2Flocal--files%2Ftheme%253Aflopstyle-dark%2Ftabview.css);

/* == YUI TAB CUSTOMIZATION == */

/**
 * Adapted From
 *	Black Highlighter Theme by Woedenaz
**/

 .yui-navset * {
	transition:
		color 80ms cubic-bezier(.4, 0, .2, 1),
		background 80ms cubic-bezier(.4, 0, .2, 1);
}

 :is(.yui-navset, .yui-navset .yui-navset-top) .yui-nav {
	display: flex;
	flex-wrap: wrap;

	border-color: var(--darkAccent);
}

 :is(.yui-navset, .yui-navset .yui-navset-top) .yui-nav a {
	/* = Link Modifier = */
	color: var(--key);
	/* = Tab Background Colour | [UNSELECTED] = */
	background: var(--alfaAccent);
	/* == */
}

 :is(.yui-navset, .yui-navset .yui-navset-top) .yui-nav li {
	/* = Listitem Modifier = */
	display: flex;
	flex-grow: 2;
	margin: 0;
	padding: 0;

	color: var(--alpha);
	background: var(--darkAccent);
	
	font-size: 1.05rem;
}

 :is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav li a {
	width: 100%;

	border: 0;
}

 :is(.yui-navset, .yui-navset .yui-navset-top) .yui-nav .selected {
	/* = Selection Modifier = */
	flex-grow: 2;
	margin: 0;
	padding: 0;

	color: var(--alpha);
	/* = Tab Background Colour | [SELECTED] = */
	background: var(--darkAccent);
	/* == */
}

 .yui-navset .yui-nav li em {
	border: 0;
}

 .yui-navset :is(.yui-nav, .yui-nav .selected, .yui-navset-top .yui-nav) a em {
	padding-top: .47rem;
	padding-bottom: .47rem;

	text-align: center;
}

 .yui-navset :is(.yui-content, .yui-navset-top .yui-content) {
	padding: .53rem;
 
	border-color: hsl(0, 0%, 60%);
 
	line-height: 1.5;
}

 .yui-navset .yui-nav .selected a {
	color: var(--alpha);
	background: var(--darkAccent);
}

 .yui-navset .yui-nav a:is(:hover, :focus) {
	color: var(--alpha);
	/* = Tab Background Colour | [HOVER] = */
	background: var(--liteAccent);
	/* == */
}

 .yui-navset .yui-nav .selected :is(a, a em) {
	border: 0;
}

 .yui-navset .yui-nav .selected a:is(:hover, :active, :focus) {
	background: var(--darkAccent);

	cursor: default;
}

/* == WIKIWALK NAVIGATOR == */

 .footer-wikiwalk-nav {
	text-align: center;
}

/* == BETTERFOOTNOTES PATCH == */

 :root {
	--posX: calc(50% - 358px - 13rem) !important;
	--fnLinger: 1.5s !important;
}

 .fnnum {
	font-size: 90%;
}

 .fnnum:hover + .fncon {
	right: calc(-8vw - 4rem) !important;
}

/* == CROQSTYLE PATCH == */

 #edit-page-textarea {
	font-family: unset;
}

 tt {
	margin: unset;
	padding: unset;
	background: unset;
	border-radius: unset;
	font-size: unset;
}

/* == FLOPS HEADER PATCH == */

 #page-content .disruptionHeader {
	padding-bottom: .4em;
}

/* == PAGE TAGS == */

 #main-content .page-tags {
	border-top: 1px solid hsl(0, 0%, 73%);
}

 #main-content .page-tags a {
	display: inline-block;
	height: .8125rem;
	margin: 0 0 .5rem .75rem;
	padding: .1875rem .3125rem .1875rem 0;

	color: hsl(0, 0%, 95%);
	background: hsl(0, 0%, 27%);
	border-bottom-right-radius: .25rem;
	border-top-right-radius: .25rem;

	font-size: .6875rem; /* 11px */
	font-weight: normal;
	line-height: .8125rem; /* 13px */
}

 #main-content .page-tags a::before {
	width: 0;
	height: 0;
	top: -.1875rem;
	left: -.625rem;
	padding: 0 .0625rem .1875rem;

	border-color: transparent hsl(0, 0%, 27%) transparent transparent;
	border-style: solid;
	border-width: .5rem .5rem .5rem 0;
}

 #main-content .page-tags a::before,
 #main-content .page-tags a::after {
	content: "";
	position: relative;
	float: left;
}

 #main-content .page-tags a::after {
	top: .2813rem;
	left: -.5rem;
	width: .25rem;
	height: .25rem;

	background: var(--alpha);
	border-radius: .125rem;
}

 #main-content .page-tags span {
	max-width: 100%;

	border-top: .5rem solid transparent;
}

/* == SHOW-CHANGES HIGHLIGHTS == */

 .inline-diff ins::before {
	color: hsl(240, 100%, 93%);
}

 .inline-diff del::before {
	color: hsl(0, 100%, 90%);
}

 .inline-diff ins + del::before,
 .inline-diff del + ins::before {
	color: transparent;
}

 .inline-diff br + ins::before,
 .inline-diff br + del::before,
 .inline-diff ins:first-of-type::before,
 .inline-diff del:first-of-type::before {
	content: "\f111";
	position: absolute;
	left: -1rem;
	display: inline-block;

	font: normal normal normal 16px/1 "FontAwesome";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: auto;
}

/* ==== BREAKPOINTS ==== */

/* == BREAKPOINTS KEY == */

/**
 *	Dbl-Extra-Small:	≤383.9px
 *	Extra-Small:		384px	…	575.9px
 *	Small:			576px	…	767.9px
 *	Medium:			768px	…	983.9px
 *	Large:			984px	…	1199.9px
 *	Extra-Large:		1200px	…	1391.9px
 *	Dbl-Extra-Large:	≥1392px
**/

/* == DBL-EXTRA-SMALL MEDIA QUERY == */

 @media (max-width: 383.9px) {
	 #header h1 a {
		font-size: 75%;
	}

	 div.image-showcase {
		width: 90%;
	}

	 div.o5-box {
		margin: 1rem 0;
	}
}

/* == EXTRA-SMALL MEDIA QUERY == */

 @media (min-width: 384px) and (max-width: 575.9px) {
	 #header h1 a {
		font-size: 85%;
	}

	 div.image-showcase {
		width: 100%;
	}

	 div.o5-box {
		margin: .5rem;
	}
}

/* == SMALL MEDIA QUERY == */

 @media (max-width: 767.9px) {
	 .open-menu a:hover {
		box-shadow: none;
	}

	 .info-container div.collapsible-block-content div {
		margin-right: 0;
		margin-left: 0;
	}

	 blockquote, div.blockquote,
	.alt-blockquote, .lightweight {
		margin: 1rem 0;
	}
}

/* == REDUCED MOTION ACCESSIBILITY == */

 @media (prefers-reduced-motion: reduce) {
	 *, *::before, *::after {
		animation-duration: .001s !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001s !important;
	}
}