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

@supports(display:grid) {
	:root {
		--body-font: "franklin-gothic-urw", sans-serif;
		--header-font: "titling-gothic-fb-compressed", sans-serif;
		--title-font: "hypatia-sans-pro", sans-serif;

		--header-title: "The Foundation";

		--light-gray-monochrome: 200, 0, 5;

		--header-gradient-color-bottom: var(--dark-accent);
		--header-gradient-color-middle: var(--black-monochrome);
		--header-gradient-color-top: var(--black-monochrome);

		--background-gradient-color: var(--light-gray-monochrome);
		--swatch-topmenu-border-color: var(--black-monochrome);
		--swatch-topmenu-bg-color: var(--dark-accent);
		
		--gradient-topmenu: linear-gradient(to bottom,
		rgba(255, 255, 255, 0) 0,
		rgba(255, 255, 255, 0) var(--header-height-on-desktop),
		rgba(var(--swatch-topmenu-border-color)) var(--header-height-on-desktop),
		rgba(var(--swatch-topmenu-bg-color), 1) -webkit-calc(var(--header-height-on-desktop) + .125rem),
		rgba(var(--swatch-topmenu-bg-color), 1) -webkit-calc(100% - .125rem),
		rgba(var(--swatch-topmenu-bg-color), 0) -webkit-calc(100% - .125rem),
		rgba(var(--swatch-topmenu-border-color), 0) 100%);

		--gradient-topmenu: linear-gradient(to bottom,
			rgba(255, 255, 255, 0) 0,
			rgba(255, 255, 255, 0) var(--header-height-on-desktop),
			rgba(var(--swatch-topmenu-border-color)) var(--header-height-on-desktop),
			rgba(var(--swatch-topmenu-bg-color), 1) -moz-calc(var(--header-height-on-desktop) + .125rem),
			rgba(var(--swatch-topmenu-bg-color), 1) -moz-calc(100% - .125rem),
			rgba(var(--swatch-topmenu-bg-color), 0) -moz-calc(100% - .125rem),
			rgba(var(--swatch-topmenu-border-color), 0) 100%);

		--gradient-topmenu: linear-gradient(to bottom,
			rgba(255, 255, 255, 0) 0,
			rgba(255, 255, 255, 0) var(--header-height-on-desktop),
			rgba(var(--swatch-topmenu-border-color)) var(--header-height-on-desktop),
			rgba(var(--swatch-topmenu-bg-color), 1) calc(var(--header-height-on-desktop) + .125rem),
			rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - .125rem),
			rgba(var(--swatch-topmenu-bg-color), 0) calc(100% - .125rem),
			rgba(var(--swatch-topmenu-border-color), 0) 100%);

		--gradient-topmenu-mobile: linear-gradient(to bottom,
			rgba(var(--swatch-topmenu-border-color), 1) 0,
			rgba(var(--swatch-topmenu-bg-color), 1) .125rem,
			rgba(var(--swatch-topmenu-bg-color), 1) -webkit-calc(var(--topbar-height-on-mobile) - .125rem),
			rgba(var(--swatch-topmenu-bg-color), 0) -webkit-calc(var(--topbar-height-on-mobile) - .125rem),
			rgba(var(--swatch-topmenu-border-color), 0) 3rem);

		--gradient-topmenu-mobile: linear-gradient(to bottom,
			rgba(var(--swatch-topmenu-border-color), 1) 0,
			rgba(var(--swatch-topmenu-bg-color), 1) .125rem,
			rgba(var(--swatch-topmenu-bg-color), 1) -moz-calc(var(--topbar-height-on-mobile) - .125rem),
			rgba(var(--swatch-topmenu-bg-color), 0) -moz-calc(var(--topbar-height-on-mobile) - .125rem),
			rgba(var(--swatch-topmenu-border-color), 0) 3rem);

		--gradient-topmenu-mobile: linear-gradient(to bottom,
			rgba(var(--swatch-topmenu-border-color), 1) 0,
			rgba(var(--swatch-topmenu-bg-color), 1) .125rem,
			rgba(var(--swatch-topmenu-bg-color), 1) calc(var(--topbar-height-on-mobile) - .125rem),
			rgba(var(--swatch-topmenu-bg-color), 0) calc(var(--topbar-height-on-mobile) - .125rem),
			rgba(var(--swatch-topmenu-border-color), 0) 3rem);

		--gradient-header: linear-gradient(to bottom,
			rgb(var(--header-gradient-color-bottom)) 0%,
			rgb(var(--header-gradient-color-middle)) 90%,
			rgb(var(--header-gradient-color-top)) 100%);

		--header-background-image-size: 100% var(--header-height-on-desktop);
		--header-height-on-desktop: 12.25rem;
		--header-height-on-mobile: 12.25rem;

		--base-font-size: 0.938rem;
	}

	#side-bar::-webkit-scrollbar {
		background-color: rgba(var(--bright-accent),0);
	}

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

	::-webkit-scrollbar-thumb,
	#side-bar:hover::-webkit-scrollbar-thumb {
		background-color: rgba(var(--dark-gray-monochrome));
	}
	
	html,
	body {
		-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(--dark-gray-monochrome)) rgb(var(--bright-accent));
	}

	body {
		font-weight: 400;
		-webkit-background-size: var(--header-background-image-size), 100% 14.25rem, 100% var(--background-gradient-distance);
		-moz-background-size: var(--header-background-image-size), 100% 14.25rem, 100% var(--background-gradient-distance);
		-o-background-size: var(--header-background-image-size), 100% 14.25rem, 100% var(--background-gradient-distance);
		background-size: var(--header-background-image-size), 100% 14.25rem, 100% var(--background-gradient-distance);
	}
	
	.danger-diamond a,
	.danger-diamond a:hover {
		color: rgba(0,0,0,0) !important;
		box-shadow: initial !important;
	}

	#main-content {
		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}

	#page-title,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: rgba(var(--light-gray-monochrome));
		font-family: var(--title-font);
		font-weight: 900;
	}

	hr {
		height: 0.5em;
		border: initial;
		position: relative;
		background-color: rgba(0, 0, 0, 0);
		overflow: hidden;
	}

	hr::before {
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url('https://scp-wiki.wdfiles.com/local--files/theme:the-foundation-theme/cons_circle.png');
		-webkit-background-size: 100vh 100vh;
		   -moz-background-size: 100vh;
			 -o-background-size: 100vh;
				background-size: 100vh;
		background-attachment: fixed;
		background-position: top center;
		background-repeat: repeat;
		-webkit-clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0% 50%);
		clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0% 50%);
		pointer-events: none;
	}

	#page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href="/classification-committee-memo"]) {
		padding: 0.15em;
		margin: -0.15em;
		color: rgb(var(--gray-monochrome));
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
		-webkit-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--light-gray-monochrome), 1);
		-moz-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--light-gray-monochrome), 1);
		box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--light-gray-monochrome), 1);
		-webkit-transition:
			color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			-webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		transition:
			color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			-webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		-o-transition:
			box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		-moz-transition:
			box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			-moz-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		transition:
			box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		transition:
			box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			-webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
			-moz-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
	}

	#page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href="/classification-committee-memo"]):hover {
		padding: 0.3em 0.25em 0.2em 0.25em;
		margin: -0.25em;
		-webkit-box-shadow: inset 0 -1.5em 0 0 rgba(var(--dark-accent), 1);
		-moz-box-shadow: inset 0 -1.5em 0 0 rgba(var(--dark-accent), 1);
		box-shadow: inset 0 -1.5em 0 0 rgba(var(--dark-accent), 1);
		text-decoration: none;
		color: rgb(var(--white-monochrome))
	}

	#extra-div-3 {
		position: absolute;
		width: 100%;
		height: var(--header-height-on-desktop);
		top: 0;
		left: 0;
		pointer-events: none;
		background: url('https://scp-wiki.wikidot.com/local--files/theme:the-foundation-theme/foundation-header-img.png');
		background-position: center center;
	}

	#header {
		background: initial;
	}

	#header h1,
	#header h1 a,
	#header h1 a::before {
		position: absolute;
		top: 0.5rem;
		left: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 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;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		max-height: inherit;
		z-index: 0;
	}

	#header > h1 > a > span {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		max-width: inherit;
	}

	#header h1 {
		height: -webkit-calc(100% - 2.25rem);
		height: -moz-calc(100% - 2.25rem);
		height: calc(100% - 2.25rem);
	}

	#header h1 a::before,
	#header h1 a {
		text-align: center;
		font-weight: 100;
		text-transform: uppercase;
		font-size: -webkit-calc(2.75rem + (4.5 - 2.75) * ((100vw - 18.750rem) / (60 - 18.750)));
		font-size: -moz-calc(2.75rem + (4.5 - 2.75) * ((100vw - 18.750rem) / (60 - 18.750)));
		font-size: calc(2.75rem + (4.5 - 2.75) * ((100vw - 18.750rem) / (60 - 18.750)));
		line-height: 0.8;
		letter-spacing: 0.1em;
	}

	#header h2 span::before,
	#header h2 span {
		display: none;
	}

	#login-status,
	#login-status * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#login-status {
		min-height: -webkit-calc(var(--base-font-size) * 1.5);
		min-height: -moz-calc(var(--base-font-size) * 1.5);
		min-height: calc(var(--base-font-size) * 1.5);
		border: .0625rem solid rgb(var(--bright-accent));
		-webkit-border-radius: .0625rem;
		-moz-border-radius: .0625rem;
		border-radius: .0625rem;
		-webkit-border-radius: var(--border-radius-width);
		-moz-border-radius: var(--border-radius-width);
		border-radius: var(--border-radius-width);
		color: rgba(0, 0, 0, 0);
		background-color: #424248;
		background-color: rgb(var(--gray-monochrome));
		-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;
	}

	#login-status .printuser {
		position: relative;
		top: 0;
		left: 0;
		color: rgb(var(--swatch-text-light));
		border-right: .0625rem solid rgb(var(--bright-accent));
		background: rgb(var(--swatch-primary-darkest));
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		padding: 0.25rem;
		margin: 0;
		font-weight: 900 !important;
	}

	#login-status .printuser a {
		width: 0.75em;
	}

	#login-status #my-account {
		color: rgb(var(--black-monochrome));
	}

	#login-status #account-topbutton {
		border: initial;
		padding: 0.5em 0.5em 0.5em 0.25em;
		position: relative;
		height: 100%;
		top: 0;
		left: 0;
		margin: 0;
		font-size: 1em;
	}

	#account-options {
		width: auto;
		padding: 0.5em;
		border-color: rgb(var(--bright-accent));
		background: var(--gradient-header);
		color: rgb(var(--swatch-text-light));
	}

	#account-options ul li a {
		color: rgb(var(--swatch-text-light));
	}

	#search-top-box {
		left: 3%;
		top: 0.5rem;
	}

	#search-top-box,
	#search-top-box * {
		border-color: rgb(var(--bright-accent)) !important;
	}

	#search-top-box-form > #search-top-box-input {
		width: 7rem;
	}

	#top-bar {
		height: 1.875rem;
	}

	#top-bar div.top-bar > ul > li,
	#top-bar div.mobile-top-bar > ul > li {
		font-family: var(--title-font);
		font-weight: 800;
		text-transform: uppercase;
		isolation: isolate;
	}

	#top-bar div.top-bar > ul > li:hover,
	#top-bar div.mobile-top-bar > ul > li:hover {
		background: rgb(var(--swatch-primary-darkest));
	}

	#top-bar div.top-bar > ul > li::before,
	#top-bar div.mobile-top-bar > ul > li > a::before {
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		background: 
		url('https://scp-wiki.wikidot.com/local--files/theme:the-foundation-theme/foundation-circles-bg.png');
		-webkit-background-size: 100vh 100vh;
		   -moz-background-size: 100vh;
			 -o-background-size: 100vh;
				background-size: 100vh;
		background-attachment: fixed;
		background-position: center center;
		-webkit-transition: opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-background-size 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		transition: opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-background-size 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		-o-transition: opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -o-background-size 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		-moz-transition: opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-size 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-background-size 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		transition: opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-size 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		transition: opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-size 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-background-size 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-background-size 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -o-background-size 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		pointer-events: none;
		-webkit-animation-direction: reverse;
		-moz-animation-direction: reverse;
		-o-animation-direction: reverse;
		animation-direction: reverse;
		pointer-events: none;
	}

	#top-bar div.top-bar > ul > li:hover::before,
	#top-bar div.mobile-top-bar > ul > li > a:hover::before {
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 1;
	}

	#top-bar div.top-bar > ul > li > ul,
	#top-bar div.mobile-top-bar > ul > li > ul {
		margin-top: 1.9rem;
	}

	#top-bar div.top-bar > ul > li > a::before,
	#top-bar div.top-bar > ul > li > a::after {
		background-color: rgba(var(--dark-gray-monochrome));
		pointer-events: none;
		z-index: 1;
	}

	#side-bar {
		top: 0;
		--swatch-border-color: rgb(var(--light-gray-monochrome));
		background-color: rgba(var(--dark-accent),0);
		scrollbar-color: rgba(var(--dark-gray-monochrome),0) rgba(var(--bright-accent),0);
		z-index: 10;
		background: 
			linear-gradient(
				rgba(var(--dark-accent),0) 30%,
				rgba(var(--dark-accent),0)),
			linear-gradient(
				rgba(var(--dark-accent),0),
				rgba(var(--dark-accent),0) 70%) 0 100%,
			radial-gradient(farthest-side at 50% 0,
				rgba(var(--swatch-primary-darkest),0),
				rgba(var(--black-monochrome),0)),
			radial-gradient(farthest-side at 50% 100%,
				rgba(var(--swatch-primary-darkest),0),
				rgba(var(--black-monochrome),0)) 0 100%;
	}


	#side-bar:hover,
	#side-bar:active {
		scrollbar-color: rgb(var(--dark-gray-monochrome)) rgb(var(--bright-accent));
		background-color: rgba(var(--dark-accent),1);
		background-image: 
			linear-gradient(
				rgba(var(--dark-accent),1) 30%,
				rgba(var(--dark-accent),0)),
			linear-gradient(
				rgba(var(--dark-accent),1),
				rgba(var(--dark-accent),0) 70%) 0 100%,
			radial-gradient(farthest-side at 50% 0,
				rgba(var(--swatch-primary-darkest),.5),
				rgba(var(--black-monochrome),0)),
			radial-gradient(farthest-side at 50% 100%,
				rgba(var(--swatch-primary-darkest),.5),
				rgba(var(--black-monochrome),0)) 0 100%;
	}

	#side-bar:focus-within {
		scrollbar-color: rgb(var(--dark-gray-monochrome)) rgb(var(--bright-accent));
		background-color: rgba(var(--dark-accent),1);
		background-image: 
			linear-gradient(
				rgba(var(--dark-accent),1) 30%,
				rgba(var(--dark-accent),0)),
			linear-gradient(
				rgba(var(--dark-accent),1),
				rgba(var(--dark-accent),0) 70%) 0 100%,
			radial-gradient(farthest-side at 50% 0,
				rgba(var(--swatch-primary-darkest),.5),
				rgba(var(--black-monochrome),0)),
			radial-gradient(farthest-side at 50% 100%,
				rgba(var(--swatch-primary-darkest),.5),
				rgba(var(--black-monochrome),0)) 0 100%;
	}

	#side-bar div.menu-item {
		--swatch-border-color: rgb(var(--light-gray-monochrome));
		background-color: rgba(var(--black-monochrome), 0.25);
	}

	#side-bar .heading {
		font-family: var(--title-font);
		background-image: url('https://scp-wiki.wikidot.com/local--files/theme:the-foundation-theme/foundation-circles-bg.png');
		background-attachment: fixed;
		-webkit-background-size: 100vh 100vh;
		   -moz-background-size: 100vh;
			 -o-background-size: 100vh;
				background-size: 100vh;
		background-position: -18rem center;
		position: relative;
		padding-top: 0.15em;
		padding-bottom: 0.25em;
	}

	#side-bar div.menu-item a,
	#side-bar div.menu-item a:hover,
	#side-bar div.menu-item a:active,
	#side-bar div.menu-item a:visited,
	#side-bar div.menu-item .text {
		color: rgb(var(--white-monochrome));
		margin: 0.15em 0;
		font-family: var(--title-font);
	}

	#side-bar div.menu-item a::before {
		background:
			linear-gradient(to top, rgb(var(--black-monochrome)), rgb(var(--dark-accent)));
		background-attachment: fixed fixed;
		background-size: 300% 500%;
		background-position: left;
	}


	.yui-navset .yui-nav a {
		-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);
		-moz-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);
		color: rgba(var(--white-monochrome));
	}

	.yui-navset .yui-nav li {
		background-color: rgba(var(--swatch-menubg-light-color), 0);
		-webkit-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		-moz-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		-o-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		-webkit-animation-iteration-count: 1;
		-moz-animation-iteration-count: 1;
		-o-animation-iteration-count: 1;
		animation-iteration-count: 1;
		-webkit-animation-fill-mode: forward;
		-moz-animation-fill-mode: forward;
		-o-animation-fill-mode: forward;
		animation-fill-mode: forward;
		-webkit-animation-play-state: paused;
		-moz-animation-play-state: paused;
		-o-animation-play-state: paused;
		animation-play-state: paused;
	}

	.yui-navset .yui-nav li em {
		transition: -webkit-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
		-o-transition: -o-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
		-moz-transition: transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
		-webkit-transition: -webkit-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
		transition: transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
		transition: transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -o-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
	}

	.yui-navset .yui-nav .selected {
		margin-top: -0.5em;
		padding-top: 0.5em;
		margin-right: 0.0625rem;
		background-color: rgb(var(--white-monochrome));
		-webkit-animation-iteration-count: 1;
		-moz-animation-iteration-count: 1;
		-o-animation-iteration-count: 1;
		animation-iteration-count: 1;
		-webkit-animation-fill-mode: backwards;
		-moz-animation-fill-mode: backwards;
		-o-animation-fill-mode: backwards;
		animation-fill-mode: backwards;
		-webkit-animation-play-state: running;
		-moz-animation-play-state: running;
		-o-animation-play-state: running;
		animation-play-state: running;
	}

	.yui-navset .yui-nav .selected a em {
		-webkit-transform: translateY(-0.25em);
		-moz-transform: translateY(-0.25em);
		-ms-transform: translateY(-0.25em);
		-o-transform: translateY(-0.25em);
		transform: translateY(-0.25em);
	}

	.yui-navset .yui-nav a,
	.yui-navset .yui-nav a:hover,
	.yui-navset .yui-nav a:active,
	.yui-navset .yui-nav a:focus-within {
		background: rgba(0, 0, 0, 0) !important;
		font-family: var(--title-font);
		font-weight: 600;
		isolation: isolate;
	}

	.yui-navset .yui-nav a:hover,
	.yui-navset .yui-nav a:active,
	.yui-navset .yui-nav a:focus-within,
	.yui-navset .yui-nav .selected a {
		color: rgba(var(--bright-accent)) !important;
	}

	.yui-navset .yui-nav a::before,
	.yui-navset .yui-nav a::after {
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 1;
		pointer-events: none;
	}

	.yui-navset .yui-nav a::before {
		background-image: url('https://scp-wiki.wikidot.com/local--files/theme:the-foundation-theme/foundation-circles-bg.png');
		-webkit-background-size: 100vh 100vh;
		   -moz-background-size: 100vh;
			 -o-background-size: 100vh;
				background-size: 100vh;
		background-attachment: fixed;
		background-position: top center;
		-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 1)), color-stop(33%, rgba(0, 0, 0, 1)), color-stop(66%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
		-webkit-mask-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 33%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0) 100%);
		mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 1)), color-stop(33%, rgba(0, 0, 0, 1)), color-stop(66%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
		mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 33%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0) 100%);
		-webkit-mask-size: 100% 90px;
		mask-size: 100% 90px;
		-webkit-mask-repeat: repeat;
		mask-repeat: repeat;
		-webkit-mask-position: center -58px;
		mask-position: center -58px;
		-webkit-transition: background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		transition: background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		-o-transition: mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		-moz-transition: mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		transition: mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		transition: mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		pointer-events: none;
	}

	.yui-navset .yui-nav a:hover::before,
	.yui-navset .yui-nav a:focus::before,
	.yui-navset .yui-nav .selected a::before {
		-webkit-mask-position: center 0px !important;
		mask-position: center 0px !important;
		background-position: 100% 200vh;
	}

	.yui-navset .yui-nav a:hover::after,
	.yui-navset .yui-nav a:focus::after,
	.yui-navset .yui-nav .selected a::after {
		opacity: 0;
		-webkit-animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		-moz-animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		-o-animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
		-webkit-animation-direction: backwards;
		-moz-animation-direction: backwards;
		-o-animation-direction: backwards;
		animation-direction: backwards;
		-webkit-animation-iteration-count: 1;
		-moz-animation-iteration-count: 1;
		-o-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}
	
	table.wiki-content-table {
		border-collapse: collapse;
	}

	table.wiki-content-table th {
		border-color: rgb(var(--light-gray-monochrome)) !important;
		position: relative;
		font-family: var(--title-font);
		font-weight: 600;
		text-transform: uppercase;
		background-image: url('https://scp-wiki.wikidot.com/local--files/theme:the-foundation-theme/foundation-circles-bg.png');
		-webkit-background-size: 100vh 100vh;
		   -moz-background-size: 100vh;
			 -o-background-size: 100vh;
				background-size: 100vh;
		background-attachment: fixed;
		background-position: top center;
	}

	@media only screen and (max-width: 768px) {
		#top-bar {
			font-size: -webkit-calc(var(--base-font-size) * 0.8);
			font-size: -moz-calc(var(--base-font-size) * 0.8);
			font-size: calc(var(--base-font-size) * 0.8);
			height: 2.5rem;
		}

		#top-bar > div.mobile-top-bar > div.open-menu {
			font-size: -webkit-calc(var(--base-font-size) * 0.65);
			font-size: -moz-calc(var(--base-font-size) * 0.65);
			font-size: calc(var(--base-font-size) * 0.65);
			width: 2.5rem;
			height: 2.5rem;
		}

		#top-bar > div.mobile-top-bar > div.open-menu > p > a {
			color: rgb(var(--swatch-menutxt-dark-color)) !important;
		}

		#top-bar div.mobile-top-bar > ul > li > a {
			letter-spacing: 0;
		}

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

		#top-bar div.mobile-top-bar > ul > li > ul {
			margin-top: 2.5rem;
		}

		#top-bar div.mobile-top-bar > ul > li > ul > li {
			max-height: -webkit-calc(100vh / 10);
			max-height: -moz-calc(100vh / 10);
			max-height: calc(100vh / 10);
			height: 50em;
		}

		#top-bar div.mobile-top-bar > ul > li > ul > li > a {
			white-space: pre-wrap;
		}

		#side-bar:target .close-menu {
			width: -webkit-calc(100% - 15em - var(--scrollbar-width));
			width: -moz-calc(100% - 15em - var(--scrollbar-width));
			width: calc(100% - 15em - var(--scrollbar-width));
		}

		#search-top-box {
			right: 0 !important;
			top: 0 !important;
			left: inherit;
		}

		#search-top-box-form > #search-top-box-input {
			width: inherit;
			right: 0 !important;
			top: 0 !important;
		}

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

		#search-top-box {
			height: var(--header-height-on-mobile);
		}

		#search-top-box:focus-within form[id="search-top-box-form"] {
			padding-right: -webkit-calc(3% + 30px);
			padding-right: -moz-calc(3% + 30px);
			padding-right: calc(3% + 30px);
			padding-top: 2.3125rem;
		}

		#search-top-box:not(:focus-within):before {
			top: 5.625rem;
			width: 2rem !important;
		}

		#search-top-box form[id="search-top-box-form"] {
			height: 100%;
			visibility: hidden;
			right: 0 !important;
			position: absolute;
		}

		#search-top-box form[id="search-top-box-form"]:focus-within {
			visibility: visible;
			right: 1em;
		}

		#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
			height: var(--header-height-on-mobile);
			width: 2rem !important;
		}

		#main-content {
			margin-top: 2.1em;
		}
	}
}

@-webkit-keyframes tab-active {
	0% {
		background-color: rgba(var(--swatch-menubg-light-color), 0);
		padding-top: 0;
		margin-top: 0;
		margin-right: 0;
	}

	100% {
		background-color: rgba(var(--white-monochrome), 1);
		padding-top: 0.5em;
		margin-top: -0.5em;
		margin-right: 0.0625rem;
	}
}

@-moz-keyframes tab-active {
	0% {
		background-color: rgba(var(--swatch-menubg-light-color), 0);
		padding-top: 0;
		margin-top: 0;
		margin-right: 0;
	}

	100% {
		background-color: rgba(var(--white-monochrome), 1);
		padding-top: 0.5em;
		margin-top: -0.5em;
		margin-right: 0.0625rem;
	}
}

@-o-keyframes tab-active {
	0% {
		background-color: rgba(var(--swatch-menubg-light-color), 0);
		padding-top: 0;
		margin-top: 0;
		margin-right: 0;
	}

	100% {
		background-color: rgba(var(--white-monochrome), 1);
		padding-top: 0.5em;
		margin-top: -0.5em;
		margin-right: 0.0625rem;
	}
}

@keyframes tab-active {
	0% {
		background-color: rgba(var(--swatch-menubg-light-color), 0);
		padding-top: 0;
		margin-top: 0;
		margin-right: 0;
	}

	100% {
		background-color: rgba(var(--white-monochrome), 1);
		padding-top: 0.5em;
		margin-top: -0.5em;
		margin-right: 0.0625rem;
	}
}

@-webkit-keyframes fade {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-moz-keyframes fade {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-o-keyframes fade {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fade {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}