@import url("https://use.typekit.net/afb2wxe.css");

@supports((display: -ms-grid) or (display: grid)) {

	:root {
		/* S-CSS-P Integration */
		/* If you're making a new CSS theme, please include the following three variables at minimum. */
		--theme-base: "black-highlighter";
		/* must be either "black-highlighter" or "sigma9" */
		--theme-id: "AESTHETIC-theme";
		/* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
		--theme-name: "AESTHETIC Theme";
		/* set this to your theme's full name */

		/* Header */
		--logo-image: url("http://scp-wiki.wdfiles.com/local--files/theme%3Aaesthetic-theme/AESTHETIC_logo.png");

		/* Typefaces */
		--body-font: prenton, '等线', serif;
		--header-font: flood-std, '方正舒体', sans-serif;
		--title-font: eurostile-extended, '黑体', sans-serif;
		--mono-font: novel-mono-pro, '幼圆', monospace;

		/* Standard Colors */
		--white-monochrome: 217, 233, 251;
		--pale-gray-monochrome: 1, 245, 252;
		--light-pale-gray-monochrome: 170, 207, 251;
		--very-light-gray-monochrome: 26, 139, 235;
		--light-gray-monochrome: 150, 62, 184;
		--gray-monochrome: 92, 42, 95;
		--dark-gray-monochrome: 39, 6, 75;
		--black-monochrome: 14, 12, 45;
		--bright-accent: 250, 245, 45;
		--medium-accent: 255, 52, 131;
		--dark-accent: 195, 42, 158;
		--newpage-color: 204, 5, 166;

		--swatch-text-general: var(--swatch-text-light);
		--swatch-menutxt-general-color: var(--swatch-menutxt-light-color);

		--swatch-headerh2-color: var(--dark-gray-monochrome);

		--swatch-topmenu-border-color: var(--pale-gray-monochrome);
		--swatch-topmenu-bg-color: var(--dark-gray-monochrome);

		--swatch-border-color: var(--pale-gray-monochrome);

		--rating-module-text-color: var(--bright-accent);
		--rating-module-button-color: var(--bright-accent);

		--swatch-background: var(--black-monochrome, 14, 12, 45);
		--background-gradient-color: var(--dark-accent);

		--header-gradient-color-bottom: var(--light-gray-monochrome);
		--header-gradient-color-middle: var(--dark-accent);
		--header-gradient-color-top: var(--medium-accent);

		--gradient-header: linear-gradient(355deg,
			rgb(var(--header-gradient-color-bottom)) 0%,
			rgb(var(--header-gradient-color-middle)) 20%,
			rgb(var(--header-gradient-color-top)) 100%);

		--rating-module-text-color: var(--dark-gray-monochrome);
		--rating-module-button-color: var(--dark-gray-monochrome);

		--scrollbar-width: 0.5rem;
	}

	::-webkit-scrollbar,
	#side-bar:hover::-webkit-scrollbar {
		background-color: rgba(var(--dark-gray-monochrome), 1);
	}

	::-webkit-scrollbar-thumb,
	#side-bar:hover::-webkit-scrollbar-thumb {
		background-color: rgba(var(--pale-gray-monochrome), 1);
	}

	::-moz-selection {
		background: rgba(var(--pale-gray-monochrome), 0.25);
	}

	::selection {
		background: rgba(var(--pale-gray-monochrome), 0.25);
	}

	html {
		background: white;
	}

	html,
	body {
		color: rgb(var(--swatch-text-light));
		-webkit-font-feature-settings: "onum"0;
		-moz-font-feature-settings: "onum"0;
		font-feature-settings: "onum"0;
		font-variant-numeric: tabular-nums;
		scrollbar-color: rgb(var(--pale-gray-monochrome)) rgb(var(--dark-gray-monochrome));
	}

	a {
		color: rgb(var(--swatch-primary-darker));
	}

	@supports((-webkit-mask-image: inherit) or (mask-image: inherit)) {
		#extra-div-1 {
			width: 100%;
			height: -webkit-calc(100% - var(--final-header-height-on-desktop));
			height: -moz-calc(100% - var(--final-header-height-on-desktop));
			height: calc(100% - var(--final-header-height-on-desktop));
			position: absolute;
			top: var(--final-header-height-on-desktop);
			left: 0;
			background-image: var(--gradient-background);
			-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 2580' xml:space='preserve'%3E%3Cg id='Outrun Lines'%3E%3Cg%3E%3Crect width='1000' height='60'/%3E%3Crect y='63' width='1000' height='12'/%3E%3Crect y='78' width='1000' height='13'/%3E%3Crect y='94' width='1000' height='12'/%3E%3Crect y='109' width='1000' height='13'/%3E%3Crect y='125' width='1000' height='12'/%3E%3Crect y='141' width='1000' height='12'/%3E%3Crect y='157' width='1000' height='12'/%3E%3Crect y='172' width='1000' height='12'/%3E%3Crect y='187' width='1000' height='12'/%3E%3Crect y='203' width='1000' height='12'/%3E%3Crect y='219.5' width='1000' height='11'/%3E%3Crect y='234.5' width='1000' height='11'/%3E%3Crect y='249.5' width='1000' height='11'/%3E%3Crect y='265.5' width='1000' height='11'/%3E%3Crect y='281' width='1000' height='10'/%3E%3Crect y='297' width='1000' height='10'/%3E%3Crect y='313' width='1000' height='9'/%3E%3Crect y='328' width='1000' height='9'/%3E%3Crect y='343.5' width='1000' height='9'/%3E%3Crect y='359' width='1000' height='8'/%3E%3Crect y='374' width='1000' height='9'/%3E%3Crect y='391' width='1000' height='8'/%3E%3Crect y='407' width='1000' height='8'/%3E%3Crect y='422' width='1000' height='8'/%3E%3Crect y='437' width='1000' height='8'/%3E%3Crect y='453' width='1000' height='8'/%3E%3Crect y='469' width='1000' height='6'/%3E%3Crect y='485' width='1000' height='6'/%3E%3Crect y='501' width='1000' height='4'/%3E%3Crect y='517' width='1000' height='4'/%3E%3Crect y='533' width='1000' height='4'/%3E%3Crect y='549' width='1000' height='3'/%3E%3Crect y='564' width='1000' height='3'/%3E%3Crect y='579' width='1000' height='3'/%3E%3Crect y='595' width='1000' height='3'/%3E%3Crect y='611' width='1000' height='2'/%3E%3Crect y='627' width='1000' height='2'/%3E%3Crect y='643' width='1000' height='2'/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_2'%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%3Csvg version='1.2' baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 2580' xml:space='preserve'%3E%3Cg id='Outrun Lines'%3E%3Cg%3E%3Crect width='1000' height='60'/%3E%3Crect y='63' width='1000' height='12'/%3E%3Crect y='78' width='1000' height='13'/%3E%3Crect y='94' width='1000' height='12'/%3E%3Crect y='109' width='1000' height='13'/%3E%3Crect y='125' width='1000' height='12'/%3E%3Crect y='141' width='1000' height='12'/%3E%3Crect y='157' width='1000' height='12'/%3E%3Crect y='172' width='1000' height='12'/%3E%3Crect y='187' width='1000' height='12'/%3E%3Crect y='203' width='1000' height='12'/%3E%3Crect y='219.5' width='1000' height='11'/%3E%3Crect y='234.5' width='1000' height='11'/%3E%3Crect y='249.5' width='1000' height='11'/%3E%3Crect y='265.5' width='1000' height='11'/%3E%3Crect y='281' width='1000' height='10'/%3E%3Crect y='297' width='1000' height='10'/%3E%3Crect y='313' width='1000' height='9'/%3E%3Crect y='328' width='1000' height='9'/%3E%3Crect y='343.5' width='1000' height='9'/%3E%3Crect y='359' width='1000' height='8'/%3E%3Crect y='374' width='1000' height='9'/%3E%3Crect y='391' width='1000' height='8'/%3E%3Crect y='407' width='1000' height='8'/%3E%3Crect y='422' width='1000' height='8'/%3E%3Crect y='437' width='1000' height='8'/%3E%3Crect y='453' width='1000' height='8'/%3E%3Crect y='469' width='1000' height='6'/%3E%3Crect y='485' width='1000' height='6'/%3E%3Crect y='501' width='1000' height='4'/%3E%3Crect y='517' width='1000' height='4'/%3E%3Crect y='533' width='1000' height='4'/%3E%3Crect y='549' width='1000' height='3'/%3E%3Crect y='564' width='1000' height='3'/%3E%3Crect y='579' width='1000' height='3'/%3E%3Crect y='595' width='1000' height='3'/%3E%3Crect y='611' width='1000' height='2'/%3E%3Crect y='627' width='1000' height='2'/%3E%3Crect y='643' width='1000' height='2'/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_2'%3E%3C/g%3E%3C/svg%3E%0A");
			-webkit-mask-size: 8%;
			mask-size: 8%;
			-webkit-mask-position: top;
			mask-position: top;
			-webkit-mask-repeat: repeat-x;
			mask-repeat: repeat-x;
			pointer-events: none;
			opacity: 0.5;
		}
	}

	#header {
		-webkit-filter: initial;
		filter: initial;
		background: inherit;
	}

	#header-extra-div-1 {
		--drop-shadow: rgb(var(--pale-gray-monochrome));
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		height: var(--final-header-height-on-desktop);
		background-image: url("http://scp-wiki.wdfiles.com/local--files/theme%3Aaesthetic-theme/AESTHETIC_logo.png");
		background-image: var(--logo-image);
		background-repeat: no-repeat;
		background-position: left 0 top 0.1875rem;
		background-clip: border-box;
		-webkit-background-size: auto -webkit-calc(var(--header-height-on-desktop) - 0.75rem);
		-moz-background-size: auto -moz-calc(var(--header-height-on-desktop) - 0.75rem);
		-o-background-size: auto calc(var(--header-height-on-desktop) - 0.75rem);
		background-size: auto calc(var(--header-height-on-desktop) - 0.75rem);
		-webkit-filter: drop-shadow(-0.125rem 0.125rem 0rem var(--drop-shadow));
		filter: drop-shadow(-0.125rem 0.125rem 0rem var(--drop-shadow));
		display: block;
		pointer-events: none;
	}

	#extra-div-2 {
		--drop-shadow: rgb(var(--pale-gray-monochrome));
		display: block;
		width: 100%;
		height: var(--header-height-on-desktop);
		top: 0;
		left: 0;
		position: absolute;
		background: url("http://scp-wiki.wdfiles.com/local--files/theme%3Aaesthetic-theme/AESTHETIC_mtns.svg");
		background-position: bottom;
		background-repeat: no-repeat;
		-webkit-background-size: 200% 200%;
		-moz-background-size: 200% 200%;
		-o-background-size: 200% 200%;
		background-size: 200% 200%;
		-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
		-webkit-mask-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
		mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
		mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
		-webkit-filter: drop-shadow(-0.125rem 0.125rem 0rem var(--drop-shadow));
		filter: drop-shadow(-0.125rem 0.125rem 1rem var(--drop-shadow));
		pointer-events: none;
	}

	#header h1 {
		width: var(--body-width-on-desktop);
	}

	#header h1 a {
		width: var(--body-width-on-desktop);
		font-size: 2em;
		overflow-wrap: normal;
		margin-top: -webkit-calc(var(--header-height-on-desktop)/2 - 0.8em);
		margin-top: -moz-calc(var(--header-height-on-desktop)/2 - 0.8em);
		margin-top: calc(var(--header-height-on-desktop)/2 - 0.8em);
		margin-left: var(--header-height-on-desktop);
	}

	#header h1 a::after {
		--text-shadow: rgb(var(--swatch-text-dark, 12, 12, 12, ));
		content: "SCP基金会";
		content: var(--header-title);
		color: transparent;
		text-shadow: .063rem .063rem .063rem #0c0c0c;
		text-shadow: .063rem .063rem .063rem var(--text-shadow);
		overflow-wrap: normal;
		position: absolute;
		z-index: -1;
		width: var(--body-width-on-desktop);
		left: var(--header-height-on-desktop);
	}

	@supports(-webkit-background-clip: text) {
		#header h1 a::before {
			color: rgb(255, 219, 90);
			color: rgb(var(--bright-accent));
			text-shadow: inherit;
			background: -webkit-gradient(linear,
				left bottom, left top,
				from(rgb(var(--dark-gray-monochrome))),
				color-stop(20%, rgb(var(--dark-gray-monochrome))),
				color-stop(40%, rgb(var(--dark-accent))),
				color-stop(70%, rgb(var(--pale-gray-monochrome))));
			background: -webkit-linear-gradient(bottom,
				rgb(var(--dark-gray-monochrome)) 0%,
				rgb(var(--dark-gray-monochrome)) 20%,
				rgb(var(--dark-accent)) 40%,
				rgb(var(--pale-gray-monochrome)) 70%);
			background: -moz-linear-gradient(bottom,
				rgb(var(--dark-gray-monochrome)) 0%,
				rgb(var(--dark-gray-monochrome)) 20%,
				rgb(var(--dark-accent)) 40%,
				rgb(var(--pale-gray-monochrome)) 70%);
			background: -o-linear-gradient(bottom,
				rgb(var(--dark-gray-monochrome)) 0%,
				rgb(var(--dark-gray-monochrome)) 20%,
				rgb(var(--dark-accent)) 40%,
				rgb(var(--pale-gray-monochrome)) 70%);
			background: linear-gradient(to top,
				rgb(var(--dark-gray-monochrome)) 0%,
				rgb(var(--dark-gray-monochrome)) 20%,
				rgb(var(--dark-accent)) 40%,
				rgb(var(--pale-gray-monochrome)) 70%);
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			overflow-wrap: normal;
			padding-right: 1em;
		}
	}

	#header h2 span {
		margin-left: -webkit-calc(var(--header-height-on-desktop));
		margin-left: -moz-calc(var(--header-height-on-desktop));
		margin-left: calc(var(--header-height-on-desktop));
	}

	#header h2 span::before {
		--text-shadow: rgb(var(--pale-gray-monochrome));
		text-shadow: .063rem .063rem .063rem var(--text-shadow);
		letter-spacing: 0.5em;
	}

	#search-top-box input.empty {
		color: rgba(var(--swatch-primary-darker));
	}

	#top-bar {
		font-size: var(--base-font-size);
	}

	#top-bar div.top-bar > ul > li > a,
	#top-bar div.mobile-top-bar > ul > li > a {
		--text-shadow: rgb(var(--pale-gray-monochrome));
		padding: .3rem;
		color: rgb(var(--swatch-primary)) !important;
		text-shadow: -0.0625rem -0.0625rem 0 var(--text-shadow);
		text-transform: uppercase;
	}

	#top-bar div.top-bar > ul > li > ul {
		top: -webkit-calc(0.0625rem * -3);
		top: -moz-calc(0.0625rem * -3);
		top: calc(0.0625rem * -3);
	}

	#top-bar div.top-bar > ul > li > a::after {
		background: -webkit-gradient(linear,
			left top, right top,
			from(rgba(var(--swatch-topmenu-border-color), 0.5)),
			to(rgba(var(--swatch-topmenu-border-color), 1)));
		background: -webkit-linear-gradient(left,
			rgba(var(--swatch-topmenu-border-color), 0.5),
			rgba(var(--swatch-topmenu-border-color), 1));
		background: -moz-linear-gradient(left,
			rgba(var(--swatch-topmenu-border-color), 0.5),
			rgba(var(--swatch-topmenu-border-color), 1));
		background: -o-linear-gradient(left,
			rgba(var(--swatch-topmenu-border-color), 0.5),
			rgba(var(--swatch-topmenu-border-color), 1));
		background: linear-gradient(to right,
			rgba(var(--swatch-topmenu-border-color), 0.5),
			rgba(var(--swatch-topmenu-border-color), 1));
	}

	#top-bar div.top-bar > ul > li > a::before {
		background: -webkit-gradient(linear,
			right top, left top,
			from(rgba(var(--swatch-topmenu-border-color), 0.5)),
			to(rgba(var(--swatch-topmenu-border-color), 1)));
		background: -webkit-linear-gradient(right,
			rgba(var(--swatch-topmenu-border-color), 0.5),
			rgba(var(--swatch-topmenu-border-color), 1));
		background: -moz-linear-gradient(right,
			rgba(var(--swatch-topmenu-border-color), 0.5),
			rgba(var(--swatch-topmenu-border-color), 1));
		background: -o-linear-gradient(right,
			rgba(var(--swatch-topmenu-border-color), 0.5),
			rgba(var(--swatch-topmenu-border-color), 1));
		background: linear-gradient(to left,
			rgba(var(--swatch-topmenu-border-color), 0.5),
			rgba(var(--swatch-topmenu-border-color), 1));
	}

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

	#top-bar div.top-bar > ul > li > ul > li > a {
		--wght: 600;
		font-weight: 600;
	}

	#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 {
		background: var(--gradient-header);
		background-attachment: fixed;
		background-position: top;
		-webkit-background-origin: border-box;
		-moz-background-origin: border-box;
		-o-background-origin: border-box;
		background-origin: border-box;
		-webkit-background-size: 100vh 100vh;
		-moz-background-size: 100vh;
		-o-background-size: 100vh;
		background-size: 100vh;
	}

	#side-bar,
	#side-bar:hover {
		background: -webkit-gradient(linear,
			left top, left bottom,
			from(rgb(var(--black-monochrome))),
			color-stop(50%, rgb(var(--dark-gray-monochrome))),
			to(rgb(var(--dark-accent))));
		background: -webkit-linear-gradient(top,
			rgb(var(--black-monochrome)) 0%,
			rgb(var(--dark-gray-monochrome)) 50%,
			rgb(var(--dark-accent)) 100%);
		background: -moz-linear-gradient(top,
			rgb(var(--black-monochrome)) 0%,
			rgb(var(--dark-gray-monochrome)) 50%,
			rgb(var(--dark-accent)) 100%);
		background: -o-linear-gradient(top,
			rgb(var(--black-monochrome)) 0%,
			rgb(var(--dark-gray-monochrome)) 50%,
			rgb(var(--dark-accent)) 100%);
		background: linear-gradient(to bottom,
			rgb(var(--black-monochrome)) 0%,
			rgb(var(--dark-gray-monochrome)) 50%,
			rgb(var(--dark-accent)) 100%);
		background-attachment: fixed;
		-webkit-background-size: 400vh 400vh;
		-moz-background-size: 400vh;
		-o-background-size: 400vh;
		background-size: 400vh;
		-webkit-background-origin: border-box;
		-moz-background-origin: border-box;
		-o-background-origin: border-box;
		background-origin: border-box;
		background-position: top left;
	}

	#side-bar div.menu-item {
		--text-shadow: rgb(var(--swatch-text-dark, 12, 12, 12, ));
		border-bottom: 0.0625rem solid rgb(var(--swatch-border-color));
		border-top: 0.0625rem solid rgb(var(--swatch-border-color));
		margin-top: -0.0625rem;
		text-shadow: .063rem .063rem .063rem #0c0c0c;
		text-shadow: .063rem .063rem .063rem var(--text-shadow);
	}

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

	#side-bar div.menu-item a,
	#side-bar div.menu-item a:visited,
	#side-bar div.menu-item a:active,
	#side-bar div.menu-item .text {
		--text-shadow: rgb(var(--black-monochrome));
		--wght: 600;
		color: rgb(var(--swatch-primary));
		letter-spacing: 0.1em;
		word-spacing: 0.1em;
		font-weight: 600;
		text-shadow: -0.0625rem -0.0625rem 0 var(--text-shadow);
	}

	#side-bar div.menu-item a::before,
	#side-bar div.menu-item a:hover::before {
		background: var(--gradient-header);
		background-attachment: fixed;
		background-position: top;
		-webkit-background-origin: border-box;
		-moz-background-origin: border-box;
		-o-background-origin: border-box;
		background-origin: border-box;
		-webkit-background-size: 100vh 100vh;
		-moz-background-size: 100vh;
		-o-background-size: 100vh;
		background-size: 100vh;
	}

	#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;
	}

	#side-bar .heading,
	#side-bar .side-block > .collapsible-block:nth-child(1) .collapsible-block-folded {
		background: initial;
	}

	#side-bar .heading p,
	#side-bar .side-block > .collapsible-block .collapsible-block-link {
		--text-shadow: rgb(var(--swatch-text-dark, 12, 12, 12, ));
		--wght: 900;
		letter-spacing: 0.05rem;
		font-weight: 900;
		font-size: 1.25rem;
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin: 1rem 0 1rem 0.5rem;
		color: rgb(var(--pale-gray-monochrome));
		font-family: var(--header-font);
		text-transform: none;
	}

	/*@supports(-webkit-background-clip: text) {
 	 	#side-bar .heading p,
 	 	#side-bar .side-block > .collapsible-block .collapsible-block-link {
 			background: linear-gradient(to top,
 		 			rgb(var(--dark-gray-monochrome)) 0%,
 		 			rgb(var(--dark-gray-monochrome)) 20%,
 		 			rgb(var(--dark-accent)) 40%,
 		 			rgb(var(--pale-gray-monochrome)) 70%);
 			-webkit-background-size: cover;
 			background-size: 400vh;
 			-webkit-background-clip: text;
 			-webkit-text-fill-color: transparent;
 			background-attachment: fixed;
 			background-repeat: repeat;
 		}
	}*/

	#side-bar .side-block[style*="background-color:"] {
		padding-bottom: 0.5rem;
	}

	#side-bar .side-block[style*="background-color:"] * {
		margin-left: 0 !important;
	}

	#side-bar .side-block[style*="background-color:"] .heading {
		margin-top: .25rem;
	}

	#side-bar .heading p::after,
	#side-bar .side-block > .collapsible-block .collapsible-block-link::after {
		bottom: -0.6rem;
	}

	#side-bar .heading p::before,
	#side-bar .side-block > .collapsible-block .collapsible-block-link::before {
		top: -0.6rem;
	}

	#side-bar div.menu-item .sub-text {
		color: rgba(var(--swatch-primary), 1);
	}

	#main-content {
		z-index: 1;
		position: relative;
	}

	#page-title {
		color: rgb(var(--pale-gray-monochrome));
		border-color: rgba(0, 0, 0, 0);
	}

	blockquote,
	.blockquote {
		background-color: rgba(var(--gray-monochrome), 0.25);
		border: 0.0625rem solid rgb(var(--swatch-border-color));
	}

	blockquote:nth-of-type(odd) {
		border-color: rgb(var(--swatch-border-color));
	}

	blockquote:nth-of-type(even) {
		border-color: rgb(var(--swatch-primary));
	}

	.yui-navset .yui-content {
		background-color: rgba(var(--gray-monochrome), 0.25);
	}

	.yui-navset .yui-content,
	.yui-navset .yui-navset-top .yui-content {
		--box-shadow: rgb(var(--swatch-border-color));
		border-color: rgb(var(--swatch-border-color));
		-webkit-box-shadow: 0 -webkit-calc(0.0625rem * 5) 0 0 var(--box-shadow);
		-moz-box-shadow: 0 -moz-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 {
		--wght: 600;
		background-color: rgb(var(--swatch-menubg-black-color));
		color: rgb(var(--swatch-text-light));
		font-weight: 600;
	}

	.yui-navset .yui-nav .selected a {
		color: rgb(var(--black-monochrome)) !important;
	}

	table.wiki-content-table th {
		background: rgb(var(--swatch-primary-darker));
		color: rgb(var(--dark-gray-monochrome));
	}

	table.wiki-content-table,
	table.wiki-content-table th,
	table.wiki-content-table td {
		border: .0625rem solid rgba(var(--swatch-border-color), 1) !important;
		border-collapse: collapse;
	}

	.code {
		background-color: rgba(var(--swatch-menubg-dark-color), 0.25);
		border-color: rgb(var(--swatch-border-color));
	}

	.hl-main {
		-webkit-filter: invert(1) hue-rotate(180deg);
		filter: invert(1) hue-rotate(180deg);
	}

	.scp-image-block .scp-image-caption {
		background-color: rgba(var(--swatch-menubg-dark-color), 0.25);
	}

	.scp-image-block img {
		border: 0.0625rem solid rgba(var(--swatch-border-color));
	}

	a:visited {
		color: rgb(var(--swatch-primary-darker));
	}

	h1 {
		color: rgb(var(--swatch-primary)) !important;
	}

	hr {
		border-top: none;
		position: relative;
		height: 0.35rem;
		background: rgba(0, 0, 0, 0);
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}

	hr::before {
		content: " ";
		position: absolute;
		top: 0.1125rem;
		left: 0;
		border-top: none;
		width: 100%;
		height: 0.125rem;
		background: -webkit-linear-gradient(10deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%);
		background: -o-linear-gradient(10deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%);
		background: -moz-linear-gradient(10deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%);
		background: -webkit-linear-gradient(80deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%);
		background: -moz-linear-gradient(80deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%);
		background: -o-linear-gradient(80deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%);
		background: linear-gradient(10deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%);
		background-position: center center;
		-webkit-filter: blur(0.04rem);
		filter: blur(0.04rem);
	}

	.page-rate-widget-box {
		background: -webkit-gradient(linear, right bottom, left top, color-stop(0, rgba(var(--swatch-primary), 1)), to(rgba(var(--swatch-primary-darkest), 1))) !important;
		background: -webkit-linear-gradient(bottom right, rgba(var(--swatch-primary), 1) 0, rgba(var(--swatch-primary-darkest), 1) 100%) !important;
		background: -moz-linear-gradient(bottom right, rgba(var(--swatch-primary), 1) 0, rgba(var(--swatch-primary-darkest), 1) 100%) !important;
		background: -o-linear-gradient(bottom right, rgba(var(--swatch-primary), 1) 0, rgba(var(--swatch-primary-darkest), 1) 100%) !important;
		background: linear-gradient(to top left, rgba(var(--swatch-primary), 1) 0, rgba(var(--swatch-primary-darkest), 1) 100%) !important;
	}

	form#edit-page-form {
		background-color: rgba(var(--dark-accent), 0.25);
		border: 0.0625rem solid rgb(var(--light-gray-monochrome));
	}

	textarea,
	input.text {
		background-color: rgb(var(--black-monochrome));
		color: rgb(var(--white-monochrome));
		padding: 0.5em;
	}

	#lock-info {
		background-color: rgb(var(--black-monochrome));
	}

	div.buttons input,
	input.button,
	button,
	file,
	a.button {
		--wght: 600;
		font-weight: 600;
		background-color: rgb(var(--gray-monochrome));
		color: rgb(var(--medium-accent));
		border: 0.0625rem solid rgb(var(--light-gray-monochrome));
		-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);
		-moz-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.buttons input:hover,
	input.button:hover,
	button:hover,
	a.button:hover {
		background-color: rgb(var(--dark-gray-monochrome));
		color: rgb(var(--pale-gray-monochrome));
		border: 0.0625rem solid rgb(var(--swatch-primary-darkest));
		cursor: pointer;
	}

	div#page-info,
	div.page-watch-options {
		padding: 0 1em;
	}

	div#page-options-bottom {
		width: 90%;
		margin-bottom: 2.125rem;
		margin-left: auto;
		margin-right: auto;
	}

	div#page-options-bottom-2 {
		width: 90%;
		margin-top: -2.125rem;
		margin-left: auto;
		margin-right: 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 {
		--wght: 700;
		-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;
		-moz-border-radius: .25rem;
		border-radius: .25rem;
		color: rgb(var(--medium-accent));
		background-color: rgba(var(--swatch-menubg-dark-color), 0.25);
		border: 0.125rem solid rgba(var(--swatch-border-color), 0.25);
		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);
		-moz-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: rgb(var(--dark-gray-monochrome));
		color: rgb(var(--pale-gray-monochrome));
	}

	.owindow .title {
		background-color: rgb(var(--swatch-menubg-dark-color));
	}

	.title.modal-header,
	.owindow,
	.hovertip {
		background-color: rgb(var(--swatch-primary-darkest));
		background: var(--gradient-header);
	}

	.owindow .button-bar a {
		background-color: rgb(var(--swatch-menubg-dark-color));
		color: rgb(var(--white-monochrome));
	}

	#license-area {
		color: rgba(var(--pale-gray-monochrome), 0.75);
	}

	@media only screen and (max-width: 768px) {
		:root {
			--header-h1-font-size:-webkit-calc(var(--header-h1-font-size)*1.25);
			--header-h1-font-size:-moz-calc(var(--header-h1-font-size)*1.25);
			--header-h1-font-size:calc(var(--header-h1-font-size)*1.25);
		}

		#search-top-box:not(:focus-within)::before {
			color: rgb(var(--swatch-primary));
		}

		#header-extra-div-1 {
			--size: -webkit-calc(var(--final-header-height-on-mobile) - 0.875rem);
			--size: -moz-calc(var(--final-header-height-on-mobile) - 0.875rem);
			--size: calc(var(--final-header-height-on-mobile) - 0.875rem);
			--y-offset: 1.5rem;
			-webkit-background-size: var(--size), 100% var(--header-height-on-mobile);
			-moz-background-size: var(--size), 100% var(--header-height-on-mobile);
			-o-background-size: var(--size), 100% var(--header-height-on-mobile);
			position: -webkit-sticky;
			position: absolute;
			top: 0;
			margin: 0;
			background-image: url(http://scp-wiki.wdfiles.com/local--files/theme%3Aaesthetic-theme/AESTHETIC_logo.png);
			background-image: var(--logo-image);
			background-position: -webkit-calc(var(--header-height-on-mobile) - .75rem - var(--size)) -webkit-calc((var(--size)*-1 + var(--header-height-on-mobile) + var(--y-offset))/2);
			background-position: -moz-calc(var(--header-height-on-mobile) - .75rem - var(--size)) -moz-calc((var(--size)*-1 + var(--header-height-on-mobile) + var(--y-offset))/2);
			background-position: calc(var(--header-height-on-mobile) - .75rem - var(--size)) calc((var(--size)*-1 + var(--header-height-on-mobile) + var(--y-offset))/2);
			background-repeat: no-repeat, repeat;
			background-size: var(--size), 100% var(--header-height-on-mobile);
			width: 100vw;
			height: var(--header-height-on-mobile);
			grid-area: header;
			z-index: -1;
		}

		#header h1 a {
			font-size: -webkit-calc(var(--header-h1-font-size)*1.25);
			font-size: -moz-calc(var(--header-h1-font-size)*1.25);
			font-size: calc(var(--header-h1-font-size)*1.25);
			margin-top: -webkit-calc(var(--header-height-on-mobile)/2 - 1.25em);
			margin-top: -moz-calc(var(--header-height-on-mobile)/2 - 1.25em);
			margin-top: calc(var(--header-height-on-mobile)/2 - 1.25em);
		}

		#header h1 a::before {
			-webkit-filter: drop-shadow(0.15rem 0.15rem 0rem rgba(var(--black-monochrome)));
			        filter: drop-shadow(0.15rem 0.15rem 0rem rgba(var(--black-monochrome)));
		}

		#header h2 span {
			--wght: 600;
			margin-top: -webkit-calc(var(--header-height-on-mobile)/2 + 0.8em);
			margin-top: -moz-calc(var(--header-height-on-mobile)/2 + 0.8em);
			margin-top: calc(var(--header-height-on-mobile)/2 + 0.8em);
			font-size: 115%;
			font-weight: 600;
			line-height: 1;
			width: 50%;
			-webkit-filter: drop-shadow(-0.25rem 0.25rem 0rem rgba(var(--light-gray-monochrome)));
			        filter: drop-shadow(-0.25rem 0.25rem 0rem rgba(var(--light-gray-monochrome)));
		}

		#header h2 span::before {
			color: rgb(var(--black-monochrome));
			letter-spacing: 0.15em;
		}

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

		#extra-div-2 {
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}

		#header h2 span::before {
			letter-spacing: 0.25em;
		}
	}
}