@charset "utf-8";

@import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/min/normalize.min.css");
@import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/min/main_concat.min.css");
@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');

/* Fonts */

@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:400,400i,500,500i,700,700i|Kanit:500,600,700|Muli:400,400i,600,600i,700,700i,800,800i&display=swap&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,thai,vietnamese');

/* All Vars Used */

:root {

	/* S-CSS-P Integration */
	--theme-base: "black-highlighter";
	--theme-id: "black-highlighter";
	--theme-name: "SCP Theme";

	/* Header */
	--logo-image: url("http://dr-penguin-s-testing-place.wdfiles.com/local--files/component%3Ascp-black-highlighter-theme/scp%20logo.png?ukey=db6e0c53794b636d7411b3134dc9f181cceb4802");
	--header-title: "Tổ Chức SCP";
	--header-subtitle: "QUẢN THÚC, LƯU TRỮ, BẢO VỆ";

	/* Typefaces */
	--body-font: 'Muli', sans-serif; 
	--header-font: 'Kanit', sans-serif;
	--header-font-width: 90%;
	--title-font: 'Kanit', sans-serif;
	--mono-font: 'Roboto Mono', monospace;

	/* Standard Colors */
	--white-monochrome: 252, 252, 252;
	/* white */
	--pale-gray-monochrome: 244, 244, 244;
	/* v light gray for blockquotes and stuff */
	--light-pale-gray-monochrome: 244, 244, 244;
	/* very light pale gray for misc. use */
	--very-light-gray-monochrome: 215, 215, 215;
	/* light accent gray for login status */
	--gray-monochrome: 66, 66, 72;
	/* gray */
	--dark-gray-monochrome: 48, 48, 52;
	/* dark accent gray for sidebar background */
	--black-monochrome: 12, 12, 12;
	/* black */
	--pale-accent: 230, 40, 60;
	/* light red, for visited links */
	--bright-accent: 133, 0, 5;
	/* bright red */
	--medium-accent: 100, 46, 44;
	/* medium red - the "default" accent color */
	--dark-accent: 100, 3, 15;
	/* dark red */
	--alt-accent: 221, 102, 17; 
	/* pale orange, for newpage links */

	/* Background and Header Colors */
	--background-gradient-color: var(--very-light-gray-monochrome, 215, 215, 215);
	--header-gradient-color-bottom: var(--medium-accent);
	--header-gradient-color-middle: var(--black-monochrome);
	--header-gradient-color-top: var(--black-monochrome);

	/* Primary Theme Colors */
	--swatch-background: var(--white-monochrome, 252, 252, 252);
	--swatch-primary: var(--bright-accent, 180, 35, 35);
	--swatch-primary-darker: var(--medium-accent, 140, 20, 25);
	--swatch-primary-darkest: var(--dark-accent, 100, 3, 15);
	/* Primary Text Colors */
	--swatch-text-dark: var(--black-monochrome, 12, 12, 12);
	--swatch-text-light: var(--white-monochrome, 252, 252, 252);
	--swatch-important-text: var(--bright-accent, 180, 35, 35);

	/* Primary Menu Colors */
	--swatch-menubg-color: var(--white-monochrome, 252, 252, 252);
	--swatch-menubg-light-color: var(--pale-gray-monochrome, 244, 244, 244);
	--swatch-menubg-medium-color: var(--light-gray-monochrome, 170, 170, 170);
	--swatch-menubg-medium-dark-color: var(--gray-monochrome, 66, 66, 72);
	--swatch-menubg-dark-color: var(--dark-gray-monochrome, 48, 48, 52);
	--swatch-menubg-black-color: var(--black-monochrome, 12, 12, 12);
	--swatch-menubg-hover-color: var(--black-monochrome, 12, 12, 12);
	--swatch-menutxt-dark-color: var(--black-monochrome, 12, 12, 12);
	--swatch-menutxt-light-color: var(--white-monochrome, 252, 252, 252);
	--swatch-border-color: var(--black-monochrome, 12, 12, 12);
	/* Primary Header Colors */
	--swatch-headerh1-color: var(--white-monochrome, 252, 252, 252);
	--swatch-headerh2-color: var(--white-monochrome, 252, 252, 252);
	--swatch-topmenu-border-color: var(--black-monochrome, 12, 12, 12);
	--swatch-topmenu-bg-color: var(--gray-monochrome, 66, 66, 72);
	
	/* Link Colors */
	--link-color: var(--swatch-primary, 180, 35, 35);
	--visited-link-color: var(--pale-accent); /* was 255, 52, 76 */
	--hover-link-color: var(--bright-accent);
	--newpage-color: var(--alt-accent);

	/* Rating Module Colors */
	--rating-module-button-color: var(--black-monochrome, 12, 12, 12);
	--rating-module-button-plus-color: 0, 200, 0;
	--rating-module-button-negative-color: 200, 0, 0;
	--rating-module-button-cancel-color: 200, 200, 200;
	--rating-module-button-credit-color: 50, 50, 50;
	--rating-module-text-color: var(--swatch-menutxt-dark-color, 12, 12, 12);
	--rating-module-text-hover-color: var(--swatch-menutxt-light-color, 252, 252, 252);

	/* Header Gradients */

	--gradient-header: linear-gradient(
		to top,
		rgb(var(--header-gradient-color-bottom)) 0%,
		rgb(var(--header-gradient-color-middle)) 90%,
		rgb(var(--header-gradient-color-top)) 100%
	);
	--gradient-topmenu: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0) 7.5rem,
		rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)),1)	7.5rem,
		rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) 7.625rem,
		rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 0.95) -webkit-calc(100% - 0.125rem),
		rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) -webkit-calc(100% - 0.125rem),
		rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1) 100%);
	--gradient-topmenu: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0) 7.5rem,
		rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)),1) 7.5rem,
		rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) 7.625rem,
		rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 0.95) calc(100% - 0.125rem),
		rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) calc(100% - 0.125rem),
		rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1) 100%);
	--gradient-topmenu-mobile: linear-gradient(
		to bottom,
		rgba(
				var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)),
				1
			)
			0,
		rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1)
			0.125rem,
		rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) -webkit-calc(
				3rem - 0.125rem
			),
		rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) -webkit-calc(
				3rem - 0.125rem
			),
		rgba(
				var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)),
				1
			)
			3rem
	);
	--gradient-topmenu-mobile: linear-gradient(
		to bottom,
		rgba(
				var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)),
				1
			)
			0,
		rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1)
			0.125rem,
		rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1)
			calc(3rem - 0.125rem),
		rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1)
			calc(3rem - 0.125rem),
		rgba(
				var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)),
				1
			)
			3rem
	);
	--diagonal-stripes: repeating-linear-gradient(
		45deg,
		hsla(0, 0%, 100%, 0),
		hsla(0, 0%, 100%, 0) 0.25vh,
		rgba(88, 88, 88, 0.1) 0.35vh,
		rgba(88, 88, 88, 0.2) 0.5vh
	);
	--gradient-sidemenu-header: linear-gradient(
		10deg,
		rgba(var(--medium-accent, 140, 20, 25), 0.45) 0%,
		rgba(var(--medium-accent, 140, 20, 25), 0.55) 100%
	);
	--background-gradient-distance: 40rem;
	--gradient-background: linear-gradient(
		to bottom,
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				1
			) -webkit-calc(-webkit-calc(0 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.987
			) -webkit-calc(-webkit-calc(0.8 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.951
			) -webkit-calc(-webkit-calc(2.9 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.896
			) -webkit-calc(-webkit-calc(6.4 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.825
			) -webkit-calc(-webkit-calc(11 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.741
			) -webkit-calc(-webkit-calc(16.6 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.648
			) -webkit-calc(-webkit-calc(23.1 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.55
			) -webkit-calc(-webkit-calc(30.4 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.45
			) -webkit-calc(-webkit-calc(38.3 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.352
			) -webkit-calc(-webkit-calc(46.7 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.259
			) -webkit-calc(-webkit-calc(55.4 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.175
			) -webkit-calc(-webkit-calc(64.4 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.104
			) -webkit-calc(-webkit-calc(73.5 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.049
			) -webkit-calc(-webkit-calc(82.5 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.013
			) -webkit-calc(-webkit-calc(91.4 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0
			) -webkit-calc(-webkit-calc(100 / 100) * var(--background-gradient-distance, 40rem))
	);
	--gradient-background: linear-gradient(
		to bottom,
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				1
			)
			calc((0 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.987
			)
			calc((0.8 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.951
			)
			calc((2.9 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.896
			)
			calc((6.4 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.825
			)
			calc((11 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.741
			)
			calc((16.6 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.648
			)
			calc((23.1 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.55
			)
			calc((30.4 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.45
			)
			calc((38.3 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.352
			)
			calc((46.7 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.259
			)
			calc((55.4 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.175
			)
			calc((64.4 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.104
			)
			calc((73.5 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.049
			)
			calc((82.5 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0.013
			)
			calc((91.4 / 100) * var(--background-gradient-distance, 40rem)),
		rgba(
				var(
					--background-gradient-color,
					var(--very-light-gray-monochrome, 215, 215, 215)
				),
				0
			)
			calc((100 / 100) * var(--background-gradient-distance, 40rem))
	);
	--header-background-image-size: 100% 7.5rem;

	/* Spacing Measurements */
	--offset-from-page-top: 1.2rem;
	/* space between the top of the page and the start of the header text */
	--body-width-on-desktop: 44.25rem;
	--sidebar-width-on-desktop: -webkit-calc(
		var(--base-font-size, var(--font-calc, 0.875rem)) * 19
	);
	--sidebar-width-on-desktop: calc(
		var(--base-font-size, var(--font-calc, 0.875rem)) * 19
	);
	--sidebar-width-on-mobile: 14rem;
	--scrollbar-width: 1rem;
	--border-styling: solid 0.0625rem
		rgb(var(--swatch-border-color, var(--black-monochrome, 12, 12, 12)));
	--border-radius-width: 0.0625rem;

	/* Box-Shadow 1px Borders */
	--box-border-bottom: 0 0.0625rem 0 0
		rgb(var(--swatch-border-color, var(--black-monochrome, 12, 12, 12)));
	--box-border-top: 0 -0.0625rem 0 0 rgb(var(--swatch-border-color, var(--black-monochrome, 12, 12, 12)));
	--box-border-left: -0.0625rem 0 0 0
		rgb(var(--swatch-border-color, var(--black-monochrome, 12, 12, 12)));
	--box-border-right: 0.0625rem 0 0 0
		rgb(var(--swatch-border-color, var(--black-monochrome, 12, 12, 12)));
	--box-border-all: 0 0 0 0.0625rem
		rgb(var(--swatch-border-color, var(--black-monochrome, 12, 12, 12)));

	/* Sidebar */
	--sidebar-transition-timing: 0.5s ease-in-out 0.1s;
	--sidebar-internal-border-thickness: 0.125rem;

	/* Dynamic Font Sizing */
	/* This set of vars will make the base font size vary with screen width */
	/* base font size ranges */
	--unitless-min-font-size: 0.1;
	--unitless-max-font-size: 1;
	/* base viewport size ranges */
	--unitless-min-viewport: 768;
	--unitless-max-viewport: 900;
	/* base line height size ranges */
	--min-lineheight: 1.2;
	--max-lineheight: 1.5;
	/* calculating size differences */
	--font-size-difference: -webkit-calc(
		var(--unitless-max-font-size) - var(--unitless-min-font-size)
	);
	--font-size-difference: calc(
		var(--unitless-max-font-size) - var(--unitless-min-font-size)
	);
	--lineheight-difference: -webkit-calc(
		var(--max-lineheight) - var(--min-lineheight)
	);
	--lineheight-difference: calc(var(--max-lineheight) - var(--min-lineheight));
	--viewport-range-difference: -webkit-calc(
		var(--unitless-max-viewport) - var(--unitless-min-viewport)
	);
	--viewport-range-difference: calc(
		var(--unitless-max-viewport) - var(--unitless-min-viewport)
	);
	--min-viewport-difference: -webkit-calc(
		100vw - (var(--unitless-min-viewport) * 0.0625rem)
	);
	--min-viewport-difference: calc(
		100vw - (var(--unitless-min-viewport) * 0.0625rem)
	);
	/* responsive fluid type formula */
	--font-calc: -webkit-calc(
		(var(--unitless-min-font-size) * 1rem) + var(--font-size-difference) *
			var(--min-viewport-difference) / var(--viewport-range-difference)
	);
	--font-calc: calc(
		(var(--unitless-min-font-size) * 1rem) + var(--font-size-difference) *
			var(--min-viewport-difference) / var(--viewport-range-difference)
	);
	--line-calc: -webkit-calc(
		var(--min-lineheight) + var(--lineheight-difference) *
			var(--min-viewport-difference) / var(--viewport-range-difference)
	);
	--line-calc: calc(
		var(--min-lineheight) + var(--lineheight-difference) *
			var(--min-viewport-difference) / var(--viewport-range-difference)
	);
	/* final values */
	--base-font-size: 0.875rem;
	--base-line-height: 1.313rem;
}

@charset "utf-8";
#content-wrap {
	position: inherit;
	margin: inherit;
	max-width: inherit;
	min-height: inherit;
	height: inherit;
	height: inherit;
}
h1,
#page-title {
	color: inherit;
	margin: inherit;
}
h1,
#page-title,h1 {
	padding: inherit;
	font-weight: inherit;
}
h1 {
	margin-top: inherit;
}
h2,
h3,
h4,
h5,
h6,
h7 {
	margin: inherit;
	padding: inherit;
	letter-spacing: inherit;
}
#page-title {
	border-color: inherit;
}
ul {
	/* list-style-image: inherit;
     */
	list-style: inherit;
}
#top-bar ul {
	/* list-style-image: inherit;
    /* IE ONLY! IF list-style-image IS SET */
}
li,
p {
	line-height: inherit;
}
a {
	text-decoration: inherit;
	background: inherit;
}
a,#side-bar a:visited,a:visited,a.newpage {
	color: inherit;
}
#side-bar .heading p,
#side-bar .side-block > .collapsible-block .collapsible-block-link {
	--text-shadow: rgb(var(--swatch-border-color, 12, 12, 12));
	letter-spacing: 0.2rem;
	color: rgb(252, 252, 252);
	color: rgb(var(--swatch-menutxt-light-color));
	height: 1.25rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	font-size: -webkit-calc(0.875rem * 0.9);
	font-size: calc(0.875rem * 0.9);
	font-size: -webkit-calc(var(--base-font-size) * 0.9);
	font-size: calc(var(--base-font-size) * 0.9);
	font-weight: 900;
	text-align: center;
	text-shadow: 0.063rem 0.063rem 0.063rem rgb(12, 12, 12);
	text-shadow: 0.063rem 0.063rem 0.063rem var(--text-shadow);
	display: block;
}
#side-bar .heading p {
	cursor: default;
}

#side-bar div.menu-item {
	margin: 0;
	text-align: right;
	display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	font-size: 0;
	min-height: -webkit-calc(1.5rem - 0.125rem);
	min-height: calc(1.5rem - 0.125rem);
	min-height: -webkit-calc(1.5rem - var(--sidebar-internal-border-thickness));
	min-height: calc(1.5rem - var(--sidebar-internal-border-thickness));
	border-bottom: 0.125rem solid rgba(12, 12, 12, 0.08);
	border-bottom: var(--sidebar-internal-border-thickness) solid
		rgba(var(--swatch-border-color), 0.08);

	-webkit-flex-shrink: 0;

	-ms-flex-negative: 0;

	flex-shrink: 0;
	-webkit-flex-basis: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}

#side-bar div.menu-item > span {
	display: none;
}

#side-bar div.menu-item a[href*="/scp-"] {
	padding-right: .5em;
	width: 100%;
	flex-grow: 2;
	flex-shrink: 1;
	text-align: center;
}

#side-bar div.menu-item .sub-text {
	font-size: calc(var(--base-font-size) * 0.7);
	display: inline-flex;
	color: rgba(var(--swatch-primary),1);
	text-align: left;
	padding-left: 1em;
	padding-right: 3em;
}

#side-bar div.menu-item img[src*="scp-wiki-cn.wikidot"] + a[href*="scp-series"] + a[href*="scp-series-vn"] {
	text-align: left;
	align-items: flex-start;
	flex-grow: 0;
	width: auto;
	min-width: 45%;
}
a.newpage {
	background: inherit;
}
a.newpage,a:hover {
	text-decoration: inherit;
}
a:hover {
	background-color: inherit;
}
.form-control {
	width: inherit;
}
/* GLOBAL WIDTH */
#header,
#top-bar {
	max-width: inherit;
}
#header,
#top-bar,#top-bar {
	width: inherit;
	margin: inherit;
}
.mobile-top-bar {
	display: inherit;
	position: inherit;
	left: inherit;
	bottom: inherit;
	z-index: inherit;
}
body {
	background-color: inherit;
	font-size: inherit;
	color: inherit;
}
div#container-wrap {
	background: inherit;
}
sup {
	vertical-align: inherit;
	top: inherit;
}
/* HEADER */
sup,#header {
	position: inherit;
}
#header {
	height: inherit;
	z-index: inherit;
	padding-bottom: inherit;
	/* FOR MENU */
	background: inherit;
}
#search-top-box {
	position: inherit;
	top: inherit;
	right: inherit;
	width: inherit;
	text-align: inherit;
}
#search-top-box-input {
	border: inherit;
	-webkit-border-radius: inherit;
	border-radius: inherit;
}
#search-top-box-input,#search-top-box-input:hover,
#search-top-box-input:focus {
	color: inherit;
	background-color: inherit;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
	border: inherit;
}
#search-top-box-form input[type="submit"] {
	border: inherit;
	-webkit-border-radius: inherit;
	border-radius: inherit;
	padding: inherit;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	background-color: inherit;
	background: inherit;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	cursor: inherit;
}
#search-top-box-form input[type="submit"]:hover,
#search-top-box-form input[type="submit"]:focus {
	border: inherit;
	color: inherit;
	text-shadow: inherit;
	background: inherit;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
}
#login-status {
	color: inherit;
	font-size: inherit;
	z-index: inherit;
}
#login-status a,#login-status ul a,#account-topbutton {
	background: inherit;
	color: inherit;
}
.printuser img.small {
	margin-right: inherit;
}
#header h1,#header h2 {
	margin-left: inherit;
	padding: inherit;
	float: inherit;
	max-height: inherit;
}
#header h2 {
	clear: inherit;
	font-size: inherit;
}
#header h1 a {
	background: inherit;
	font-family: inherit;
	font-size: inherit;
	text-decoration: inherit;
	letter-spacing: inherit;
}
#header h1 a,#header h2 span {
	display: inherit;
	margin: inherit;
	padding: inherit;
	line-height: inherit;
	max-height: inherit;
	color: inherit;
	text-shadow: inherit;
}
#header h2 span {
	font-weight: inherit;
}
/* TOP MENU */
#top-bar {
	position: inherit;
	z-index: inherit;
	top: inherit;
	height: inherit;
	line-height: inherit;
	padding: inherit;
	z-index: inherit;
	font-size: inherit;
}
#top-bar ul {
	float: inherit;
}
#top-bar li {
	margin: inherit;
}
#top-bar a {
	color: inherit;
	background: inherit;
}
#top-bar ul li {
	border: inherit;
	position: inherit;
}
#top-bar ul li ul {
	border: inherit;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	border-top: inherit;
}
#top-bar ul li a {
	border-left: inherit;
	border-right: inherit;
	text-decoration: inherit;
	padding-top: inherit;
	padding-bottom: inherit;
	line-height: inherit;
	max-height: inherit;
	overflow: inherit;
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
	background: inherit;
	color: inherit;
	border-left: inherit;
	border-right: inherit;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
	border-width: inherit;
	width: inherit;
	border-top: inherit;
	line-height: inherit;
	height: inherit;
	max-height: inherit;
	padding-top: inherit;
	padding-bottom: inherit;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
	background: inherit;
	text-decoration: inherit;
}
#top-bar ul li ul {
	width: inherit;
}
#top-bar ul li ul,#top-bar ul li ul li,
#top-bar ul li ul li.sfhover,
#top-bar ul li ul li,
#top-bar ul li ul li:hover,#top-bar ul li ul li a {
	border-width: inherit;
}
#top-bar ul li ul a,
#top-bar a:hover {
	color: inherit;
}
.top-bar ul li:last-of-type ul {
	right: inherit;
}
/* IE7 HACK */
#top-bar ul > li > ul {
	*margin-top: inherit;
}
/* SIDE MENU */
#side-bar {
	clear: inherit;
	position: inherit;
	top: inherit;
	left: inherit;
	display: inherit;
}
#side-bar,#side-bar .side-block {
	padding: inherit;
	border: inherit;
}
#side-bar .side-block {
	-webkit-border-radius: inherit;
	border-radius: inherit;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	background: inherit;
	margin-bottom: inherit;
}
#side-bar .side-area {
	padding: inherit;
}
#side-bar .heading {
	color: inherit;
	border-bottom: inherit;
	padding-left: inherit;
	margin-top: inherit;
	margin-bottom: inherit;
	font-size: inherit;
	font-weight: inherit;
}
#side-bar p,#side-bar div.menu-item {
	margin: inherit;
}
#side-bar div.menu-item img {
	width: inherit;
	height: inherit;
	border: inherit;
	margin-right: inherit;
	position: inherit;
	bottom: inherit;
}
#side-bar div.menu-item a {
	font-weight: inherit;
}
#side-bar div.menu-item.inactive img {
	opacity: inherit;
}
#side-bar div.menu-item.inactive a {
	color: inherit;
}
#side-bar div.menu-item .sub-text {
	font-size: inherit;
	color: inherit;
}

#side-bar .collapsible-block-folded {
	background: inherit;
}
#side-bar .collapsible-block-link {
	margin-left: inherit;
	font-weight: inherit;
}
#side-bar .collapsible-block-unfolded-link {
	border-bottom: inherit;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
	margin-top: inherit;
	margin-bottom: inherit;
	font-size: inherit;
	color: inherit;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
	color: inherit;
	text-decoration: inherit;
}
#side-bar ul {
	list-style-type: inherit;
	padding: inherit;
}

#side-bar {
    background: rgb(var(--white-monochrome));
}

#side-bar div.menu-item a, #side-bar div.menu-item .text {
    color: rgb(var(--black-monochrome));
}

#side-bar>div:nth-child(5) {
    background-color: rgba(var(--swatch-primary-darker),0.25)!important;
}
/* CONTENT */
#main-content {
	margin: inherit;
	padding: inherit;
	position: inherit;
}
/* ACTUALLY HIDE HIDDEN TAGS */
#main-content .page-tags a[href^="/system:page-tags/tag/_"] {
	display: inherit;
}
#breadcrumbs {
	margin: inherit;
	font-weight: inherit;
}
/* YUI-TABS */
.yui-navset .yui-content {
	background-color: inherit;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
	background-color: inherit;
	background-image: inherit;
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, 
/* no focus effect for selected */
 .yui-navset .yui-nav .selected a:hover {
	/* no hover effect for selected */
	background: inherit;
	/* selected tab background */
	color: inherit;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
	background: inherit;
	text-decoration: inherit;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav,.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
	border-color: inherit;
}
.yui-navset li {
	line-height: inherit;
}
/* FOOTER */
#footer {
	clear: inherit;
	font-size: inherit;
	background: inherit;
	color: inherit;
	margin-top: inherit;
	padding: inherit;
}
#footer .options {
	visibility: inherit;
	display: inherit;
	float: inherit;
	width: inherit;
	font-size: inherit;
	text-align: inherit;
}
#footer a {
	color: inherit;
	background: inherit;
}
/* SOME NICE BOXES */
div.sexy-box {
	background: inherit;
	overflow: inherit;
}
div.sexy-box,div.sexy-box div.image-container img {
	border: inherit;
	padding: inherit;
	margin: inherit;
}
/* Custom page content classes */
#page-content {
	min-height: inherit;
}
.unmargined > p {
	margin: inherit;
	line-height: inherit;
}
.content-panel {
	border: inherit;
	-webkit-border-radius: inherit;
	border-radius: inherit;
	background-color: inherit;
	margin: inherit;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	box-shadow: inherit;
}
.content-panel.standalone {
	background: inherit;
}
.content-panel.series {
	padding: inherit;
	margin-bottom: inherit;
}
.content-panel.centered {
	text-align: inherit;
}
.content-panel.left-column,.content-panel.right-column {
	float: inherit;
	width: inherit;
}
.content-panel .panel-heading {
	padding: inherit;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	text-shadow: inherit;
}
.content-panel .panel-heading > p,
.content-panel .panel-footer > p {
	margin: inherit;
}
.content-panel .panel-body {
	padding: inherit;
	background: inherit;
	/* box-shadow: inherit; */
}
.content-panel .panel-footer {
	padding: inherit;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	text-align: inherit;
	text-shadow: inherit;
}
.content-panel .panel-footer a {
	color: inherit;
}
.content-panel .content-toc {
	float: inherit;
	padding: inherit;
	background-color: inherit;
	border: inherit;
	-webkit-border-radius: inherit;
	border-radius: inherit;
	margin: inherit;
	white-space: inherit;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
}
.alternate:nth-child(even) {
	background-color: inherit;
}
/* Page Rating Module Customizations */
.page-rate-widget-box {
	display: inherit;
	-webkit-border-radius: inherit;
	border-radius: inherit;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	margin-bottom: inherit;
	margin-right: inherit;
}
.page-rate-widget-box .rate-points {
	background-color: inherit;
	border: inherit;
	border-right: inherit;
	-webkit-border-radius: inherit;
	border-radius: inherit;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
	background-color: inherit;
	border-top: inherit;
	border-bottom: inherit;
	font-weight: inherit;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
	background: inherit;
	color: inherit;
	padding: inherit;
	margin: inherit;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
	background: inherit;
	color: inherit;
	text-decoration: inherit;
}
.page-rate-widget-box .cancel {
	background-color: inherit;
	border: inherit;
	border-left: inherit;
	-webkit-border-radius: inherit;
	border-radius: inherit;
}
.page-rate-widget-box .cancel a {
	background: inherit;
	text-transform: inherit;
	color: inherit;
}
.page-rate-widget-box .cancel a:hover {
	-webkit-border-radius: inherit;
	border-radius: inherit;
	background: inherit;
	color: inherit;
	text-decoration: inherit;
}
/* Heritage Collection Rating Module */
.heritage-rating-module {
	display: inherit;
	background-color: inherit;
	padding: inherit;
	border: inherit;
	-webkit-border-radius: inherit;
	border-radius: inherit;
}
.heritage-rating-module,.heritage-rating-module .page-rate-widget-box {
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	margin-right: inherit;
	margin-bottom: inherit;
}
.heritage-rating-module .heritage-emblem {
	float: inherit;
	position: inherit;
	top: inherit;
	left: inherit;
	height: inherit;
	width: inherit;
	overflow: inherit;
	margin-right: inherit;
}
.heritage-rating-module .heritage-emblem img {
	width: inherit;
	height: inherit;
	border: inherit;
}
/* Fixes for multi-line page tags */
#main-content .page-tags {
	margin: inherit;
	padding: inherit;
}
#main-content .page-tags span {
	display: inherit;
	padding: inherit;
	max-width: inherit;
}
#main-content .page-tags a {
	display: inherit;
	white-space: inherit;
}
/* Standard Image Block */
.scp-image-block {
	border: inherit;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	width: inherit;
}
.scp-image-block.block-right,.scp-image-block.block-left {
	float: inherit;
	clear: inherit;
	margin: inherit;
}
.scp-image-block.block-center {
	margin-right: inherit;
	margin-left: inherit;
}
.scp-image-block img {
	border: inherit;
	width: inherit;
}
.scp-image-block .scp-image-caption {
	background-color: inherit;
	border-top: inherit;
	padding: inherit;
	font-size: inherit;
	font-weight: inherit;
	text-align: inherit;
	width: inherit;
}
.scp-image-block > p {
	margin: inherit;
}
.scp-image-block .scp-image-caption > p {
	margin: inherit;
	padding: inherit;
}
/* Wikiwalk Navigation */
.footer-wikiwalk-nav {
	font-weight: inherit;
	font-size: inherit;
}
/* Forum Customizations */
.forum-thread-box .description-block,.thread-container .post .head {
	padding: inherit;
	-webkit-border-radius: inherit;
	border-radius: inherit;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
}
.thread-container .post .head {
	background-color: inherit;
	background: inherit;
}
/* Hide Forum Signatures */
.signature {
	display: inherit;
}
/* Ruby by Nanimono Demonai */
.ruby,
ruby {
	height: inherit;
	vertical-align: inherit;
}
.ruby,
ruby,.rt,
rt {
	display: inherit;
	text-align: inherit;
	white-space: inherit;
	line-height: inherit;
}
/* Keycap */
.rt,
rt,.keycap {
	font-size: inherit;
}
.keycap {
	border: inherit;
	border-color: inherit;
	border-bottom-width: inherit;
	-webkit-border-radius: inherit;
	border-radius: inherit;
	background-color: inherit;
	font-family: inherit;
	white-space: inherit;
}
/* tag style */
.keycap,.tags {
	padding: inherit;
}
.tags {
	display: inherit;
	margin: inherit;
	height: inherit;
	line-height: inherit;
	font-size: inherit;
	background: inherit;
	color: inherit;
	text-decoration: inherit;
	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius: inherit;
	-webkit-border-top-right-radius: inherit;
	border-top-right-radius: inherit;
}
.tags:before {
	padding: inherit;
	border-color: inherit;
	border-style: inherit;
	border-width: inherit;
}
.tags:before,.tags:after {
	content: inherit;
	float: inherit;
	position: inherit;
	top: inherit;
	left: inherit;
	width: inherit;
	height: inherit;
}
.tags:after {
	-webkit-border-radius: inherit;
	border-radius: inherit;
	background: inherit;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
}
/* Display Black Block by Nanimono Demonai */
.bblock {
	-webkit-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}
.bblock,.bblock:hover,.dblock {
	color: inherit;
	background-color: inherit;
	text-decoration: inherit;
}
.dblock {
	-webkit-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}
.dblock:hover {
	background-color: inherit;
	text-decoration: inherit;
}
/* 2011-11-13 Minobe Hiroyuki @ Marguerite Site www.marguerite.jp/Nihongo/WWW/CSSTips/EmphasizeDots-CSS3.html Edited for the SCP Foundation by Nanimono_Demonai */
.emph {
	-webkit-text-emphasis-style: inherit;
	text-emphasis-style: inherit;
}
/* For FireFox */
@document url-prefix() {
	.emph {
		/* For the environments which comply with CSS3. */
		font-family: inherit;
		font-style: inherit;
		font-weight: inherit;
		background-image: inherit;
		background-repeat: inherit;
		padding: inherit;
		background-color: inherit;
		background-clip: inherit;
		-webkit-background-size: inherit inherit;
		background-size: inherit;
	}
}
/* For IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.emph {
		/* For the environments which comply with CSS3. */
		font-family: inherit;
		font-style: inherit;
		font-weight: inherit;
		background-image: inherit;
		background-repeat: inherit;
		padding: inherit;
		background-color: inherit;
		background-clip: inherit;
		-webkit-background-size: inherit inherit;
		background-size: inherit;
	}
}
/* viewport */
@-ms-viewport {
	width: inherit;
	zoom: inherit;
}
@-o-viewport {
	width: inherit;
	zoom: inherit;
}
@viewport {
	width: inherit;
	zoom: inherit;
}
/* IE viewport */
/* opera viewport */
/* chrome viewport - maybe it isn't work... */
/* firefox viewport - maybe it isn't work too... */
/* webkit scrollbar */
::-webkit-scrollbar {
	width: inherit;
	/* for vertical scrollbars */
	height: inherit;
	/* for horizontal scrollbars */
	border: inherit;
	border-round: inherit;
}
::-webkit-scrollbar-track,::-webkit-scrollbar-thumb {
	background: inherit;
}
.page-source {
	word-break: inherit;
}
/* Responsive Web Design */
img,
embed,
video,
object,
iframe,
table,#page-content div,
#page-content div table {
	max-width: inherit;
}
#edit-page-comments {
	width: inherit;
}
/* basic Query for mobile devices */
@media (max-width: 767px) {
	.owindow {
		min-width: inherit;
		max-width: inherit;
	}
	.modal-body .table,
	.modal-body .table ~ div,.owindow .button-bar {
		float: inherit;
	}
	.owindow div a.btn-primary {
		width: inherit;
		float: inherit;
	}
	.mobile-top-bar ul li:last-of-type ul {
		right: inherit;
	}
	span,
	a {
		word-break: inherit;
	}
}
/* Mobile Media Query */
@media (max-width: 479px) {
	#search-top-box-input {
		display: inherit;
	}
	#page-content {
		font-size: inherit;
	}
	#main-content {
		margin: inherit;
	}
	#recent-posts-category {
		width: inherit;
	}
	#header,
	.mobile-top-bar {
		max-width: inherit;
	}
	#side-bar {
		width: inherit;
		position: inherit;
	}
	.top-bar,.mobile-top-bar {
		display: inherit;
	}
	.mobile-top-bar,.page-options-bottom a {
		padding: inherit;
	}
	#header h1 a {
		font-size: inherit;
	}
	blockquote {
		margin: inherit;
	}
	.license-area {
		font-size: inherit;
	}
	#header {
		background-position: inherit;
		-webkit-background-size: inherit inherit;
		background-size: inherit;
	}
	#header h1,
	#header h2 {
		margin-left: inherit;
	}
	table.form td,
	table.form th {
		float: inherit;
	}
	/* td.title {
         width: inherit;
    }
     */
	td.name {
		width: inherit;
	}
	table.form td,
	table.form th {
		padding: inherit;
	}
	#edit-page-title {
		max-width: inherit;
	}
	.content-panel.left-column,
	.content-panel.right-column {
		width: inherit;
		float: inherit;
	}
	#page-content div,
	#page-content div table {
		clear: inherit;
	}
	#page-content div.title {
		word-break: inherit;
	}
}
/* Note Media Query */
@media (min-width: 480px) and (max-width: 580px) {
	#search-top-box-input {
		width: inherit;
	}
	#main-content {
		margin: inherit;
	}
	#header,
	.mobile-top-bar {
		max-width: inherit;
	}
	#side-bar {
		width: inherit;
		position: inherit;
	}
	.top-bar,.mobile-top-bar {
		display: inherit;
	}
	.page-options-bottom a {
		padding: inherit;
	}
	#header h1 a {
		font-size: inherit;
	}
	blockquote {
		margin: inherit;
	}
	.license-area {
		font-size: inherit;
	}
	#header {
		background-position: inherit;
		-webkit-background-size: inherit inherit;
		background-size: inherit;
	}
	#header h1,
	#header h2 {
		margin-left: inherit;
	}
	/* td.title {
         width: inherit;
    }
     */
	#page-content div.title {
		word-break: inherit;
	}
	td.name {
		width: inherit;
	}
	.content-panel.left-column,
	.content-panel.right-column {
		width: inherit;
		float: inherit;
	}
	#page-content div,
	#page-content div table {
		clear: inherit;
	}
}
/* Mini Tablet Media Query */
@media (min-width: 581px) and (max-width: 767px) {
	#search-top-box-input,#side-bar {
		width: inherit;
	}
	#side-bar {
		position: inherit;
	}
	#main-content {
		margin: inherit;
	}
	#header,
	.mobile-top-bar {
		max-width: inherit;
	}
	.top-bar,.mobile-top-bar {
		display: inherit;
	}
	.page-options-bottom a {
		padding: inherit;
	}
	#header h1 a,.license-area {
		font-size: inherit;
	}
	#header {
		background-position: inherit;
		-webkit-background-size: inherit inherit;
		background-size: inherit;
	}
	#header h1,
	#header h2 {
		margin-left: inherit;
	}
}
/* Tablet Media Query */
@media (min-width: 768px) and (max-width: 979px) {
	#main-content {
		margin: inherit;
	}
	#header,
	#top-bar #side-bar {
		max-width: inherit;
	}
	.top-bar li {
		margin: inherit;
	}
	#top-bar ul li.sfhover ul li a,
	#top-bar ul li:hover ul li a {
		width: inherit;
	}
	.page-options-bottom a {
		padding: inherit;
	}
	#header h1 a,.license-area {
		font-size: inherit;
	}
	#header {
		background-position: inherit;
		-webkit-background-size: inherit inherit;
		background-size: inherit;
	}
	#header h1,
	#header h2 {
		margin-left: inherit;
	}
	.content-panel.left-column,
	.content-panel.right-column {
		width: inherit;
		float: inherit;
	}
	#page-content div,
	#page-content div table {
		clear: inherit;
	}
}
/* Desktop Media Query ----------- @media (min-width: 980px) and (max-width: 1399px) {
}
 ------------------------------------------ */
/* Wide Monitor Media Query ----- @media (min-width: 1400px) {
}
 ------------------------------------------ */
/* off-canvas */
.close-menu {
	display: inherit;
}
@media (max-width: 767px) {
	.page-history tbody tr td:last-child {
		width: inherit;
	}
	.owindow {
		min-width: inherit;
		max-width: inherit;
	}
	.modal-body .table,
	.modal-body .table ~ div,.owindow .button-bar {
		float: inherit;
	}
	.owindow div .btn-primary {
		width: inherit;
		float: inherit;
	}
	.owindow div .btn-primary ~ div {
		width: inherit;
	}
	.yui-navset {
		z-index: inherit;
	}
	#navi-bar,
	#navi-bar-shadow {
		display: inherit;
	}
	.open-menu a {
		position: inherit;
		top: inherit;
		left: inherit;
		z-index: inherit;
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
		width: inherit;
		height: inherit;
		line-height: inherit;
		text-align: inherit;
		border: inherit;
		background-color: inherit;
		-webkit-border-radius: inherit;
		border-radius: inherit;
		color: inherit;
	}
	.open-menu a:hover {
		text-decoration: inherit;
		-webkit-box-shadow: inherit;
		box-shadow: inherit;
	}
	#main-content {
		max-width: inherit;
		margin: inherit;
	}
	#main-content,#side-bar {
		padding: inherit;
		-webkit-transition: inherit;
		-o-transition: inherit;
		transition: inherit;
	}
	#side-bar {
		display: inherit;
		left: inherit;
		overflow-y: inherit;
		z-index: inherit;
	}
	#side-bar,#side-bar:after {
		position: inherit;
		top: inherit;
		width: inherit;
		height: inherit;
		background-color: inherit;
	}
	#side-bar:after {
		content: inherit;
	}
	#side-bar:target {
		display: inherit;
		left: inherit;
		width: inherit;
		margin: inherit;
		border: inherit;
		z-index: inherit;
	}
	#side-bar:target + #main-content {
		left: inherit;
	}
	#side-bar:target .close-menu {
		display: inherit;
		position: inherit;
		width: inherit;
		height: inherit;
		top: inherit;
		left: inherit;
		background: inherit;
		z-index: inherit;
	}
}

html {
	font-size: 1em;
	line-height: 1.5;
}

html,body {
	color: rgb(12, 12, 12);
	color: rgb(var(--swatch-text-dark));
}

body {
	/* coloring */
	background-color: rgba(252, 252, 252, 1);
	background-color: rgba(var(--swatch-background), 1);

	/* font behavior */
	font-family: 'Muli', sans-serif;
	font-family: var(--body-font);
	font-size: 0.9rem;
	font-size: var(--base-font-size);
	-webkit-font-kerning: normal;
	font-kerning: normal;
	font-variant-numeric: normal;
	-webkit-font-feature-settings: "lnum", "kern", "liga", "clig", "calt";
	-moz-font-feature-settings: "lnum", "kern", "liga", "clig", "calt";
	font-feature-settings: "lnum", "kern", "liga", "clig", "calt";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* line behavior */
	orphans: 2;
	-webkit-hyphens: manual;
	-moz-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual;
	word-break: normal;
}

/* HTML5 Media Items */

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

img,
embed,
video,
object,
iframe,
table {
	max-width: 100%;
}

input,
textarea,
select,
button,
meter,
progress {
	font-family: 'Muli', sans-serif;
	font-family: var(--body-font);
}

/* User Input Items */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

#edit-page-comments {
	resize: auto;
	line-height: 1.5;
	padding: 0 1rem;
	min-height: 3rem;
	width: -webkit-calc(100% - 2rem);
	width: calc(100% - 2rem);
}

/* Standard Structure Elements */

pre * {
	font-family: 'Roboto Mono', monospace;
	font-family: var(--mono-font);
	max-width: 90vw;
	white-space: pre-wrap;
}

sup {
	vertical-align: top;
	position: relative;
	top: -0.5em;
}

hr {
	display: block;
	height: 0.063rem;
	border: 0;
	border-top: 0.063rem solid rgba(66, 66, 72);
	border-top: 0.063rem solid rgba(var(--swatch-menubg-medium-color, 66, 66, 72));
	margin: 1em 0;
	padding: 0;
}

/* Headers */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Kanit', sans-serif;
	font-family: var(--title-font);
}

h1 {
	color: rgb(12, 12, 12);
	color: rgb(var(--black-monochrome));
	font-weight: 700;
	margin: 0.7em 0 0.6em;
	padding: 0 0 0.25em;
}

h2,
h3,
h4,
h5,
h6 {
	letter-spacing: 0.063rem;
	margin: 0.5em 0 0.4em;
	padding: 0;
}

ul {
	list-style: square;
}

/* Anchor Links */

a {
	color: rgb(180, 35, 35);
	color: rgb(var(--link-color));
}

a,a.newpage {
	text-decoration: none;
	background: transparent;
}

a.newpage {
	color: rgb(221, 102, 17);
	color: rgb(var(--newpage-color));
}

a:hover {
	text-decoration: underline;
	background-color: transparent;
	color: rgb(255, 52, 76));
	color: rgb(var(--hover-link-color));
}

a:visited {
	color: rgb(255, 52, 76));
	color: rgb(var(--visited-link-color));
}

/* Ruby Text */

ruby {
	display: inline-table;
	line-height: 1;
	height: 1em;
	vertical-align: text-bottom;
}

ruby,rt {
	text-align: center;
	white-space: nowrap;
}

rt {
	display: table-header-group;
	font-size: 0.6em;
	line-height: 1.1;
}

/* Teletype */

tt {
	overflow-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

/* Chrome, Safari, Opera Scrollbar */

::-webkit-scrollbar {
	width: 1rem;
	width: var(--scrollbar-width);
	height: 0.5625rem;
	height: var(--scrollbar-width);
	border: solid 0.063rem rgba(12, 12, 12, 0.1);
	border: solid 0.063rem rgba(var(--swatch-menubg-black-color), 0.1);
	-webkit-border-radius: 0.031rem;
	border-radius: 0.031rem;
}

::-webkit-scrollbar-track {
	background: rgba(12, 12, 12, 0.1);
	background: rgba(var(--swatch-menubg-black-color), 0.1);
}

::-webkit-scrollbar-thumb {
	background: rgba(170, 170, 170, 0.4);
	background: rgba(var(--swatch-menubg-medium-color), 0.4);
}

/* sidebar css */

#side-bar {
	border: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: rgba(252, 252, 252, 1);
	background: rgba(var(--swatch-menubg-color), 1);
	-webkit-flex-basis: 15.75rem;
	-ms-flex-preferred-size: 15.75rem;
	flex-basis: 15.75rem;
	-webkit-flex-basis: var(--sidebar-width-on-desktop);
	-ms-flex-preferred-size: var(--sidebar-width-on-desktop);
	flex-basis: var(--sidebar-width-on-desktop);
	max-width: 15.75rem;
	max-width: var(--sidebar-width-on-desktop);
	min-width: 15.75rem;
	min-width: var(--sidebar-width-on-desktop);
	width: 15.75rem;
	width: calc(0.875rem * 189);
	width: var(--sidebar-width-on-desktop);
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding: 0;
	margin: 0 0 0 -0.99vw;
	/* removes weird thin white line from right side of side-bar */
	position: -webkit-sticky;
	position: sticky;
	top: -1rem;
	max-height: -webkit-calc(100vh + 1rem);
	max-height: calc(100vh + 1rem);
	scrollbar-width: thin;
	z-index: 9;
	-ms-scroll-chaining: none;
	overscroll-behavior: contain;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-color: rgba(170, 170, 170, 0) rgba(170, 170, 170, 0);
	scrollbar-color: rgba(var(--swatch-menubg-medium-color), 0)
		rgba(var(--swatch-menubg-medium-color), 0);
	float: left;
	-webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);
	transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hover Scrollbar Behavior */

#side-bar:hover {
	scrollbar-color: rgba(170, 170, 170, 0.05);
	scrollbar-color: rgba(var(--swatch-menubg-medium-color), 0.05);
	background: rgba(244, 244, 244, 1);
	background: rgba(var(--swatch-menubg-light-color), 1);
}

#side-bar::-webkit-scrollbar-track,
#side-bar::-webkit-scrollbar-thumb {
	background: rgba(170, 170, 170, 0);
	background: rgba(var(--swatch-menubg-medium-color), 0);
}

#side-bar:hover::-webkit-scrollbar-track {
	background: rgba(170, 170, 170, 0.05);
	background: rgba(var(--swatch-menubg-medium-color), 0.05);
}

#side-bar:hover::-webkit-scrollbar-thumb {
	background: rgba(170, 170, 170, 0.4);
	background: rgba(var(--swatch-menubg-medium-color), 0.4);
}

#side-bar::-webkit-scrollbar {
	border: none;
}

/* Sidebar Hover Effect */

#side-bar div.menu-item a {
    position: relative;
    z-index: 2;
    height: inherit;
    overflow: hidden;
}
 
#side-bar div.menu-item a:hover {
    background-color: transparent;
}
 
#side-bar div.menu-item a::before {
    -webkit-transform: translateX(-webkit-calc(-100% - 4rem));
       -moz-transform: translateX(-moz-calc(-100% - 4rem));
        -ms-transform: translateX(calc(-100% - 4rem));
         -o-transform: translateX(calc(-100% - 4rem));
            transform: translateX(calc(-100% - 4rem));
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: -o-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -moz-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -moz-transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -o-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
	pointer-events: none;
}
 
#side-bar div.menu-item a::before,
#side-bar div.menu-item a:hover::before {
    content: " ";
    width: 125%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgb(var(--bright-accent),0.25);
    opacity: 1;
	z-index: -1;
	-webkit-clip-path: polygon(0.00% 0.00%, 100% 0px, 90% 100%, 0px 100%);
	        clip-path: polygon(0.00% 0.00%, 100% 0px, 90% 100%, 0px 100%);
}
 
#side-bar div.menu-item a:hover::before {
    -webkit-transform: translateX(-2rem);
       -moz-transform: translateX(-2rem);
        -ms-transform: translateX(-2rem);
         -o-transform: translateX(-2rem);
            transform: translateX(-2rem);
}

/* DARK SIDEBAR
#side-bar {
	background: rgba(48, 48, 52,0.15);
	background: rgba(var(--dark-gray-monochrome,0.15);
}

#side-bar::-webkit-scrollbar-thumb {
	background: rgba(12, 12, 12,0.95);
	background: rgba(var(--black-monochrome,0.95);
}

#side-bar::-webkit-scrollbar-track {
	background: rgba(252, 252, 252,0.1);
	background: rgba(var(--white-monochrome,0.1);
} */

#side-bar img {
	-webkit-filter: brightness(120%);
	filter: brightness(120%);
}

/* Manually style each of the sidebar blocks for compatibility with the old sidebar design */

#side-bar div[style*="#e7e5e8"] {
	background-color: rgba(100, 3, 15, 0.3) !important;
	background-color: rgba(var(--swatch-primary-darkest), 0.3) !important;
}

#side-bar div[style*="#f0fff6"] {
	background-color: rgba(140, 20, 25, 0.25) !important;
	background-color: rgba(var(--swatch-primary-darker), 0.25) !important;
}

#side-bar div[style*="#e5e5ff"] {
    background-color: rgba(140, 20, 25, 0.25) !important;
	background-color: rgba(var(--swatch-primary-darker), 0.25) !important;
   
}

#side-bar div[style*="#fff0f0"] {
	background-color: rgba(140, 20, 25, 0.15) !important;
	background-color: rgba(var(--swatch-primary-darker), 0.15) !important;
}

/* Chinese Specific Styling */

.side-block div[style="text-align: center;"] img{
	margin:0;
}

#side-bar div[style*="#f0f0f0"]{
	background-color:transparent !important;
}
.side-block[style*="#f0f0f0"] div[style="text-align: center;"]{
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
}

/* Defer to a variable set in nav:side, if available */
#side-bar .side-block {
	border: 0;
	margin-top: 1rem;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

#side-bar .side-block,.side-block div[style="text-align: center;"] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.side-block div[style="text-align: center;"] {
	width: 100%;
	-webkit-box-pack: space-evenly;
	-webkit-justify-content: space-evenly;
	-moz-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	padding: 0 0.6rem;
}

#side-bar .side-area {
	padding: 0.625rem;
}

#side-bar .heading,
#side-bar .side-block > .collapsible-block:nth-child(1)	.collapsible-block-folded {
	min-height: 1.25rem;
	background: -webkit-linear-gradient(
		80deg,
		rgba(140, 20, 25, 0.45) 0%,
		rgba(140, 20, 25, 0.55) 100%
	);
	background: -o-linear-gradient(
		80deg,
		rgba(140, 20, 25, 0.45) 0%,
		rgba(140, 20, 25, 0.55) 100%
	);
	background: linear-gradient(
		10deg,
		rgba(140, 20, 25, 0.45) 0%,
		rgba(140, 20, 25, 0.55) 100%
	);
	background: var(--gradient-sidemenu-header);
}

#side-bar .heading {
	margin-top: 0.5rem;
	-webkit-flex-basis: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}

#side-bar .heading p,
#side-bar .side-block > .collapsible-block .collapsible-block-link {
	--text-shadow: rgb(var(--swatch-border-color, 12, 12, 12));
	letter-spacing: 0.2rem;
	color: rgb(252, 252, 252);
	color: rgb(var(--swatch-menutxt-light-color));
	height: 1.25rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	font-size: -webkit-calc(0.875rem * 0.9);
	font-size: calc(0.875rem * 0.9);
	font-size: -webkit-calc(var(--base-font-size) * 0.9);
	font-size: calc(var(--base-font-size) * 0.9);
	font-weight: 900;
	text-align: center;
	text-shadow: 0.063rem 0.063rem 0.063rem rgb(12, 12, 12);
	text-shadow: 0.063rem 0.063rem 0.063rem var(--text-shadow);
	display: block;
}

#side-bar .heading p {
	cursor: default;
}

#side-bar div.menu-item {
	margin: 0;
	text-align: right;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	font-size: 0;
	min-height: -webkit-calc(1.5rem - 0.125rem);
	min-height: calc(1.5rem - 0.125rem);
	min-height: -webkit-calc(1.5rem - var(--sidebar-internal-border-thickness));
	min-height: calc(1.5rem - var(--sidebar-internal-border-thickness));
	border-bottom: 0.125rem solid rgba(12, 12, 12, 0.08);
	border-bottom: var(--sidebar-internal-border-thickness) solid
		rgba(var(--swatch-border-color), 0.08);

	-webkit-flex-shrink: 0;

	-ms-flex-negative: 0;

	flex-shrink: 0;
	-webkit-flex-basis: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}

#side-bar div.menu-item > span {
	display: none;
}

#side-bar div.menu-item a[href*="/scp-"] {
	padding-right: .5em;
	width: 100%;
	flex-grow: 2;
	flex-shrink: 1;
	text-align: center;
}

#side-bar div.menu-item .sub-text {
	font-size: calc(var(--base-font-size) * 0.7);
	display: inline-flex;
	color: rgba(var(--swatch-primary),1);
	text-align: left;
	padding-left: 1em;
	padding-right: 3em;
}

#side-bar div.menu-item img[src*="scp-wiki-cn.wikidot"] + a[href*="scp-series"] {
	text-align: left;
	align-items: flex-start;
	flex-grow: 0;
	width: auto;
	min-width: 45%;
}

#side-bar div.collapsible-block {
	text-align: right;
	-webkit-flex-basis: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}

#side-bar div.menu-item span:first-of-type {
	padding: 0 0 0 calc(var(--base-font-size) * 1.6);
}

#side-bar div.menu-item .collapsible-block {
	padding: 0 0 0 calc(var(--base-font-size) * 1);
}

#side-bar div.menu-item a,
#side-bar div.menu-item .text {
	padding: 0 0.6em;
	margin: 0;
	color: rgb(12, 12, 12);
	color: rgb(var(--swatch-menutxt-dark-color));
	font-size: 0.875rem;
	font-size: var(--base-font-size);
	letter-spacing: 0.04em;
	background-color: rgba(12, 12, 12, 0);
	background-color: rgba(var(--swatch-menubg-hover-color), 0);
	-webkit-transition: background-color 80ms cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: background-color 80ms cubic-bezier(0.4, 0, 0.2, 1);
	transition: background-color 80ms cubic-bezier(0.4, 0, 0.2, 1);
	display: block;
	height: -webkit-calc(1.5rem - 0.125rem);
	height: calc(1.5rem - 0.125rem);
	height: -webkit-calc(1.5rem - var(--sidebar-internal-border-thickness));
	height: calc(1.5rem - var(--sidebar-internal-border-thickness));
	line-height: -webkit-calc(1.5rem - 0.125rem);
	line-height: calc(1.5rem - 0.125rem);
	line-height: -webkit-calc(1.5rem - var(--sidebar-internal-border-thickness));
	line-height: calc(1.5rem - var(--sidebar-internal-border-thickness));
	background-clip: padding-box;
	-webkit-box-flex: 2;
	-webkit-flex-grow: 2;
	-moz-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	text-align: left;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

#side-bar div.menu-item > a:last-of-type {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	   -moz-box-flex: 1;
		-ms-flex-positive: 1;
			flex-grow: 1;
	width: 100%;
}

#side-bar div.menu-item .text {
	cursor: default;
}

/* SCP Series Specific */

#side-bar div.menu-item > a:first-of-type {
	padding: 0 -webkit-calc(0.875rem * 1.5);
	padding: 0 calc(0.875rem * 1.5);
	padding: 0 -webkit-calc(var(--base-font-size) * 1.5);
	padding: 0 calc(var(--base-font-size) * 1.5);
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
		-moz-box-flex: 0;
		-ms-flex-positive: 0;
			flex-grow: 0;
	-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
			flex-shrink: 0;
	text-align: left;
}

#side-bar div.menu-item a[href*="scp-series"] {
	padding-right: .5em;
	width: 100%;
	flex-grow: 2;
	flex-shrink: 1;
	text-align: center;
}

#side-bar div.menu-item a[href*="scp-series"]::before {
	width: 200%;
}

#side-bar div.menu-item>:last-child {
	flex-grow: 2;
}

#side-bar div.menu-item > :not(:nth-child(2)):not(.collapsible-block) {
	border-left: 0.125rem solid rgba(12, 12, 12, 0.08);
	border-left: 0.125rem solid rgba(var(--swatch-border-color), 0.08);
}

#side-bar div.menu-item a:hover {
	background-color: rgba(12, 12, 12, 0.15);
	background-color: rgba(var(--swatch-menubg-hover-color), 0.15);
	text-decoration: none;
}

#side-bar div.menu-item img {
	display: none;
}

/* Collapsibles in the sidebar */

#side-bar div.menu-item .collapsible-block {
	width: 100%;
}

#side-bar div.menu-item a.collapsible-block-link,
#side-bar .side-block > .collapsible-block a.collapsible-block-link {
	padding-right: 2rem;
	position: relative;
}

#side-bar .collapsible-block-link:hover {
	text-decoration: none;
	background-color: rgba(180, 35, 35);
	background-color: rgba(var(--swatch-primary));
}

/* create a dropdown triangle next to the collapsible */
#side-bar div.menu-item a.collapsible-block-link::after,
#side-bar .side-block > .collapsible-block a.collapsible-block-link::after {
	content: "";
	position: absolute;
	height: 100%;
	width: 2rem;
	top: 0;
	right: 0;
	background-image: url(http://scptestwiki.wdfiles.com/local--files/squeeze%3Anav%3Aside/arr_drop.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#side-bar .side-block > .collapsible-block a.collapsible-block-link::after {
	-webkit-filter: invert(100%);
	filter: invert(100%);
}

#side-bar
	div.menu-item
	.collapsible-block-unfolded-link
	a.collapsible-block-link::after,
#side-bar
	.side-block
	> .collapsible-block
	.collapsible-block-unfolded-link
	a.collapsible-block-link::after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* create a gap next to the collapsible contents */
#side-bar div.menu-item .collapsible-block-content {
	border-right: 2rem solid rgba(12, 12, 12, 0.08);
	border-right: 2rem solid rgba(var(--swatch-border-color), 0.08);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* hide the last border within the collapsible */
#side-bar div.menu-item .collapsible-block-content .menu-item:last-of-type {
	border-bottom: none;
}

#side-bar div.menu-item .collapsible-block-unfolded-link {
	border-bottom: 0.125rem solid rgba(12, 12, 12, 0.08);
	border-bottom: 0.125rem solid rgba(var(--swatch-border-color), 0.08);
}

#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
	font-size: 0.875rem;
	font-size: var(--base-font-size);
}

/* for full-block collapsibles, give the open collapsible the same background as the side block */
/* variable should be set in nav:side */
#side-bar .side-block > .collapsible-block .collapsible-block-unfolded-link {
	background: rgba(140, 20, 25, 0.5);
	background: rgba(var(--medium-accent));
}

#side-bar ul {
	list-style-type: none;
	padding: 0 0.25rem;
}

#side-bar p {
	margin: 0;
}

/* Search box specific styling */

#___gcse_0 > div {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
	height: 2rem;
}

#___gcse_0 > div > form {
	margin: 0;
}

#___gcse_0 > div > form > table > tbody > tr > td.gsc-search-button > button {
	color: rgb(252, 252, 252);
	color: rgb(var(--swatch-menutxt-light-color));
	background-color: rgba(100, 3, 15, 0);
	background-color: rgba(var(--swatch-primary-darkest), 0);
	-webkit-transition: background-color 80ms cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: background-color 80ms cubic-bezier(0.4, 0, 0.2, 1);
	transition: background-color 80ms cubic-bezier(0.4, 0, 0.2, 1);
	line-height: 1.85rem;
}

#___gcse_0
	> div
	> form
	> table
	> tbody
	> tr
	> td.gsc-search-button
	> button:hover,
#___gcse_0
	> div
	> form
	> table
	> tbody
	> tr
	> td.gsc-search-button
	> button:focus {
	background-color: rgba(252, 252, 252, 0.15);
	background-color: rgba(var(--swatch-menubg-color), 0.15);
	text-decoration: none;
}

/* Sigma Overwrite Specific Styles */

#side-bar > div[style="background-color: #e5e5ff;"] {
	border: 0;
	margin-top: 1rem;
	margin-bottom: 1rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

#side-bar > div[style="background-color: #e5e5ff;"] > div.menu-item > div {
	height: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1rem;
	width: 100%;
	-webkit-box-pack: space-evenly;
	-webkit-justify-content: space-evenly;
	-moz-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
}

#side-bar > div[style="background-color: #e5e5ff;"] > div.menu-item > div > a {
	width: 2rem;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	-webkit-border-radius: none;
	border-radius: none;
	display: flex;
	justify-content: center;
}

#side-bar > div[style="background-color: #e5e5ff;"] > div.menu-item > div > a > img {
	display: block;
}

/* there's an empty menu item in the old sidebar design */
#side-bar .close-menu,#side-bar div.menu-item:empty {
	display: none;
}

/* Pleasing Nico by making the two Random buttons the same width */
a[href*="/random:random-tale"],
a[href*="/most-recently-edited"] {
	min-width: -webkit-calc(0.875rem * 2.5);
	min-width: calc(0.875rem * 2.5);
	min-width: -webkit-calc(var(--base-font-size) * 2.5);
	min-width: calc(var(--base-font-size) * 2.5);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/* Centering Translation Box in Sidebar */

#side-bar div.scpnet-interwiki-wrapper {
	-webkit-transform: translate(
		-webkit-calc(((-webkit-calc(0.875rem * 19) - 217.594px) / 2) -
					(0.5625rem / 2)),
		0
	);
	-ms-transform: translate(
		calc(((calc(0.875rem * 19) - 217.594px) / 2) - (0.5625rem / 2)),
		0
	);
	-o-transform: translate(
		calc(((calc(0.875rem * 19) - 217.594px) / 2) - (0.5625rem / 2)),
		0
	);
	transform: translate(
		calc(((calc(0.875rem * 19) - 217.594px) / 2) - (0.5625rem / 2)),
		0
	);
	-webkit-transform: translate(
		-webkit-calc(((((var(--sidebar-width-on-desktop)) - 217.594px) / 2) -
						(var(--scrollbar-width) / 2))),
		0
	);
	-ms-transform: translate(
		calc(
			(
				(((var(--sidebar-width-on-desktop)) - 217.594px) / 2) -
					(var(--scrollbar-width) / 2)
			)
		),
		0
	);
	-o-transform: translate(
		calc(
			(
				(((var(--sidebar-width-on-desktop)) - 217.594px) / 2) -
					(var(--scrollbar-width) / 2)
			)
		),
		0
	);
	transform: translate(
		calc(
			(
				(((var(--sidebar-width-on-desktop)) - 217.594px) / 2) -
					(var(--scrollbar-width) / 2)
			)
		),
		0
	);
}

@media only screen and (max-width: 768px) {
	#side-bar {
		display: block;
		position: fixed;
		top: 0;
		left: -16.625rem;
		left: calc(var(--sidebar-width-on-desktop) * -1);
		height: 100%;
		overflow-y: auto;
		z-index: 10;
		-webkit-transition: left 0.5s ease-in-out 0.1s;
		-o-transition: left 0.5s ease-in-out 0.1s;
		transition: left 0.5s ease-in-out 0.1s;
		-webkit-transition: left var(--sidebar-transition-timing);
		-o-transition: left var(--sidebar-transition-timing);
		transition: left var(--sidebar-transition-timing);
	}

	#side-bar:after {
		content: "";
		position: absolute;
		top: 0;
		width: 0;
		height: 100%;
		background-color: rgba(12, 12, 12, 0.2);
		background-color: rgba(var(--swatch-menubg-black-color), 0.2);
	}

	/* We've got two different mobile sidebars going on.
    The first is "#side-bar:target". This is Wikidot's default.
    The second is "#skrollr-body:target #side-bar". This gives us a higher level of control over what happens when the sidebar is opened.
    Both need to be supported, in case certain wikis are unwilling to change the URL in nav:top. */

	/* DEFAULT SIDEBAR */

	#side-bar .close-menu {
		display: block;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin-left: 0.5625rem;
		margin-left: var(--scrollbar-width);
		padding-right: -webkit-calc(16.625rem+ 0.5625rem);
		padding-right: calc(16.625rem + 0.5625rem);
		padding-right: -webkit-calc(var(--sidebar-width-on-desktop) + var(--scrollbar-width));
		padding-right: calc(var(--sidebar-width-on-desktop) + var(--scrollbar-width));
		background: rgba(12, 12, 12, 0.3) 0.0625rem 0.0625rem repeat;
		background: rgba(var(--swatch-menubg-black-color), 0.3) 0.0625rem 0.0625rem
			repeat;
		z-index: -1;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: all 0.5s ease-in-out 0.1s;
		-o-transition: all 0.5s ease-in-out 0.1s;
		transition: all 0.5s ease-in-out 0.1s;
		-webkit-transition: all var(--sidebar-transition-timing);
		-o-transition: all var(--sidebar-transition-timing);
		transition: all var(--sidebar-transition-timing);
	}

	#side-bar:target,
	#skrollr-body:target #side-bar {
		overflow-x: hidden;
		left: 0;
	}

	#side-bar:target {
		--box-shadow: rgb(var(--swatch-menutxt-light-color, 252, 252, 252));
		display: block;
		left: 0;
		-webkit-box-shadow: inset 0 0 0 -0.0625rem rgb(252, 252, 252);
		box-shadow: inset 0 0 0 -0.0625rem rgb(252, 252, 252);
		-webkit-box-shadow: inset 0 0 0 -0.0625rem var(--box-shadow);
		box-shadow: inset 0 0 0 -0.0625rem var(--box-shadow);
		z-index: 10;
		margin: 0;
		width: 17em;
	}

	#side-bar:target + #main-content {
		left: 0;
	}

	#side-bar:target .close-menu {
		width: -webkit-calc(100% - 16.625rem - 0.5625rem);
		width: calc(100% - 16.625rem - 0.5625rem);
		width: -webkit-calc(100% - 16.625rem - var(--scrollbar-width));
		width: calc(100% - 16.625rem - var(--scrollbar-width));
		height: 100%;
		margin-left: 16.625rem;
		margin-left: var(--sidebar-width-on-desktop);
		padding-right: 0;
		visibility: visible;
		pointer-events: auto;
		opacity: 1;
		display: block;
		position: fixed;
		z-index: -1;
		top: 0;
		left: 0;
		background: rgba(12, 12, 12, 0.3) 1px 1px repeat;
		background: rgba(var(--swatch-menubg-black-color), 0.3) 1px 1px repeat;
	}

	/* NEW SIDEBAR */

	#skrollr-body:target {
		overflow-x: hidden;
	}

	#skrollr-body:target #side-bar {
		--box-shadow: rgb(var(--swatch-menutxt-light-color, 252, 252, 252));
		display: block;
		left: 0;
		-webkit-box-shadow: inset 0 0 0 -0.0625rem rgb(252, 252, 252);
		box-shadow: inset 0 0 0 -0.0625rem rgb(252, 252, 252);
		-webkit-box-shadow: inset 0 0 0 -0.0625rem var(--box-shadow);
		box-shadow: inset 0 0 0 -0.0625rem var(--box-shadow);
		z-index: 10;
		margin: 0;
	}

	#skrollr-body:target #side-bar + #main-content {
		left: 0;
	}

	#skrollr-body:target #side-bar .close-menu {
		width: -webkit-calc(100% - 16.625rem - 0.5625rem);
		width: calc(100% - 16.625rem - 0.5625rem);
		width: -webkit-calc(100% - 16.625rem - var(--scrollbar-width));
		width: calc(100% - 16.625rem - var(--scrollbar-width));
		margin-left: -webkit-calc(16.625rem + 2 * 0.5625rem - 1px);
		margin-left: calc(16.625rem + 2 * 0.5625rem - 1px);
		margin-left: -webkit-calc(16.625rem + 2 * var(--scrollbar-width - 1px));
		margin-left: calc(16.625rem + 2 * var(--scrollbar-width - 1px));
		visibility: visible;
		pointer-events: auto;
		opacity: 1;
		left: -webkit-calc(0.5625rem * -1);
		left: calc(0.5625rem * -1);
		left: -webkit-calc(var(--scrollbar-width * -1));
		left: calc(var(--scrollbar-width * -1));
	}

	#skrollr-body:target#side-bar::-webkit-scrollbar-track {
		background: rgba(252, 252, 252, 0.2);
		background: rgba(var(--swatch-menubg-color), 0.2);
	}
}

#header {
	width: 90vw;
	position: relative;
	z-index: 10;
	height: 9.375rem;
	background-image: url("https://nu-scptheme.github.io/Black-Highlighter/images/logo.svg");
	background-image: var(--logo-image);
	background-repeat: no-repeat;
	background-position: left 0.75rem top 1.1875rem;
	background-clip: border-box;
	-webkit-background-size: auto 5.375rem;
	background-size: auto 5.375rem;
	-webkit-filter: drop-shadow(.063rem .063rem .063rem rgb(12, 12, 12));
	filter: drop-shadow(.063rem .063rem .063rem rgb(12, 12, 12));
	-webkit-filter: drop-shadow(.063rem .063rem .063rem rgb(var(--black-monochrome)));
	filter: drop-shadow(.063rem .063rem .063rem rgb(var(--black-monochrome)));
}

@supports (-moz-appearance:meterbar) and (display:flex) {
	#header {
		-webkit-filter: initial;
		filter: initial;
	}
}

body {
	background-image:
		-webkit-linear-gradient(bottom,
		rgb(100, 46, 44) 0%,
		rgb(12, 12, 12) 90%,
		rgb(12, 12, 12) 100%),
		-webkit-linear-gradient(top,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0) 7.5rem,
		rgba(12, 12, 12, 1) 7.5rem,
		rgba(66, 66, 72, 1) 7.625rem,
		rgba(66, 66, 72, 0.95) -webkit-calc(100% - 0.125rem),
		rgba(66, 66, 72, 1) -webkit-calc(100% - 0.125rem),
		rgba(12, 12, 12, 1) 100%),
		-webkit-linear-gradient(top,
		rgba(215, 215, 215, 1) 0rem,
		rgba(215, 215, 215, 0.987) 0.32rem,
		rgba(215, 215, 215, 0.951) 1.16rem,
		rgba(215, 215, 215, 0.896) 2.56rem,
		rgba(215, 215, 215, 0.825) 4.4rem,
		rgba(215, 215, 215, 0.741) 6.64rem,
		rgba(215, 215, 215, 0.648) 9.24rem,
		rgba(215, 215, 215, 0.55) 12.16rem,
		rgba(215, 215, 215, 0.45) 15.32rem,
		rgba(215, 215, 215, 0.352) 18.68rem,
		rgba(215, 215, 215, 0.259) 22.16rem,
		rgba(215, 215, 215, 0.175) 25.76rem,
		rgba(215, 215, 215, 0.104) 29.4rem,
		rgba(215, 215, 215, 0.049) 33rem,
		rgba(215, 215, 215, 0.013) 36.56rem,
		rgba(215, 215, 215, 0) 40rem);
	background-image:
		-webkit-gradient(linear,
		left bottom, left top,
		from(rgb(100, 46, 44)),
		color-stop(70%, rgb(12, 12, 12)),
		to(rgb(12, 12, 12))),
		-webkit-gradient(linear,
		left top, left bottom,
		from(rgba(255, 255, 255, 0)),
		color-stop(7.5rem, rgba(255, 255, 255, 0)),
		color-stop(7.5rem, rgba(12, 12, 12, 1)),
		color-stop(7.625rem, rgba(66, 66, 72, 1)),
		color-stop(rgba(66, 66, 72, 0.95)),
		color-stop(rgba(66, 66, 72, 1)),
		to(rgba(12, 12, 12, 1))),
		-webkit-gradient(linear,
		left top, left bottom,
		color-stop(0rem, rgba(215, 215, 215, 1)),
		color-stop(0.32rem, rgba(215, 215, 215, 0.987)),
		color-stop(1.16rem, rgba(215, 215, 215, 0.951)),
		color-stop(2.56rem, rgba(215, 215, 215, 0.896)),
		color-stop(4.4rem, rgba(215, 215, 215, 0.825)),
		color-stop(6.64rem, rgba(215, 215, 215, 0.741)),
		color-stop(9.24rem, rgba(215, 215, 215, 0.648)),
		color-stop(12.16rem, rgba(215, 215, 215, 0.55)),
		color-stop(15.32rem, rgba(215, 215, 215, 0.45)),
		color-stop(18.68rem, rgba(215, 215, 215, 0.352)),
		color-stop(22.16rem, rgba(215, 215, 215, 0.259)),
		color-stop(25.76rem, rgba(215, 215, 215, 0.175)),
		color-stop(29.4rem, rgba(215, 215, 215, 0.104)),
		color-stop(33rem, rgba(215, 215, 215, 0.049)),
		color-stop(36.56rem, rgba(215, 215, 215, 0.013)),
		color-stop(40rem, rgba(215, 215, 215, 0)));
	background-image:
		-o-linear-gradient(bottom,
		rgb(100, 46, 44) 0%,
		rgb(12, 12, 12) 90%,
		rgb(12, 12, 12) 100%),
		-o-linear-gradient(top,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0) 7.5rem,
		rgba(12, 12, 12, 1) 7.5rem,
		rgba(66, 66, 72, 1) 7.625rem,
		rgba(66, 66, 72, 0.95) calc(100% - 0.125rem),
		rgba(66, 66, 72, 1) calc(100% - 0.125rem),
		rgba(12, 12, 12, 1) 100%),
		-o-linear-gradient(top,
		rgba(215, 215, 215, 1) 0rem,
		rgba(215, 215, 215, 0.987) 0.32rem,
		rgba(215, 215, 215, 0.951) 1.16rem,
		rgba(215, 215, 215, 0.896) 2.56rem,
		rgba(215, 215, 215, 0.825) 4.4rem,
		rgba(215, 215, 215, 0.741) 6.64rem,
		rgba(215, 215, 215, 0.648) 9.24rem,
		rgba(215, 215, 215, 0.55) 12.16rem,
		rgba(215, 215, 215, 0.45) 15.32rem,
		rgba(215, 215, 215, 0.352) 18.68rem,
		rgba(215, 215, 215, 0.259) 22.16rem,
		rgba(215, 215, 215, 0.175) 25.76rem,
		rgba(215, 215, 215, 0.104) 29.4rem,
		rgba(215, 215, 215, 0.049) 33rem,
		rgba(215, 215, 215, 0.013) 36.56rem,
		rgba(215, 215, 215, 0) 40rem);
	background-image:
		linear-gradient(to top,
		rgb(100, 46, 44) 0%,
		rgb(12, 12, 12) 90%,
		rgb(12, 12, 12) 100%),
		linear-gradient(to bottom,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0) 7.5rem,
		rgba(12, 12, 12, 1) 7.5rem,
		rgba(66, 66, 72, 1) 7.625rem,
		rgba(66, 66, 72, 0.95) calc(100% - 0.125rem),
		rgba(66, 66, 72, 1) calc(100% - 0.125rem),
		rgba(12, 12, 12, 1) 100%),
		linear-gradient(to bottom,
		rgba(215, 215, 215, 1) 0rem,
		rgba(215, 215, 215, 0.987) 0.32rem,
		rgba(215, 215, 215, 0.951) 1.16rem,
		rgba(215, 215, 215, 0.896) 2.56rem,
		rgba(215, 215, 215, 0.825) 4.4rem,
		rgba(215, 215, 215, 0.741) 6.64rem,
		rgba(215, 215, 215, 0.648) 9.24rem,
		rgba(215, 215, 215, 0.55) 12.16rem,
		rgba(215, 215, 215, 0.45) 15.32rem,
		rgba(215, 215, 215, 0.352) 18.68rem,
		rgba(215, 215, 215, 0.259) 22.16rem,
		rgba(215, 215, 215, 0.175) 25.76rem,
		rgba(215, 215, 215, 0.104) 29.4rem,
		rgba(215, 215, 215, 0.049) 33rem,
		rgba(215, 215, 215, 0.013) 36.56rem,
		rgba(215, 215, 215, 0) 40rem);
	background-image:
		var(--gradient-header),
		var(--gradient-topmenu),
		var(--gradient-background);
	-webkit-background-size: 100% 7.5rem, 100% 9.375rem, 100% 40rem;
	background-size: 100% 7.5rem, 100% 9.375rem, 100% 40rem;
	-webkit-background-size: var(--header-background-image-size), 100% 9.375rem, 100% var(--background-gradient-distance);
	background-size: var(--header-background-image-size), 100% 9.375rem, 100% var(--background-gradient-distance);
	/* 120px, 150px */
	background-repeat: repeat-x;
}

div#container-wrap {
	background-image: -webkit-repeating-linear-gradient(45deg,
		hsla(0, 0%, 100%, 0),
		hsla(0, 0%, 100%, 0) 0.25vh,
		rgba(88, 88, 88, 0.1) 0.35vh,
		rgba(88, 88, 88, 0.2) 0.5vh);
	background-image: -o-repeating-linear-gradient(45deg,
		hsla(0, 0%, 100%, 0),
		hsla(0, 0%, 100%, 0) 0.25vh,
		rgba(88, 88, 88, 0.1) 0.35vh,
		rgba(88, 88, 88, 0.2) 0.5vh);
	background-image: repeating-linear-gradient(45deg,
		hsla(0, 0%, 100%, 0),
		hsla(0, 0%, 100%, 0) 0.25vh,
		rgba(88, 88, 88, 0.1) 0.35vh,
		rgba(88, 88, 88, 0.2) 0.5vh);
	background-image: var(--diagonal-stripes);
	-webkit-background-size: 100% 7.5rem;
	background-size: 100% 7.5rem;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#header,
#top-bar {
	max-width: 61.25rem;
	/* 980px */
	font-weight: 600;
	margin: 0 auto;
}

#header > h1 > a > span {
	display: inline-table;
	z-index: 9999;
	color: transparent;
	width: 50vw;
	max-width: 32rem;
	height: 7.5rem;
	position: absolute;
	left: 0;
	top: 0;
}

.mobile-top-bar {
	display: none;
	position: relative;
	left: 1rem;
	bottom: 0;
	z-index: 9999;
}

#header h1 {
	font-family: 'Kanit', sans-serif;
	font-family: var(--header-font);
	height: 100%;
	max-height: 7.75rem;
	position: absolute;
}

#header h1 a::before {
	--text-shadow: rgb(var(--swatch-text-dark, 12, 12, 12, ));
	content: inherit;
	content: var(--header-title);
	color: rgb(252, 252, 252);
	color: rgb(var(--swatch-text-light));
	text-shadow: 0.063rem 0.063rem 0.063rem rgb(12, 12, 12);
	text-shadow: 0.063rem 0.063rem 0.063rem var(--text-shadow);
}

#header h1,
#header h2 {
	font-family: 'Kanit', sans-serif;
	font-family: var(--header-font);
	font-weight: 700;
	position: absolute;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
}

#header h1 a {
	font-family: 'Kanit', sans-serif;
	font-family: var(--header-font);
	letter-spacing: -0.02em;
	display: block;
	line-height: 0;
	max-height: 0;
	color: rgb(252, 252, 252);
	color: rgb(var(--swatch-headerh1-color));
	font-size: 135.5%;
	text-decoration: none;
	text-shadow: none;
	z-index: 9999;
	padding: 1.875rem 0 0;
	margin-left: 6.75rem;
	margin-top: -webkit-calc(0.3125rem + 1.2rem);
	margin-top: calc(0.3125rem + 1.2rem);
	margin-top: -webkit-calc(0.3125rem + var(--offset-from-page-top));
	margin-top: calc(0.3125rem + var(--offset-from-page-top));
}

#header h2 {
	font-size: 0.945rem;
	font-family: 'Kanit', sans-serif;
	font-family: var(--title-font);
	font-weight: 700;
}

#header h2 span {
	display: block;
	line-height: 0;
	font-weight: 400;
	color: transparent;
	text-shadow: none;
	margin-left: 6.75rem;
	margin-top: -webkit-calc(3.8rem + 1.2rem);
	margin-top: calc(3.8rem + 1.2rem);
	margin-top: -webkit-calc(3.8rem + var(--offset-from-page-top));
	margin-top: calc(3.8rem + var(--offset-from-page-top));
}

#header h2 span::before {
	--text-shadow: rgb(var(--swatch-text-dark, 12, 12, 12));
	content: inherit;
	content: var(--header-subtitle);
	color: rgb(252, 252, 252);
	color: rgb(var(--swatch-headerh2-color));
	text-shadow: 0.063rem 0.063rem 0.063rem rgb(12, 12, 12);
	text-shadow: 0.063rem 0.063rem 0.063rem var(--text-shadow);
}

#header-extra-div-1,#header-extra-div-2 {
	display: none;
}

#search-top-box {
	position: absolute;
	top: 47%;
	right: 3%;
	width: auto;
}

form[id="search-top-box-form"] {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	text-align: center;
}

#search-top-box-input {
	border: 0.0625rem solid rgb(12, 12, 12);
	border: var(--border-styling);
	-webkit-border-radius: 0.0625rem;
	border-radius: 0.0625rem;
	-webkit-border-radius: var(--border-radius-width);
	border-radius: var(--border-radius-width);
	color: rgb(252, 252, 252);
	color: rgb(var(--swatch-text-light));
	background-color: rgb(66, 66, 72);
	background-color: rgb(var(--gray-monochrome));
}

#search-top-box input.empty {
	color: rgba(12, 12, 12);
	color: rgba(var(--swatch-menutxt-dark-color));
	text-align: center;
}

#search-top-box-form > input,
#search-top-box-form > input[type="submit"] {
	min-height: -webkit-calc(0.875rem * 1.5);
	min-height: calc(0.875rem * 1.5);
	min-height: -webkit-calc(var(--base-font-size) * 1.5);
	min-height: calc(var(--base-font-size) * 1.5);
	padding: 0.25rem;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

#search-top-box-input:hover,
#search-top-box-input:focus {
	color: rgb(252, 252, 252);
	color: rgb(var(--white-monochrome));
	background: rgb(170, 170, 170);
	background: rgb(var(--swatch-menubg-medium-color));
}

#search-top-box-input:hover,
#search-top-box-input:focus,#search-top-box-form input[type="submit"] {
	border: 0.0625rem solid rgb(12, 12, 12);
	border: var(--border-styling);
	-webkit-border-radius: 0.0625rem;
	border-radius: 0.0625rem;
	-webkit-border-radius: var(--border-radius-width);
	border-radius: var(--border-radius-width);
}

#search-top-box-form input[type="submit"] {
	font-size: -webkit-calc(0.875rem * .85);
	font-size: calc(0.875rem * .85);
	font-size: -webkit-calc(var(--base-font-size) * .85);
	font-size: calc(var(--base-font-size) * .85);
	cursor: pointer;
	margin-right: 0;
}

#search-top-box-form input[type="submit"],#search-top-box-form input[type="submit"]:hover,
#search-top-box-form input[type="submit"]:focus {
	color: rgb(252, 252, 252);
	color: rgb(var(--swatch-text-light));
	background: rgb(100, 3, 15);
	background: rgb(var(--swatch-primary-darkest));
	-webkit-box-shadow: none;
	box-shadow: none;
}

#search-top-box-form input[type="submit"]:hover,
#search-top-box-form input[type="submit"]:focus {
	--text-shadow: rgba(var(--swatch-menutxt-dark-color, 12, 12, 12), 0.75);
	border: 0.0625rem solid rgb(12, 12, 12);
	border: var(--border-styling);
	-webkit-border-radius: 0.0625rem;
	border-radius: 0.0625rem;
	-webkit-border-radius: var(--border-radius-width);
	border-radius: var(--border-radius-width);
	text-shadow: 0 0 0.063rem rgba(12, 12, 12, 0.75);
	text-shadow: 0 0 0.063rem var(--swatch-menutxt-dark-color);
}

#login-status {
	color: rgb(170, 170, 170);
	color: rgb(var(--swatch-menubg-medium-color));
	font-size: 90%;
	z-index: 10000;
	right: 3%;
	top: 0.5rem;
}

#login-status a {
	background-color: transparent;
	color: rgb(252, 252, 252);
	color: rgb(var(--swatch-text-light));
}

#login-status ul a {
	color: rgb(12, 12, 12);
	color: rgb(var(--black-monochrome));
	background-color: transparent;
}

#account-topbutton {
	background: rgb(252, 252, 252);
	background: rgb(var(--swatch-text-light));
	color: rgb(12, 12, 12);
	color: rgb(var(--swatch-menutxt-dark-color));
}

#top-bar .mobile-top-bar {
	display: none;
	position: relative;
	left: 1rem;
	bottom: 0;
	z-index: 9999;
	-webkit-filter: unset;
	filter: unset;
}

#top-bar {
	width: 100%;
	position: initial;
	z-index: 50;
	height: 1.625rem;
	font-size: -webkit-calc(0.875rem * 0.85);
	font-size: calc(0.875rem * 0.85);
	font-size: -webkit-calc(var(--base-font-size) * 0.85);
	font-size: calc(var(--base-font-size) * 0.85);
	font-weight: 600;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin: 7.625rem 0 1.75rem 0;
	padding: 0 0 0.25rem;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}


/* In-Progress Top-Bar Implimentation */
#top-bar div.top-bar > ul,
#top-bar div.mobile-top-bar > ul {
	width: 90vw;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	max-width: 61.25rem;
	z-index: 20;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	letter-spacing: 0.0625rem;
	text-align: center;
}

#top-bar div.top-bar > ul > li,
#top-bar div.mobile-top-bar > ul > li {
	-webkit-flex-shrink: 2;
	-ms-flex-negative: 2;
	flex-shrink: 2;
	-webkit-box-flex: 2;
	-webkit-flex-grow: 2;
	-moz-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	width: auto;
	margin: 0;
	list-style: outside none none;
	padding: 0;
	-webkit-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
	-o-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
	transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
	cursor: pointer;
}

#top-bar div.top-bar > ul > li:hover,
#top-bar div.mobile-top-bar > ul > li:hover{
	background-color: rgb(48, 48, 52);
	background-color: rgb(var(--swatch-menubg-dark-color));
}

#top-bar div.top-bar > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li:hover > a {
	background-color: transparent;
}

#top-bar div.top-bar > ul > li:focus-within,
#top-bar div.mobile-top-bar > ul > li:focus-within {
	background-color: rgb(48, 48, 52);
	background-color: rgb(var(--swatch-menubg-dark-color));
}

#top-bar div.top-bar > ul > li:focus-within > a,
#top-bar div.mobile-top-bar > ul > li:focus-within > a {
	background-color: transparent;
}

#top-bar div.top-bar > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > a {
	padding: 0.3em;
	width: 100%;
	height: -webkit-calc(100% - 0.6em);
	height: calc(100% - 0.6em);
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	color: rgb(252, 252, 252);
	color: rgb(var(--swatch-menutxt-light-color));
	background-color: transparent;
	white-space: pre;
	border: none;
	position: relative;
}

#top-bar div.top-bar > ul > li:hover > a::before,
#top-bar div.top-bar > ul > li:hover > a::after,
#top-bar div.top-bar > ul > li.sfhover > a::before,
#top-bar div.top-bar > ul > li.sfhover > a::after {
	width: 100%;
}

#top-bar div.top-bar > ul > li:focus-within > a::before,
#top-bar div.top-bar > ul > li:focus-within > a::after {
	width: 100%;
}

#top-bar div.top-bar > ul > li > a:before,
#top-bar div.top-bar > ul > li > a:after {
	height: -webkit-calc(0.0625rem * 3);
	height: calc(0.0625rem * 3);
	position: absolute;
	content: " ";
	background-color: rgba(180, 35, 35, 0.5);
	background-color: rgba(var(--swatch-primary), 0.5);
	width: 0;
	-webkit-transition: width 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
	-o-transition: width 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
	transition: width 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

#top-bar div.top-bar > ul > li > a:before {
	left: 0;
	top: 0;
}

#top-bar div.top-bar > ul > li > a:after {
	right: 0;
	bottom: 0;
}

#top-bar div.top-bar > ul > li > ul,
#top-bar div.mobile-top-bar > ul > li > ul {
	--box-shadow: rgba(var(--swatch-menutxt-dark-color, 12, 12, 12), 0.5);
	border: 0.0625rem solid rgb(12, 12, 12);
	border: var(--border-styling);
	background: rgba(48, 48, 52, 0.93);
	background: rgba(var(--swatch-menubg-dark-color), 0.93);
	-webkit-box-shadow: 0 0.125rem 0.375rem rgba(12, 12, 12, 0.5);
	box-shadow: 0 0.125rem 0.375rem rgba(12, 12, 12, 0.5);
	-webkit-box-shadow: 0 0.125rem 0.375rem var(--box-shadow);
	box-shadow: 0 0.125rem 0.375rem var(--box-shadow);
	border-top: none;
	z-index: 20;
	margin-top: 1.625rem;
	position: absolute;
	left: 0;
	width: auto;
	max-width: 61.25rem;
	min-width: 100%;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

#top-bar div.top-bar > ul > li > ul > li,
#top-bar div.mobile-top-bar > ul > li > ul > li {
	position: relative;
	margin: 0 -0.0625rem -0.0625rem 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-collapse: collapse;
	float: none;
	padding: 0;
	-webkit-transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
	-o-transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
	transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);

	/* Prevent splitting in half onto the next column */
	-webkit-column-break-inside: avoid;
	break-inside: avoid;

	/* Text positioning */
	height: 2rem;
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
	width: auto;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	word-break: normal;
}

#top-bar > div.top-bar > ul > li:last-of-type > ul,
#top-bar > div.mobile-top-bar > ul > li:last-of-type > ul {
    right: 0;
    left: auto;
}

#top-bar li ul {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.2s ease-in-out, 
		-webkit-transform 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out, 
		-webkit-transform 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out, 
		-o-transform 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out, 
		transform 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out, 
		transform 0.2s ease-in-out, 
		-webkit-transform 0.2s ease-in-out, 
		-o-transform 0.2s ease-in-out;
}

#top-bar:not(:hover) > ul > li > ul {
	-webkit-transform: translate(0, -0.3rem);
	-ms-transform: translate(0, -0.3rem);
	-o-transform: translate(0, -0.3rem);
	transform: translate(0, -0.3rem);
}

#top-bar div.top-bar > ul > li:hover > ul,
#top-bar div.top-bar > ul > li.sfhover > ul,
#top-bar div.mobile-top-bar > ul > li:hover > ul,
#top-bar div.mobile-top-bar > ul > li.sfhover > ul {
	opacity: 1;
	visibility: visible;
}

#top-bar div.mobile-top-bar > ul > li:focus-within > ul,
#top-bar div.top-bar > ul > li:focus-within > ul,
#top-bar div.mobile-top-bar > ul > li > ul:focus-within,
#top-bar div.top-bar > ul > li > ul:focus-within {
	opacity: 1;
	visibility: visible;
}

#top-bar div.top-bar > ul > li > ul > li:hover,
#top-bar div.mobile-top-bar > ul > li > ul > li:hover {
	background: rgba(252, 252, 252, 0.15);
	background: rgba(var(--swatch-menubg-color), 0.15);
}

#top-bar div.top-bar > ul > li > ul > li:hover::before, 
#top-bar div.mobile-top-bar > ul > li > ul > li:hover::before,
#top-bar div.top-bar > ul > li > ul > li:hover::after, 
#top-bar div.mobile-top-bar > ul > li > ul > li:hover::after {
  content: " ";  
  width: 100%;
  height: 100%;
  position: absolute;
  right: -10%;
  width: 70%;
  height: 100%;
  z-index: 5;
}

#top-bar div.top-bar > ul > li > ul > li:hover::before, 
#top-bar div.mobile-top-bar > ul > li > ul > li:hover::before {
  top: -100%;
  -webkit-clip-path: polygon(80% 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(80% 0, 100% 0, 100% 100%, 0 100%);
}

#top-bar div.top-bar > ul > li > ul > li:hover::after, 
#top-bar div.mobile-top-bar > ul > li > ul > li:hover::after {
  bottom: -100%;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 80% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 80% 100%);
}

#top-bar div.top-bar > ul > li > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li > ul > li:hover > a{
	text-decoration: none;
}

#top-bar div.top-bar > ul > li > ul > li > a:focus-within,
#top-bar div.mobile-top-bar > ul > li > ul > li > a:focus-within {
	text-decoration: none;
}

#top-bar div.top-bar > ul > li > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > ul > li > a {
	background: transparent;
	color: rgb(252, 252, 252);
	color: rgb(var(--swatch-menutxt-light-color));
	width: 100%;
	height: 100%;
	font-size: 0.875rem;
	font-size: var(--base-font-size);
	font-weight: normal;
	border: 0px solid rgba(0,0,0,0);
	padding: 0 1em;

	/* Text positioning */
	-webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	overflow: hidden;
	white-space: nowrap;
}

#top-bar div.top-bar > ul > li > ul > li > a,
#top-bar div.top-bar > ul > li > ul > li > ul > li { 
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
	padding: 0 1em;
	position: relative;
	text-align: center;
}

#top-bar div.top-bar > ul > li > ul > li > ul > li { 
    color: rgb(252, 252, 252);
    color: rgb(var(--white-monochrome));
    font-size: 1em;
    z-index: 10;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

#top-bar div.top-bar > ul > li > ul > li:hover,
#top-bar div.mobile-top-bar > ul > li > ul > li:hover,
#top-bar div.top-bar > ul > li > ul > li > ul > li:hover, 
#top-bar div.mobile-top-bar > ul > li > ul > li > ul > li:hover { 
    background-color: transparent;
    /* Adding a slight bg colour change before the :before obscures it */
    background-color: rgba(var(--dark-accent),0.05)
}

#top-bar div.top-bar > ul > li > ul > li > ul > li > a { 
    color: rgb(12, 12, 12);
    color: rgb(var(--swatch-menutxt-dark-color));
    font-size: 1em;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 1em;
    margin: 0;
    border: none;
    white-space: nowrap;
    background: transparent;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#top-bar div.top-bar > ul > li > ul > li > ul > li > a:hover, 
#top-bar div.mobile-top-bar > ul > li > ul > li > ul > li > a:hover { 
    background: transparent;
}

#top-bar div.top-bar > ul > li > ul > li > a::before,
#top-bar div.top-bar > ul > li > ul > li > ul > li > a::before { 
    -webkit-transform: translateX(-webkit-calc(-100% - 4rem));
       -moz-transform: translateX(-moz-calc(-100% - 4rem));
        -ms-transform: translateX(calc(-100% - 4rem));
         -o-transform: translateX(calc(-100% - 4rem));
            transform: translateX(calc(-100% - 4rem));
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: -o-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -moz-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -moz-transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -o-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
	pointer-events: none;
}
 
#top-bar div.top-bar > ul > li > ul > li > a::before,
#top-bar div.top-bar > ul > li > ul > li > ul > li > a::before, 
#top-bar div.top-bar > ul > li > ul > li > a:hover::before {
    content: " ";
    width: 125%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgb(var(--dark-accent),0.25);
    opacity: 1;
	z-index: -1;
	-webkit-clip-path: polygon(0.00% 0.00%, 100% 0px, 90% 100%, 0px 100%);
	        clip-path: polygon(0.00% 0.00%, 100% 0px, 90% 100%, 0px 100%);
}
 
#top-bar div.top-bar > ul > li > ul > li > a:hover::before {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
}
 
#top-bar div.top-bar > ul > li > ul > li > ul > li > a:hover::before { 
    content: " ";
    width: calc(100% + 4rem);
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgb(100, 3, 15);
    background-color: rgb(var(--dark-accent));
    opacity: 1;
	z-index: -1;
	-webkit-clip-path: polygon(0.00% 0.00%, 94.94% 0px, 90% 100%, 0px 100%);
	        clip-path: polygon(0.00% 0.00%, 94.94% 0px, 90% 100%, 0px 100%);
}
 
#top-bar div.top-bar > ul > li > ul > li > ul > li:hover {
    background: rgba(252, 252, 252, 0);
    background: rgba(var(--swatch-menubg-color), 0);
}
 
#top-bar div.top-bar > ul > li > ul > li > ul > li:focus-within { 
    background: rgba(252, 252, 252, 0);
    background: rgba(var(--swatch-menubg-color), 0);
}

/* Top-Menu without dropdowns support */

#top-bar > ul {
	width: 90vw;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	max-width: 61.25rem;
	z-index: 20;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	letter-spacing: 0.0625rem;
	text-align: center;
}

#top-bar > ul > li {
	-webkit-flex-shrink: 2;
	-ms-flex-negative: 2;
	flex-shrink: 2;
	-webkit-box-flex: 2;
	-webkit-flex-grow: 2;
	-moz-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	width: auto;
	margin: 0;
	list-style: outside none none;
	padding: 0;
	-webkit-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
	-o-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
	transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

#top-bar > ul > li:hover {
	background-color: rgb(48, 48, 52);
	background-color: rgb(var(--swatch-menubg-dark-color));
}

#top-bar > ul > li:focus-within {
	background-color: rgb(48, 48, 52);
	background-color: rgb(var(--swatch-menubg-dark-color));
}

#top-bar > ul > li:hover > * {
	background-color: transparent;
}

#top-bar > ul > li:focus-within > * {
	background-color: transparent;
}

#top-bar > ul > li > * {
	padding: 0.3em;
	width: 100%;
	height: -webkit-calc(100% - .6em);
	height: calc(100% - .6em);
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	color: rgb(252, 252, 252);
	color: rgb(var(--swatch-menutxt-light-color));
	background-color: transparent;
	white-space: pre;
	border: none;
	position: relative;
	cursor: pointer;
}

#top-bar > ul > li:hover > *::before,
#top-bar > ul > li:hover > *::after,
#top-bar > ul > li.sfhover > *::before,
#top-bar > ul > li.sfhover > *::after {
	width: 100%;
}

#top-bar > ul > li:focus-within > *::before,
#top-bar > ul > li:focus-within > *::after {
	width: 100%;
}

#top-bar > ul > li > *:before,
#top-bar > ul > li > *:after {
	height: -webkit-calc(0.0625rem * 3);
	height: calc(0.0625rem * 3);
	position: absolute;
	content: " ";
	background-color: rgba(180, 35, 35, 0.5);
	background-color: rgba(var(--swatch-primary), 0.5);
	width: 0;
	-webkit-transition: width 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
	-o-transition: width 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
	transition: width 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
	pointer-events: none;
}

#top-bar > ul > li > *:before {
	left: 0;
	top: 0;
}

#top-bar > ul > li > *:after {
	right: 0;
	bottom: 0;
}

#top-bar > ul > li a,
#top-bar > ul > li a:hover {
	background-color: rgba(0,0,0,0);
	text-decoration: none;
	cursor: pointer;
	padding: .3em;
	width: 100%;
	height: 100%;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fcfcfc;
	color: rgb(var(--swatch-menutxt-light-color));
	white-space: pre;
	border: none;
	position: relative;
}

/* ? : Note from Croque: does ul>li>ul>li>ul>li even exist? */

@media only screen and (max-width: 768px) {
	/* Removing Scrollbar to deal with horizontal overflow and still allow sticky scrolling */

	:root {
		/* IE 10+ */
		/* Firefox */
		overflow: -moz-scrollbars-none;
		scrollbar-width: none;
	}

	::-webkit-scrollbar {
		width: 0;
		background: transparent;
	}

	::-webkit-scrollbar-thumb {
		background: rgb(180, 35, 35);
		background: rgb(var(--bright-accent));
	}

	/* Mobile CSS */

	#header {
		background-image: url("https://nu-scptheme.github.io/Black-Highlighter/images/logo.svg");
		background-image: var(--logo-image);
		--size: 9.9rem;
		--size: -webkit-calc(8.75rem + var(--offset-from-page-top));
		--size: calc(8.75rem + var(--offset-from-page-top));
		--y-offset: 1.3125rem;
		background-position: -webkit-calc(6.75rem - var(--size)) -webkit-calc(((var(--size) * -1) + 7.5rem + var(--y-offset)) / 2);
		background-position: calc(6.75rem - var(--size)) calc(((var(--size) * -1) + 7.5rem + var(--y-offset)) / 2);
		-webkit-background-size: var(--size), 100% 7.5rem;
		background-size: var(--size), 100% 7.5rem;
		/* not sure what this 2nd size is doing here? - croque */
		background-repeat: no-repeat, repeat;
		width: 100vw;
		margin: 0;
		position: -webkit-sticky;
		position: sticky;
		top: -7.5rem;
	}

	#header,
	.mobile-top-bar {
		max-width: 100%;
		left: 0;
	}

	#top-bar > div.top-bar {
		display: none;
	}

	#header h1 {
		font-size: -webkit-calc(0.875rem * 1.35);
		font-size: calc(0.875rem * 1.35);
		font-size: -webkit-calc(var(--base-font-size) * 1.35);
		font-size: calc(var(--base-font-size) * 1.35);
	}

	#header h2 {
		font-size: -webkit-calc(0.875rem * 0.945);
		font-size: calc(0.875rem * 0.945);
		font-size: -webkit-calc(var(--base-font-size) * 0.945);
		font-size: calc(var(--base-font-size) * 0.945);
	}

	#header h2 span::before {
		display: inline-block;
	}

	#login-status {
		font-size: 70%;
	}

	#top-bar {
		margin: 7.5rem 0 1.75rem 0;
		height: 3rem;
	}

	#top-bar .mobile-top-bar {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		top: 0;
		right: 0;
		left: 0;
		margin: 0;
		padding: 0;
		width: 100vw;
		background: linear-gradient(to bottom,
			rgba(12, 12, 12, 1) 0,
			rgba(66, 66, 72, 1) 0.125rem,
			rgba(66, 66, 72, 1) -webkit-calc(3rem - 0.125rem),
			rgba(66, 66, 72, 1) -webkit-calc(3rem - 0.125rem),
			rgba(12, 12, 12, 1) 3rem);
		background: linear-gradient(to bottom,
			rgba(12, 12, 12, 1) 0,
			rgba(66, 66, 72, 1) 0.125rem,
			rgba(66, 66, 72, 1) calc(3rem - 0.125rem),
			rgba(66, 66, 72, 1) calc(3rem - 0.125rem),
			rgba(12, 12, 12, 1) 3rem);
		background: var(--gradient-topmenu-mobile, linear-gradient(to bottom,
			rgba(12, 12, 12, 1) 0,
			rgba(66, 66, 72, 1) 0.125rem,
			rgba(66, 66, 72, 1) -webkit-calc(3rem - 0.125rem),
			rgba(66, 66, 72, 1) -webkit-calc(3rem - 0.125rem),
			rgba(12, 12, 12, 1) 3rem));
		background: var(--gradient-topmenu-mobile, linear-gradient(to bottom,
			rgba(12, 12, 12, 1) 0,
			rgba(66, 66, 72, 1) 0.125rem,
			rgba(66, 66, 72, 1) calc(3rem - 0.125rem),
			rgba(66, 66, 72, 1) calc(3rem - 0.125rem),
			rgba(12, 12, 12, 1) 3rem));
		background: var(--gradient-topmenu-mobile, linear-gradient(to bottom,
			rgba(var(--swatch-topmenu-border-color), 1) 0,
			rgba(var(--swatch-topmenu-bg-color), 1) 0.125rem,
			rgba(var(--swatch-topmenu-bg-color), 1) -webkit-calc(3rem - 0.125rem),
			rgba(var(--swatch-topmenu-bg-color), 1) -webkit-calc(3rem - 0.125rem),
			rgba(var(--swatch-topmenu-border-color), 1) 3rem));
		background: var(--gradient-topmenu-mobile, linear-gradient(to bottom,
			rgba(var(--swatch-topmenu-border-color), 1) 0,
			rgba(var(--swatch-topmenu-bg-color), 1) 0.125rem,
			rgba(var(--swatch-topmenu-bg-color), 1) calc(3rem - 0.125rem),
			rgba(var(--swatch-topmenu-bg-color), 1) calc(3rem - 0.125rem),
			rgba(var(--swatch-topmenu-border-color), 1) 3rem));
		position: static;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		z-index: 9999;
	}

	#top-bar .top-bar > ul {
		overflow: hidden;
	}

	#top-bar div.mobile-top-bar > ul {
		width: 100%;
	}

	#top-bar div.mobile-top-bar > ul > li {
		position: inherit;
	}

	#top-bar div.mobile-top-bar > ul > li > a {
		font-size: 125%;
		background: none;
	}

	#top-bar div.mobile-top-bar > ul > li > ul {
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		left: 50%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		margin-top: 2.938rem;
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		width: 85vw;
		max-height: calc(100vh - 8rem);
	}

	#top-bar div.mobile-top-bar > ul > li:hover > ul, 
	#top-bar div.mobile-top-bar > ul > li.sfhover > ul {
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	#top-bar div.mobile-top-bar > ul > li:focus-within > ul, 
	#top-bar div.mobile-top-bar > ul > li > ul:focus-within {
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	#top-bar > div.mobile-top-bar > ul > li:last-of-type > ul {
		right: 0;
		left: 50%;
	}

	#top-bar div.mobile-top-bar > ul > li > ul > li {
		max-height: -webkit-calc((100vh - 15rem) / 10);
		max-height: calc((100vh - 15rem) / 10);
		height: 3rem;
		max-width: -webkit-calc(80vw + 0.0625rem);
		max-width: calc(80vw + 0.0625rem);
		width: -webkit-calc(80vw + 0.0625rem);
		width: calc(80vw + 0.0625rem);
		-webkit-box-flex: 2;
		-webkit-flex-grow: 2;
		-moz-box-flex: 2;
		-ms-flex-positive: 2;
		flex-grow: 2;
		-webkit-flex-basis: -webkit-calc(80vw / 2);
		-ms-flex-preferred-size: calc(80vw / 2);
		flex-basis: calc(80vw / 2);
		text-align: center;
	}

	#top-bar div.mobile-top-bar > ul > li > ul > li,
	#top-bar div.mobile-top-bar > ul > li > ul > li > a {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}

	#top-bar div.mobile-top-bar > ul > li > ul > li > a {
		height: 100%;
		width: 100%;
		line-height: 1em;
		text-align: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 0.875rem;
		font-size: var(--base-font-size);
	}

	#top-bar > div.mobile-top-bar > div.open-menu {
		width: 3rem;
		height: 3rem;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}

	#top-bar > div.mobile-top-bar > div.open-menu > p {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -moz-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: stretch;
		-webkit-align-items: stretch;
		-moz-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-ms-flex-pack: center;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		justify-items: stretch;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
	}

	#top-bar > div.mobile-top-bar > div.open-menu > p,#top-bar > div.mobile-top-bar > div.open-menu > p > a {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		justify-content: center;
	}

	#top-bar > div.mobile-top-bar > div.open-menu > p > a {
		font-family: 'Lato', sans-serif;
		font-family: var(--body-font);
		font-size: 3em;
		font-weight: 700;
		text-decoration: none;
		/* width: 100%; */
		text-align: center;
		color: rgb(252, 252, 252);
		color: rgb(var(--swatch-menutxt-light-color));
		-webkit-box-flex: 2;
		-webkit-flex: 2 0 100%;
		-moz-box-flex: 2;
		-ms-flex: 2 0 100%;
		flex: 2 0 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		/* Overriding Wikidot's Default Styling */
		border: none !important;
		background-color: transparent !important;
	}
}

/* IE11 Only */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	#header {
		background-position: left -14rem top 1.1875rem;
	}
}

/* 7happy7's Mobile Search */
@media only screen and (max-width: 768px) {
	#login-status {
		font-size: 80%;
		right: calc(3% + 30px);
	}
	#search-top-box-input, #navi-bar, #navi-bar-shadow {
		display: inline-block;
	}
	#search-top-box {
		height: 7.5rem;
		top: 0;
		right: 0;
		-webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;
		transition: background-color 0.3s, -webkit-box-shadow 0.3s;
		-o-transition: box-shadow 0.3s, background-color 0.3s;
		transition: box-shadow 0.3s, background-color 0.3s;
		transition: box-shadow 0.3s, background-color 0.3s, -webkit-box-shadow 0.3s;
	}
	#search-top-box:focus-within {
		background: rgba(var(--swatch-menubg-dark-color),0.7);
		padding: 0 0 0 1rem;
		-webkit-box-shadow: -1rem 0 1rem rgba(var(--swatch-menubg-dark-color),0.7);
		        box-shadow: -1rem 0 1rem rgba(var(--swatch-menubg-dark-color),0.7);
	}
	#search-top-box:not(:focus-within):before {
		content: "\f002";
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color: rgb(var(--swatch-menubg-medium-color));
		position: absolute;
		top: 3.8rem;
		right: 0;
		width: 2rem;
		text-align: center;
		z-index: 999;
		cursor: pointer;
		pointer-events: none;
	}
	#search-top-box form[id="search-top-box-form"] {
		height: 100%;
		visibility: hidden;
	}
	#search-top-box form[id="search-top-box-form"]:focus-within {
		visibility: visible;
	}
	#search-top-box form[id="search-top-box-form"] input {
		height: calc(var(--base-font-size) * 2);
		top: 0;
		-webkit-transform: translateY(calc(100% + var(--base-font-size) * 2));
		    -ms-transform: translateY(calc(100% + var(--base-font-size) * 2));
		        transform: translateY(calc(100% + var(--base-font-size) * 2));
		position: relative;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	#search-top-box form[id="search-top-box-form"] input[type="text"] {
		visibility: visible;
		-webkit-transition: width 0.6s, right 0.6s;
		-o-transition: width 0.6s, right 0.6s;
		transition: width 0.6s, right 0.6s;
	}
	#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
		height: 7.5rem;
		width: 2rem;
		position: absolute;
		color: transparent;
		right: 0;
		-webkit-transform: translateY(0) ;
		    -ms-transform: translateY(0) ;
		        transform: translateY(0) ;
		border-width: 0 0 0 1px;
		cursor: pointer;
	}
	#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"]:hover {
		background-color: rgb(var(--gray-monochrome));
	}
	#search-top-box form[id="search-top-box-form"] input[type="submit"] {
		background-size: 1rem;
		background-position: center;
		background-repeat: no-repeat;
		background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22search%22%20class%3D%22svg-inline--fa%20fa-search%20fa-w-16%22%20role%3D%22img%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E");
		color: transparent;
		background-color: rgb(var(--swatch-primary-darkest));
		width: calc(var(--base-font-size) * 1.5 + 0.5rem);
		visibility: visible;
		-webkit-transition: width 0.6s, padding 0.6s, opacity 0.6s;
		-o-transition: width 0.6s, padding 0.6s, opacity 0.6s;
		transition: width 0.6s, padding 0.6s, opacity 0.6s;
	}
	#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"] {
		width: 0;
		margin: 0;
		padding: 0;
		opacity: 0;
	}

	#header h1 a {
		z-index: inherit;
	}
}

/* ===ELEMENTS=== */

/* Modules, IMG blocks, text blocks, and other elements used outside of the structural html */

/* TABVIEW */

.yui-navset * {
	-webkit-transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
	-o-transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
	transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
	--box-shadow: rgb(var(--swatch-primary-darker));
	zoom: unset;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-color: rgb(140, 20, 25);
	border-color: rgb(var(--swatch-primary-darker));
	width: -webkit-calc(100% - 0.125rem);
	width: calc(100% - 0.125rem);
	margin: 0 auto;
	border: 0;
	-webkit-box-shadow: 0 -webkit-calc(0.0625rem * 5) 0 0 rgb(140, 20, 25);
	box-shadow: 0 calc(0.0625rem * 5) 0 0 rgb(140, 20, 25);
	-webkit-box-shadow: 0 -webkit-calc(0.0625rem * 5) 0 0 var(--box-shadow);
	box-shadow: 0 calc(0.0625rem * 5) 0 0 var(--box-shadow);
}

.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
	zoom: unset;
	background-image: none;
	background-color: rgb(244, 244, 244);
	background-color: rgb(var(--swatch-menubg-light-color));
	border: unset;
	color: rgb(12, 12, 12);
	color: rgb(var(--swatch-text-dark));
}

.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
	zoom: unset;
	background-color: rgb(100, 3, 15);
	background-color: rgb(var(--swatch-primary-darkest));
	color: rgb(252, 252, 252);
	color: rgb(var(--swatch-text-light));
}

.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
	--box-shadow: rgb(var(--swatch-primary-darker));
	background-color: rgb(244, 244, 244);
	background-color: rgb(var(--swatch-menubg-light-color));
	border-color: transparent;
	max-width: 100%;
	padding: 0;
	margin: 0;
	zoom: unset;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-flex: 2;
	-webkit-flex-grow: 2;
	-moz-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	-webkit-box-shadow: 0 0 0 0.0625rem rgb(140, 20, 25);
	box-shadow: 0 0 0 0.0625rem rgb(140, 20, 25);
	-webkit-box-shadow: 0 0 0 0.0625rem var(--box-shadow);
	box-shadow: 0 0 0 0.0625rem var(--box-shadow);
}

.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	vertical-align: bottom;
	zoom: unset;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
	padding: 0.35em 0.75em;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

.yui-navset .yui-nav li em {
	/* Undoes border set by wikidot's default layout */
	border: unset !important;
}

/* Selected Tab */

.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
	padding: 0;
	margin: 0;
	-webkit-box-flex: 2;
	-webkit-flex-grow: 2;
	-moz-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	background-color: rgb(140, 20, 25);
	background-color: rgb(var(--swatch-primary-darker));
}

.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
	border: none;
	border-color: transparent;

}

.yui-navset .yui-nav .selected a {
	/* Undoes a color set by wikidot's default layout */
	color: rgb(252, 252, 252) !important;
	color: rgb(var(--white-monochrome)) !important;
	width: 100%;
	background-image: none;
}

.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
	background-color: rgb(140, 20, 25);
	background-color: rgb(var(--swatch-primary-darker));
	color: rgb(252, 252, 252);
	color: rgb(var(--swatch-text-light));
}

.yui-navset .yui-nav .selected a:hover {
	/* Indicate that the currently selected tab is not clickable */
	cursor: default;
}


.yui-navset .yui-content {
	background-color: rgba(244, 244, 244, 0.25);
	background-color: rgba(var(--swatch-menubg-light-color), 0.25);
	/* content background color */
}

.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
	border-color: rgb(170, 170, 170);
	border-color: rgb(var(--swatch-menubg-medium-color));
	/* content border */
}

.yui-navset-left .yui-content {
	border-left-color: rgb(244, 244, 244);
	border-left-color: rgb(var(--swatch-menubg-light-color));
	/* different border color */
}

/* BLOCKQUOTE */

blockquote,
.blockquote {
	--box-shadow: rgba(var(--swatch-menubg-black-color), 0.1);
	border-style: dashed;
	border-color: rgba(var(--swatch-border-color),0.25);
	border-width: 0.063em;
	background-color: rgb(244, 244, 244);
	background-color: rgb(var(--swatch-menubg-light-color));
	-webkit-box-shadow: 0em 0.063em 0.125em rgba(0, 0, 0, 0.1);
	box-shadow: 0em 0.063em 0.125em rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0em 0.063em 0.125em var(--box-shadow);
	box-shadow: 0em 0.063em 0.125em var(--box-shadow);
	display: flow-root;
	padding: 0 1em;
}

/* Footnotes */

.footnotes-footer {
	width: 90%;
	margin: 1em auto;
	padding: 0.15em 1em;
	background-color: rgba(170, 170, 170, 0.25);
	background-color: rgba(var(--swatch-menubg-medium-color), 0.25);
	border-left: 0.5em solid rgba(140, 20, 25);
	border-left: 0.5em solid rgba(var(--swatch-primary-darker));
}

.footnote-footer {
	display: block;
	position: relative;
	width: 95%;
	margin: 0.5rem 1.5rem;
}

.footnote-footer > a:nth-of-type(1) {
	position: relative;
	display: initial;
	height: 100%;
	width: 1rem;
	margin-left: -1rem;
}

/* IMAGE BLOCK */

div.image-block {
	float: right;
	margin: 0 2em 1em 2em;
}

div.image-block,div.image-block img {
	width: 18.75rem;
}

/* RATING */

:root {
	--rating-module-height: 1.3125rem;
}

/* Plain, no-credit-button rating module */
.page-rate-widget-box {
	--box-shadow: rgba(var(--swatch-menubg-black-color), 0.15);
	/* position: static;
		margin-top: -3rem; */
	overflow: hidden;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0.0625rem 0.0625rem 0 rgba(12, 12, 12, 0.15);
	box-shadow: 0.0625rem 0.0625rem 0 rgba(12, 12, 12, 0.15);
	-webkit-box-shadow: 0.0625rem 0.0625rem 0 var(--box-shadow);
	box-shadow: 0.0625rem 0.0625rem 0 var(--box-shadow);
	padding: 0 0.125rem;
	margin-bottom: 0.75rem;
	/*background: linear-gradient(to top, rgb(99, 33, 37) 0%, rgb(76, 25, 30) 70%, rgb(56, 37, 37) 100%);*/

	background: -webkit-gradient(linear,
		left bottom, left top,
		from(rgba(170, 170, 170, 0.25)),
		to(rgba(170, 170, 170, 0.15)));

	background: -webkit-linear-gradient(bottom,
		rgba(170, 170, 170, 0.25) 0%,
		rgba(170, 170, 170, 0.15) 100%);

	background: -o-linear-gradient(bottom,
		rgba(170, 170, 170, 0.25) 0%,
		rgba(170, 170, 170, 0.15) 100%);

	background: linear-gradient(to top,
		rgba(170, 170, 170, 0.25) 0%,
		rgba(170, 170, 170, 0.15) 100%);
	background: -webkit-gradient(linear,
		left bottom, left top,
		from(rgba(var(--swatch-menubg-medium-color), 0.25)),
		to(rgba(var(--swatch-menubg-medium-color), 0.15)));
	background: -webkit-linear-gradient(bottom,
		rgba(var(--swatch-menubg-medium-color), 0.25) 0%,
		rgba(var(--swatch-menubg-medium-color), 0.15) 100%);
	background: -o-linear-gradient(bottom,
		rgba(var(--swatch-menubg-medium-color), 0.25) 0%,
		rgba(var(--swatch-menubg-medium-color), 0.15) 100%);
	background: linear-gradient(to top,
		rgba(var(--swatch-menubg-medium-color), 0.25) 0%,
		rgba(var(--swatch-menubg-medium-color), 0.15) 100%);
	background-color: rgb(252, 252, 252);
	background-color: rgb(var(--swatch-background));
	border: 0.0625rem solid rgba(12, 12, 12, 0.25);
	border: 0.0625rem solid rgba(var(--swatch-menubg-black-color), 0.25);
	height: var(--rating-module-height);
}

/* Same rule as above, but specifically for the info module / credit button */
.rate-box-with-credit-button .page-rate-widget-box {
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	border: none;
}

.page-rate-widget-box .rate-points,
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown,
.page-rate-widget-box .cancel {
	display: block;
	border: none;
	margin: 0 0.125rem 0 0;
}

.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown,
.page-rate-widget-box .cancel,
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a,
.page-rate-widget-box .cancel a,
/* Credit Button Rating Module Specific */
.rate-box-with-credit-button > .creditButton,
.rate-box-with-credit-button > .creditButton > p {
	padding: 0;
	width: -webkit-calc(0.875rem * 1.5);
	width: calc(0.875rem * 1.5);
	width: -webkit-calc(var(--base-font-size) * 1.5);
	width: calc(var(--base-font-size) * 1.5);
	display: block;
	line-height: var(--rating-module-height);
	text-align: center;
	-webkit-transition: background-color 0.1s ease-in-out;
	-o-transition: background-color 0.1s ease-in-out;
	transition: background-color 0.1s ease-in-out;
	text-transform: uppercase;
}

.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
	background-color: none;
	background: unset;
	background-color: rgba(100, 3, 15, 0.1);
	background-color: rgba(var(--swatch-primary-darkest), 0.1);
}

.page-rate-widget-box .rate-points,
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown,
.page-rate-widget-box .cancel,
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a,
.page-rate-widget-box .cancel a {
	color: rgb(12, 12, 12);
	color: rgb(var(--rating-module-text-color));
	font-weight: 700;
	position: relative;
	background: transparent;
}

.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a,
.page-rate-widget-box .cancel a {
	color: rgb(12, 12, 12);
	color: rgb(var(--rating-module-button-color));
	font-weight: 700;
	position: relative;
}

.page-rate-widget-box .cancel {
	font-size: 85%;
}

.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover,
.page-rate-widget-box .cancel a:hover {
	text-decoration: none;
}

.page-rate-widget-box .rateup a:hover {
	background-color: rgba(var(--rating-module-button-plus-color), 0.8);
}

.page-rate-widget-box .ratedown a:hover {
	background-color: rgba(var(--rating-module-button-negative-color), 0.8);
}

.page-rate-widget-box .cancel a:hover {
	background-color: rgba(var(--rating-module-button-cancel-color), 0.8);
}

.page-rate-widget-box .rate-points {
	line-height: var(--rating-module-height);
	padding: 0 -webkit-calc(0.875rem * 0.5);
	padding: 0 calc(0.875rem * 0.5);
	padding: 0 -webkit-calc(var(--base-font-size) * 0.5);
	padding: 0 calc(var(--base-font-size) * 0.5);
	text-transform: uppercase;
	font-size: -webkit-calc(0.875rem * 0.8);
	font-size: calc(0.875rem * 0.8);
	font-size: -webkit-calc(var(--base-font-size) * 0.8);
	font-size: calc(var(--base-font-size) * 0.8);
	/* !important is needed here to override styles loaded when Rate is clicked */
	background-color: transparent !important;
	color: rgb(12, 12, 12) !important;
	color: rgb(var(--rating-module-text-color)) !important;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.page-rate-widget-box .rate-points .number {
	font-size: -webkit-calc(0.875rem * 1.2);
	font-size: calc(0.875rem * 1.2);
	font-size: -webkit-calc(var(--base-font-size) * 1.2);
	font-size: calc(var(--base-font-size) * 1.2);
}

@media screen { 
	@media (min-width: 0px) {
		.page-rate-widget-box .rateup a,
		.page-rate-widget-box .ratedown a,
		.page-rate-widget-box .cancel a {
			font-size: 0;
		}

		.page-rate-widget-box .rateup a::before,
		.page-rate-widget-box .ratedown a::before,
		.page-rate-widget-box .cancel a::before {
			content: " ";
			position: absolute;
			width: -webkit-calc(0.875rem * 1.5);
			width: calc(0.875rem * 1.5);
			width: -webkit-calc(var(--base-font-size) * 1.5);
			width: calc(var(--base-font-size) * 1.5);
			height: var(--rating-module-height);
			top: 0;
			left: 0;
			-webkit-mask-size: -webkit-calc(var(--rating-module-height) * 0.8);
			mask-size: calc(var(--rating-module-height) * 0.8);
			-webkit-mask-position: center;
			mask-position: center;
			-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
			background-color: rgb(12, 12, 12);
			background-color: rgb(var(--rating-module-button-color));
			pointer-events: none;
		}

		.page-rate-widget-box .rateup a::before {
			-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
			mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
		}

		.page-rate-widget-box .ratedown a::before {
			-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 13H5v-2h14v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
			mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 13H5v-2h14v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
		}

		.page-rate-widget-box .cancel a::before {
			-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
			mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
		}

		.page-rate-widget-box .rateup a:hover::before,
		.page-rate-widget-box .ratedown a:hover::before,
		.page-rate-widget-box .cancel a:hover::before {
			background-color: rgb(var(--rating-module-text-hover-color))
		}
	}
}

/* Heritage Rating Module */

.heritage-rating-module {
	display: inline-block;
	background-color: #633;
	border: solid 0.0625rem #ccc066;
	-webkit-border-radius: 0.5rem;
	border-radius: 0.5rem;
	-webkit-box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
	box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
	margin-right: 2em;
	margin-bottom: 0.625rem;
	padding: 0.125rem 0.5rem 0.125rem 0.3125rem;
}

.heritage-rating-module .page-rate-widget-box {
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 0;
	margin-right: 0;
}

.heritage-rating-module .heritage-emblem {
	float: left;
	position: relative;
	top: -0.125rem;
	left: 0.125rem;
	height: 1rem;
	width: 1rem;
	overflow: visible;
	margin-right: 0.125rem;
}

.heritage-rating-module .heritage-emblem img {
	width: 1.25rem;
	height: 1.25rem;
	border: 0;
}

/* Info module */
/* These override the styles provided by the base Info Module so have been given a higher specificity with #page-content */

#page-content .creditRate {
	margin-right: 0;
	margin-bottom: 0;
}

#page-content .rate-box-with-credit-button {
	--box-shadow: rgba(var(--swatch-menubg-black-color), 0.15);
	overflow: hidden;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0.0625rem 0.0625rem 0 rgba(12, 12, 12, 0.15);
	box-shadow: 0.0625rem 0.0625rem 0 rgba(12, 12, 12, 0.15);
	-webkit-box-shadow: 0.0625rem 0.0625rem 0 var(--box-shadow);
	box-shadow: 0.0625rem 0.0625rem 0 var(--box-shadow);
	padding: 0 0.125rem;
	margin-bottom: 0.75rem;
	background: -webkit-gradient(linear,
		left bottom, left top,
		from(rgba(170, 170, 170, 0.25)),
		to(rgba(170, 170, 170, 0.15)));
	background: -webkit-linear-gradient(bottom,
		rgba(170, 170, 170, 0.25) 0%,
		rgba(170, 170, 170, 0.15) 100%);
	background: -o-linear-gradient(bottom,
		rgba(170, 170, 170, 0.25) 0%,
		rgba(170, 170, 170, 0.15) 100%);
	background: linear-gradient(to top,
		rgba(170, 170, 170, 0.25) 0%,
		rgba(170, 170, 170, 0.15) 100%);
	background: -webkit-gradient(linear,
		left bottom, left top,
		from(rgba(var(--swatch-menubg-medium-color), 0.25)),
		to(rgba(var(--swatch-menubg-medium-color), 0.15)));
	background: -webkit-linear-gradient(bottom,
		rgba(var(--swatch-menubg-medium-color), 0.25) 0%,
		rgba(var(--swatch-menubg-medium-color), 0.15) 100%);
	background: -o-linear-gradient(bottom,
		rgba(var(--swatch-menubg-medium-color), 0.25) 0%,
		rgba(var(--swatch-menubg-medium-color), 0.15) 100%);
	background: linear-gradient(to top,
		rgba(var(--swatch-menubg-medium-color), 0.25) 0%,
		rgba(var(--swatch-menubg-medium-color), 0.15) 100%);
	background-color: rgb(252, 252, 252);
	background-color: rgb(var(--swatch-background));
	border: 0.0625rem solid rgba(12, 12, 12, 0.25);
	border: 0.0625rem solid rgba(var(--swatch-menubg-black-color), 0.25);
	height: var(--rating-module-height);
}

#page-content .rate-box-with-credit-button > .creditButton:hover {
	background: rgba(50, 50, 50, 0.1);
}

#page-content .rate-box-with-credit-button > .creditButton > p {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}

#page-content .rate-box-with-credit-button > .creditButton > p,#page-content .rate-box-with-credit-button > .creditButton > p > a {
	width: -webkit-calc(var(--rating-module-height) * 1.5);
	width: calc(var(--rating-module-height) * 1.5);
	height: var(--rating-module-height);
}

#page-content .rate-box-with-credit-button > .creditButton > p > a {
	border-left: none;
	font-size: 1em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 0;
}

@media screen { 
	@media (min-width: 0px) {
		#page-content .rate-box-with-credit-button > .creditButton > p > a::before {
			content: " ";
			position: absolute;
			width: -webkit-calc(0.875rem * 1.5);
			width: calc(0.875rem * 1.5);
			width: -webkit-calc(var(--base-font-size) * 1.5);
			width: calc(var(--base-font-size) * 1.5);
			height: var(--rating-module-height);
			top: 0;
			left: 0;
			background-color: rgb(252, 252, 252);
			background-color: rgb(var(--swatch-menubg-black-color));
			-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103 205.3' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M4.2,75.6c24.1-2.6,48.2-5.2,74.9-8.1c0,15.6,0,29.4,0,43.3c0,20.8,0.4,41.6-0.2,62.3 c-0.3,10.5,4,16.3,13.4,20c4,1.5,7.1,5.3,10.6,8c-0.8,1.4-1.6,2.8-2.4,4.3c-32.4,0-64.8,0-97.3,0c-0.9-1.1-1.7-2.3-2.6-3.4 c3.3-2.7,6.2-7,9.9-7.8c11.4-2.3,15.3-9,15.2-19.9c-0.2-20.3-0.6-40.5,0.1-60.8c0.4-11.8-4.4-18.1-15-22.3c-4.4-1.8-7.4-7.2-11-11 C1.4,78.6,2.8,77.1,4.2,75.6z'/%3E%3Cpath fill='%23FFFFFF' d='M79.6,27c0,16.3-11,26.9-27.5,26.7c-16.5-0.2-26.2-9.9-26.2-26c0-17,10.1-27.7,26.5-27.7 C68.6-0.1,79.6,10.8,79.6,27z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
			mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103 205.3' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M4.2,75.6c24.1-2.6,48.2-5.2,74.9-8.1c0,15.6,0,29.4,0,43.3c0,20.8,0.4,41.6-0.2,62.3 c-0.3,10.5,4,16.3,13.4,20c4,1.5,7.1,5.3,10.6,8c-0.8,1.4-1.6,2.8-2.4,4.3c-32.4,0-64.8,0-97.3,0c-0.9-1.1-1.7-2.3-2.6-3.4 c3.3-2.7,6.2-7,9.9-7.8c11.4-2.3,15.3-9,15.2-19.9c-0.2-20.3-0.6-40.5,0.1-60.8c0.4-11.8-4.4-18.1-15-22.3c-4.4-1.8-7.4-7.2-11-11 C1.4,78.6,2.8,77.1,4.2,75.6z'/%3E%3Cpath fill='%23FFFFFF' d='M79.6,27c0,16.3-11,26.9-27.5,26.7c-16.5-0.2-26.2-9.9-26.2-26c0-17,10.1-27.7,26.5-27.7 C68.6-0.1,79.6,10.8,79.6,27z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
			-webkit-mask-size: -webkit-calc(var(--rating-module-height) * 0.35);
			mask-size: calc(var(--rating-module-height) * 0.35);
			-webkit-mask-position: top 0.3em center;
			mask-position: top 0.3em center;
			-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
			pointer-events: none;
		}

		#page-content .rate-box-with-credit-button > .creditButton > p > a:hover::before {
			background-color: rgb(var(--rating-module-button-credit-color))
		}
	}
}

#page-content .rate-box-with-credit-button > .page-rate-widget-box {
	overflow: hidden;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 0 0.125rem;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Article Images */

.scp-image-block {
	--box-shadow: rgba(var(--swatch-menubg-black-color, 12, 12, 12));
	border: solid 0.0625rem rgb(var(--swatch-primary-darkest));
	box-shadow: 0 0.0625rem 0.375rem rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0.0625rem 0.375rem rgba(0, 0, 0, 0.25);
	box-shadow: 0 0.0625rem 0.375rem var(--box-shadow);
	-webkit-box-shadow: 0 0.0625rem 0.375rem var(--box-shadow);
	width: 18.75rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-flow: column nowrap;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 100%;
}

.scp-image-block.block-right {
	float: right;
	clear: right;
	margin: 0 0 1em 2em;
}

.scp-image-block.block-left {
	float: left;
	clear: left;
	margin: 0 2em 1em 0;
}

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

.scp-image-block img {
	border: 0;
	min-width: 100%;
}

.scp-image-caption {
	min-width: 100%;
}

.scp-image-block .scp-image-caption {
	background-color: rgb(244, 244, 244);
	background-color: rgb(var(--swatch-menubg-light-color));
	border-top: solid 0.0625rem rgb(12, 12, 12);
	border-top: solid 0.0625rem rgb(var(--swatch-menubg-black-color));
	font-size: 80%;
	font-weight: 700;
	text-align: center;
	padding: 0.125rem 0;
}

.scp-image-block .scp-image-caption > p {
	margin: 0;
	padding: 0 0.625rem;
}

div.block-right,
div.block-left {
	min-width: 30%;
}

/* Tables */

table.wiki-content-table * {
	margin: 0;
	padding: 0;
}

table.wiki-content-table {
	border-collapse: unset;
	border-spacing: 0;
	margin: 0.5em auto;
	display: table;
	background-color: transparent;
}

table.wiki-content-table th {
	background: rgb(170, 170, 170);
	background: rgb(var(--swatch-menubg-medium-color));
	color: rgb(252, 252, 252);
	color: rgb(var(--swatch-menutxt-light-color));
}

table.wiki-content-table th,
table.wiki-content-table tr {
	/* Override's border on wikidot's default layout */
	border: 0.0625rem solid rgba(66, 66, 72, 0.25) !important;
	border: 0.0625rem solid rgba(var(--swatch-menubg-medium-dark-color), 0.25) !important;
}

.translation-box-stylesheet {
	display: none;
}

/* Rating List Columns */

#who-rated-page-area > div {
    display: grid;
    grid-gap: 0.25em;
    grid-template-columns: repeat(4, 1fr auto);
    grid-auto-flow: row;
	justify-items: end;
}

#who-rated-page-area br {
	display: none;
}

#who-rated-page-area > div > span[style*="color"] {
    font-weight: 900;
    text-align: left;
}

#who-rated-page-area .printuser a {
    white-space: nowrap;
    font-size: 80%;
}


/* Mobile Elements */

@media only screen and (max-width: 768px) {
	:root {
		--rating-module-height: 1.5rem;
	}

	div.block-right,
	div.block-left {
		min-width: 40%;
		margin: 0 auto;
	}

	#who-rated-page-area > div {
		grid-template-columns: repeat(2, 1fr auto);
	}
}

/* most of this is copied from the sidebar */

body#translations {
	background: rgb(252, 252, 252);
	background: rgb(var(--swatch-menubg-color));
}

#translations .interwiki__title {
	min-height: 1.5625rem;
	background: -webkit-linear-gradient(
		80deg,
		rgba(140, 20, 25, 0.45) 0%,
		rgba(140, 20, 25, 0.55) 100%
	);
	background: -o-linear-gradient(
		80deg,
		rgba(140, 20, 25, 0.45) 0%,
		rgba(140, 20, 25, 0.55) 100%
	);
	background: linear-gradient(
		10deg,
		rgba(140, 20, 25, 0.45) 0%,
		rgba(140, 20, 25, 0.55) 100%
	);
	background: var(--gradient-sidemenu-header);
}

#translations .interwiki__title p {
	--text-shadow: rgb(var(--swatch-border-color, 12, 12, 12));
	padding-right: 1rem;
	letter-spacing: 0.2rem;
	color: rgb(252, 252, 252);
	color: rgb(var(--swatch-menutxt-light-color));
	height: 1.5625rem;
	line-height: 1.5625rem;
	text-transform: uppercase;
	font-size: -webkit-calc(0.875rem * 0.95);
	font-size: calc(0.875rem * 0.95);
	font-weight: 900;
	text-align: right;
	text-shadow: 0.063rem 0.063rem 0.063rem rgb(12, 12, 12);
	text-shadow: 0.063rem 0.063rem 0.063rem var(--text-shadow);
	display: block;
}

#translations .interwiki__entry {
	margin: 0;
	text-align: right;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	/*color: transparent;*/
	font-size: 0;
	min-height: -webkit-calc(2rem - 0.125rem);
	min-height: calc(2rem - 0.125rem);
	min-height: -webkit-calc(2rem - var(--sidebar-internal-border-thickness));
	min-height: calc(2rem - var(--sidebar-internal-border-thickness));
	border-bottom: 0.125rem solid rgba(12, 12, 12, 0.08);
	border-bottom: var(--sidebar-internal-border-thickness) solid
		rgba(var(--swatch-border-color), 0.08);
	-webkit-flex-shrink: 2;
	-ms-flex-negative: 2;
	flex-shrink: 2;
}

#translations .interwiki__entry a {
	padding: 0 0.6em;
	margin: 0;
	color: rgb(12, 12, 12);
	color: rgb(var(--swatch-menutxt-dark-color));
	font-size: 0.875rem;
	font-size: var(--base-font-size);
	letter-spacing: 0.04em;
	background-color: rgba(12, 12, 12, 0);
	background-color: rgba(var(--swatch-menubg-hover-color), 0);
	-webkit-transition: background-color 80ms cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: background-color 80ms cubic-bezier(0.4, 0, 0.2, 1);
	transition: background-color 80ms cubic-bezier(0.4, 0, 0.2, 1);
	display: block;
	height: -webkit-calc(2rem - 0.125rem);
	height: calc(2rem - 0.125rem);
	height: -webkit-calc(2rem - var(--sidebar-internal-border-thickness));
	height: calc(2rem - var(--sidebar-internal-border-thickness));
	line-height: -webkit-calc(2rem - 0.125rem);
	line-height: calc(2rem - 0.125rem);
	line-height: -webkit-calc(2rem - var(--sidebar-internal-border-thickness));
	line-height: calc(2rem - var(--sidebar-internal-border-thickness));
	background-clip: padding-box;
}

/*
Styles in main.css will override styles in sidebar.css
Consider having a stylesheet whose sole function is to @import sub stylesheets (including main.css) in the correct order?
*/

/* Selection color */

::-moz-selection {
	background: rgba(180, 35, 35, 0.25);
	background: rgba(var(--swatch-primary, 180, 35, 35),0.25);
	text-shadow: none;
}

::selection {
	background: rgba(180, 35, 35, 0.25);
	background: rgba(var(--swatch-primary, 180, 35, 35),0.25);
	text-shadow: none;
}

/* main css files, yet to be organized */

.browserupgrade {
	background: #ccc;
	color: #000;
	margin: 0.2em 0;
	padding: 0.2em 0;
}

.code {
	background-color: rgb(244, 244, 244);
	background-color: rgb(var(--swatch-menubg-light-color,  244, 244, 244));
	padding: 1em;
}

.code * {
	font-family: 'Roboto Mono', monospace;
	font-family: var(--mono-font);
	max-width: 85vw;
}

.code p,.code pre {
	margin: 0;
}

.code pre {
	white-space: pre;
}

#container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%;
	margin: 0;
}

#container,#content-wrap {
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	padding: 0;
}

#content-wrap {
	width: 97.5vw;
	min-height: -webkit-calc(100vh - 9.375rem);
	min-height: calc(100vh - 9.375rem);
	flex-grow: 2;
	height: auto;
	position: initial;
	/* display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex; */
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center; 
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto -4.1em auto;
}

#page-title {
	min-height: 2rem;
	font-family: 'Kanit', sans-serif;
	font-family: var(--title-font);
	color: rgb(12, 12, 12);
	color: rgb(var(--swatch-text-dark, 12, 12, 12));
	font-weight: 600;
	/* Counteracting Aers' dropdown. Remove later when Aers fixes it */
	margin: 0 0 0.6em;
	padding: 0 0 0.25em;
	border-color: rgb(66, 66, 72);
	border-color: rgb(var(--swatch-menubg-medium-dark-color, 66, 66, 72));
	text-align: left;
}

.form-control {
	width: 95%;
}

/* no idea what this does - croque */
.info-container .collapsible-block-link,
.info-container:hover .collapsible-block-link {
	line-height: 1.6em;
}

/* Wikidot User Icons */

span.printuser {
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: baseline;
	justify-content: center;
}

.printuser img.small {
	margin-right: 0.0625rem;
	min-width: auto; /* Fixes issue where avatar gets stretched in specific situations */
}

#main-content {
	background-color: transparent;
	-webkit-flex-basis: 44.25rem;
	-ms-flex-preferred-size: 44.25rem;
	flex-basis: 44.25rem;
	-webkit-flex-basis: var(--body-width-on-desktop);
	-ms-flex-preferred-size: var(--body-width-on-desktop);
	flex-basis: var(--body-width-on-desktop);
	max-width: 44.25rem;
	max-width: var(--body-width-on-desktop);
	padding: 2rem;
	margin-bottom: 3rem;
	-webkit-box-flex: 2;
	-webkit-flex-grow: 2;
	-moz-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	margin-left: -webkit-calc(50vw - (44.25rem / 2) - 2rem);
	margin-left: calc(50vw - (44.25rem / 2) - 2rem);
	margin-left: -webkit-calc(50vw - (var(--body-width-on-desktop / 2) - 2rem));
	margin-left: calc(50vw - (var(--body-width-on-desktop / 2) - 2rem));
	margin-right: 1.5rem;
	max-height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

#breadcrumbs {
	font-weight: 85%;
	margin: -1em 0 1em;
}

/* Article Bottom Buttons */

div#page-info,
div.page-watch-options {
    padding: 0 1em;
}
 
div#page-options-bottom {
    width: 90%;
    margin: 0 auto 2.125rem auto;
}
 
div#page-options-bottom-2 {
    width: 90%;
    margin: -2.125rem auto 0 auto;
}
 
div#page-options-bottom,
div#page-options-bottom-2 {
    text-align: left;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
 
div#page-options-bottom,
div#page-options-bottom-2,
div#page-options-bottom > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
 
div#page-options-bottom > a,
div#page-options-bottom-2 > a {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -moz-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    padding: .25rem;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    background-color: rgba(178, 210, 180, 0.25);
    background-color: rgba(var(--swatch-menubg-light-color), 0.25);
    border: 0.0625rem solid rgba(255, 219, 90, 1);
    border: 0.0625rem solid rgba(var(--swatch-primary), 1);
    font-weight: 700;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -o-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
 
div#page-options-bottom-2 > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
 
div#page-options-bottom > a:hover,
div#page-options-bottom > a:active,
div#page-options-bottom-2 > a:hover,
div#page-options-bottom-2 > a:active {
    text-decoration: none;
    background-color: rgba(30, 55, 30, 1);
    background-color: rgba(var(--swatch-primary-darker), 1);
    color: rgba(255, 219, 90, 1);
    color: rgba(var(--swatch-menutxt-light-color), 1);
}

#footer {
	clear: both;
	font-size: 77%;
	background: rgb(100, 3, 15);
	background: rgb(var(--swatch-primary-darkest, 100, 3, 15));
	color: rgb(66, 66, 72);
	color: rgb(var(--swatch-menubg-medium-color, 66, 66, 72));
	margin-top: 0.9375rem;
	padding: 0.1875rem 0.625rem;
	width: -webkit-calc(100% - 1.25rem);
	width: calc(100% - 1.25rem);
	width: -webkit-calc(98.7vw - var(--sidebar-width-on-desktop));
	width: calc(98.7vw - var(--sidebar-width-on-desktop));
	height: 1rem;
	position: relative;
	align-self: flex-end;
}

#footer .options {
	visibility: visible;
	display: block;
	float: right;
	width: 50%;
	font-size: 100%;
	text-align: right;
}

#license-area {
	padding: 0;
	position: relative;
	align-self: flex-end;
	width: 100%;
}

div.sexy-box {
	background: rgb(252, 252, 252);
	background: rgb(var(--swatch-background, 252, 252, 252));
	border: 0.0625rem solid rgba(12, 12, 12, 0.25);
	border: 0.0625rem solid rgba(var(--swatch-border-color, 12, 12, 12), 0.25);
	overflow: hidden;
	margin: 0.4375rem 0.25rem 0.75rem;
	padding: 0 0.625rem 0.75rem;
}

div.sexy-box div.image-container img {
	border: 0.0625rem solid rgba(12, 12, 12, 0.5);
	border: 0.0625rem solid rgba(var(--swatch-border-color, 12, 12, 12), 0.5);
	margin: 0.3125rem;
	padding: 0.125rem;
}

#page-content {
	min-height: 45rem;
	max-width: 90vw;
}

.unmargined > p {
	line-height: 100%;
	margin: 0;
}

.content-panel {
	--box-shadow-1: rgba(var(--swatch-text-dark, 12, 12, 12), 0.16);
	--box-shadow-2: rgba(var(--swatch-text-dark, 12, 12, 12), 0.23);
	--box-shadow-3: rgb(var(--swatch-menubg-medium-color, 170, 170, 170));
	-webkit-border-radius: 0.625rem;
	border-radius: 0.625rem;
	background-color: rgba(66, 66, 72, 0.5);
	background-color: rgba(var(--gray-monochrome, 66, 66, 72), 0.5);
	-webkit-box-shadow:
		0 0.188em 0.375em rgba(12, 12, 12, 0.16),
		0 0.188em 0.375em rgba(12, 12, 12, 0.23), 
		0 0 0.063em 0 rgb(170, 170, 170) inset,
		0 0 0.063em 0 rgb(170, 170, 170);
	box-shadow:
		0 0.188em 0.375em rgba(12, 12, 12, 0.16),
		0 0.188em 0.375em rgba(12, 12, 12, 0.23), 
		0 0 0.063em 0 rgb(170, 170, 170) inset,
		0 0 0.063em 0 rgb(170, 170, 170);
	-webkit-box-shadow:
		0 0.188em 0.375em var(--box-shadow-1),
		0 0.188em 0.375em var(--box-shadow-2), 
		0 0 0.063em 0 var(--box-shadow-3:) inset,
		0 0 0.063em 0 var(--box-shadow-3:);
	box-shadow:
	0 0.188em 0.375em var(--box-shadow-1),
	0 0.188em 0.375em var(--box-shadow-2), 
	0 0 0.063em 0 var(--box-shadow-3:) inset,
	0 0 0.063em 0 var(--box-shadow-3:);
	margin: 0.625em 0 0.938em;
}

.content-panel.standalone {
	background: rgb(252, 252, 252);
	background: rgb(var(--swatch-background, 252, 252, 252));
	padding: 1em 2em 2em 2em !important;
	box-sizing: border-box;
}

.content-panel.series {
	margin-bottom: 1.25rem;
	padding: 0 1.25rem;
}

.content-panel.centered {
	text-align: center;
}

.content-panel.left-column {
	float: left;
	width: 48%;
}

.content-panel.right-column {
	float: right;
	width: 48%;
}

.content-panel .panel-heading {
	--text-shadow: rgba(var(--swatch-menutxt-dark-color, 12, 12, 12), 0.35);
	text-transform: uppercase;
	color: rgb(252, 252, 252);
	color: rgb(var(--swatch-menutxt-light-color, 252, 252, 252));
	font-size: 100%;
	font-weight: 900;
	text-shadow: 0.0625rem 0.0625rem 0.125rem rgba(12, 12, 12, 0.35);
	text-shadow: 0.0625rem 0.0625rem 0.125rem var(--text-shadow);
	padding: 0.313em 0.625em;
	text-align: center;
}

.content-panel .panel-body {
	background: rgb(var(--swatch-menubg-medium-color));
	padding: 0.313em 0.625em;
}

.content-panel .panel-body > .news-title {
	font-family: 'Kanit', sans-serif;
	font-family: var(--title-font);
	font-weight: 900;
	text-transform: uppercase;
	font-size: 90%;
}

.content-panel .panel-footer {
	--text-shadow: rgba(var(--swatch-menutxt-dark-color, 12, 12, 12), 0.5);
	font-size: 80%;
	font-weight: 700;
	text-align: right;
	text-shadow: 0.0625rem 0.0625rem 0.125rem rgba(12, 12, 12, 0.5);
	text-shadow: 0.0625rem 0.0625rem 0.125rem var(--text-shadow);
	padding: 0.0625rem 0.625rem;
}

.content-panel .panel-footer,.content-panel .panel-footer a {
	color: rgb(var(--swatch-menubg-medium-color));
}

.content-panel .content-toc {
	--box-shadow: rgba(var(--swatch-menutxt-dark-color, 12, 12, 12), 0.15);
	float: right;
	background-color: rgb(var(--swatch-menubg-medium-color));
	border: solid 0.0625rem rgb(var(--swatch-menubg-medium-dark-color));
	-webkit-border-radius: 0.625rem;
	border-radius: 0.625rem;
	white-space: nowrap;
	-webkit-box-shadow: inset 0.0625rem 0.125rem 0.375rem rgba(0, 0, 0, 0.15);
	box-shadow: inset 0.0625rem 0.125rem 0.375rem rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 0.0625rem 0.125rem 0.375rem var(--box-shadow);
	box-shadow: inset 0.0625rem 0.125rem 0.375rem var(--box-shadow);
	margin: 1.25rem 0 0.313rem 0.313rem;
	padding: 0 1.25rem;
}

.alternate:nth-child(even) {
	background-color: rgba(var(--white-monochrome), 0.9);
}

#main-content .page-tags {
	margin: 1em 0 0;
	padding: 0;
}

#main-content .page-tags span {
	display: inline-block;
	max-width: 100%;
	padding: 0;
}

#main-content .page-tags a {
	display: inline-block;
	white-space: nowrap;
}

.footer-wikiwalk-nav {
	font-weight: 700;
	font-size: 75%;
}

.forum-thread-box .description-block {
	--box-shadow-1: rgba(var(--swatch-menubg-black-color), 0.15);
	--box-shadow-2: rgba(var(--swatch-menubg-black-color), 0.8);
	--box-shadow-3: rgba(var(--swatch-menubg-color), 0.25);
	--box-shadow-4: rgba(var(--swatch-menubg-black-color), 0.1);
	-webkit-border-radius: 0.625rem;
	border-radius: 0.625rem;
	-webkit-box-shadow: 0 0.0625rem 0.3125rem rgba(0, 0, 0, 0.15),
		inset 0 0.0625rem 0 rgba(255, 255, 255, 0.8),
		inset 0 0.625rem 0.3125rem rgba(255, 255, 255, 0.25),
		inset 0 -0.9375rem 1.875rem rgba(0, 0, 0, 0.1);
	box-shadow: 0 0.0625rem 0.3125rem rgba(0, 0, 0, 0.15),
		inset 0 0.0625rem 0 rgba(255, 255, 255, 0.8),
		inset 0 0.625rem 0.3125rem rgba(255, 255, 255, 0.25),
		inset 0 -0.9375rem 1.875rem rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0.0625rem 0.3125rem var(--box-shadow-1),
		inset 0 0.0625rem 0 var(--box-shadow-2),
		inset 0 0.625rem 0.3125rem var(--box-shadow-3),
		inset 0 -0.9375rem 1.875rem var(--box-shadow-4);
	box-shadow: 0 0.0625rem 0.3125rem var(--box-shadow-1),
		inset 0 0.0625rem 0 var(--box-shadow-2),
		inset 0 0.625rem 0.3125rem var(--box-shadow-3),
		inset 0 -0.9375rem 1.875rem var(--box-shadow-4);
	padding: 0.5em 1em;
}

.thread-container .post .long {
	border: 0.0625rem solid rgba(var(--gray-monochrome),0.25);
	border-radius: .3125rem;
	padding: 0.5em;
}

.thread-container .post .head {
	--box-shadow: rgba(var(--swatch-menubg-black-color), 0.15);
	background: 
		-webkit-gradient(linear, left top, right top, from(rgba(244, 244, 244)), to(rgba(170, 170, 170))),
		rgba(244, 244, 244);
	background: 
		-webkit-linear-gradient(left, rgba(244, 244, 244), rgba(170, 170, 170)),
		rgba(244, 244, 244);
	background: 
		-o-linear-gradient(left, rgba(244, 244, 244), rgba(170, 170, 170)),
		rgba(244, 244, 244);
	background: ,
		linear-gradient(to right, rgba(244, 244, 244), rgba(170, 170, 170)),
		rgba(244, 244, 244);
	background:
		-webkit-gradient(linear, left top, right top, from(rgba(var(--swatch-menubg-light-color))), to(rgba(var(--swatch-menubg-medium-color)))),
		rgba(var(--swatch-menubg-light-color));
	background: 
		-webkit-linear-gradient(left, rgba(var(--swatch-menubg-light-color)), rgba(var(--swatch-menubg-medium-color))),
		rgba(var(--swatch-menubg-light-color));
	background: 
		-o-linear-gradient(left, rgba(var(--swatch-menubg-light-color)), rgba(var(--swatch-menubg-medium-color))),
		rgba(var(--swatch-menubg-light-color));
	background:
		linear-gradient(
			to right,
			rgba(var(--swatch-menubg-light-color)),
			rgba(var(--swatch-menubg-medium-color))			
		),
		rgba(var(--swatch-menubg-light-color));
	background-blend-mode: screen;
	-webkit-box-shadow: inset 0.125rem 0.1875rem 0.375rem rgba(0, 0, 0, 0.15);
	box-shadow: inset 0.125rem 0.1875rem 0.375rem rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 0.125rem 0.1875rem 0.375rem var(--box-shadow);
	box-shadow: inset 0.125rem 0.1875rem 0.375rem var(--box-shadow);
	-webkit-border-radius: 0.3125rem 0.3125rem 0 0;
	border-radius: 0.3125rem 0.3125rem 0 0;
	padding: 0.5em 1em;
}

.thread-container .post .long .content {
	padding: 0 1em;
}

.thread-container .post .long .head .title {
	font-weight: bold;
	font-size: 1.2em;
	font-family: var(--title-font);
	letter-spacing: 0.05em;
}

#page-content > div.forum-thread-box > div.new-post {
	display: flex;
	justify-content: flex-start;
}

#page-content > div.forum-thread-box > div.options,
.post-container > .post > div.long > div.options {
	display: flex;
	justify-content: flex-end;
}

#page-content > div.forum-thread-box > div.new-post > a,
#page-content > div.forum-thread-box > div.options a,
.post-container > .post > div.long > div.options a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	color: #64030f;
	color: rgb(var(--swatch-primary-darkest));
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-moz-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	padding: .25rem;
	-webkit-border-radius: .25rem;
	border-radius: .25rem;
	background-color: rgba(178,210,180,0.25);
	background-color: rgba(var(--swatch-menubg-light-color),0.25);
	border: .0625rem solid rgba(140,20,25,1);
	border: .0625rem solid rgba(var(--swatch-primary-darker),1);
	margin: 0.1rem;
	font-weight: 700;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: background-color 300ms cubic-bezier(0.4,0.0,0.2,1),color 300ms cubic-bezier(0.4,0.0,0.2,1);
	-o-transition: background-color 300ms cubic-bezier(0.4,0.0,0.2,1),color 300ms cubic-bezier(0.4,0.0,0.2,1);
	transition: background-color 300ms cubic-bezier(0.4,0.0,0.2,1),color 300ms cubic-bezier(0.4,0.0,0.2,1)
}

#page-content > div.forum-thread-box > div.new-post > a:hover,
#page-content > div.forum-thread-box > div.new-post > a:active,
#page-content > div.forum-thread-box > div.options > a:hover,
#page-content > div.forum-thread-box > div.options > a:active,
.post-container > .post > div.long > div.options a:hover,
.post-container > .post > div.long > div.options a:active {
	text-decoration: none;
	background-color: rgba(30,55,30,1);
	background-color: rgba(var(--swatch-menubg-dark-color),1);
	color: rgb(140, 20, 25);
	color: rgb(var(--swatch-primary-darker))
}

.ruby {
	display: inline-table;
	line-height: 1;
	height: 1em;
	vertical-align: text-bottom;
}

.ruby,.rt {
	text-align: center;
	white-space: nowrap;
}

.rt {
	display: table-header-group;
	font-size: 0.6em;
	line-height: 1.1;
}

.keycap {
	border: 0.0625rem solid;
	border-bottom-width: 0.125rem;
	-webkit-border-radius: 0.1875rem;
	border-radius: 0.1875rem;
	background-color: rgb(252, 252, 252);
	background-color: rgb(var(--swatch-background, 252, 252, 252));
	font-family: inherit;
	font-size: 0.85em;
	white-space: nowrap;
	border-color: 
		rgb(244, 244, 244)
		rgb(244, 244, 244)
		rgb(244, 244, 244)
		rgb(244, 244, 244);
	border-color: 
		rgb(var(--swatch-menubg-light-color,  244, 244, 244))
		rgb(var(--swatch-menubg-light-color,  244, 244, 244))
		rgb(var(--swatch-menubg-light-color,  244, 244, 244))
		rgb(var(--swatch-menubg-light-color,  244, 244, 244));
	padding: 0.0625rem 0.1875rem;
}

.tags {
	display: inline-block;
	height: 0.8125rem;
	line-height: 13px;
	line-height: 0.8125rem;
	font-size: 11px;
	font-size: 0.6875rem;
	background: rgb(48, 48, 52);
	background: rgb(var(--swatch-menubg-dark-color, 48, 48, 52));
	color: rgb(252, 252, 22));
	color: rgb(var(--swatch-menutxt-light-color, 252, 252, 252));
	text-decoration: none;
	-webkit-border-bottom-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	-webkit-border-top-right-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	margin: 0 0 0 0.3125rem;
	padding: 0.1875rem 0.3125rem 0.1875rem 0;
}

.tags:before {
	top: -0.1875rem;
	left: -0.625rem;
	width: 0;
	height: 0;
	border-color: 
		transparent 
		rgb(48, 48, 52) 
		transparent 
		transparent;
	border-color: 
		transparent 
		rgb(var(--swatch-menubg-dark-color,  48, 48, 52)) 
		transparent 
		transparent;
	border-style: solid;
	border-width: 0.5rem 0.5rem 0.5rem 0;
	padding: 0 0.0625rem 0.1875rem;
}

.tags:before,.tags:after {
	content: "";
	float: left;
	position: relative;
}

.tags:after {
	--box-shadow: rgb(var(--swatch-menubg-dark-color,  48, 48, 52));
	top: 0.28125rem;
	left: -0.5rem;
	width: 0.25rem;
	height: 0.25rem;
	-webkit-border-radius: 0.125rem;
	border-radius: 0.125rem;
	background-color: rgb(252, 252, 252);
	background-color: rgb(var(--swatch-background, 252, 252, 252));
	-webkit-box-shadow: -0.0625rem -0.0625rem 0.125rem rgb(48, 48, 52);
	box-shadow: -0.0625rem -0.0625rem 0.125rem rgb(48, 48, 52);
	-webkit-box-shadow: -0.0625rem -0.0625rem 0.125rem var(--box-shadow);
	box-shadow: -0.0625rem -0.0625rem 0.125rem var(--box-shadow);
}

.bblock:hover {
	background-color: rgb(12, 12, 12);
	background-color: rgb(var(--swatch-menubg-black-color, 12, 12, 12));
	color: rgb(100, 3, 15);
	color: rgb(var(--swatch-primary-darkest, 100, 3, 15));
	text-decoration: none;
}

.dblock:hover {
	background-color: transparent;
	text-decoration: none;
}

.emph {
	-webkit-text-emphasis-style: dot;
	text-emphasis-style: dot;
}

.page-source {
	word-break: break-all;
}

.visuallyhidden {
	border: 0;
	clip: rect(0000);
	height: 0.0625rem;
	overflow: hidden;
	position: absolute;
	width: 0.0625rem;
	white-space: nowrap;
	margin: -0.0625rem;
	padding: 0;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	overflow: visible;
	position: static;
	width: auto;
	white-space: inherit;
	margin: 0;
}

.invisible {
	visibility: hidden;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

div#container-wrap {
	background: none;
}

textarea,
.yui-navset li {
	line-height: normal;
}

.title.modal-header,
.owindow {
	background-color: rgb(252, 252, 252);
	background-color: rgb(var(--swatch-background, 252, 252, 252));
}

.signature,
.hidden {
	display: none;
}

.bblock,
.dblock {
	color: rgb(12, 12, 12);
	color: rgb(var(--swatch-text-dark, 12, 12, 12));
	color: rgb(12, 12, 12);
	color: rgb(var(--swatch-menubg-black-color, 12, 12, 12));
	-webkit-transition: 2s;
	-o-transition: 2s;
	transition: 2s;
	text-decoration: none;
}

#page-content div,
#page-content div table {
	max-width: 100%;
}

/* Edit Area Styling */

table.form {
	margin: 0.5rem -0.25rem;
}

table.form, table.form > tbody {
	width: 100%;
}

table.form tr {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	   -moz-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	width: 100%;
}

form#edit-page-form {
	background-color: rgba(170, 170, 170, 0.25);
	background-color: rgba(var(--swatch-menubg-medium-color), 0.25);
	-webkit-border-radius: 1rem;
	border-radius: 1rem;
	padding: 0 0.5rem;
}

.wd-editor-toolbar-panel {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0.5rem 0;
}

.change-textarea-size {
	float: right;
	text-align: right;
	padding: 0.5rem;
}

.change-textarea-size a {
	color: rgba(12, 12, 12);
	color: rgba(var(--swatch-menutxt-dark-color));
	background-color: rgba(170, 170, 170);
	background-color: rgba(var(--swatch-menubg-medium-color));
	border: 0.0625rem solid rgba(12, 12, 12);
	border: 0.0625rem solid rgba(var(--swatch-border-color));
	padding: 0.15rem;
	width: 1rem;
	height: 1rem;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 600;
}

.edit-help-34 {
	margin: 0.5rem;
	text-transform: capitalize;
}

.edit-help-34 > a:nth-of-type(1)::after {
	content: " |";
}

table.edit-page-bottomtable td {
	padding: 0;
}

table.edit-page-bottomtable {
	width: 100%;
}

div.buttons.alignleft > input {
	-webkit-box-flex: 2;
	-webkit-flex-grow: 2;
	-moz-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	padding: 0.25rem;
	-webkit-border-radius: 0.25rem;
	border-radius: 0.25rem;
}

div.buttons.alignleft {
	text-align: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* 1% Height Firefox Fixes */

.footnotes-footer,
.page-options-bottom,
.owindow .title,
.math-equation,
.bibitem,
.thread-container .post .long .options {
	height: auto;
}

/* Hiding Hidden Tags */
#main-content .page-tags a[href^="/system:page-tags/tag/_"] {
	display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.emph {
		font-family: monospace;
		font-style: normal;
		font-weight: 400;
		background-image: url(http://www.kaktuskontainer.wikidot.com/local--files/component%3Atheme/dot.png),
			none;
		background-repeat: repeat-x;
		background-color: transparent;
		background-clip: padding-box, content-box;
		-webkit-background-size: 1em 1.3em auto;
		background-size: 1em 1.3em auto;
		padding: 0.5em 0 0;
	}
}

@media only screen and (max-width: 768px) {
	#page-content {
		font-size: 0.9em;
	}

	#main-content {
		max-width: 90vw;
		-webkit-transition: 0.5s ease-in-out 0.1s;
		-o-transition: 0.5s ease-in-out 0.1s;
		transition: 0.5s ease-in-out 0.1s;
		margin-left: 5%;
		margin-right: 5%;
		padding: 0;
	}

	.mobile-top-bar > div > p {
		display: block;
	}

	.page-options-bottom {
		height: initial;
	}

	.page-options-bottom a {
		padding: 0 0.25rem;
	}

	blockquote,
	.blockquote {
		margin: 1em 0;
	}

	.license-area {
		font-size: 0.8em;
	}

	.page-history tbody tr td:last-child {
		width: 35%;
		font-size: 1.5rem;
	}

	.owindow {
		min-width: 80%;
		max-width: 99%;
	}

	.modal-body .table,
	.modal-body .table ~ div {
		float: left;
	}

	.owindow .button-bar {
		float: right;
	}

	.owindow div .btn-primary {
		width: 100%;
		float: left;
	}

	.yui-navset {
		z-index: 1;
	}

	table.form td,
	table.form th {
		float: left;
		padding: 0;
	}

	td.name {
		width: 15em;
	}

	#edit-page-title {
		font-family: 'Kanit', sans-serif;
		font-family: var(--title-font);
		max-width: 90%;
	}

	.content-panel.left-column,
	.content-panel.right-column {
		width: 99%;
		float: left;
	}

	#page-content div,
	#page-content div table {
		clear: both;
	}

	#page-content div.title {
		font-family: 'Kanit', sans-serif;
		font-family: var(--title-font);
		word-break: keep-all;
	}

	#content-wrap {
		margin: 2.875em auto 0;
	}

	#footer {
		width: auto;
		bottom: 1rem;
		align-self: auto;
	}

	#license-area {
		font-size: 1em;
		bottom: -1.5em;
		width: 90%;
		margin: 0 auto;
		line-height: 1;
		height: 2rem;
	}

	#search-top-box-input,
	#navi-bar,
	#navi-bar-shadow {
		display: none;
	}

	#recent-posts-category,
	.owindow div .btn-primary ~ div {
		width: 100%;
	}
}

@media print {
	*,
	:before,
	:after {
		background: transparent;
		color: rgb(12, 12, 12);
		color: rgb(var(--swatch-text-dark, 12, 12, 12));
		-webkit-box-shadow: none;
		box-shadow: none;
		text-shadow: none;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}

	pre {
		white-space: pre-wrap;
	}

	pre,
	blockquote,
	.blockquote {
		border: 0.0625rem solid rgb(66, 66, 72);
		border: 0.0625rem solid rgb(var(--swatch-menubg-medium-color, 66, 66, 72));
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}