/*
New Age Theme
[2022 Wikidot Theme]
Created by JakdragonX
Massive props to EstrellaYoshte, Liryn, and Placeholder McD for all the images. Thanks also to Estrella again for the help with the CSS.

New Age is based on the Black Highlighter Theme created by Woedenaz and Croquembouche.
The Informatics logo was created by EstrellaYoshte, based off the SCP Foundation logo. Licensed under CC BY SA 3.0.
The node background was created by svgbackgrounds.com, licensed under CC BY 4.0.
All of the other icons in the memo's were also made by Estrella and robbed from the BASALT theme, made by Liryn and Placeholder McD.
*/

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@900&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Source+Code+Pro:wght@500&display=swap');

/* Primary Stuff */
:root {
	--theme-id: "New Age";
	--theme-name: "New Age";
	--header-title: "SIMULACRUM";
	--header-subtitle: "NEW CONNECTION ESTABLISHED";
	--logo-image: url("/api/css-proxy?url=http%3A%2F%2Fscp-wiki.wikidot.com%2Flocal--files%2Ftheme%3Anew-age%2Fsimlogo3.webp");
	--accent-color: var(--deep-crimson);

	/* These are the other colors beyond the accented ones. All of the themes uses these values. */
	--pitch-black: 6, 6, 6;
	--dark-midnight: 26, 26, 26;
	--silver-lining: 196, 196, 196;

	/* These are the seven other values for the accents. Users can also simply just change the "--accent-color" variable to use any colors they want. */
	--deep-crimson: 255, 36, 60;
	--mutant-green: 0, 209, 66;
	--skylight-blue: 0, 184, 240;
	--neon-orange: 255, 142, 20;
	--lipstick-pink: 225, 101, 236;
	--lavender-violet: 144, 79, 247;
	--seafoam-teal: 54, 227, 184;

	/* These are just fonts and other variables I edited to make things work. */
	--body-font: 'IBM Plex Sans', sans-serif;
	--header-font: 'Archivo', sans-serif;
	--mono-font: 'Source Code Pro', monospace;
	--swatch-primary: var(--accent-color);
	--swatch-primary-darker: var(--accent-color);
	--swatch-primary-darkest: var(--accent-color);
	--swatch-border-color: var(--accent-color);
	--swatch-text-dark: var(--pitch-black);
	--swatch-text-light: var(--silver-lining);
	--swatch-text-general: var(--silver-lining);
	--swatch-important-text: var(--accent-color);
	--swatch-menubg-color: var(--dark-midnight);
	--swatch-menubg-light-color: var(--dark-midnight);
	--swatch-menubg-medium-color: var(--accent-color);
	--swatch-menubg-medium-dark-color: var(--accent-color);
	--swatch-menubg-dark-color: var(--pitch-black);
	--swatch-menubg-black-color: var(--dark-midnight);
	--swatch-menubg-hover-color: var(--pitch-black);
	--swatch-menutxt-dark-color: var(--dark-midnight);
	--swatch-menutxt-light-color: var(--silver-lining);
	--swatch-menutxt-general-color: var(--silver-lining);
	--swatch-secondary-color: var(--swatch-menubg-light-color);
	--swatch-tertiary-color: var(--swatch-menubg-medium-color);
	--swatch-alternate-color: var(--swatch-menubg-dark-color);
	--swatch-text-secondary-color: var(--swatch-menutxt-light-color);
	--swatch-text-tertiary-color: var(--silver-lining);
	--gradient-header: linear-gradient(to top, rgb(var(--pitch-black)) 0%, rgb(var(--pitch-black)) 90%, rgb(var(--pitch-black)) 100%);
	--diagonal-stripes: none;
	--background-gradient-distance: 0rem;
	--swatch-background: var(--pitch-black);
	--background-gradient-color: var(--dark-midnight);
	--header-gradient-color-bottom: var(--dark-midnight);
	--header-gradient-color-middle: var(--dark-midnight);
	--header-gradient-color-top: var(--black-monochrome);
	--swatch-topmenu-bg-color: var(--pitch-black);
	--swatch-topmenu-border-color: var(--pitch-black);
	--link-color: var(--accent-color);
	--visited-link-color: var(--accent-color);
	--hover-link-color: var(--silver-lining);
	--newpage-color: var(--accent-color);
	--min-font-size: 16px;
	--max-font-size: 18px;
	--toggle-border-color: rgb(var(--accent-color));
	--modal-header-txt: var(--pitch-black);
	--modal-header-stripe: var(--accent-color);
	--hoverblock-bg: var(--dark-midnight);
	--hoverblock-header-txt: var(--pitch-black);
	--ui-button-hover-bg: var(--dark-midnight);
	--pager-selected-link: var(--pitch-black);
	--pager-link-hover: var(--accent-color);
	--pager-hover-bg: var(--dark-midnight);
	--pager-selected-bg: var(--swatch-primary);
	--hoverblock-footer-bg: var(--swatch-tertiary-color);
	--rating-module-text-hover-color: var(--pitch-black);
}


/* The logo image is way too bright. I figured I'd just bring down it's opacity in case someone wants to use a different logo image that's also insanely bright. */
#header::before {
	opacity: 0.3;
}

/* Variables for the header. */
#header {
	--swatch-headerh1-color: var(--accent-color);
	--swatch-headerh2-color: var(--swatch-text-light);
	--search-icon-color: var(--silver-lining);
	--search-icon-hover-color: var(--dark-midnight);
	--search-icon-hover-bg-color: var(--accent-color);
	--search-textbox-text-color: var(--silver-lining);
	--search-icon-focus-color: var(--accent-color);
	--search-icon-focus-bg-color: var(--accent-color);
	--search-focus-outline-color: var(--dark-midnight);
	--search-focus-textbox-bg-color: var(--dark-midnight);
	--search-focus-textbox-text-color: var(--pitch-black);
	--login-line-divider-color: var(--accent-color);
	--login-username-color: var(--silver-lining);
	--login-myaccount-color: var(--silver-lining);
	--login-myaccount-hover-color: var(--pitch-black);
	--login-myaccount-underline-color: transparent;
	--login-myaccount-hover-bg-color: var(--swatch-primary-darkest);
	--login-arrow-color: var(--accent-color);
	--login-dropdown-bg-color: var(--dark-midnight);
	--login-dropdown-bg-image: none;
	--login-dropdown-border-color: var(--accent-color);
	--login-dropdown-text-color: var(--swatch-text-secondary-color);
	--login-dropdown-text-hover-color: var(--pitch-black);
	--login-dropdown-bg-hover-color: var(--accent-color);
	--login-mobile-icon-color: var(--search-icon-color);
	--login-mobile-icon-hover-color: var(--search-icon-hover-color);
	--login-mobile-icon-hover-bg-color: var(--search-icon-hover-bg-color);
	--gradient-topmenu-mobile: linear-gradient(to bottom, rgba(var(--accent-color), 1) 0, rgba(var(--accent-color), 1) 0.125rem, rgba(var(--accent-color), 1) calc(var(--topbar-height-on-mobile) - 0.125rem), rgba(var(--swatch-topmenu-bg-color), 1) calc(var(--topbar-height-on-mobile) - 0.125rem), rgba(var(--swatch-topmenu-border-color), 1) var(--topbar-height-on-mobile));
}

/* Like the pretty lines in the background? Thank this guy for doing it. */
div#container-wrap {
	position: relative;
}

#container-wrap:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='1000' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23C4C4C4' stroke-width='1.5'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23262626'%3E%3Ccircle cx='769' cy='229' r='6'/%3E%3Ccircle cx='539' cy='269' r='6'/%3E%3Ccircle cx='603' cy='493' r='6'/%3E%3Ccircle cx='731' cy='737' r='6'/%3E%3Ccircle cx='520' cy='660' r='6'/%3E%3Ccircle cx='309' cy='538' r='6'/%3E%3Ccircle cx='295' cy='764' r='6'/%3E%3Ccircle cx='40' cy='599' r='6'/%3E%3Ccircle cx='102' cy='382' r='6'/%3E%3Ccircle cx='127' cy='80' r='6'/%3E%3Ccircle cx='370' cy='105' r='6'/%3E%3Ccircle cx='578' cy='42' r='6'/%3E%3Ccircle cx='237' cy='261' r='6'/%3E%3Ccircle cx='390' cy='382' r='6'/%3E%3C/g%3E%3C/svg%3E");
	background-size: unset;
	background-repeat: repeat;
	background-attachment: fixed;
	z-index: -1;
	opacity: 0.15;
	aspect-ratio: unset;
	object-view-box: unset;
}

/* Additional header stuff. */

#header h1 a,
#header h1 a:before {
	font-size: 65px;
}

#header h2 span {
	margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 0.015em);
	font-size: 20px;
}

@media (max-width: 580px) {

	#header h1 a,
	#header h1 a:before {
		font-size: 40px;
	}

	#header h2 span {
		margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 1.4em);
		font-size: 16px;
	}
}

@media (max-width: 380px) {

	#header h1 a,
	#header h1 a:before {
		font-size: 38px;
	}

	#header h2 span {
		margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 1.4em);
		font-size: 14px;
	}
}

/* Don't think I forgot the top bar! Oh, you're so silly! */
#top-bar {
	--topmenu-category-color: var(--pitch-black);
	--topmenu-category-hover-color: var(--silver-lining);
	--topmenu-category-hover-bg: var(--dark-midnight);
	--topmenu-hover-border-color: var(--accent-color);
	--mobile-topmenu-sidebar-button-color: var(--pitch-black);
	--dropdown-bg-color: var(--dark-midnight);
	--dropdown-border-color: var(--accent-color);
	--dropdown-links-color: var(--swatch-text-secondary-color);
	--dropdown-links-bg-color: 0, 0, 0, 0;
	--dropdown-links-hover-color: var(--pitch-black);
	--dropdown-links-hover-bg-color: var(--swatch-primary);
}

/* My ex used to call me this. Lots of these are just variables or small fixes to things like the text or something. */
#main-content {
	--ui-icon-color: var(--accent-color);
	--ui-icon-bg: var(--pitch-black);
	--ui-icon-hover-color: var(--pitch-black);
	--ui-icon-hover-bg: var(--accent-color);
	--editor-icon-color: var(--swatch-menutxt-general-color);
	--editor-icon-hover-color: var(--swatch-background);
	--editor-icon-hover-bg: var(--swatch-primary);
	--editor-icon-submenu-bg: var(--swatch-secondary-color);
	--tabs-bg: var(--dark-midnight);
	--tabs-txt: var(--silver-lining);
	--tabs-hover-bg: var(--swatch-primary-darker);
	--tabs-hover-txt: var(--pitch-black);
	--tabs-selected-bg: var(--swatch-primary);
	--tabs-selected-txt: var(--pitch-black);
	--tabs-selected-outline: var(--accent-color);
	--tabs-bottom-border-color: var(--swatch-primary-darker);
	--tabs-content-bg-color: var(--dark-midnight);
	--tabs-content-border-color: var(--dark-midnight);
	--tables-header-bg: var(--swatch-primary-darkest);
	--tables-header-txt: var(--pitch-black);
	--tables-border: var(--swatch-tertiary-color);
	--tables-body-bg: var(--dark-midnight);
	--tables-body-txt: var(--swatch-text-general);
	--blockquote-bg-color: var(--dark-midnight);
	--blockquote-border-color: var(--pitch-black);
	--blockquote-colorbar-color: var(--accent-color);
	--footnotes-footer-bg-color: var(--swatch-secondary-color);
	--footnotes-footer-colorbar-color: var(--swatch-primary-darkest);
	--footnotes-footer-title-bg-color: var(--swatch-primary-darkest);
	--footnotes-footer-title-text-color: var(--pitch-black);
	--footnotes-footer-num-color: var(--link-color);
	--footnotes-footer-num-hover-color: var(--hover-link-color);
	--footnotes-footer-text-color: var(--swatch-text-general);
	--pagetags-title-text: var(--pitch-black);
    --toc-header-bg-color: var(--accent-color);
    --toc-header-text-color: var(--pitch-black);
    --toc-header-text-hover-color: var(--pitch-black);
    --toc-directory-lines-color: var(--accent-color);
    --toc-body-link-color: var(--link-color);
    --toc-body-link-hover-color: var(--pitch-black);
    --toc-body-hover-arrow-color: var(--accent-color);
}

#header div#top-bar {
	background-color: rgb(var(--accent-color));
	border-radius: 4px;
}

#interwiki,
#side-bar {
	--sidebar-links-hover-text-color: var(--pitch-black);

}

#footer {
	--footer-bg-color: var(--accent-color);
	--footer-text-color: var(--pitch-black);
	--footer-link-color: var(--pitch-black);
	--footer-link-hover-color: var(--silver-lining);
	--footer-link-hover-bg-color: var(--dark-midnight);
}

.bibitems .title,
.footnotes-footer .title {
	border-radius: 4px;
}

.bibitems,
.footnotes-footer {
	border-radius: 4px;
}

#license-area {
	--license-bg-color: var(--dark-midnight);
	--license-text-color: var(--swatch-text-secondary-color);
	--license-link-color: var(--silver-lining);
	--license-link-hover-color: var(--pitch-black);
	--license-link-hover-bg-color: var(--accent-color);
}

#body {
	font-size: 16px;
	--barColour: rgb(var(--accent-color));
}

tt,
tt * {
	font-size: inherit;
}

/* Code for the fancy lines underneath the collapsibles and links. */
a.collapsible-block-link {
	padding: 0.15em;
	margin: -0.15em;
	color: inherit;
	-webkit-box-decoration-break: clone;
	        box-decoration-break: clone;
	box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--accent-color));
	transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1), color 200ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 200ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

a.collapsible-block-link:hover {
	padding: 0.3em 0.25em 0.2em 0.25em;
	margin: -0.25em;
	box-shadow: inset 0 -1.5em 0 0 rgba(var(--accent-color));
	text-decoration: none;
	color: rgb(var(--pitch-black))
}

.info-container .collapsible-block-folded,
.info-container .collapsible-block-unfolded-link {
	background: rgb(var(--accent-color));
}

.info-container .collapsible-block-unfolded {
	border: 3px solid rgb(var(--accent-color));
	border-top: none;
	background-color: rgb(var(--pitch-black));
}

.info-container .collapsible-block-folded .collapsible-block-link,
.info-container .collapsible-block-link {
	background: rgb(var(--pitch-black));
}

#page-content .info-container a.collapsible-block-link:hover {
	box-shadow: none;
}

.collection .collapsible-block-unfolded-link a,
.collection .collapsible-block-folded a:hover {
	box-shadow: none;
}

.collection .collapsible-block-unfolded-link a,
.collection .collapsible-block-folded a {
	box-shadow: none;
}

#page-content div.rate-box-with-credit-button, 
div.page-rate-widget-box {
    padding: 1px;
	border: none;
	border-radius: 4px;
	background-color: rgb(var(--dark-midnight));
	box-shadow: 0 0.125rem 0 0 rgb(var(--accent-color));
}

#main-content hr {
	height: 0.0925rem;
	border-top: 0.0625rem solid rgba(var(--accent-color));
	background-color: rgba(var(--accent-color));
}

#page-title::after,
.meta-title::after,
#page-title::before,
.meta-title::before {
	height: 0.19rem;
}

#page-content a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]) {
	padding: 0.15em;
	margin: -0.15em;
	color: inherit;
	-webkit-box-decoration-break: clone;
	        box-decoration-break: clone;
	box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--accent-color));
	transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1), color 200ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 200ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

#page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]):not(.fa-info):hover {
	padding: 0.3em 0.25em 0.2em 0.25em;
	margin: -0.25em;
	box-shadow: inset 0 -1.5em 0 0 rgba(var(--accent-color));
	text-decoration: none;
	color: rgb(var(--pitch-black));
}

.blockquote,
[class*=blockquote],
blockquote,
div.blockquote {
	background-color: rgba(var(--blockquote-bg-color));
	border-top: 1px solid rgb(var(--pitch-black));
	border-right: 1px solid rgb(var(--pitch-black));
	border-bottom: 1px solid rgb(var(--pitch-black));
	border-left: 5px solid rgb(var(--accent-color));
	box-shadow: 4px 0px 8px 0px rgba(var(--pitch-black), 0.8);
	border-radius: 4px;
}

:is(blockquote,.blockquote,div.blockquote,[class*=blockquote]) {
    margin: 1ex 2ch;
}

/* Title and image block stuff. */
@media (max-width: 360px) {

	div#page-title,
	div#meta-title {
		border-bottom: 3px solid rgb(var(--accent-color));
		padding-bottom: 0.5rem;
	}

	#page-title::after,
	.meta-title::after,
	#page-title::before,
	.meta-title::before {
		background: none;
	}
}

.image-block,
.scp-image-block {
	box-shadow: none;
}

.image-block .image-caption,
.scp-image-block .scp-image-caption {
	background-color: rgb(var(--dark-midnight));
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: 3px solid rgb(var(--accent-color));
	box-shadow: none;
}

:is(div.image-block,div.scp-image-block) :is(.image-caption,.scp-image-caption) {
    padding: 0.5ex 0.5ch 0.5ex;
}

form#edit-page-form:not(.data-form) {
	border: 3px solid rgb(var(--accent-color));
}

form#edit-page-form table.form:first-of-type td:last-of-type {
	box-shadow: none;
}

form#edit-page-form table.form:first-of-type td:last-of-type input:not(:-moz-placeholder-shown) {
	background-color: rgba(var(--dark-midnight));
}

form#edit-page-form table.form:first-of-type td:last-of-type input:not(:placeholder-shown) {
	background-color: rgba(var(--dark-midnight));
}

form#edit-page-form .wd-editor-toolbar-panel {
	background-color: rgb(var(--swatch-background));
	border-bottom: 3px solid rgb(var(--accent-color));
	border-top: 3px solid rgb(var(--accent-color));
}

input[type=text]:not(:-moz-placeholder-shown), textarea:not(:-moz-placeholder-shown) {
	background-color: rgb(var(--dark-midnight));
}

input[type=text]:not(:placeholder-shown),
textarea:not(:placeholder-shown) {
	background-color: rgb(var(--dark-midnight));
}

form#edit-page-form #wd-editor-toolbar-panel+div {
	border-bottom: 3px solid rgb(var(--accent-color));
}

form#edit-page-form .edit-help-34 {
	background-color: rgb(var(--dark-midnight));
}

form#edit-page-form .edit-page-bottomtable tr>td:first-of-type>div:first-of-type {
	box-shadow: none;
}

form#edit-page-form .edit-page-bottomtable tr>td:first-of-type>div:first-of-type textarea:not(:-moz-placeholder-shown) {
	background-color: rgba(var(--dark-midnight));
	color: rgb(var(--swatch-menutxt-general-color));
	border: none;
}

form#edit-page-form .edit-page-bottomtable tr>td:first-of-type>div:first-of-type textarea:not(:placeholder-shown) {
	background-color: rgba(var(--dark-midnight));
	color: rgb(var(--swatch-menutxt-general-color));
	border: none;
}

:not(.page-rate-widget-box):not(#search-top-box-form)>.btn,
:not(.page-rate-widget-box):not(#search-top-box-form)>.button,
:not(.page-rate-widget-box):not(#search-top-box-form)>.owindow .button-bar a,
:not(.page-rate-widget-box):not(#search-top-box-form)>button,
:not(.page-rate-widget-box):not(#search-top-box-form)>div.buttons input,
:not(.page-rate-widget-box):not(#search-top-box-form)>input.button {
	outline: 0 solidrgb(var(--swatch-primary));
	background-color: rgb(var(--accent-color));
	border: 3px solid rgb(var(--accent-color));
	color: rgb(var(--pitch-black));
}

table.page-history tr:nth-of-type(2) td:not(:nth-of-type(7)):before {
	color: rgb(var(--pitch-black));
}

.change-textarea-size {
	background-color: rgb(var(--dark-midnight));
}

#odialog-container .owindow :not(.page-rate-widget-box):not(#search-top-box-form)>a.btn,
#odialog-container .title.modal-header :not(.page-rate-widget-box):not(#search-top-box-form)>a.btn {
	background-color: rgb(var(--accent-color));
	color: rgb(var(--pitch-black));
}

.blbf-main>div {
	border: 0.45rem rgb(var(--swatch-primary-darkest, 144, 25, 1)) solid;
	margin-left: auto;
	border-radius: 4px;
	background-color: rgb(var(--pitch-black));
}

.blbf-main>div::before {
	top: -0.45rem;
	left: -0.25em;
	color: rgb(var(--pitch-black));
	border-radius: 4px;
}

.blbf-main hr {
	border-top: 0.45rem solid rgba(var(--accent-color));
}

.blbf-main>div>p:last-of-type {
	margin-top: 1.5rem;
}

.expoblock {
	box-sizing: border-box;
	border: solid 0.55rem rgb(var(--accent-color));
	padding: 1rem;
	border-radius: 4px;
	background-color: rgb(var(--pitch-black));
}

.expoblock hr {
	border-top: 0.45rem solid rgba(var(--accent-color));
}

span.hilighter {
	background-color: rgb(var(--accent-color));
	color: rgb(var(--pitch-black));
	font-weight: bold;
	padding: 0.2em;
	font-size: 108%;
	line-height: 1.2;
	border-radius: 4px;
}

/* Special divs. */

.overwatch_notice {
	background: url(/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wikidot.com%2Flocal--files%2Ftheme%3Anew-age%2FO5_logo.png), rgb(var(--dark-midnight));
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
	width: auto;
	padding: 10px 20px 5px 20px;
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: auto;
	margin-right: auto;
	border: 0.3rem solid rgb(var(--accent-color));
	color: rgb(var(--silver-lining));
	border-radius: 4px;
	width: 90%;
	min-height: 4rem;
	max-height: 100rem;
}

.overwatch_notice h1,
.overwatch_notice h2,
.overwatch_notice h3,
.overwatch_notice h4,
.overwatch_notice h5,
.overwatch_notice h6 {
	color: rgb(var(--silver-lining));
}


.overwatch_notice hr {
	border-top: 0.0625rem solid rgb(var(--accent-color));
	background-color: rgba(var(--accent-color));
	margin: 0.25rem;
}

.overwatch_notice span.hilighter {
	color: rgb(var(--pitch-black));
	background-color: rgb(var(--accent-color));
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0;
}

.overwatch_notice p {
	line-height: 24px;
	font-weight: 500;
}

.ethics_alert {
	background: url(/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wikidot.com%2Flocal--files%2Ftheme%3Anew-age%2Fethics_logo.png), rgb(26 26 26);
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
	width: auto;
	padding: 10px 20px 5px 20px;
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: auto;
	margin-right: auto;
	border: 0.3rem solid rgb(var(--accent-color));
	color: rgb(var(--silver-lining));
	border-radius: 4px;
	width: 90%;
	min-height: 4rem;
	max-height: 100rem;
}

.ethics_alert h1,
.ethics_alert h2,
.ethics_alert h3,
.ethics_alert h4,
.ethics_alert h5,
.ethics_alert h6 {
	color: rgb(var(--silver-lining));
}

.ethics_alert hr {
	border-top: 0.0625rem solid rgb(var(--accent-color));
	background-color: rgb(var(--accent-color));
	margin: 0.25rem;
}

.ethics_alert span.hilighter {
	color: rgb(var(--pitch-black));
	background-color: rgb(var(--accent-color));
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0;
}

.ethics_alert p {
	line-height: 24px;
	font-weight: 500;
}

.raisa_update {
	background: url(/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wikidot.com%2Flocal--files%2Ftheme%3Anew-age%2FRAISA_Logo.png), rgb(26 26 26);
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
	width: auto;
	padding: 10px 20px 5px 20px;
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: auto;
	margin-right: auto;
	border: 0.3rem solid rgb(var(--accent-color));
	color: rgb(var(--silver-lining));
	border-radius: 4px;
	width: 90%;
	min-height: 4rem;
	max-height: 100rem;
}

.raisa_update h1,
.raisa_update h2,
.raisa_update h3,
.raisa_update h4,
.raisa_update h5,
.raisa_update h6 {
	color: rgb(var(--silver-lining));
}

.raisa_update hr {
	border-top: 0.0625rem solid rgb(var(--accent-color));
	background-color: rgba(var(--accent-color));
	margin: 0.25rem;
}

.raisa_update span.hilighter {
	color: rgb(var(--pitch-black));
	background-color: rgb(var(--accent-color));
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0;
}

.raisa_update p {
	line-height: 24px;
	font-weight: 500;
}

.classification_warning {
	background: url(/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wikidot.com%2Flocal--files%2Ftheme%3Anew-age%2FCLASS_logo.png), rgb(26 26 27);
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
	width: auto;
	padding: 10px 20px 5px 20px;
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: auto;
	margin-right: auto;
	border: 0.3rem solid rgb(var(--accent-color));
	color: rgb(var(--silver-lining));
	border-radius: 4px;
	width: 90%;
	min-height: 4rem;
	max-height: 100rem;
}

.classification_warning h1,
.classification_warning h2,
.classification_warning h3,
.classification_warning h4,
.classification_warning h5,
.classification_warning h6 {
	color: rgb(var(--silver-lining));
}

.classification_warning hr {
	border-top: 0.0625rem solid rgb(var(--accent-color));
	background-color: rgb(var(--accent-color));
	margin: 0.25rem;
}

.classification_warning span.hilighter {
	color: rgb(var(--pitch-black));
	background-color: rgb(var(--accent-color));
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0;
}

.classification_warning p {
	line-height: 24px;
	font-weight: 500;
}

.miscom_message {
	background: url(/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wikidot.com%2Flocal--files%2Ftheme%3Anew-age%2FMISCOM_Logo.png), rgb(26 26 27);
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
	width: auto;
	padding: 10px 20px 5px 20px;
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: auto;
	margin-right: auto;
	border: 0.3rem solid rgb(var(--accent-color));
	color: rgb(var(--silver-lining));
	border-radius: 4px;
	width: 90%;
	min-height: 4rem;
	max-height: 100rem;
}

.miscom_message h1,
.miscom_message h2,
.miscom_message h3,
.miscom_message h4,
.miscom_message h5,
.miscom_message h6 {
	color: rgb(var(--silver-lining));
}

.miscom_message hr {
	border-top: 0.0625rem solid rgb(var(--accent-color));
	background-color: rgb(var(--accent-color));
	margin: 0.25rem;
}

.miscom_message span.hilighter {
	color: rgb(var(--pitch-black));
	background-color: rgb(var(--accent-color));
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0;
}

.miscom_message p {
	line-height: 24px;
	font-weight: 500;
}

form#edit-page-form .edit-page-bottomtable tr>td:first-of-type>div:first-of-type:before {
	background-color: transparent;
}

form#edit-page-form .edit-help-34>a:hover {
	color: rgb(var(--silver-lining));
}

.modal,
.smallmodal {
	padding: 15px 15px 15px 15px;
	box-shadow: 0px 0px 3px rgb(0 0 0 / 30%);
	width: auto;
	margin: 1rem auto 1rem auto;
	background: rgb(var(--dark-midnight));
	border: solid 2px rgb(var(--dark-midnight));
	border-radius: 4px;
}

.smallmodal {
	width: 75%;
}

.hl-identifier,
.hl-code {
	color: rgb(var(--silver-lining));
}

div.scale {
	--woedbar-class-bar-color: rgb(var(--dark-midnight));
	--woedbar-lvl6-color: rgb(var(--accent-color));
	--woedbar-lvl5-color: rgb(var(--accent-color));
	--woedbar-lvl4-color: rgb(var(--accent-color));
	--woedbar-lvl3-color: rgb(var(--accent-color));
	--woedbar-lvl2-color: rgb(var(--accent-color));
	--woedbar-lvl1-color: rgb(var(--accent-color));
}

.collection .collapsible-block-unfolded-link a,
.collection .collapsible-block-folded a {
	border: 3px solid rgb(var(--accent-color));
}

.collection .collapsible-block-unfolded-link a,
.collection .collapsible-block-folded a {
	background-color: rgba(var(--dark-midnight));
	color: rgb(var(--accent-color));
}

.collection .collapsible-block {
	background-color: rgb(var(--dark-midnight));
	border-radius: 4px;
}

.namerow {
	background-color: rgb(var(--accent-color));
	color: rgb(var(--pitch-black));
}

.namerow {
	border: 2px solid rgb(var(--accent-color));
	border-radius: 4px;
}

.titlecolumn {
	border: 3px solid rgb(var(--accent-color));
	border-radius: 4px;
}

.titlecolumn {
	background-color: rgb(var(--accent-color));
	color: rgb(var(--dark-midnight));
}

.articlecolumn {
	background-color: rgb(var(--dark-midnight));
}

/* Custom Assets by EstrellaYoshte */
.limit {
	margin-bottom: -1rem;
}

.anchor {
	position: -webkit-sticky;
	position: sticky;
	height: 0;
	top: 0;
	z-index: 9999;
}

.sidebox {
	background-color: rgb(var(--black-monochrome));
	border-top: solid 0.125rem rgb(var(--swatch-primary));
	padding: .14rem 1rem .14rem;
	margin-top: 0;
	margin-bottom: 0.5rem;
	width: calc((100vw - (var(--body-width-on-desktop) + 10rem))/2);
	max-height: calc(100vh - 18rem);
	position: absolute;
	top: 0;
	left: 103.5%;
	z-index: 5;
	overflow: auto;
	box-sizing: border-box;
}

.hovertip {
	color: rgb(var(--swatch-text-general));
}

@media (max-width: 80.625rem) {
	.sidebox {
		width: auto;
		max-width: 50vw;
		color: rgba(0, 0, 0, 0);
		background-color: rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 0 rgb(var(--swatch-primary));
		border: none;
		right: calc(((100vw - 1em - var(--body-width-on-desktop)) / 2) * -1);
		left: initial;
		pointer-events: none;
		transition: max-width 0.2s ease-in-out 0.1s, color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0s;
		overflow-x: hidden;
		overflow-y: hidden;
		scrollbar-width: thin;
	}

	.sidebox::-webkit-scrollbar {
		width: 0.5em;
	}

@media only screen and (max-width: 56.25rem) {
::-webkit-scrollbar-thumb {
    background: rgb(var(--accent-color));
}
}

	.sidebox * {
		opacity: 0;
		transition: opacity 0.2s ease-in-out 0.1s;
	}

	.sidebox::before,
	.sidebox::after {
		content: " ";
		position: absolute;
		pointer-events: all;
		right: 0;
	}

	.sidebox::before {
		top: calc(50% - 0.75rem);
		width: 0;
		height: 0;
		border-top: 0.75rem solid transparent;
		border-bottom: 0.75rem solid transparent;
		border-right: 0.75rem solid rgb(var(--accent-color));
		transition: border 0.1s ease-in-out 0.1s;
		z-index: 10;
	}

	.sidebox::after {
		top: 0;
		max-width: 0.75rem;
		width: 100%;
		height: 100%;
		box-shadow: 0.125rem 0 0 0 rgb(var(--swatch-primary));
		max-height: calc(100vh - 18rem);
		background-color: rgb(var(--dark-midnight));
		z-index: -1;
		transition: box-shadow 0.5s ease-in-out 0.1s, max-width 0.5s ease-in-out 0.1s, border-top-left-radius 0.5s ease-in-out 0.1s, border-bottom-left-radius 0.5s ease-in-out 0.1s;
	}

	.sidebox:hover,
	.sidebox:active {
		color: rgb(var(--swatch-text-general));
		background-color: rgb(var(--black-monochrome));
		pointer-events: all;
		overflow-y: scroll;
		transition: max-width 0.5s ease-in-out 0.2s, color 0.5s ease-in-out 0.2s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0.6s, right 0.5s ease-in-out 0.1s;
	}

	.sidebox:hover *,
	.sidebox:active * {
		opacity: 1;
		transition: opacity 0.5s ease-in-out 0.2s;
	}

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

	.sidebox:hover::after,
	.sidebox:active::after {
		box-shadow: 0 -0.125rem 0 0 rgb(var(--swatch-primary));
		right: 0;
		max-width: 100%;
		border-top-left-radius: 0rem;
		border-bottom-left-radius: 0rem;
	}
}

@media only screen and (max-width:56.25rem) {
	:root {
		--body-width-on-desktop: 100vw;
		--header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
		--header-h2-font-size: var(--base-font-size);
	}

	#header h1,
	#header h1 a,
	#header h1 a::before {
		top: 0.5rem;
	}

	#header h2,
	#header h2 a,
	#header h2 a::before {
		top: 0.35rem;
	}

	.anchor {
		top: calc(var(--topbar-height-on-mobile) + 0.75rem);
	}

	.sidebox,
	.sidebox:hover,
	.sidebox:active {
		right: calc(((100vw - (100% - 3rem))/2) * -1 + 1.5em);
	}

	.sidebox::before,
	.sidebox::after {
		content: " ";
		position: absolute;
		pointer-events: all;
		right: 0;
	}

	.blockquote,
	[class*="blockquote"],
	blockquote,
	div.blockquote {
		margin: 0;
	}
}

@media only screen and (min-width: 48.0625rem) {

	#search-top-box-form input[type="submit"],
	#search-top-box-form input[type="submit"]:focus,
	#search-top-box-form input[type="submit"]:hover {
		border-left: 0.0625rem solid rgba(var(--swatch-primary-darkest), 0);
	}

	#search-top-box-form input[type="submit"] {
		background: rgba(var(--swatch-primary-darkest), 0.5);
	}
}

#page-content .rate-box-with-credit-button,
.page-rate-widget-box {
	border: 0.0625rem solid rgba(var(--pitch-black));
}

div.page-rate-widget-box .rate-points {
	border: none;
}

#breadcrumbs a:active, 
#breadcrumbs a:hover, 
.pseudocrumbs a:active, 
.pseudocrumbs a:hover {
  color: rgb(var(--dark-midnight));
}


#search-top-box {
     box-shadow: none;
}

/* Shown below are the different color variants that can be used independently from the primary theme accent color. These have been broken down into "Red," "Blue," "Orange," "Green," "Teal" "Pink" and "Violet" respectively. */

.green {
    --accent-color: var(--mutant-green);
    border-color: rgb(var(--mutant-green));
}

.green .blockquote, [class*=blockquote], 
.green blockquote, 
.green div.blockquote {
   border-left-color: rgba(var(--mutant-green));
}

.green .image-block .image-caption, 
.green .scp-image-block .scp-image-caption {
    border-bottom-color: rgb(var(--mutant-green));
}

.green hr {
    background-color: rgb(var(--mutant-green));
    border-color: rgb(var(--mutant-green));
}

.green span.hilighter {
    background-color: rgb(var(--mutant-green));
}

.green a {
    color: rgb(var(--mutant-green));
}

#page-content .green a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]) {
	box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--mutant-green));
}

#page-content .green a:not([href*="user"]):not([href*="javascript:;"]):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]):not(.fa-info):hover {
	box-shadow: inset 0 -1.5em 0 0 rgba(var(--mutant-green));
}

#page-content .green tr th {
	background-color: rgb(var(--mutant-green));
}

#page-content .green tr {
	--tables-border: var(--mutant-green);
}

.green .expoblock {
    border-color: rgb(var(--mutant-green));
}

.green .overwatch_notice {
    border-color: rgb(var(--mutant-green));
}

.green .ethics_alert {
    border-color: rgb(var(--mutant-green));
}

.green .raisa_update {
    border-color: rgb(var(--mutant-green));
}

.green .classification_warning {
    border-color: rgb(var(--mutant-green));
}

.green .miscom_message {
    border-color: rgb(var(--mutant-green));
}

.green .sidebox {
    box-shadow: 0 0 0 0 rgb(var(--mutant-green));
    border-top-color: rgb(var(--mutant-green));
}

.green .sidebox::before {
    border-right-color: rgb(var(--mutant-green));
}

.green .sidebox::after {
    box-shadow: 0.125rem 0 0 0 rgb(var(--mutant-green));
}

.green .blbf-main>div {
    border-color: rgb(var(--mutant-green));
}

.green .blbf-main>div::before {
   background-color: rgb(var(--mutant-green));
}

.green .yui-navset .yui-nav li {
    background-color: rgb(var(--mutant-green));
    box-shadow: 0 0 0 0 rgb(var(--mutant-green));
}

.green .yui-navset .yui-nav .selected {
    box-shadow: 0 0 0 0.25rem rgb(var(--mutant-green));
}

.green .yui-navset .yui-nav a:before {
background-color: rgb(var(--mutant-green));
}

.green .yui-navset .yui-nav .selected a:before, 
.green .yui-navset .yui-nav .selected:active a:before, 
.green .yui-navset .yui-nav .selected:focus a:before, 
.green .yui-navset .yui-nav .selected:hover a:before {
background-color: rgb(var(--mutant-green));
}

.green .yui-navset .yui-nav li:active a:before, .green .yui-navset .yui-nav li:focus a:before, 
.green .yui-navset .yui-nav li:hover a:before {
    background-color: rgb(var(--mutant-green));
}

.green .printuser a {
    color: rgb(var(--mutant-green));
}

.green a.collapsible-block-link {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--mutant-green));
}

.green a.collapsible-block-link:hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--mutant-green));
}

.blue {
    --accent-color: var(--skylight-blue);
    border-color: rgb(var(--skylight-blue));
}

.blue .blockquote, [class*=blockquote], 
.blue blockquote, 
.blue div.blockquote {
   border-left-color: rgba(var(--skylight-blue));
}

.blue .image-block .image-caption, 
.blue .scp-image-block .scp-image-caption {
    border-bottom-color: rgb(var(--skylight-blue));
}

.blue hr {
    background-color: rgb(var(--skylight-blue));
    border-color: rgb(var(--skylight-blue));
}

.blue span.hilighter {
    background-color: rgb(var(--skylight-blue));
}

#page-content .blue a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]) {
	box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--skylight-blue));
}

#page-content .blue a:not([href*="user"]):not([href*="javascript:;"]):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]):not(.fa-info):hover {
	box-shadow: inset 0 -1.5em 0 0 rgba(var(--skylight-blue));
}

#page-content .blue tr th {
	background-color: rgb(var(--skylight-blue));
}

#page-content .blue tr {
	--tables-border: var(--skylight-blue);
}

.blue .expoblock {
    border-color: rgb(var(--skylight-blue));
}

.blue .overwatch_notice {
    border-color: rgb(var(--skylight-blue));
}

.blue .ethics_alert {
    border-color: rgb(var(--skylight-blue));
}

.blue .raisa_update {
    border-color: rgb(var(--skylight-blue));
}

.blue .classification_warning {
    border-color: rgb(var(--skylight-blue));
}

.blue .miscom_message {
    border-color: rgb(var(--skylight-blue));
}

.blue .sidebox {
    box-shadow: 0 0 0 0 rgb(var(--skylight-blue));
    border-top-color: rgb(var(--skylight-blue));
}

.blue .sidebox::before {
    border-right-color: rgb(var(--skylight-blue));
}

.blue .sidebox::after {
    box-shadow: 0.125rem 0 0 0 rgb(var(--skylight-blue));
}

.blue .blbf-main>div {
    border-color: rgb(var(--skylight-blue));
}

.blue .blbf-main>div::before {
   background-color: rgb(var(--skylight-blue));
}

.blue .yui-navset .yui-nav li {
    background-color: rgb(var(--skylight-blue));
    box-shadow: 0 0 0 0 rgb(var(--skylight-blue));
}

.blue .yui-navset .yui-nav .selected {
    box-shadow: 0 0 0 0.25rem rgb(var(--skylight-blue));
}

.blue .yui-navset .yui-nav a:before {
background-color: rgb(var(--skylight-blue));
}

.blue .yui-navset .yui-nav .selected a:before, 
.blue .yui-navset .yui-nav .selected:active a:before, 
.blue .yui-navset .yui-nav .selected:focus a:before, 
.blue .yui-navset .yui-nav .selected:hover a:before {
background-color: rgb(var(--skylight-blue));
}

.blue .yui-navset .yui-nav li:active a:before, 
.blue .yui-navset .yui-nav li:focus a:before, 
.blue .yui-navset .yui-nav li:hover a:before {
    background-color: rgb(var(--skylight-blue));
}

.blue .printuser a {
    color: rgb(var(--skylight-blue));
}

.blue a.collapsible-block-link {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--skylight-blue));
}

.blue a.collapsible-block-link:hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--skylight-blue));
}

.orange {
    --accent-color: var(--neon-orange);
    border-color: rgb(var(--neon-orange));
}

.orange .blockquote, [class*=blockquote], 
.orange blockquote, 
.orange div.blockquote {
   border-left-color: rgba(var(--neon-orange));
}

.orange .image-block .image-caption, 
.orange .scp-image-block .scp-image-caption {
    border-bottom-color: rgb(var(--neon-orange));
}

.orange hr {
    background-color: rgb(var(--neon-orange));
    border-color: rgb(var(--neon-orange));
}

.orange span.hilighter {
    background-color: rgb(var(--neon-orange));
}

#page-content .orange a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]) {
	box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--neon-orange));
}

#page-content .orange a:not([href*="user"]):not([href*="javascript:;"]):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]):not(.fa-info):hover {
	box-shadow: inset 0 -1.5em 0 0 rgba(var(--neon-orange));
}

#page-content .orange tr th {
	background-color: rgb(var(--neon-orange));
}

#page-content .orange tr {
	--tables-border: var(--neon-orange);
}

.orange .expoblock {
    border-color: rgb(var(--neon-orange));
}

.orange .overwatch_notice {
    border-color: rgb(var(--neon-orange));
}

.orange .ethics_alert {
    border-color: rgb(var(--neon-orange));
}

.orange .raisa_update {
    border-color: rgb(var(--neon-orange));
}

.orange .classification_warning {
    border-color: rgb(var(--neon-orange));
}

.orange .miscom_message {
    border-color: rgb(var(--neon-orange));
}

.orange .sidebox {
    box-shadow: 0 0 0 0 rgb(var(--neon-orange));
    border-top-color: rgb(var(--neon-orange));
}

.orange .sidebox::before {
    border-right-color: rgb(var(--neon-orange));
}

.orange .sidebox::after {
    box-shadow: 0.125rem 0 0 0 rgb(var(--neon-orange));
}

.orange .blbf-main>div {
    border-color: rgb(var(--neon-orange));
}

.orange .blbf-main>div::before {
   background-color: rgb(var(--neon-orange));
}

.orange .yui-navset .yui-nav li {
    background-color: rgb(var(--neon-orange));
    box-shadow: 0 0 0 0 rgb(var(--neon-orange));
}

.orange .yui-navset .yui-nav .selected {
    box-shadow: 0 0 0 0.25rem rgb(var(--neon-orange));
}

.orange .yui-navset .yui-nav a:before {
background-color: rgb(var(--neon-orange));
}

.orange .yui-navset .yui-nav .selected a:before, 
.orange .yui-navset .yui-nav .selected:active a:before, 
.orange .yui-navset .yui-nav .selected:focus a:before, 
.orange .yui-navset .yui-nav .selected:hover a:before {
background-color: rgb(var(--neon-orange));
}

.orange .yui-navset .yui-nav li:active a:before, .orange .yui-navset .yui-nav li:focus a:before, 
.orange .yui-navset .yui-nav li:hover a:before {
    background-color: rgb(var(--neon-orange));
}

.orange .printuser a {
    color: rgb(var(--neon-orange));
}

.orange a.collapsible-block-link {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--neon-orange));
}

.orange a.collapsible-block-link:hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--neon-orange));
}

.red {
    --accent-color: var(--deep-crimson);
    border-color: rgb(var(--deep-crimson));
}

.red .blockquote, [class*=blockquote], 
.red blockquote, 
.red div.blockquote {
   border-left-color: rgba(var(--deep-crimson));
}

.red .image-block .image-caption, 
.red .scp-image-block .scp-image-caption {
    border-bottom-color: rgb(var(--deep-crimson));
}

.red hr {
    background-color: rgb(var(--deep-crimson));
    border-color: rgb(var(--deep-crimson));
}

.red span.hilighter {
    background-color: rgb(var(--deep-crimson));
}

#page-content .red a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]) {
	box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--deep-crimson));
}

#page-content .red a:not([href*="user"]):not([href*="javascript:;"]):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]):not(.fa-info):hover {
	box-shadow: inset 0 -1.5em 0 0 rgba(var(--deep-crimson));
}

#page-content .red tr th {
	background-color: rgb(var(--deep-crimson));
}

#page-content .red tr {
	--tables-border: var(--deep-crimson);
}

.red .expoblock {
    border-color: rgb(var(--deep-crimson));
}

.red .overwatch_notice {
    border-color: rgb(var(--deep-crimson));
}

.red .ethics_alert {
    border-color: rgb(var(--deep-crimson));
}

.red .raisa_update {
    border-color: rgb(var(--deep-crimson));
}

.red .classification_warning {
    border-color: rgb(var(--deep-crimson));
}

.red .miscom_message {
    border-color: rgb(var(--deep-crimson));
}

.red .sidebox {
    box-shadow: 0 0 0 0 rgb(var(--deep-crimson));
    border-top-color: rgb(var(--deep-crimson));
}

.red .sidebox::before {
    border-right-color: rgb(var(--deep-crimson));
}

.red .sidebox::after {
    box-shadow: 0.125rem 0 0 0 rgb(var(--deep-crimson));
}

.red .blbf-main>div {
    border-color: rgb(var(--deep-crimson));
}

.red .blbf-main>div::before {
   background-color: rgb(var(--deep-crimson));
}

.red .yui-navset .yui-nav li {
    background-color: rgb(var(--deep-crimson));
    box-shadow: 0 0 0 0 rgb(var(--deep-crimson));
}

.red .yui-navset .yui-nav .selected {
    box-shadow: 0 0 0 0.25rem rgb(var(--deep-crimson));
}

.red .yui-navset .yui-nav a:before {
background-color: rgb(var(--deep-crimson));
}

.red .yui-navset .yui-nav .selected a:before, 
.red .yui-navset .yui-nav .selected:active a:before, 
.red .yui-navset .yui-nav .selected:focus a:before, 
.red .yui-navset .yui-nav .selected:hover a:before {
background-color: rgb(var(--deep-crimson));
}

.red .yui-navset .yui-nav li:active a:before, .red .yui-navset .yui-nav li:focus a:before, 
.red .yui-navset .yui-nav li:hover a:before {
    background-color: rgb(var(--deep-crimson));
}

.red .printuser a {
    color: rgb(var(--deep-crimson));
}

.red a.collapsible-block-link {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--deep-crimson));
}

.red a.collapsible-block-link:hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--deep-crimson));
}

.pink {
    --accent-color: var(--lipstick-pink);
    border-color: rgb(var(--lipstick-pink));
}

.pink .blockquote, [class*=blockquote], 
.pink blockquote, 
.pink div.blockquote {
   border-left-color: rgba(var(--lipstick-pink));
}

.pink .image-block .image-caption, 
.pink .scp-image-block .scp-image-caption {
    border-bottom-color: rgb(var(--lipstick-pink));
}

.pink hr {
    background-color: rgb(var(--lipstick-pink));
    border-color: rgb(var(--lipstick-pink));
}

.pink span.hilighter {
    background-color: rgb(var(--lipstick-pink));
}

#page-content .pink a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]) {
	box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--lipstick-pink));
}

#page-content .pink a:not([href*="user"]):not([href*="javascript:;"]):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]):not(.fa-info):hover {
	box-shadow: inset 0 -1.5em 0 0 rgba(var(--lipstick-pink));
}

#page-content .pink tr th {
	background-color: rgb(var(--lipstick-pink));
}

#page-content .pink tr {
	--tables-border: var(--lipstick-pink);
}

.pink .expoblock {
    border-color: rgb(var(--lipstick-pink));
}

.pink .overwatch_notice {
    border-color: rgb(var(--lipstick-pink));
}

.pink .ethics_alert {
    border-color: rgb(var(--lipstick-pink));
}

.pink .raisa_update {
    border-color: rgb(var(--lipstick-pink));
}

.pink .classification_warning {
    border-color: rgb(var(--lipstick-pink));
}

.pink .miscom_message {
    border-color: rgb(var(--lipstick-pink));
}

.pink .sidebox {
    box-shadow: 0 0 0 0 rgb(var(--lipstick-pink));
    border-top-color: rgb(var(--lipstick-pink));
}

.pink .sidebox::before {
    border-right-color: rgb(var(--lipstick-pink));
}

.pink .sidebox::after {
    box-shadow: 0.125rem 0 0 0 rgb(var(--lipstick-pink));
}

.pink .blbf-main>div {
    border-color: rgb(var(--lipstick-pink));
}

.pink .blbf-main>div::before {
   background-color: rgb(var(--lipstick-pink));
}

.pink .yui-navset .yui-nav li {
    background-color: rgb(var(--lipstick-pink));
    box-shadow: 0 0 0 0 rgb(var(--lipstick-pink));
}

.pink .yui-navset .yui-nav .selected {
    box-shadow: 0 0 0 0.25rem rgb(var(--lipstick-pink));
}

.pink .yui-navset .yui-nav a:before {
background-color: rgb(var(--lipstick-pink));
}

.pink .yui-navset .yui-nav .selected a:before, 
.pink .yui-navset .yui-nav .selected:active a:before, 
.pink .yui-navset .yui-nav .selected:focus a:before, 
.pink .yui-navset .yui-nav .selected:hover a:before {
background-color: rgb(var(--lipstick-pink));
}

.pink .yui-navset .yui-nav li:active a:before, .pink .yui-navset .yui-nav li:focus a:before, 
.pink .yui-navset .yui-nav li:hover a:before {
    background-color: rgb(var(--lipstick-pink));
}

.pink .printuser a {
    color: rgb(var(--lipstick-pink));
}

.pink a.collapsible-block-link {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--lipstick-pink));
}

.pink a.collapsible-block-link:hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--lipstick-pink));
}

.violet {
    --accent-color: var(--lavender-violet);
    border-color: rgb(var(--lavender-violet));
}

.violet .blockquote, [class*=blockquote], 
.violet blockquote, 
.violet div.blockquote {
   border-left-color: rgba(var(--lavender-violet));
}

.violet .image-block .image-caption, 
.violet .scp-image-block .scp-image-caption {
    border-bottom-color: rgb(var(--lavender-violet));
}

.violet hr {
    background-color: rgb(var(--lavender-violet));
    border-color: rgb(var(--lavender-violet));
}

.violet span.hilighter {
    background-color: rgb(var(--lavender-violet));
}

#page-content .violet a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]) {
	box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--lavender-violet));
}

#page-content .violet a:not([href*="user"]):not([href*="javascript:;"]):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]):not(.fa-info):hover {
	box-shadow: inset 0 -1.5em 0 0 rgba(var(--lavender-violet));
}

#page-content .violet tr th {
	background-color: rgb(var(--lavender-violet));
}

#page-content .violet tr {
	--tables-border: var(--lavender-violet);
}

.violet .expoblock {
    border-color: rgb(var(--lavender-violet));
}

.violet .overwatch_notice {
    border-color: rgb(var(--lavender-violet));
}

.violet .ethics_alert {
    border-color: rgb(var(--lavender-violet));
}

.violet .raisa_update {
    border-color: rgb(var(--lavender-violet));
}

.violet .classification_warning {
    border-color: rgb(var(--lavender-violet));
}

.violet .miscom_message {
    border-color: rgb(var(--lavender-violet));
}

.violet .sidebox {
    box-shadow: 0 0 0 0 rgb(var(--lavender-violet));
    border-top-color: rgb(var(--lavender-violet));
}

.violet .sidebox::before {
    border-right-color: rgb(var(--lavender-violet));
}

.violet .sidebox::after {
    box-shadow: 0.125rem 0 0 0 rgb(var(--lavender-violet));
}

.violet .blbf-main>div {
    border-color: rgb(var(--lavender-violet));
}

.violet .blbf-main>div::before {
   background-color: rgb(var(--lavender-violet));
}

.violet .yui-navset .yui-nav li {
    background-color: rgb(var(--lavender-violet));
    box-shadow: 0 0 0 0 rgb(var(--lavender-violet));
}

.violet .yui-navset .yui-nav .selected {
    box-shadow: 0 0 0 0.25rem rgb(var(--lavender-violet));
}

.violet .yui-navset .yui-nav a:before {
background-color: rgb(var(--lavender-violet));
}

.violet .yui-navset .yui-nav .selected a:before, 
.violet .yui-navset .yui-nav .selected:active a:before, 
.violet .yui-navset .yui-nav .selected:focus a:before, 
.violet .yui-navset .yui-nav .selected:hover a:before {
background-color: rgb(var(--lavender-violet));
}

.violet .yui-navset .yui-nav li:active a:before, .violet .yui-navset .yui-nav li:focus a:before, 
.violet .yui-navset .yui-nav li:hover a:before {
    background-color: rgb(var(--lavender-violet));
}

.violet .printuser a {
    color: rgb(var(--lavender-violet));
}

.violet a.collapsible-block-link {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--lavender-violet));
}

.violet a.collapsible-block-link:hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--lavender-violet));
}

.teal {
    --accent-color: var(--seafoam-teal);
    border-color: rgb(var(--seafoam-teal));
}

.teal .blockquote, [class*=blockquote], 
.teal blockquote, 
.teal div.blockquote {
   border-left-color: rgba(var(--seafoam-teal));
}

.teal .image-block .image-caption, 
.teal .scp-image-block .scp-image-caption {
    border-bottom-color: rgb(var(--seafoam-teal));
}

.teal hr {
    background-color: rgb(var(--seafoam-teal));
    border-color: rgb(var(--seafoam-teal));
}

.teal span.hilighter {
    background-color: rgb(var(--seafoam-teal));
}

#page-content .teal a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]) {
	box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--seafoam-teal));
}

#page-content .teal a:not([href*="user"]):not([href*="javascript:;"]):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]):not(.fa-info):hover {
	box-shadow: inset 0 -1.5em 0 0 rgba(var(--seafoam-teal));
}

#page-content .teal tr th {
	background-color: rgb(var(--seafoam-teal));
}

#page-content .teal tr {
	--tables-border: var(--seafoam-teal);
}

.teal .expoblock {
    border-color: rgb(var(--seafoam-teal));
}

.teal .overwatch_notice {
    border-color: rgb(var(--seafoam-teal));
}

.teal .ethics_alert {
    border-color: rgb(var(--seafoam-teal));
}

.teal .raisa_update {
    border-color: rgb(var(--seafoam-teal));
}

.teal .classification_warning {
    border-color: rgb(var(--seafoam-teal));
}

.teal .miscom_message {
    border-color: rgb(var(--seafoam-teal));
}

.teal .sidebox {
    box-shadow: 0 0 0 0 rgb(var(--seafoam-teal));
    border-top-color: rgb(var(--seafoam-teal));
}

.teal .sidebox::before {
    border-right-color: rgb(var(--seafoam-teal));
}

.teal .sidebox::after {
    box-shadow: 0.125rem 0 0 0 rgb(var(--seafoam-teal));
}

.teal .blbf-main>div {
    border-color: rgb(var(--seafoam-teal));
}

.teal .blbf-main>div::before {
   background-color: rgb(var(--seafoam-teal));
}

.teal .yui-navset .yui-nav li {
    background-color: rgb(var(--seafoam-teal));
    box-shadow: 0 0 0 0 rgb(var(--seafoam-teal));
}

.teal .yui-navset .yui-nav .selected {
    box-shadow: 0 0 0 0.25rem rgb(var(--seafoam-teal));
}

.teal .yui-navset .yui-nav a:before {
background-color: rgb(var(--seafoam-teal));
}

.teal .yui-navset .yui-nav .selected a:before, 
.teal .yui-navset .yui-nav .selected:active a:before, 
.teal .yui-navset .yui-nav .selected:focus a:before, 
.teal .yui-navset .yui-nav .selected:hover a:before {
background-color: rgb(var(--seafoam-teal));
}

.teal .yui-navset .yui-nav li:active a:before, .teal .yui-navset .yui-nav li:focus a:before, 
.teal .yui-navset .yui-nav li:hover a:before {
    background-color: rgb(var(--seafoam-teal));
}

.teal .printuser a {
    color: rgb(var(--seafoam-teal));
}

.teal a.collapsible-block-link {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--seafoam-teal));
}

.teal a.collapsible-block-link:hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--seafoam-teal));
}
