/*
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.bunny.net/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));
}