@importurl("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
@importurl("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
 
:root{
 /*S-CSS-PIntegration*/
 /*Ifyou'remakinganewCSStheme, pleaseincludethefollowingthreevariablesatminimum. */
 --theme-base: "Black-Highlighter";
 /*mustbeeither "Black-Highlighter" or "sigma9" */
 --theme-id: "theme";
 /*setthistotheURLofyourtheme'spage - egfor "component:ar-theme", set it to "ar-theme" */
 --theme-name: "05-VN Theme";
 /*setthistoyourtheme'sfullname*/
 
 /*Header*/
 --logo-image: url("http://05command-vn.wikidot.com/local--files/start/Q2TCZnd.png");
 --header-title: "Hội Đồng O5";
 --header-subtitle: "Quản Trị và Quản Lý";
 
 --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19);
 --body-width-on-desktop:45.75rem;
 
/* ===TYPEFACES=== */
 --body-font: Inter, Verdana, Geneva, "Helvetica Neue", "Helvetica",
 Arial, sans-serif;
 --UI-font: PTRootUI, -apple-system, system-ui, BlinkMacSystemFont,
 "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue",
 sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 --header-font: Inter, Franklin Gothic Medium, Franklin Gothic,
 ITC Franklin Gothic, "Helvetica Neue", "Helvetica", Arial, sans-serif;
 --title-font: var(--header-font);
 --mono-font: Recursive, Consolas, monaco, monospace;
 
 /* ===BASEFONTSIZE & LINEHEIGHT=== */
 --min-font-size:0.8125rem; /* 13px*/
 --max-font-size:0.9375rem; /* 15px*/
 
 /*HidingfornowduetomobileiOSbreakingwhenclampisusedasafont-size
 --base-font-size: 
 clamp(
 var(--min-font-size), 
 2vw,
 var(--max-font-size)
 );
 */
 
 --base-font-size: var(--max-font-size);
 
 --base-line-height:1.5;
 
 /* ===HEADERTITLEFONTSIZES=== */
 --header-h1-font-size: calc(var(--base-font-size) * 2.65);
 
 --header-h2-font-size: var(--base-font-size);
}
 
/*TemporaryfixuntileitherSafarifixesitselforanothersolutionrevealsitself*/
@mediaonlyscreenand (max-width: 56.25rem) {
 :root{
 --base-font-size: var(--min-font-size);
 }}:root{
/* ===VARIABLEFONTSETTINGS=== */
 /*SETTING | ============== DESCRIPTION | FONT: RANGE */
 /* SETTING | ============== Weight | Body: 100 - 900 */
 --wght: 400;
 /*SETTING | ============== WeightforUI | UI:100 - 700 */
 --ui-wght: 500;
 /*SETTING | ============== HoverWeightforUI | UI:100 - 700 */
 --ui-hvr-wght: 500;
 /* ========================== BodyFontItalic | Body:0 - 1 */
 --ital: 0;
 
 /* ===VARIABLEMONOFONTSETTINGS=== */
 /*SeehereforRecursiveFontinformation: https://www.recursive.design/ */
 /*=========================== Mono Font Weight | Mono: 300 - 1000 */
 --mono-wght: 350;
 /* ========================== MonoFontItalic | Mono: -15 - 0 */
 --slnt: 0;
 /* ========================== MonoFontCasualAmnt | Mono:0 - 1 */
 --CASL: 0;
 /* ========================== MonoFontCursiveAmnt| Mono:0 - 1 */
 --CRSV: 0;
 /* ========================== MonoFontMonoAmnt | Mono:0 - 1 */
 --MONO: 1;
 
/* ===OPENTYPEFEATURESETTINGS=== */
/*Seeherefordetailedexplainations: https://sparanoid.com/lab/opentype-features/ */
 /* ========================== Lining Numerals | Any: 0 OR 1 */
 --lnum: 1;
 /* ========================== ProportionalNumerals | Any:0 OR 1 */
 --pnum: 1;
 /* ========================== Kerning | Any:0 OR 1 */
 --kern: 1;
 /* ========================== CapitalSpacing | Any:0 OR 1 */
 --cpsp: 1;
 /* ========================== CaseAlternatives | Any:0 OR 1 */
 --liga: 1;
 /* ========================== StandardLigature | Any:0 OR 1 */
 --case: 1;
 /* ========================== ContextualLigature | Any:0 OR 1 */
 --clig: 1;
 /* ========================== DiscretionaryLigature| Any:0 OR 1 */
 --dlig: 0;
 /* ========================== ContextualAlternate | Any:0 OR 1 */
 --calt: 1;
 /* ========================== AccessAllAlternates | Any:0 OR 1 */
 --aalt: 0;
 /* ========================== StylisticSets | Any:0 OR 1 */
 /* ========================== SS 1 | Open Digits | Inter: 0 OR 1 */
 --ss01: 1;
 /* ========================== SS 2 | Disambiguation | Inter:0 OR 1 */
 --ss02: 0;
 /* ========================== SS 3 | CurvedR | Inter:0 OR 1 */
 --ss03: 1;
 /* ========================== SS 4 | SS2w/ozero | Inter:0 OR 1 */
 --ss04: 1;
 /* ========================== SlashedZero | Inter:0 OR 1 */
 --zero: 1;
 /* ========================== SingleStorya | Inter:0 OR 1 */
 --cv11: 0;
 
/* ===STANDARDTHEMECOLORS=== */
 /*white*/
 --white-monochrome:252, 252, 252;
 /*vlightgrayforblockquotesandstuff*/
 --pale-gray-monochrome:254, 251, 229;
 /*verylightpalegrayformisc. use*/
 --light-pale-gray-monochrome:244, 244, 244;
 /*verylightaccentgrayformisc. use*/
 --very-light-gray-monochrome:215, 215, 215;
 /*lightaccentgrayforloginstatus*/
 --light-gray-monochrome:160, 160, 160;
 /*gray*/
 --gray-monochrome:66, 66, 72;
 /*darkaccentgrayforsidebarbackground*/
 --dark-gray-monochrome:48, 48, 52;
 /*black*/
 --black-monochrome:12, 12, 12;
 /*vividthemecolor, the "default" accentcolor*/
 --bright-accent:088, 137, 093;
 /*themecolor*/
 --medium-accent:124, 186, 089;
 /*darkerthemecolor*/
 --dark-accent:031, 111, 070;
 /*alternateaccentcolor, fornewpagelinks*/
 --newpage-color:218, 176, 108;
 
/* ===PRIMARYCOLORS=== */
 /* ===GENERALCOLORS=== */
 --swatch-primary: var(--bright-accent);
 --swatch-primary-darker: var(--medium-accent);
 --swatch-primary-darkest: var(--dark-accent);
 --swatch-border-color: var(--black-monochrome);
 
 /* ===GENERALTEXTCOLORS=== */
 --swatch-text-dark: var(--black-monochrome);
 --swatch-text-light: var(--white-monochrome);
 --swatch-text-general: var(--swatch-text-dark);
 --swatch-important-text: var(--bright-accent);
 
/* ===MENUCOLORS=== */
 /* ===MENUBACKGROUNDCOLORS=== */
 --swatch-menubg-color: var(--white-monochrome);
 --swatch-menubg-light-color: var(--pale-gray-monochrome);
 --swatch-menubg-medium-color: var(--light-gray-monochrome);
 --swatch-menubg-medium-dark-color: var(--gray-monochrome);
 --swatch-menubg-dark-color: var(--dark-gray-monochrome);
 --swatch-menubg-black-color: var(--black-monochrome);
 --swatch-menubg-hover-color: var(--black-monochrome);
 
 /* ===MENUTEXTCOLORS=== */
 --swatch-menutxt-dark-color: var(--black-monochrome);
 --swatch-menutxt-light-color: var(--white-monochrome);
 --swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
 
/* ===SECONDARY & TERTIARYCOLORS=== */
 /*Editingthesewilleditavastmajorityofthemeelements. Usefulformakingdarkthemes*/
 
 /*ColorsforSecondary & TertiaryitemslikeBlockquoteandYUITabs*/
 --swatch-secondary-color: var(--swatch-menubg-light-color);
 --swatch-tertiary-color: var(--swatch-menubg-medium-color);
 --swatch-alternate-color: var(--swatch-menubg-dark-color);
 
 /*TextColorsforSecondary & TertiaryitemslikeSidebarHeadersandTop-BarMenuText*/
 --swatch-text-secondary-color: var(--swatch-menutxt-light-color);
 --swatch-text-tertiary-color: var(--swatch-menutxt-dark-color); 
 
/* ===PRIMARYGRADIENTS=== */
 /*Createstheheaderimageattopofpage*/
 --gradient-header: linear-gradient(
 to top,
 rgb(var(--header-gradient-color-bottom)) 0%,
 rgb(var(--header-gradient-color-middle)) 90%,
 rgb(var(--header-gradient-color-top)) 100%
 );
 /*DiagonalStrikesplacedontopofheaderimage*/
 --diagonal-stripes: repeating-linear-gradient(
 45deg,
 hsla(0, 0%, 100%, 0),
 hsla(0, 0%, 100%, 0) 0.25vh,
 rgba(88, 88, 88, 0.1) 0.35vh,
 rgba(88, 88, 88, 0.2) 0.5vh
 );
 /*Createtop-menubarbelowtheheader*/
 --gradient-topmenu: linear-gradient(
 to bottom,
 rgba(255, 255, 255, 0) 0%,
 rgba(255, 255, 255, 0) var(--header-height-on-desktop),
 rgba(var(--swatch-topmenu-border-color), 1)
 var(--header-height-on-desktop),
 rgba(var(--swatch-topmenu-bg-color), 1)
 calc(var(--header-height-on-desktop) + 0.125rem),
 rgba(var(--swatch-topmenu-bg-color), 0.95) calc(100% - 0.125rem),
 rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - 0.125rem),
 rgba(var(--swatch-topmenu-border-color), 1) 100%
 );
 --gradient-topmenu-mobile: linear-gradient(
 to bottom,
 rgba(var(--swatch-topmenu-border-color), 1) 0,
 rgba(var(--swatch-topmenu-bg-color), 1) 0.125rem,
 rgba(var(--swatch-topmenu-bg-color), 1)
 calc(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)
 );
 /*Subtlegradientthatbeginsjustbelowthetop-barandheader*/
 --background-gradient-distance:40rem;
 --gradient-background: linear-gradient(
 to bottom,
 rgba(var(--background-gradient-color), 1) 0,
 rgba(var(--background-gradient-color), 0)
 var(--background-gradient-distance)
 );
 
/* ===STRUCTURALSPACINGELEMENTS=== */
 --scrollbar-width:1rem;
 
 /* ===HEADERMEASUREMENTS=== */
 --header-width-on-desktop:61.25rem;
 --header-width-on-mobile:100vw;
 --header-height-on-desktop:7.5rem;
 --header-height-on-mobile:7.5rem;
 --header-background-image-size:100% var(--header-height-on-desktop);
 
 /* ===TOPBARMEASUREMENTS=== */
 --topbar-height-on-desktop:1.875rem;
 --topbar-height-on-mobile:3rem;
 
 /* ===FINALHEADER + TOPBARMEASUREMENTS=== */
 /*TheseVarsshouldnotbeeditedunlessnecessary. */
 --final-header-height-on-desktop: calc(
 var(--header-height-on-desktop) + var(--topbar-height-on-desktop)
 );
 --final-header-height-on-mobile: calc(
 var(--header-height-on-mobile) + var(--topbar-height-on-mobile)
 );
 
 /* ===SIDEBARMEASUREMENTS=== */
 --sidebar-width-on-mobile: calc(
 (var(--base-font-size) * (14 / 15)) * 17
 );
 --sidebar-internal-border-thickness:0.125rem;
}
 
/* ===============================
 ======= SPECIFICCOLORS =======
 ===============================
/*ColorsforButtons, Tabs, Tables, FootnotesHover/Modal, Etc. */ 
 
:root{
 /* ===BACKGROUNDGRADIENT=== */
 
 /* ===GENERALBACKGROUND=== */
 /*OverallPageBackgroundColor*/
 --swatch-background: var(--white-monochrome);
 /*GradientColorusedforthe --gradient-backgroundvar*/
 --background-gradient-color: var(--very-light-gray-monochrome);
 
 /* ===HEADERGRADIENT=== */
 /*Colorsformingtheheadergradientusedin --gradient-headervar*/
 --header-gradient-color-bottom: var(--medium-accent);
 --header-gradient-color-middle: var(--black-monochrome);
 --header-gradient-color-top: var(--black-monochrome);
 
 /* ===TOPBARGRADIENT=== */
 /*Colorsusedinthe --gradient-topmenuvartogivethetopbaritscolor*/
 --swatch-topmenu-bg-color: var(--swatch-menubg-medium-dark-color);
 --swatch-topmenu-border-color: var(--swatch-menubg-black-color);
 
 /* ===LINKCOLORS=== */
 --link-color: var(--pale-accent);
 --visited-link-color: var(--swatch-primary-darkest);
 --hover-link-color: var(--swatch-primary);
 --newpage-color: var(--alt-accent);
}#header{
 /* ===HEADERELEMENTS=== */
 /* ===HEADERTITLES=== */
 /*HeaderH1andH2colors*/
 --swatch-headerh1-color: var(--swatch-text-light);
 --swatch-headerh2-color: var(--swatch-text-light);
 
 /* ===SEARCHELEMENT=== */
 --search-icon-color: var(--swatch-text-secondary-color);
 --search-icon-hover-color: var(--swatch-text-secondary-color);
 --search-icon-hover-bg-color: var(--swatch-alternate-color);
 --search-textbox-text-color:0,0,0,0;
 /*Focusiswhenthesearchboxhasbeenclickedon*/
 --search-icon-focus-color: var(--swatch-text-secondary-color);
 --search-icon-focus-bg-color: var(--swatch-primary);
 --search-focus-outline-color: var(--swatch-primary);
 --search-focus-textbox-bg-color: var(--swatch-alternate-color);
 --search-focus-textbox-text-color: var(--swatch-text-secondary-color);
 
 /* ===LOGINBOXELEMENT=== */
 --login-line-divider-color: var(--swatch-text-secondary-color);
 --login-username-color: var(--swatch-text-secondary-color);
 --login-myaccount-color: var(--swatch-text-secondary-color);
 --login-myaccount-hover-color: var(--login-myaccount-color);
 --login-myaccount-underline-color: var(--swatch-primary-darkest);
 --login-myaccount-hover-bg-color: var(--swatch-primary-darkest);
 --login-arrow-color: var(--search-icon-color);
 /*DropdownBoxwhenarrowisclicked*/
 --login-dropdown-bg-color: var(--swatch-menubg-color);
 --login-dropdown-bg-image: var(--gradient-header);
 --login-dropdown-border-color: var(--swatch-text-tertiary-color), 0.5;
 --login-dropdown-text-color: var(--swatch-text-secondary-color);
 --login-dropdown-text-hover-color: var(--swatch-text-secondary-color);
 --login-dropdown-bg-hover-color: var(--swatch-primary);
 
 /*MobileIconStyling*/
 --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);
}#top-bar{
 /* ===TOPBARELEMENTS=== */
 
 /* ===TOPBARCATEGORIES=== */
 --topmenu-category-color: var(--swatch-text-secondary-color);
 --topmenu-category-hover-color: var(--swatch-text-secondary-color);
 --topmenu-category-hover-bg:0,0,0,0; /*Transparent*/
 --topmenu-hover-border-color: var(--swatch-primary);
 
 --mobile-topmenu-sidebar-button-color: var(--swatch-text-secondary-color);
 
 /* ===DROPDOWNMENU=== */
 --dropdown-bg-color: var(--swatch-alternate-color), 0.9;
 --dropdown-border-color: var(--swatch-text-tertiary-color), 0.5;
 --dropdown-links-color: var(--swatch-text-secondary-color);
 --dropdown-links-bg-color:0,0,0,0; /*Transparent*/
 --dropdown-links-hover-color: var(--swatch-text-secondary-color);
 --dropdown-links-hover-bg-color: var(--swatch-primary);
}#side-bar{
 /* ===SIDE-BARELEMENTS=== */
 
 /* ===SIDE-BARGENERAL=== */
 --sidebar-bg-color: var(--swatch-menubg-color);
 --sidebar-resources-bg-color: var(--swatch-primary-darker), 0.25;
 --sidebar-media-bg-color: var(--swatch-primary-darker), 0.125;
 
 /* ===SOCIALMEDIAICONS=== */
 --discord-icon-color:88, 101, 242; /*BLURPLE*/
 --deviantart-icon-color:0, 199, 135;
 --facebook-icon-color:59, 89, 152;
 --github-icon-color:25, 23, 23;
 --instagram-icon-color:240, 148, 51;
 --instagram-icon-gradient: 
 linear-gradient(
 45deg,
 rgb(240, 148, 51) 0%,
 rgb(230, 104, 60) 25%,
 rgb(220, 39, 67) 50%,
 rgb(204, 35, 102) 75%,
 rgb(188, 24, 136) 100%
 );
 --reddit-icon-color:225, 69, 0;
 --sandbox-icon-color:35, 140, 120;
 --steam-icon-color:8, 20, 40;
 --twitch-icon-color:100, 65, 165;
 --twitter-icon-color:29, 161, 242;
 --youtube-icon-color:255, 0, 0;
 
 --social-icon-hover-color: var(--swatch-primary);
 
 /* ===SIDEBLOCKMENU=== */
 --sideblock-bg-color:0,0,0,0; /*Transparent*/
 --sideblock-heading-border-color: var(--swatch-primary);
 --sideblock-heading-bg-color:0,0,0,0; /*Transparent*/
 --sideblock-heading-text-color: var(--swatch-primary-darker);
 
 /* ===MENU-ITEMS=== */
 --sidebar-border-color: var(--swatch-border-color), 0.08;
 --sidebar-subtest-color: var(--swatch-primary);
 
 --sidebar-links-text: var(--swatch-menutxt-general-color);
 --sidebar-links-bg-color:0,0,0,0; /*Transparent*/
 --sidebar-links-hover-bg-color: var(--swatch-primary);
 --sidebar-links-hover-text-color: var(--swatch-text-secondary-color);
 
 /* ===SIDEBARCOLLAPSIBLES=== */
 /*FoldedColors*/
 --sidebar-collapsible-fld-link-bg: var(--swatch-primary-darker), 0.25; 
 --sidebar-collapsible-fld-link-color: var(--sideblock-heading-text-color);
 --sidebar-collapsible-fld-link-hover-bg: var(--swatch-primary-darker);
 --sidebar-collapsible-fld-link-hover-color: var(--swatch-text-secondary-color);
 --sidebar-collapsible-fld-arrow-color: var(--swatch-text-tertiary-color);
 --sidebar-collapsible-fld-arrow-hover-color: var(--swatch-text-secondary-color);
 
 /*UnfoldedColors*/
 --sidebar-collapsible-ufld-link-bg: var(--sidebar-collapsible-fld-link-bg); 
 --sidebar-collapsible-ufld-link-color: var(--sideblock-heading-text-color);
 --sidebar-collapsible-ufld-link-hover-bg: var(--swatch-primary), 1;
 --sidebar-collapsible-ufld-link-hover-color: var(--sidebar-collapsible-fld-link-hover-color);
 --sidebar-collapsible-ufld-arrow-color: var(--sidebar-collapsible-fld-arrow-color);
 --sidebar-collapsible-ufld-arrow-hover-color: var(--sidebar-collapsible-fld-arrow-hover-color);
 
 /*UnfoldedBodyColors*/
 --sidebar-collapsible-body-bg: var(--swatch-primary), 0.125;
 --sidebar-collapsible-link-color: var(--sidebar-links-text);
 --sidebar-collapsible-link-hover-bg: var(--sidebar-links-hover-bg-color);
 --sidebar-collapsible-link-hover-color: var(--sidebar-links-hover-text-color);
}
 
 /* ===FOOTER=== */
#footer{
 --footer-bg-color: var(--swatch-primary-darkest);
 --footer-text-color: var(--swatch-text-secondary-color);
 --footer-link-color: var(--swatch-text-secondary-color);
 --footer-link-hover-color: var(--swatch-primary);
 --footer-link-hover-bg-color: var(--swatch-secondary-color);
}
 
 /* ===LICENSEAREA=== */
#license-area{
 --license-bg-color: var(--swatch-alternate-color);
 --license-text-color: var(--swatch-text-secondary-color);
 --license-link-color: var(--swatch-text-secondary-color);
 --license-link-hover-color: var(--swatch-primary);
 --license-link-hover-bg-color: var(--swatch-secondary-color);
}#main-content{
 /* ===MAINCONTENTUIELEMENTS*/
 /* ===UIICONS=== */
 /* ===PAGEOPTIONSICONS=== */
 --ui-icon-color: var(--swatch-text-secondary-color);
 --ui-icon-bg: var(--swatch-primary-darkest);
 --ui-icon-hover-color: var(--swatch-text-secondary-color);
 --ui-icon-hover-bg: var(--swatch-primary);
 
 /* ===TEXTEDITORICONS=== */
 --editor-icon-color: var(--swatch-menutxt-general-color);
 --editor-icon-bg:0,0,0,0; /*Transparent*/
 --editor-icon-hover-color: var(--swatch-background);
 --editor-icon-hover-bg: var(--swatch-primary);
 --editor-icon-submenu-bg: var(--swatch-secondary-color);
 
 /* ===TABS=== */
 --tabs-bg: var(--swatch-secondary-color);
 --tabs-txt: var(--swatch-text-tertiary-color);
 --tabs-hover-bg: var(--swatch-primary-darker);
 --tabs-hover-txt: var(--swatch-text-secondary-color);
 --tabs-selected-bg: var(--swatch-primary);
 --tabs-selected-txt: var(--swatch-text-secondary-color);
 --tabs-selected-outline: var(--swatch-primary);
 --tabs-bottom-border-color: var(--swatch-primary-darker);
 
 --tabs-content-bg-color: var(--swatch-secondary-color), 0.25;
 --tabs-content-border-color: var(--swatch-tertiary-color);
 
 /* ===TABLES=== */
 --tables-header-bg: var(--swatch-primary-darkest);
 --tables-header-txt: var(--swatch-text-secondary-color);
 --tables-border: var(--swatch-tertiary-color);
 --tables-body-bg: var(--swatch-background);
 --tables-body-txt: var(--swatch-text-general);
 
 /* ===BLOCKQUOTES=== */
 --blockquote-bg-color: var(--swatch-secondary-color), 0.25;
 --blockquote-border-color: var(--swatch-tertiary-color);
 /*Colorforspecial.colorbar-quoteblockquoteclass*/
 --blockquote-colorbar-color: var(--swatch-primary), 1;
 
 /* ===FOOTNOTES/BIBLIOGRAPHYFOOTER=== */
 --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(--swatch-text-secondary-color);
 --footnotes-footer-num-color: var(--link-color);
 --footnotes-footer-num-hover-color: var(--hover-link-color);
 --footnotes-footer-text-color: var(--swatch-text-general);
 
 /* ===TOC=== */
 --toc-header-bg-color: var(--swatch-primary-darkest);
 --toc-header-text-color: var(--swatch-text-secondary-color);
 --toc-header-text-hover-color: var(--swatch-text-secondary-color);
 
 --toc-body-bg-color: var(--swatch-menubg-color);
 --toc-directory-lines-color: var(--swatch-tertiary-color);
 
 --toc-body-link-color: var(--link-color); 
 --toc-body-link-hover-color: var(--link-color);
 --toc-body-hover-arrow-color: var(--link-color);
 
 /* ===PAGETAGS=== */
 --pagetags-title-bg: var(--swatch-primary-darkest);
 --pagetags-title-text: var(--swatch-text-secondary-color);
 --pagetags-text-color: var(--swatch-primary-darkest);
 --pagetags-text-hover-color: var(--swatch-background);
 --pagetags-text-hover-bg-color: var(--swatch-primary);
}
 
 /* ===GLOBALELEMENTS=== */
:root{
 /* ===UIBUTTONS=== */
 --ui-button-bg: var(--swatch-secondary-color);
 --ui-button-txt: var(--swatch-text-tertiary-color);
 --ui-button-hover-bg: var(--swatch-primary);
 --ui-button-hover-txt: var(--swatch-text-secondary-color);
 --ui-button-hover-outline: var(--swatch-primary);
 
 /* ===RATINGMODULE=== */
 --rating-module-button-plus-color:0, 200, 0;
 --rating-module-button-negative-color:200, 0, 0;
 --rating-module-button-cancel-color: var(--swatch-tertiary-color);
 --rating-module-button-credit-color: var(--swatch-secondary-color);
 
 --rating-module-bg-color: var(--swatch-background);
 --rating-module-bottom-border-color: var(--swatch-primary);
 
 --rating-module-text-color: var(--swatch-text-tertiary-color);
 --rating-module-text-hover-color: var(--swatch-text-secondary-color); 
 
 /* ===MODALS=== */
 --modal-bg: var(--swatch-secondary-color);
 --modal-body-text: var(--swatch-text-tertiary-color);
 /*h1/h2/h3/h4/h5/h6*/
 --modal-body-header-txt: var(--swatch-text-tertiary-color); 
 
 --modal-header-bg: var(--swatch-primary-darkest);
 --modal-header-txt: var(--swatch-text-secondary-color);
 --modal-header-stripe: var(--swatch-primary);
 
 /* ===FOOTNOTESHOVERBLOCK=== */
 --hoverblock-bg: var(--swatch-secondary-color);
 --hoverblock-txt: var(--swatch-text-tertiary-color);
 --hoverblock-header-bg: var(--swatch-primary-darker);
 --hoverblock-header-txt: var(--swatch-text-secondary-color);
 --hoverblock-footer-bg: var(--swatch-tertiary-color);
 --hoverblock-footer-txt: var(--swatch-text-tertiary-color);
 
 /* ===LISTPAGESPAGER=== */
 --pager-text: var(--swatch-text-general);
 --pager-link: var(--link-color);
 
 --pager-link-hover: var(--swatch-text-secondary-color);
 --pager-hover-bg: var(--swatch-primary-darkest);
 
 --pager-selected-bg: var(--swatch-primary);
 --pager-selected-link: var(--swatch-text-secondary-color);
}
 
/* ===============================
 ========= DEPRECIATED =========
 ===============================
/*LEGACYVARS*/
/*TheseVarsarebeingleftfornowincasetheyareusedinvariousthesebutwilleventuallyberemoved*/
:root{
 /*LegacyVar -- Nolongerused*/
 --gradient-sidemenu-header: linear-gradient(
 10deg,
 rgba(var(--swatch-primary-darker), 0.45) 0%,
 rgba(var(--swatch-primary-darker), 0.55) 100%
 );
 
 --rating-module-button-color: var(--swatch-menutxt-general-color);
 
 --border-styling:solid0.0625rem rgb(var(--swatch-border-color));
 
 --border-radius-width:0.0625rem;
 
 /*Box-Shadow 1pxBorders*/
 --box-border-bottom:00.0625rem 00 rgb(var(--swatch-border-color));
 --box-border-top:0 -0.0625rem 00 rgb(var(--swatch-border-color));
 --box-border-left: -0.0625rem 000 rgb(var(--swatch-border-color));
 --box-border-right:0.0625rem 000 rgb(var(--swatch-border-color));
 --box-border-all:0000.0625rem rgb(var(--swatch-border-color));
 
 --sidebar-transition-timing:500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}@mediaonlyscreenand (min-width: 56.25rem) {#content-wrap{display: -webkit-box;
 display: -webkit-flex;
 display: -moz-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: horizontal;
 -webkit-box-direction:normal;
 -webkit-flex-direction: row;
 -moz-box-orient: horizontal;
 -moz-box-direction:normal;
 -ms-flex-direction: row;
 flex-direction: row;
 width: -webkit-calc(100vw - (100vw - 100%));
 width: -moz-calc(100vw - (100vw - 100%));
 width: calc(100vw - (100vw - 100%));
 min-height: -webkit-calc(100vh - -webkit-calc(var(--final-header-height-on-desktop, 10.125rem)));
 min-height: -moz-calc(100vh - -moz-calc(var(--final-header-height-on-desktop, 10.125rem)));
 min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
 -webkit-box-flex:2;
 -webkit-flex-grow:2;
 -moz-box-flex:2;
 -ms-flex-positive:2;
 flex-grow:2;
 height:auto;
 position: initial;
 margin:0auto;
 max-width:inherit;
 margin-left: -11em;
 margin-left: -webkit-calc(var(--sidebar-width-on-desktop, 15.5em) * -1 / 2 - 2rem);
 margin-left: -moz-calc(var(--sidebar-width-on-desktop, 15.5em) * -1 / 2 - 2rem);
 margin-left: calc(var(--sidebar-width-on-desktop, 15.5em) * -1 / 2 - 2rem);
 }#main-content{position: initial;
 max-height:100%;
 padding:2rem 1rem;
 width:45.75rem;
 width: var(--body-width-on-desktop, 45.75rem);
 max-width:45.75rem;
 max-width: var(--body-width-on-desktop, 45.75rem);
 margin:0auto;
 }#page-content{max-width: min(90vw, 45.75rem);
 max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
 }#side-bar{
 -webkit-transform: translateX(-14.6rem);
 -moz-transform: translateX(-14.6rem);
 -ms-transform: translateX(-14.6rem);
 -o-transform: translateX(-14.6rem);
 transform: translateX(-14.6rem);
 -webkit-transform: translateX(-webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem));
 -moz-transform: translateX(-moz-calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem));
 -ms-transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem));
 -o-transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem));
 transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem));
 -webkit-transition:
 background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 padding 300ms linear,
 margin 300ms linear,
 -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 transition:
 background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 padding 300ms linear,
 margin 300ms linear,
 -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 -o-transition:
 background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 padding 300ms linear,
 margin 300ms linear,
 -o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 -moz-transition:
 transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 padding 300ms linear,
 margin 300ms linear,
 -moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 transition:
 transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 padding 300ms linear,
 margin 300ms linear;
 transition:
 transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 padding 300ms linear,
 margin 300ms linear,
 -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 -moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 -o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 border:none;
 border-color: rgba(var(--swatch-tertiary-color, 170, 170, 170), 0.4);
 width: var(--sidebar-width-on-desktop, 13.6rem) !important;
 min-width: var(--sidebar-width-on-desktop, 13.6rem) !important;
 grid-area: side-bar;
 padding-right:2rem;
 background-color:transparent;
 background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0);
 top:0;
 max-height:100vh;
 position: -webkit-sticky;
 position: sticky;
 left:0;
 padding-left:0.5rem;
 direction:rtl;
 scrollbar-width:thin;
 -ms-scroll-chaining:none;
 overscroll-behavior: contain;
 overflow-y:scroll;
 scrollbar-color:
 rgba(170, 170, 170, 0) /* Thumb */
 rgba(252, 252, 252, 0); /*Track*/
 scrollbar-color:
 rgba(var(--swatch-primary-darker, 170, 170, 170), 0.1) /* Thumb */
 rgba(var(--swatch-tertiary-color, 252, 252, 252), 0.05); /*Track*/
 }#side-bar::-webkit-scrollbar-track{background-color: rgba(var(--swatch-secondary-color, 244, 244, 244), 0.8);
 }#side-bar::-webkit-scrollbar,
 #side-bar::-webkit-scrollbar-thumb,
 #side-bar::-webkit-scrollbar-corner{width:0.5rem;
 border-right-width: -webkit-calc(100vw + 100vh);
 border-right-width: calc(100vw + 100vh);
 border-right-style:inset;
 border-color:inherit;
 background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0);
 }#side-bar:hover,
 #side-bar:active{background-color:white;
 background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 1);
 padding-right:0.25rem;
 margin-right:1.75rem;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
 -webkit-transform: translateX(-webkit-calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0)));
 -moz-transform: translateX(-moz-calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0)));
 -ms-transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0)));
 -o-transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0)));
 transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0)));
 overflow-y:auto;
 overflow-x:hidden;
 scrollbar-color:
 rgba(170, 170, 170, 1) /* Thumb */
 rgba(252, 252, 252, 1); /*Track*/
 scrollbar-color:
 rgb(var(--swatch-primary-darker, 170, 170, 170), 1) /* Thumb */
 rgb(var(--swatch-menubg-color, 252, 252, 252), 1); /*Track*/
 border-color: rgba(var(--swatch-primary-darker), 1);
 }#side-bar:focus-within{background-color:white;
 background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 1);
 padding-right:0.25rem;
 margin-right:1.75rem;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
 -webkit-transform: translateX(-webkit-calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem)));
 -moz-transform: translateX(-moz-calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem)));
 -ms-transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem)));
 -o-transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem)));
 transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem)));
 overflow-y:auto;
 overflow-x:hidden;
 scrollbar-color:
 rgba(170, 170, 170, 1) /* Thumb */
 rgba(252, 252, 252, 1); /*Track*/
 scrollbar-color:
 rgb(var(--swatch-primary-darker, 170, 170, 170), 1) /* Thumb */
 rgb(var(--swatch-menubg-color, 252, 252, 252), 1); /*Track*/
 border-color: rgba(var(--swatch-primary-darker), 1);
 }#main-content::after{content: " ";
 position:fixed;
 display: -webkit-box;
 display: -webkit-flex;
 display: -moz-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 -moz-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -webkit-justify-content:center;
 -moz-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:1rem;
 height:100%;
 max-height:100%;
 top:0;
 -webkit-transition:left300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 -o-transition:left300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 -moz-transition:left300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 transition:left300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 left:1rem;
 background: url("https://scp-wiki.wdfiles.com/local--files/component%3Acollapsible-sidebar/sidebar-tab.svg");
 background-repeat:no-repeat;
 background-position:centerleft1rem;
 background-attachment:fixed;
 -webkit-background-size:1rem 12.875rem;
 -moz-background-size:1rem 12.875rem;
 -o-background-size:1rem 12.875rem;
 background-size:1rem 12.875rem;
 pointer-events:none;
 }#side-bar:hover+#main-content::after,
 #side-bar:active+#main-content::after{left: -17em;
 left: -webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1);
 left: -moz-calc(var(--sidebar-width-on-desktop, 17em) * -1);
 left: calc(var(--sidebar-width-on-desktop, 17em) * -1);
 background-position:centerleft -17em;
 background-position:centerleft -webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1);
 background-position:centerleft -moz-calc(var(--sidebar-width-on-desktop, 17em) * -1);
 background-position:centerleft calc(var(--sidebar-width-on-desktop, 17em) * -1);
 -webkit-transition:left300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 -o-transition:left300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 -moz-transition:left300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 transition:left300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 opacity:0;
 width:0rem;
 font-size:0em;
 }#side-bar:focus-within+#main-content::after{left: -17em;
 left: -webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1);
 left: -moz-calc(var(--sidebar-width-on-desktop, 17em) * -1);
 left: calc(var(--sidebar-width-on-desktop, 17em) * -1);
 background-position:centerleft -17em;
 background-position:centerleft -webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1);
 background-position:centerleft -moz-calc(var(--sidebar-width-on-desktop, 17em) * -1);
 background-position:centerleft calc(var(--sidebar-width-on-desktop, 17em) * -1);
 -webkit-transition:left300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 -o-transition:left300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 -moz-transition:left300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 transition:left300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 opacity:0;
 width:0rem;
 font-size:0em;
 }#main-content::before{
 --not-ie:absolute;
 content: " ";
 background-color:black;
 background-color: rgb(var(--swatch-alternate-color, 0, 0, 0));
 position:fixed;
 position: var(--not-ie);
 top:0;
 top: var(--final-header-height-on-desktop, 0);
 left:0;
 -webkit-transform: translateX(-12.6rem);
 -moz-transform: translateX(-12.6rem);
 -ms-transform: translateX(-12.6rem);
 -o-transform: translateX(-12.6rem);
 transform: translateX(-12.6rem);
 -webkit-transform: translateX(-webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem));
 -moz-transform: translateX(-moz-calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem));
 -ms-transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem));
 -o-transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem));
 transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem));
 width:17em;
 width: var(--sidebar-width-on-desktop, 17em);
 height: -webkit-calc(100% - 3rem);
 height: -moz-calc(100% - 3rem);
 height: calc(100% - 3rem);
 height: -webkit-calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem);
 height: -moz-calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem);
 height: calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem);
 -webkit-transition:
 opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 transition:
 opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 -o-transition:
 opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 -o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 -moz-transition:
 transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 -moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 transition:
 transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 transition:
 transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 -moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
 -o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
 opacity:0.5;
 pointer-events:none;
 z-index:9;
 margin-bottom:0;
 margin-bottom: -webkit-calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem);
 margin-bottom: -moz-calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem);
 margin-bottom: calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem);
 }#side-bar:hover+#main-content::before,
 #side-bar:active+#main-content::before{
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
 opacity:0;
 }#side-bar:focus-within+#main-content::before{
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
 opacity:0;
 }#side-bar.side-block{margin-top:1em;
 padding-left:0.25em;
 background-color: rgb(0, 0, 0, 0);
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0;
 border-left-width:0rem;
 border-right-width:0rem;
 direction:ltr;
 }#side-bar.scpnet-interwiki-wrapper{direction:ltr;
 }
 
 @supports (-ms-ime-align:auto) {
 #side-bar {
 overflow-y: hidden;
 overflow-x:hidden;
 -webkit-transform: translateX(-90%) !important;
 -moz-transform: translateX(-90%) !important;
 -ms-transform: translateX(-90%) !important;
 -o-transform: translateX(-90%) !important;
 transform: translateX(-90%) !important;
 }#side-bar:hover,
 #side-bar:active{overflow-y:auto;
 -webkit-transform: translateX(0) !important;
 -moz-transform: translateX(0) !important;
 -ms-transform: translateX(0) !important;
 -o-transform: translateX(0) !important;
 transform: translateX(0) !important;
 margin-left: -0.5rem;
 }#side-bar:focus-within{overflow-y:auto;
 -webkit-transform: translateX(0) !important;
 -moz-transform: translateX(0) !important;
 -ms-transform: translateX(0) !important;
 -o-transform: translateX(0) !important;
 transform: translateX(0) !important;
 margin-left: -0.5rem;
 }#main-content::before{left:1rem;
 -webkit-transform: translateX(-100%) !important;
 -moz-transform: translateX(-100%) !important;
 -ms-transform: translateX(-100%) !important;
 -o-transform: translateX(-100%) !important;
 transform: translateX(-100%) !important;
 }
 }
}
 
#main-content.page-tags::before{content: "TAG\0021b4";
}

"SCP-100-VN Contest Hub" by SCP-VN Wiki Staff, from the SCP-VN Wiki. Source: https://scp-vn.wikidot.com/scp100vncontesthub. Licensed under CC-BY-SA.