MediaWiki:Vector.css

From Official Temtem Wiki
Jump to navigation Jump to search

In other languages: EspañolFrançais


CSS and Javascript changes must comply with the wiki design rules.


Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the Vector skin */

:root {
    --heading-font-family: "Maven Pro", sans-serif;
    --wiki-gg-header-height: 35px;
    --vector-tab-height: 2rem;
    --vector-tab-border-width: 1px;
    --vector-tab-top-spacing: 0.5rem;
    --sidebar-width: 10em;
    --sidebar-spacing: 1em;
    --content-right-margin: 5px;
    --content-padding: 1.5em;
  
    --logo-height:140px;
    --logo-width:285px;
    --logo-margin:20px;
    --head-height:calc(var(--logo-height) + var(--wiki-gg-head-height) + var(--logo-margin));
    --wiki-gg-head-height:35px;
}

.view-light,
:root {
    --wiki-body-dynamic-color: #000;
    --wiki-body-dynamic-color--rgb: 0, 0, 0;
    --wiki-body-dynamic-color--secondary: #333;
    --wiki-body-dynamic-color--secondary--rgb: 51, 51, 51;
    --wiki-body-dynamic-color--secondary--inverted: #ddd;
    --wiki-body-dynamic-color--secondary--inverted--rgb: 221, 221, 221;
    --wiki-content-dynamic-color: #000;
    --wiki-content-dynamic-color--rgb: 0, 0, 0;
    --wiki-content-dynamic-color--inverted: #fff;
    --wiki-content-dynamic-color--inverted--rgb: 255, 255, 255;
    --wiki-content-dynamic-color--secondary: #333;
    --wiki-content-dynamic-color--secondary--rgb: 51, 51, 51;
    --wiki-content-dynamic-color--secondary--inverted: #ddd;
    --wiki-content-dynamic-color--secondary--inverted--rgb: 221, 221, 221;
    --wiki-navigation-dynamic-color-1: #fff;
    --wiki-navigation-dynamic-color-1--rgb: 255, 255, 255;
    --wiki-navigation-dynamic-color-2: #e6e6e6;
    --wiki-navigation-dynamic-color-2--rgb: 230, 230, 230;
    --wiki-accent-dynamic-color-1: #fff;
    --wiki-accent-dynamic-color-1--rgb: 255, 255, 255;
    --wiki-accent-dynamic-color-2: #e6e6e6;
    --wiki-accent-dynamic-color-2--rgb: 230, 230, 230;
    --wiki-body-background-color: #00a2b9;
    --wiki-body-background-color--rgb: 0, 162, 185;
    --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* [[File:Site-background-light.jpg]] */
    --wiki-body-text-color: #000;
    --wiki-body-text-color--rgb: 0, 0, 0;
    --wiki-body-text-color--hover: #333333;
    --wiki-navigation-background-color: #523351;
    --wiki-navigation-background-color--rgb: 82, 51, 81;
    --wiki-navigation-text-color: #fff;
    --wiki-navigation-text-color--hover: #cccccc;
    --wiki-content-background-color: #f5deb3;
    --wiki-content-background-color--rgb: 245, 222, 179;
    --wiki-content-background-color--secondary: #e9d3aa;
    --wiki-content-background-color--secondary--rgb: 233, 211, 170;
    --wiki-content-text-color: #3a3a3a;
    --wiki-content-text-color--rgb: 58, 58, 58;
    --wiki-content-text-color--hover: #6d6d6d;
    --wiki-content-text-mix-color: #988c77;
    --wiki-content-text-mix-color-95: #ecd6ad;
    --wiki-content-accent-mix-color: #978982;
    --wiki-content-link-color: #755b75;
    --wiki-content-link-color--rgb: 117, 91, 117;
    --wiki-content-link-color--hover: #3b2e3b;
    --wiki-content-link-label-color: #fff;
    --wiki-content-link-dynamic-color-1: #fff;
    --wiki-content-link-dynamic-color-1--rgb: 255, 255, 255;
    --wiki-content-link-dynamic-color-2: #e6e6e6;
    --wiki-content-link-dynamic-color-2--rgb: 230, 230, 230;
    --wiki-accent-color: #393351;
    --wiki-accent-color--rgb: 57, 51, 81;
    --wiki-accent-color--hover: #655a8f;
    --wiki-accent-label-color: #fff;
    --wiki-content-border-color: #c6b595;
    --wiki-content-border-color--rgb: 198, 181, 149;
    
    --wiki-heading-color: var(--wiki-content-text-color);
  
    --wiki-sidebar-background-color: var(--wiki-content-background-color);
    --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb);
    --wiki-sidebar-border-color: transparent;
    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-sidebar-header-color: var(--wiki-heading-color);

    --wiki-navigation-background-color: transparent;
    --wiki-navigation-border-color: transparent;
    --wiki-navigation-text-color: var(--wiki-content-link-color);
    --wiki-navigation-selected-background-color:var(--wiki-navigation-background-color);
    --wiki-navigation-selected-text-color:var(--wiki-navigation-text-color);
 
    --wiki-alert-color: #bf0017;
    --wiki-alert-color--rgb: 191, 0, 23;
    --wiki-alert-color--hover: #59000a;
    --wiki-alert-color--secondary: #bf0017;
    --wiki-alert-label-color: #fff;
    --wiki-warning-color: #b86518;
    --wiki-warning-color--rgb: 184, 101, 24;
    --wiki-warning-color--secondary: #ae6016;
    --wiki-warning-label-color: #fff;
    --wiki-success-color: #0c742f;
    --wiki-success-color--rgb: 12, 116, 47;
    --wiki-success-color--secondary: #0c742f;
    --wiki-success-label-color: #fff;
  
    --wiki-icon-general-filter:;
    --wiki-icon-to-link-filter:invert(37%) sepia(16%) saturate(681%) hue-rotate(251deg) brightness(94%) contrast(84%);

    --wiki-content-redlink-color: #bf0017;
    --wiki-header-color: #332733;

    --template-background-color-1: #7d5873;
    --template-background-color-2: #523351;
    --template-background-color-3: #faefd9;
    --template-background-color-4: #FCC56B;
    --template-background-color-5: #FAA15A;
    --template-background-color-6: #b890ac;
    --template-text-color-1: #FCC56B;
    --template-text-color-2: #fff;
    --template-text-color-3: #FAA15A;
    --template-text-color-4: #523351;
    --template-border-color-1: #B2738D;

    --melee-background-color: #ffbb87;
    --melee-border-color: #bf5f31;
    --mental-background-color: #ef91cc;
    --mental-border-color: #86306a;
    --nature-background-color: #dcffa4;
    --nature-border-color: #659532;
    --neutral-background-color: #f2ffff;
    --neutral-border-color: #768585;
    --toxic-background-color: #9a939a;
    --toxic-border-color: #342e34;
    --water-background-color: #83fdff;
    --water-border-color: #0089ba;
    --wind-background-color: #57ffd5;
    --wind-border-color: #00bd7c;
    --crystal-background-color: #ff94a9;
    --crystal-border-color: #a00031;
    --digital-background-color: #c8e5e6;
    --digital-border-color: #577172;
    --earth-background-color: #eba586;
    --earth-border-color: #602a12;
    --electric-background-color: #fffc8e;
    --electric-border-color: #b2992e;
    --fire-background-color: #ff7e6c;
    --fire-border-color: #af2624;

    --type-table-resist--1: #ffffff;
    --type-table-resist--0: #ff0000;
    --type-table-resist--025: #ff9966;
    --type-table-resist--05: #ffffaa;
    --type-table-resist--2: #aaffaa;
    --type-table-resist--4: #66bb66;
}

.view-dark{
    --wiki-body-dynamic-color: #fff;
    --wiki-body-dynamic-color--rgb: 255, 255, 255;
    --wiki-body-dynamic-color--inverted: #000;
    --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0;
    --wiki-body-dynamic-color--secondary: #ddd;
    --wiki-body-dynamic-color--secondary--rgb: 221, 221, 221;
    --wiki-body-dynamic-color--secondary--inverted: #333;
    --wiki-body-dynamic-color--secondary--inverted--rgb: 51, 51, 51;
    --wiki-content-dynamic-color: #fff;
    --wiki-content-dynamic-color--rgb: 255, 255, 255;
    --wiki-content-dynamic-color--inverted: #000;
    --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0;
    --wiki-content-dynamic-color--secondary: #ddd;
    --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221;
    --wiki-content-dynamic-color--secondary--inverted: #333;
    --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51;
    --wiki-navigation-dynamic-color-1: #fff;
    --wiki-navigation-dynamic-color-1--rgb: 255, 255, 255;
    --wiki-navigation-dynamic-color-2: #e6e6e6;
    --wiki-navigation-dynamic-color-2--rgb: 230, 230, 230;
    --wiki-content-link-dynamic-color-1: #000;
    --wiki-content-link-dynamic-color-1--rgb: 0, 0, 0;
    --wiki-content-link-dynamic-color-2: #3a3a3a;
    --wiki-content-link-dynamic-color-2--rgb: 58, 58, 58;
    --wiki-accent-dynamic-color-1: #fff;
    --wiki-accent-dynamic-color-1--rgb: 255, 255, 255;
    --wiki-accent-dynamic-color-2: #e6e6e6;
    --wiki-accent-dynamic-color-2--rgb: 230, 230, 230;
    --wiki-body-background-color: #661b30;
    --wiki-body-background-color--rgb: 102, 27, 48;
    --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* [[File:Site-background-dark.jpg]] */
    --wiki-body-text-color: #fff;
    --wiki-body-text-color--rgb: 255, 255, 255;
    --wiki-body-text-color--hover: #cccccc;
    --wiki-navigation-background-color: #691831;
    --wiki-navigation-background-color--rgb: 105, 24, 49;
    --wiki-navigation-text-color: #fff;
    --wiki-navigation-text-color--hover: #cccccc;
    --wiki-content-background-color: #260913;
    --wiki-content-background-color--rgb: 38, 9, 19;
    --wiki-content-background-color--secondary: #472e36;
    --wiki-content-background-color--secondary--rgb: 71, 46, 54;
    --wiki-content-text-color: #e6e6e6;
    --wiki-content-text-color--rgb: 230, 230, 230;
    --wiki-content-text-color--hover: #b3b3b3;
    --wiki-content-text-mix-color: #86787d;
    --wiki-content-text-mix-color-95: #30141e;
    --wiki-content-accent-mix-color: #580926;
    --wiki-content-link-color: #2FEFB6;
    --wiki-content-link-color--rgb: 125, 244, 211;
    --wiki-content-link-color--hover: #dbfbf2;
    --wiki-content-link-label-color: #000;
    --wiki-accent-color: #8a0838;
    --wiki-accent-color--rgb: 138, 8, 56;
    --wiki-accent-color--hover: #ea0d5f;
    --wiki-accent-label-color: #fff;
    --wiki-content-border-color: #564048;
    --wiki-content-border-color--rgb: 86, 64, 72;
  
    --wiki-heading-color: var(--wiki-content-text-color);
  
    --wiki-sidebar-background-color: var(--wiki-content-background-color);
    --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb);
    --wiki-sidebar-border-color: transparent;
    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-sidebar-header-color: var(--wiki-heading-color);

    --wiki-navigation-background-color: transparent;
    --wiki-navigation-border-color: transparent;
    --wiki-navigation-text-color: var(--wiki-content-link-color);
    --wiki-navigation-selected-background-color:var(--wiki-navigation-background-color);
    --wiki-navigation-selected-text-color:var(--wiki-navigation-text-color);
  
    --wiki-alert-color: #ce0018;
    --wiki-alert-color--rgb: 206, 0, 24;
    --wiki-alert-color--hover: #fe344c;
    --wiki-alert-color--secondary: #fe112c;
    --wiki-alert-label-color: #fff;
    --wiki-warning-color: #cf721c;
    --wiki-warning-color--rgb: 207, 114, 28;
    --wiki-warning-color--secondary: #cf721c;
    --wiki-warning-label-color: #000;
    --wiki-success-color: #0c742f;
    --wiki-success-color--rgb: 12, 116, 47;
    --wiki-success-color--secondary: #0f943c;
    --wiki-success-label-color: #fff;

    --wiki-icon-general-filter: invert(100%);
    --wiki-icon-to-link-filter: invert(84%) sepia(43%) saturate(746%) hue-rotate(93deg) brightness(98%) contrast(92%);

    --wiki-content-redlink-color: #ce0018;
    --wiki-header-color: var(--wiki-content-text-color);

    /* currently placeholders. They can be customized as we get a real dark theme */
    --template-background-color-1: var(--wiki-content-background-color--secondary);
    --template-background-color-2: var(--wiki-navigation-background-color);
    --template-background-color-3: var(--wiki-content-text-mix-color-95);
    --template-background-color-4: #691831;
    --template-background-color-5: #30141e;
    --template-background-color-6: #88587D;
    --template-text-color-1: var(--wiki-navigation-text-color);
    --template-text-color-2: #fff;
    --template-text-color-3: var(--wiki-content-text-color);
    --template-text-color-4: #7df4d3;
    --template-border-color-1: var(--wiki-content-border-color);

    --melee-background-color: #B2441E;
    --melee-border-color: #CC764F;
    --mental-background-color: #9B4B85;
    --mental-border-color: #C369A3;
    --nature-background-color: #336104;
    --nature-border-color: #789952;
    --neutral-background-color: #58667A;
    --neutral-border-color: #8296B2;
    --toxic-background-color: #5b555b;
    --toxic-border-color: #7F777F;
    --water-background-color: #066DA5;
    --water-border-color: #0887CC;
    --wind-background-color: #31725C;
    --wind-border-color: #06996C;
    --crystal-background-color: #C02D52;
    --crystal-border-color: #EA4A68;
    --digital-background-color: #586B6D;
    --digital-border-color: #8CA4A5;
    --earth-background-color: #965742;
    --earth-border-color: #BA795B;
    --electric-background-color: #7F6107;
    --electric-border-color: #B29D52;
    --fire-background-color: #C0322F;
    --fire-border-color: #E85C4E;

    --type-table-resist--1: var(--wiki-content-text-mix-color-95);
    --type-table-resist--0: #BF0000;
    --type-table-resist--025: #CC4B14;
    --type-table-resist--05: #A3A318;
    --type-table-resist--2: #559955;
    --type-table-resist--4: #3EB23E;
}

/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}

/************************************
* Body, head, and general framework *
*************************************/
body {
    background-image: var(--wiki-body-background-image);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: var(--wiki-body-background-color);
}

/* Head */
#mw-head-base {
    background: transparent;
    height:var(--head-height);
    margin-top:calc(var(--head-height) * -1);
}

div#mw-page-base {
    background: transparent;
    background-image: none;
    height:var(--head-height);
}

#mw-head {
    top: var(--vector-tab-top-spacing);
    width:calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - var(--content-right-margin));
    right:var(--content-right-margin);
    z-index: 1;
}

#mw-navigation {
  position:relative;
}

/* let ul default to text that respects color */
ul {
    list-style-image: none;
}

/* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */
table {
    display: table;
    white-space: initial;
}

/************************
* End general framework *
*************************/

/*******
* Logo *
********/
/* [[File:Site-logo.png]] */
.mw-wiki-logo {
    background-size: contain;
}

#p-logo,
#p-logo a {
  height:var(--logo-height);
  width:var(--logo-width);
  margin:0;
}

#p-logo {
  position:absolute;
  top:calc((var(--logo-height) * -1) - (var(--logo-margin) / 2));
  left:50vw;
  transform:translateX(-50%);
}

.mw-wiki-logo {
  margin:auto;
}

#mw-panel {
	position:static;
	float:left;
}

/***********
* End logo *
************/

/**************
* Vector tabs *
***************/
#left-navigation,
#right-navigation {
    margin: 0;
}

#left-navigation,
#right-navigation,
.vector-menu-tabs {
    height: var(--vector-tab-height);
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
}

#left-navigation {
    margin-left: calc(var(--content-padding) / 2);
}

#right-navigation {
    margin-right: calc(var(--content-right-margin) + (var(--content-padding) / 2));
}

.vector-menu-tabs li {
    background: none;
}

.vector-menu-tabs li:not(:first-child),
#p-cactions {
    padding-left: 5px;
}

.vector-menu-tabs,
.vector-menu-tabs .selected,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
    background: none;
}

.vector-menu-tabs li a,
.vector-menu-tabs li.new a,
.vector-menu-tabs li.new a:visited,
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited,
#mw-head .vector-menu-dropdown .vector-menu-heading {
    background: var(--wiki-navigation-background-color);
    color: var(--wiki-navigation-text-color);
    border: 1px solid var(--wiki-navigation-border-color);
    box-shadow: none;
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    font-family:var(--heading-font-family);
    font-weight:bold;
}

.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited {
    background: var(--wiki-navigation-selected-background-color);
    color: var(--wiki-navigation-selected-text-color);
}

div.vectorMenu .mw-list-item a,
.vector-menu-dropdown .mw-list-item.selected a,
.vector-menu-dropdown .mw-list-item.selected a:visited {
    color: var(--wiki-content-link-color);
    font-family:var(--heading-font-family);
    font-weight:bold;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
    padding-right: 0.5em;
}

#mw-head .mw-portlet span {
    padding: 0.25em 0.5em;
}

#p-cactions .vector-menu-content span {
    padding: 0;
}

.vector-menu-tabs .mw-watchlink.icon a {
    padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0 0 0;
    color: transparent;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
    top: calc(var(--vector-tab-height) / 4);
    height: calc(var(--vector-tab-height) / 2);
}

.vector-menu-dropdown .vector-menu-content {
    background: none;
    border: none;
    top: var(--vector-tab-height);
}

.vector-menu-dropdown .vector-menu-content-list {
    background-color: var(--wiki-content-background-color);
    border: 1px solid var(--wiki-content-border-color);
    margin-left: 6px;
}

.vector-menu-dropdown .vector-menu-heading::after {
    filter: var(--wiki-icon-general-filter);
}

#p-search {
    margin-right: 0;
}

#p-search form {
    margin: 0;
}

.vector-search-box-input::placeholder {
    color:var(--wiki-content-text-mix-color);
}


/******************
* End vector tabs *
*******************/

/********
* Links *
*********/
a,
a:visited,
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited {
    color: var(--wiki-content-link-color);
}

a.new,
a.new:visited {
    color:var(--wiki-content-redlink-color);
}

/* move external marker to an after so we can filter it to link color */
.mw-parser-output a.external {
	background:none;
	padding-right: 0;
}

.mw-parser-output a.external::after {
	display:inline-block;
	width:1em;
	height:1em;
	background-image: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg?14604);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 0.857em;
	content:'';
	filter:brightness(0) var(--wiki-icon-to-link-filter);
	vertical-align: text-top;
}

a.extiw[title^="wikipedia:"]::after {
    display:inline-block;
    height:1em;
    width:1em;
    margin-left:1px;
    background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg);
    background-size:0.857em;
    background-repeat:no-repeat;
    background-position:center right;
    content:'';
    vertical-align: text-top;
}

a.extiw[title^="mw:"]::after {
    display:inline-block;
    height:1em;
    width:1em;
    margin-left:1px;
    background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg);
    background-size:0.857em;
    background-repeat:no-repeat;
    background-position:center right;
    content:'';
    vertical-align: text-top;
}

a.extiw[title^="swarm:"]::after {
    display:inline-block;
    height:1em;
    width:1em;
    margin-left:1px;
    background-image:url(/images/thumb/8/8d/Temtem_Swarm_icon.png/32px-Temtem_Swarm_icon.png); /* [[File:Temtem Swarm icon.png|32px]] */
    background-size:0.857em;
    background-repeat:no-repeat;
    background-position:center right;
    content:'';
    vertical-align: text-top;
}

/************
* End links *
*************/

/***************
* Left Sidebar *
****************/
#mw-panel .vector-menu-portal {
    background-color: rgba(var(--wiki-sidebar-background-color--rgb), 0.92);
    border:1px solid var(--wiki-sidebar-border-color);
    border-radius:5px;
    margin: 0 0.2em 10px 0.2em;
    padding: 0;
}

#mw-panel .vector-menu-content {
    outline: 1px solid var(--wiki-sidebar-border-color);
    border-radius:0 0 5px 5px;
    margin: 0;
    padding: 0 0.25em 0.4em 0.5em;
}

#mw-panel #p-logo + .vector-menu-portal .vector-menu-content {
  border-radius:5px;
}

.vector-menu-portal .vector-menu-content .mw-list-item a,
.vector-menu-portal .vector-menu-content .mw-list-item a:visited {
    color: var(--wiki-sidebar-link-color);
    font-family:"Calibri",sans-serif;
    font-weight:bold;
}

.vector-menu-portal .vector-menu-heading {
    background: none;
    color: var(--wiki-sidebar-header-color);
    margin: 0px 0.5em;
    font-size: 0.8em;
}

/*******************
* End left sidebar *
********************/


/**************************
* Content area and footer *
***************************/
.mw-body,
.parsoid-body,
.mw-footer {
    color: var(--wiki-content-text-color);
    background-color: rgba(var(--wiki-content-background-color--rgb), 0.95);
    border: 1px solid var(--wiki-content-border-color);
    border-radius: 5px;
    margin-right: var(--content-right-margin);
    padding:var(--content-padding);
}

.mw-body {
    padding-top: calc(var(--vector-tab-height) + 1em);
}

.mw-body,
#mw-data-after-content,
.mw-footer {
    margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing));
}

.mw-footer {
    margin-top: 3em;
    margin-bottom: 1em;
}

.mw-footer li {
    color: var(--wiki-content-text-color);
}

/*******************************
* End content area and footer *
*******************************/

/***********
* Headings *
************/

.mw-body h1,
.mw-body h2 {
    border-bottom: 1px solid var(--wiki-content-border-color);
}

.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
    color: var(--wiki-heading-color);
    background: none;
    font-weight: normal;
    font-family:var(--heading-font-family);
    margin: 0;
    overflow: hidden;
    padding-top: 0.5em;
    padding-bottom: 0.17em;
}

.fakeh2 {
    color: var(--wiki-heading-color);
    background: none;
    font-weight: normal;
    margin: 0;
    padding: 0.5em 0 0.17em 0;
    font-size: 1.5em;
    line-height: 1.3;
    border-bottom: 1px solid var(--wiki-content-border-color);
    overflow: auto;
}

/***************
* End headings *
****************/

/*************
* Wikitables *
**************/
.wikitable {
    background: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.wikitable>tr>th,
.wikitable>*>tr>th {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}

.wikitable>tr>td,
.wikitable>*>tr>td {
    border: 1px solid var(--wiki-content-border-color);
}

/*****************
* End wikitables *
******************/

/************
* Preferences *
*************/
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,
.mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout {
    border: none;
}

.oo-ui-tabSelectWidget-framed {
    background-color: transparent;
    border-bottom: 1px solid var(--wiki-content-link-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-link-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
    color: var(--wiki-content-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
    background-color: var(--wiki-content-link-color);
    color: var(--wiki-content-link-label-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
    border-bottom: none;
}

.mw-prefs-buttons {
    background-color: var(--wiki-content-background-color);
    border-top: 1px solid var(--wiki-content-link-color);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color)
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
    color: var(--wiki-content-text-color);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
    color: Var(--wiki-content-text-color);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
    background-color: rgba(var(--wiki-content-link-color--rgb), 0.15);
    color: var(--wiki-content-link-color);
}

/****************
* End preferences *
*****************/

/***************
* Page history *
****************/
#pagehistory li {
    background-color: transparent;
    border: none;
    padding: 3px;
}

#pagehistory li.selected {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px dashed var(--wiki-content-border-color);
    color: var(--wiki-content-text-color) padding: 3px;
}

.diff td.diff-addedline {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-success-color);
    border-width: 1px 1px 1px 4px;
}

.diff td.diff-addedline .diffchange {
    background-color: var(--wiki-success-color);
    color: var(--wiki-success-label-color);
}

.diff td.diff-deletedline {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-alert-color);
    border-width: 1px 1px 1px 4px;
}

.diff td.diff-deletedline .diffchange {
    background-color: var(--wiki-alert-color);
    color: var(--wiki-alert-label-color)
}

.diff td.diff-context {
    background: transparent;
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.diff-marker a.mw-diff-movedpara-right {
    color: transparent;
}

.diff-marker a.mw-diff-movedpara-right:hover:after {
    opacity: .75;
}

.diff-marker a.mw-diff-movedpara-right:after {
    color: var(--wiki-content-text-color);
    content: "\21a9";
}

.diff-marker a.mw-diff-movedpara-left {
    color: transparent;
}

.diff-marker a.mw-diff-movedpara-left:hover:after {
    opacity: .75;
}

.diff-marker a.mw-diff-movedpara-left:after {
    color: var(--wiki-content-text-color);
    content: "\21aa";
}

.mw-plusminus-neg {
  color:var(--wiki-alert-color);
}

.mw-plusminus-pos {
  color:var(--wiki-success-color);
}

/*******************
* End page history *
********************/

/********************
* Table of contents *
*********************/
#toc,
.toc,
.toccolours,
.mw-warning {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    box-shadow: 0 0.1em 0.2em #000000;
}

.toctogglelabel {
    color: var(--wiki-content-link-color);
}

.tocnumber {
    color: var(--wiki-content-text-color);
}

/************************
* End table of contents *
*************************/

/*************
* Thumbnails *
**************/
div.thumb {
    border: 1px solid var(--wiki-content-border-color);
    margin: 2px;
    margin-left: 6px;
}

img.thumbborder {
    border: 1px solid var(--wiki-content-border-color);
    padding: 5px;
}

div.thumbinner {
    background-color: rgba(255, 255, 255, .2);
}

li.gallerybox div.thumb {
    background-color: rgba(255, 255, 255, .2);
    border: 1px solid var(--wiki-content-border-color);
}

html .thumbimage {
    border: 1px solid var(--wiki-content-border-color);
}

.thumb,
.thumb .thumbinner,
.thumb .thumbimage {
    max-width: 100%;
    box-sizing: border-box;
}

.thumb .thumbimage {
    height: auto;
}

/*****************
* End thumbnails *
******************/

/**************
* Wiki editor *
***************/
#wpTextbox0 {
  /* need !important here to override inline styling */
  background-color:var(--wiki-content-background-color) !important;
}

.wikiEditor-ui {
    border: none;
}

.wikiEditor-ui .wikiEditor-ui-top,
.wikiEditor-ui .wikiEditor-ui-view {
  border-color:var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar {
    background: var(--wiki-content-background-color);
}

.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited,
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wiikiEditor-ui-toolbar .tabs span.tab a.current:visited,
.wikiEditor-ui-toolbar .booklet .index .current {
    color: var(--wiki-content-link-color);
}

.wikiEditor-ui-toolbar .group .tool-select .options {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .group .tool-select .options .option {
    color: var(--wiki-content-text-color);
}

.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
    background-color: var(--wiki-content-background-color);
}

.wikiEditor-ui-toolbar .tabs span.tab a::before,
.wikiEditor-ui-toolbar .group .tool-select .label::after {
    filter: var(--wiki-icon-general-filter);
}

.wikiEditor-ui-toolbar .group .label,
.wikiEditor-ui-toolbar .group .tool-select .label,
.wikiEditor-ui-toolbar .page-table th,
.wikiEditor-ui-toolbar .page-table td,
.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .booklet .index div {
    color: var(--wiki-content-text-color);
}

.wikiEditor-ui-toolbar .booklet>.index> :hover {
    background-color: var(--wiki-content-background-color--secondary);
}

.wikiEditor-ui-toolbar .sections .section {
    background-color: rgba(0, 0, 0, 0.2);
    border-top: 1px solid #3B3352;
}

.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid #3B3352;
}

.wikiEditor-ui-toolbar .booklet .pages {
    background-color: rgba(255, 255, 255, 0.2);
}

.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: rgba(255, 255, 255, 0.2);
}

.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: #3B3352;
}

.wikiEditor-ui-toolbar .page-table td {
    border-top: 1px solid #3B3352;
}

.wikiEditor-ui-tabs div a {
    background: none repeat scroll 0 0 #9A647F;
    display: inline-block;
}

.wikiEditor-ui-tabs div.current {
    border-bottom: 1px solid #3B3352;
}

.wikiEditor-ui-tabs div.current a {
    font-weight: bold;
}

.wikiEditor-ui-tabs {
    border-left: 1px solid #3B3352;
    border-top: 1px solid #3B3352;
}

.wikiEditor-preview-contents {
    background: rgba(0, 0, 0, 0);
    background-color: rgba(255, 255, 255, 0.2);
    border-color: #3B3352;
    border-style: solid;
    border-width: 0 1px 1px;
}

.wikiEditor-ui-controls {
    background: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #3B3352;
}

.wikiEditor-preview-contents,
.wikiEditor-preview-loading {
    background-color: transparent;
}

.editOptions {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color);
    border-image: none;
    border-radius: 0 0 5px 5px;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

input#wpSummary {
    margin-bottom: 1em;
    margin-top: 1em;
    width: 80%;
}

.view-dark .ace_editor,
.ace_editor {
    --ace-keywords: #CDA869;
    --ace-regexp: #E9C062;
    --ace-constants: #CF6A4C;
    --ace-illegal: #F8F8F8;
    --ace-deprecated: #D2A8A1;
    --ace-support: #9B859D;
    --ace-function: #DAD085;
    --ace-list: #F9EE98;
    --ace-variable: #7587A6;
    --ace-string: #8F9D6A;
    
    --ace-illegal-highlight: rgba(86, 45, 86, 0.75);
    --ace-step-highlight: #665200;
    --ace-multiselect-shadow: #141414;
}

.theme-light .ace_editor{
    --ace-keywords: #00f;
    --ace-regexp: #036a07;
    --ace-constants: #c5060b;
    --ace-illegal: #f00;
    --ace-deprecated: #f00;
    --ace-support: #6d79de;
    --ace-function: #3c4c72;
    --ace-list: #b90690;
    --ace-variable: #318495;
    --ace-string: #036a07;
    
    --ace-illegal-highlight: rgba(255, 0, 0, 0.1);
    --ace-step-highlight: #fcff00;
    --ace-multiselect-shadow: #fff;
}

.ace_editor .ace_gutter {
    background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85);
}

.ace_gutter-cell {
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.4);
}

.ace_editor .ace_print-margin {
    width: 1px;
    background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.75);
}

.ace_editor {
    /* this image gradient hack effectively lets the element have 2 layers of background */
    background-image:linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color));
    background-color:rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.93);
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.93);
}

.ace_editor .ace_cursor {
    color: var(--wiki-content-text-color);
}

.ace_editor .ace_marker-layer .ace_selection {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.20)
}

.ace_editor.ace_multiselect .ace_selection.ace_start {
    box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow);
}

.ace_editor .ace_marker-layer .ace_step {
    background: var(--ace-step-highlight);
}

.ace_editor .ace_marker-layer .ace_active-line {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.031)
}

.ace_editor .ace_gutter-active-line {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.031)
}

.ace-tm .ace_marker-layer .ace_selected-word {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
}

.ace_editor .ace_marker-layer .ace_selection {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1);
}

.ace_editor .ace_marker-layer .ace_selected-word {
    border: 1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.20)
}

.ace_editor .ace_invisible {
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.25)
}

.ace_editor .ace_keyword,
.ace_editor .ace_meta {
    color: var(--ace-keywords);
}

.ace_editor .ace_constant,
.ace_editor .ace_constant.ace_numeric,
.ace_editor .ace_constant.ace_character,
.ace_editor .ace_constant.ace_character.ace_escape,
.ace_editor .ace_constant.ace_other,
.ace_editor .ace_heading,
.ace_editor .ace_markup.ace_heading,
.ace_editor .ace_support.ace_constant {
    color: var(--ace-constants);
}

.ace_editor .ace_invalid.ace_illegal {
    color: var(--ace-illegal);
    background-color: var(--ace-illegal-highlight);
}

.ace_editor .ace_invalid.ace_deprecated {
    text-decoration: underline;
    font-style: italic;
    color: var(--ace-deprecated);
}

.ace_editor .ace_support,
.ace_editor .ace_support.ace_type {
    color: var(--ace-support);
}

.ace_editor .ace_fold {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1);
    border-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1);
}

.ace_editor .ace_support.ace_function {
    color: var(--ace-function);
}

.ace_editor .ace_list,
.ace_editor .ace_markup.ace_list,
.ace_editor .ace_storage {
    color: var(--ace-list);
}

.ace_editor .ace_entity.ace_name.ace_function,
.ace_editor .ace_meta.ace_tag,
.ace_editor .ace_variable {
    color: var(--ace-variable);
}

.ace_editor .ace_string {
    color: var(--ace-string);
}

.ace_editor .ace_string.ace_regexp {
    color: var(--ace-regexp);
}

.ace_editor .ace_comment {
    font-style: italic;
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.3);
}

.ace_editor .ace_xml-pe {
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.28);
}

.ace_editor .ace_indent-guide {
    background:none;
    border-right:1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.2);
}

.ace_search {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border: 1px solid var(--wiki-content-border-color);
}

.ace_search_field {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-mix-color);
}

.ace_button {
    color: var(--wiki-content-text-color);
    border: 1px solid var(--wiki-content-border-color);
}

.ace_button:hover {
    background-color: var(--wiki-accent-color--hover);
    color: var(--wiki-accent-label-color);
}

.ace_button.checked {
    background-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color);
}

.ace_searchbtn {
    background-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color);
    border: 1px solid var(--wiki-content-border-color);
}

.ace_searchbtn:hover {
    background-color: var(--wiki-accent-color--hover);
    color: var(--wiki-accent-label-color);
}

.ace_searchbtn.prev::after,
.ace_searchbtn.next::after {
    border-color: var(--wiki-accent-label-color);
}

.ace_searchbtn_close {
    color: var(--wiki-content-text-mix-color);
}

.wikiEditor-ui .codeEditor-status {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}

.mw-editform #wpTextbox1 {
    background: rgba(var(--wiki-content-background-color--rgb), 0.5);
    color: var(--wiki-content-text-color);
}

.view-dark .CodeMirror,
.CodeMirror {
    --codemirror-yellow: #ffd700;
    --codemirror-light-blue: #adf;
    --codemirror-blue: #08f;
    --codemirror-green: #290;
    --codemirror-red: #f50;
    --codemirror-dark-red: #dd1616;
    --codemirror-purple: #CD4EF9;
    --codemirror-pink: #e0e;
    --codemirror-light-gray: #eee;
    --codemirror-gray: #84a0a0;
}

.theme-light .CodeMirror {
    --codemirror-yellow: #9e8500;
    --codemirror-light-blue: #008ae7;
    --codemirror-blue: #0085f9;
    --codemirror-green: #290;
    --codemirror-red: #ef4f00;
    --codemirror-dark-red: #a11;
    --codemirror-purple: #80c;
    --codemirror-pink: #ed00ed;
    --codemirror-light-gray: #858585;
    --codemirror-gray: #6b8a8a;
}

.CodeMirror {
    background-color: var(--wiki-content-background-color);
    color: var(--wiki-content-text-color)
}

.CodeMirror .CodeMirror-line::selection,
.CodeMirror .CodeMirror-line>span::selection,
.CodeMirror .CodeMirror-line>span>span::selection,
.CodeMirror .CodeMirror-line::-moz-selection,
.CodeMirror .CodeMirror-line>span::-moz-selection,
.CodeMirror .CodeMirror-line>span>span::-moz-selection,
.CodeMirror .CodeMirror-selected {
    background: rgba(var(--wiki-content-link-color--rgb), .3);
}

.CodeMirror-linenumber {
    color: rgba(var(--wiki-content-text-color--rgb), .6)
}

.CodeMirror div.CodeMirror-cursor {
    border-left: 1px solid var(--wiki-content-text-color);
}

.cm-keyword {
    color: var(--codemirror-purple)
}

.cm-def {
    color: var(--codemirror-blue)
}

.cm-comment {
    color: var(--codemirror-yellow)
}

.cm-variable-2 {
    color: var(--codemirror-light-blue)
}

.cm-string {
    color: var(--codemirror-red)
}

.cm-atom {
    color: var(--codemirror-pink)
}

.cm-number {
    color: var(--codemirror-green)
}

.CodeMirror-gutters {
    background-color: var(--wiki-content-background-color--secondary);
    border-right-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color)
}

.cm-mw-matching {
    background-color: var(--codemirror-yellow)
}

.cm-mw-skipformatting {
    background-color: var(--codemirror-light-blue)
}

.cm-mw-list {
    color: var(--codemirror-blue)
}

.cm-mw-doubleUnderscore,
.cm-mw-hr,
.cm-mw-signature {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--codemirror-blue)
}

.cm-mw-indenting {
    color: var(--codemirror-blue)
}

.cm-mw-mnemonic {
    color: var(--codemirror-green)
}

.cm-mw-comment {
    color: var(--codemirror-gray)
}

.cm-mw-apostrophes-bold,
.cm-mw-apostrophes-italic,
.cm-mw-section-header {
    color: var(--codemirror-blue)
}

.cm-mw-template,
.cm-mw-template-argument-name,
.cm-mw-template-bracket,
.cm-mw-template-delimiter,
.cm-mw-template-name {
    color: var(--codemirror-purple);
}

.cm-mw-templatevariable,
.cm-mw-templatevariable-bracket,
.cm-mw-templatevariable-delimiter,
.cm-mw-templatevariable-name {
    color: var(--codemirror-red)
}

.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter,
.cm-mw-parserfunction-name {
    color: var(--codemirror-dark-red)
}

.cm-mw-exttag-attribute,
.cm-mw-exttag-bracket,
.cm-mw-exttag-name,
.cm-mw-htmltag-attribute,
.cm-mw-htmltag-bracket,
.cm-mw-htmltag-name {
    color: var(--codemirror-green)
}

.cm-mw-link,
.cm-mw-link-pagename {
    color: var(--wiki-content-link-color)
}

.cm-mw-link-tosection {
    color: var(--codemirror-blue)
}

.cm-mw-extlink,
.cm-mw-extlink-bracket,
.cm-mw-extlink-protocol,
.cm-mw-free-extlink,
.cm-mw-free-extlink-protocol,
.cm-mw-link-bracket,
.cm-mw-link-delimiter {
    color: var(--wiki-content-link-color)
}

.cm-mw-table-bracket,
.cm-mw-table-definition,
.cm-mw-table-delimiter {
    color: var(--codemirror-pink)
}

.cm-mw-matchingbracket {
    background-color: var(--wiki-content-background-color--secondary);
    box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color);
    font-weight: bold;
}

/*************
* End editor *
**************/

/****************
* Tabber styles *
*****************/
.tabber__tab,
.tabber__tab:visited {
  color:var(--wiki-content-link-color);
}

.tabber__tab:hover,
.tabber__tab:hover:visited,
.tabber__tab[aria-selected="true"],
.tabber__tab[aria-selected="true"]:visited {
    color: var(--wiki-content-link-color--hover);
}

.tabber__indicator {
    background: var(--wiki-content-link-color);
}

.tabber__header__prev::after,
.tabber__header__next::after {
    filter: var(--wiki-icon-general-filter);
}

/* a custom wrapper class for certain tabbers */
.temtem-tabber .tabber {
    display: flex;
    flex-direction: column;
}

.temtem-tabber .tabber__section {
    order: 1;
}

.temtem-tabber .tabber__header {
    order: 2;
    box-shadow: none;
    display: block;
}

.temtem-tabber .tabber__tabs {
    display: flex;
    flex-flow: row wrap;
    gap: 2px;
}

.temtem-tabber .tabber__tab {
    flex: 0 1 calc(50% - 2px);
    box-sizing: border-box;
    justify-content: center;
    font-family: var(--heading-font-family);
    font-weight: 400;
    padding: 4px;
    background: #0006;
    border: #000 solid 1px;
    border-radius: 4px;
    cursor: pointer;
    color: var(--wiki-content-link-color);
}

.temtem-tabber .tabber__tab:hover {
    background: #8886;
    box-shadow: none;
}

.temtem-tabber .tabber__tab[aria-selected="true"],
.temtem-tabber .tabber__tab[aria-selected="true"] {
    background: #ff86;
    cursor: default;
    box-shadow: none;
    color: var(--wiki-content-text-color)
}

.temtem-tabber .tabber__indicator {
    display: none;
}

.temtem-tabber .tabber__panel {
    height: 100%;
}

/********************
* End Tabber styles *
*********************/

/***************************************
* Various fixes for multi-theme Vector *
****************************************/

.oo-ui-iconElement-icon {
    filter: var(--wiki-icon-to-link-filter);
}

fieldset {
  border-color:var(--wiki-content-border-color);
}

hr {
  background-color:var(--wiki-content-border-color);
}

.CategoryTreeToggle {
  color:var(--wiki-content-link-color);
}

input {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

input:hover,
input:focus,
input:active {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}

input:focus-visible {
    outline: 1px solid var(--wiki-content-link-color);
}

.vector-body blockquote {
  border-color:var(--wiki-content-border-color);
}

/* category bar and filetoc */
.catlinks,
ul#filetoc {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}

/**/

body .ui-dialog .ui-widget-header {
    /* we need an important here because the built-in styles have one :( */
    background: var(--wiki-content-background-color) !important;
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.ui-widget-content {
    background: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border: 1px solid var(--wiki-content-border-color);
}

body .ui-button {
    /* we need an important here because the built-in styles have one. Vector is a mess */
    background: var(--wiki-accent-color) !important;
    border-color: var(--wiki-accent-color) !important;
    color: var(--wiki-accent-label-color);
}

body .ui-button:hover,
body .ui-button:focus,
body .ui-button:active {
    /* we need an important here because we had to use some above */
    background: var(--wiki-accent-color--hover) !important;
    border-color: var(--wiki-accent-color--hover) !important;
    color: var(--wiki-accent-label-color);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: var(--wiki-accent-label-color);
}

#contentSub,
#contentSub2 {
  color:var(--wiki-content-text-mix-color)
}

/* arrow on redirect pages */
.mw-content-ltr .redirectText li:first-child {
  padding-left:0;
  background:none;
}

.mw-content-ltr .redirectText li:first-child::before {
  content:'';
  display:inline-block;
  width:47px;
  height:1em;
  vertical-align: middle;
  background-image:linear-gradient(transparent,transparent),url(/resources/src/mediawiki.action/images/redirect-ltr.svg?ff441);
  filter:var(--wiki-icon-general-filter);
}

/* notifications ("your edit was saved", etc.) */
.mw-notification {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color);
}

.mw-notification .oo-ui-labelElement-label {
  color:var(--wiki-content-text-color);
}

.mw-notification .oo-ui-iconElement-icon {
  filter:unset;
}


/**/

.mw_metadata td,
.mw_metadata th {
    border-color: var(--wiki-content-border-color);
}

.mw_metadata th {
    background-color: var(--wiki-content-background-color--secondary);
}

.mw_metadata td {
    background-color: var(--wiki-content-background-color);
}

.mw-datatable td,
.mw-datatable th {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
}

#mw-allmessagestable tbody:hover td,
.mw-datatable tr:hover>td {
    background-color: var(--wiki-content-background-color--secondary);
}

#mw-allmessagestable .am_default {
    background-color: rgba(var(--wiki-accent-color--rgb), .8);
    color: var(--wiki-accent-label-color);
}

#mw-allmessagestable .am_actual,
#mw-allmessagestable tbody:hover .am_default {
    background-color: rgba(var(--wiki-accent-color--rgb), .6);
}

#mw-allmessagestable .am_actual {
    color: var(--wiki-accent-label-color);
}

#mw-allmessagestable tbody:hover .am_actual {
    background-color: rgba(var(--wiki-accent-color--rgb), .5);
}

.mw-datatable,
.mw-json {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
    color: inherit;
}

.mw-datatable>*>tr>th,
.mw-datatable>tr>th,
.mw-json>*>tr>th,
.mw-json>tr>th {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
    padding-bottom: 9px;
    padding-top: 9px;
}

.mw-datatable>*>tr>td,
.mw-datatable>tr>td,
.mw-json>*>tr>td,
.mw-json>tr>td {
    border-color: var(--wiki-content-border-color);
}

.mw-json tr {
    background-color: inherit;
}

.mw-json .mw-json-single-value,
.mw-json .mw-json-value,
.mw-json .value {
    background: rgba(var(--wiki-success-color--rgb), .6);
}

.mw-json .mw-json-empty {
    background: var(--wiki-content-background-color--secondary);
}

.mw-message-box,
.mw-message-box-warning {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
}

.mw-message-box-warning {
    border-color: var(--wiki-warning-color);
    border-width: 1px 1px 1px 10px;
}

.wikitable *,
.wikitable :after,
.wikitable :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.cargo-pagevalues-tableinfo {
    background-color: var(--wiki-content-background-color);
    border-bottom: 1px solid var(--wiki-content-border-color);
    top: 46px;
    position: static;
    /* override sticky in the built-in */
}

.cargo-table-diagram .cargo-table-svg .node.entity-name rect {
    fill: var(--wiki-content-background-color--secondary);
    fill-opacity: 1;
}

.cargo-table-diagram .cargo-table-svg .node rect {
    stroke: var(--wiki-content-border-color);
    opacity: 1;
}

.cargo-table-diagram .cargo-table-svg .node text tspan {
    fill: var(--wiki-content-text-color);
}

table.cargoTable {
    color: var(--wiki-content-text-color);
}

table.cargoTable tbody td,
table.cargoTable thead th {
    border: 1px solid var(--wiki-content-border-color);
}

table.cargoTable tr:hover {
    background-color: rgba(var(--wiki-accent-color--rgb), .25);
}

table.cargoTable thead tr:nth-child(odd),
table.cargoTable.noMerge thead tr:nth-child(odd) {
    background-color: var(--wiki-accent-color);
}

table.cargoTable tbody tr:nth-child(2n),
table.cargoTable.noMerge tbody tr:nth-child(2n) {
    background-color: var(--wiki-content-background-color);
}

table.cargoTable tbody tr:nth-child(odd),
table.cargoTable.noMerge tbody tr:nth-child(odd) {
    background-color: var(--wiki-content-background-color--secondary);
}

table.cargoTable th.headerSort {
    color: var(--wiki-content-link-color);

}

table.cargoTable th.headerSort:hover {
    color: var(--wiki-content-link-color--hover);
}

#mw-content-text div.cargoReplacementTableInfo {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}

div.drilldown-filters-wrapper {
    background-color: transparent;
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.action-pagevalues tr:nth-of-type(2n) {
    background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
}

.action-pagevalues tr:hover {
    background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2));
}

div.specialCargoQuery-extraPane {
    background: var(--wiki-content-background-color);
}

div.thumbinner {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}

.thumbimage {
    background-color: unset;
    border: unset;
}

.oo-ui-panelLayout-framed {
  border-color:var(--wiki-content-border-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
    background-color: transparent;
}

.oo-ui-checkboxInputWidget [type="checkbox"] + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span {
    filter: unset;
    background-color:rgba(var(--wiki-content-link-color--rgb), 0.05);
    border-color:rgba(var(--wiki-content-link-color--rgb), 0.75);
}

.oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check {
	background-image:none;
}

.oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k);
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E");
    content:'';
    pointer-events: none;
    filter:var(--wiki-icon-general-filter);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span {
    border-color: var(--wiki-content-link-color);
    filter: unset;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span {
    background-color: var(--wiki-content-link-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span {
    box-shadow: none;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span {
    border-color: var(--wiki-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span {
    border-color: var(--wiki-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
    outline: 1px solid transparent;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span {
    background-color: var(--wiki-content-link-color);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span {
    background-color: rgba(var(--wiki-content-link-color--rgb), 0.5);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span {
    background-color: rgba(var(--wiki-content-link-color--rgb), 0.5)
}

.oo-ui-image-invert.oo-ui-icon-check {
	background:none;
    position:relative;
}

.oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
	background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k);
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E");
  content:'';
  pointer-events: none;
  filter:var(--wiki-icon-general-filter);
}

.oo-ui-indicatorElement-indicator {
    filter: var(--wiki-icon-to-link-filter);
}

.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
    color: var(--wiki-content-text-color);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
    background-color: var(--wiki-content-background-color--secondary);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
    color: var(--wiki-content-text-color--hover);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {
    border-color: var(--wiki-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget {
    color: var(--wiki-content-text-color);
    padding: 8px 6px;
    -webkit-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s;
}

.mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover {
    background-color: rgba(var(--wiki-content-link-color--rgb), .15);
    color: var(--wiki-content-link-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
    background-color: transparent;
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    border-color: var(--wiki-content-border-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize {
    background-color: var(--wiki-content-background-color--secondary);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
    border-color: var(--wiki-content-border-color);
    padding: 0;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
    color: var(--wiki-content-text-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle {
    color: var(--wiki-content-text-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label {
    color: var(--wiki-content-link-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover {
    color: var(--wiki-content-link-color--hover);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before {
    content: "["
}

.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after {
    content: "]"
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
    color: var(--wiki-content-text-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {
    color: rgba(var(--wiki-content-text-color--rgb), .6)
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget {
    background-color: var(--wiki-content-background-color)
}

.oo-ui-menuSelectWidget {
    background-color: var(--wiki-content-background-color--secondary);
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
    color: var(--wiki-content-text-color)
}

.mw-rcfilters-ui-filterMenuHeaderWidget-header {
    background-color: var(--wiki-content-background-color);
    border-bottom-color: var(--wiki-content-border-color)
}

.mw-rcfilters-ui-filterMenuHeaderWidget-title {
    color: var(--wiki-content-text-color);
}

.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
    border-bottom-color: var(--wiki-content-border-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
    border-top-color: var(--wiki-content-border-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget:hover,
.mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
    color: var(--wiki-content-link-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span,
.mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span {
    border-color: var(--wiki-content-link-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected,
.mw-rcfilters-ui-itemMenuOptionWidget:hover {
    background-color: rgba(var(--wiki-content-link-color--rgb), .15)
}

.mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
    color: var(--wiki-content-text-color);
}

.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    color: rgba(var(--wiki-content-text-color--rgb), .6);
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover {
    background-color: rgba(var(--wiki-content-link-color--rgb), .15)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
    color: var(--wiki-content-text-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    color: rgba(var(--wiki-content-text-color--rgb), .6)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span {
    border-color: var(--wiki-content-text-color)
}

.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
    color: rgba(var(--wiki-content-text-color--rgb), .6)
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: transparent;
    color: var(--wiki-content-text-color);
}

.mw-changeslist-legend,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}

.mw-rcfilters-ui-menuSelectWidget-footer {
    background-color: var(--wiki-content-text-mix-color-95);
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
    background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    -webkit-transition: border-color 300ms, box-shadow 300ms;
    transition: border-color 300ms, box-shadow 300ms;
    background-color: var(--wiki-content-background-color--secondary)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
    border-color: var(--wiki-content-link-color);
    outline: 0
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
    border-color: var(--wiki-content-link-color)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle {
    border-color: var(--wiki-alert-color)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
    background-color: var(--wiki-content-background-color--secondary);
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
    border-color: var(--wiki-alert-color)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
    color: var(--wiki-alert-color)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
    opacity: 0.5
}

.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input {
	color:var(--wiki-content-text-color);
}

.oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input {
    color: inherit;
    background: transparent;
    font-family: inherit
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
  background: var(--wiki-content-text-mix-color-95);
  color: rgba(var(--wiki-content-text-color--rgb), 0.25);
  text-shadow:none;
  border-color:var(--wiki-content-text-mix-color);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
    background-color: var(--wiki-content-link-color);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-link-color);
}

.oo-ui-bookletLayout-outlinePanel {
    padding: 7px 0;
}

.oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
    color: var(--wiki-content-text-color)
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus {
    color: var(--wiki-content-text-color--hover)
}

.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
    color: var(--wiki-content-text-color)
}

.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus {
    color: var(--wiki-content-text-color--hover)
}

.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button {
    color: var(--wiki-alert-color)
}

.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus {
    color: var(--wiki-alert-color--hover)
}

.oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button {
    border: 1px solid transparent
}

.oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button {
    color: inherit
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color)
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active {
    background-color: var(--wiki-accent-color--hover);
    border-color: var(--wiki-accent-color--hover)
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button {
    background-color: #bf0017;
    border-color: #bf0017;
    color: #fff
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active {
    background-color: #59000b;
    border-color: #59000b
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
    background-color: var(--wiki-content-background-color--secondary);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button {
    color: var(--wiki-content-link-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
    background-color: transparent;
}

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
    background-color: var(--wiki-content-background-color--secondary);
}

.oo-ui-popupWidget-popup {
    background-color: var(--wiki-content-text-mix-color-95);
    border-color: var(--wiki-content-border-color);
    color:var(--wiki-content-text-color);
}

.mw-ui-button {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-link-color);
    border-color: var(--wiki-content-border-color);
}

.mw-ui-button:not(:disabled):visited {
    color: var(--wiki-content-link-color);
}

.mw-ui-button:not(:disabled):hover {
    background-color: var(--wiki-content-text-mix-color-95);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-link-color--hover);
}

.mw-ui-button:not(:disabled):focus {
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}

.mw-ui-button:not(:disabled):active,
.mw-ui-button:not(:disabled).is-on {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-link-color);
}

.mw-ui-icon-before::before {
    filter: var(--wiki-icon-to-link-filter);
}

.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
    background-color: var(--wiki-content-background-color);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color);
}

.oo-ui-windowManager-modal>.oo-ui-dialog {
    background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.5);
}

.oo-ui-messageDialog-message {
    color: var(--wiki-content-text-color);
}

.oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button {
    color: var(--wiki-content-text-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    color: var(--wiki-content-link-color);
    border-color:rgba(var(--wiki-content-link-color--rgb), 0.5);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    color: var(--wiki-content-link-color--hover);
    border-color:var(--wiki-content-link-color);
	box-shadow:inset 0 0 3px var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-link-color--hover);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
    border-color: var(--wiki-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
	background-color: var(--wiki-content-text-mix-color);
	border-color: var(--wiki-content-text-mix-color);
}

pre,
code,
.mw-code {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.theme-light .mw-highlight {
    --pygments-background: var(--wiki-content-background-color--secondary);
    --pygments-err: #db0000;
    --pygments-c: #3a7575;
    --pygments-k: #008000;
    --pygments-o: #666;
    --pygments-ch: #3a7575;
    --pygments-cm: #3a7575;
    --pygments-cp: #986200;
    --pygments-cpf: #3a7575;
    --pygments-c1: #3a7575;
    --pygments-cs: #3a7575;
    --pygments-gd: #a00000;
    --pygments-gr: #db0000;
    --pygments-gh: #000080;
    --pygments-gi: #008100;
    --pygments-go: #6e6e6e;
    --pygments-gp: #000080;
    --pygments-gu: #800080;
    --pygments-gt: #04d;
    --pygments-kc: #008000;
    --pygments-kd: #008000;
    --pygments-kn: #008000;
    --pygments-kp: #008000;
    --pygments-kr: #008000;
    --pygments-kt: #b00040;
    --pygments-m: #666;
    --pygments-s: #ba2121;
    --pygments-na: #647421;
    --pygments-nb: #008000;
    --pygments-nc: #00f;
    --pygments-no: #800;
    --pygments-nd: #a412ff;
    --pygments-ni: #6d6d6d;
    --pygments-ne: #c9352e;
    --pygments-nf: #00f;
    --pygments-nl: #727200;
    --pygments-nn: #00f;
    --pygments-nt: #008000;
    --pygments-nv: #19177c;
    --pygments-ow: #a412ff;
    --pygments-w: #6e6e6e;
    --pygments-mb: #666;
    --pygments-mf: #666;
    --pygments-mh: #666;
    --pygments-mi: #666;
    --pygments-mo: #666;
    --pygments-sa: #ba2121;
    --pygments-sb: #ba2121;
    --pygments-sc: #ba2121;
    --pygments-dl: #ba2121;
    --pygments-sd: #ba2121;
    --pygments-s2: #ba2121;
    --pygments-se: #a55a1e;
    --pygments-sh: #ba2121;
    --pygments-si: #af4d74;
    --pygments-sx: #008000;
    --pygments-sr: #af4d74;
    --pygments-s1: #ba2121;
    --pygments-ss: #19177c;
    --pygments-bp: #008000;
    --pygments-fm: #00f;
    --pygments-vc: #19177c;
    --pygments-vg: #19177c;
    --pygments-vi: #19177c;
    --pygments-vm: #19177c;
    --pygments-il: #666;
}

.view-dark .mw-highlight,
.mw-highlight {
    --pygments-background: var(--wiki-content-background-color--secondary);
    --pygments-err: #fe4242;
    --pygments-c: #4b9797;
    --pygments-k: #00a300;
    --pygments-o: #898989;
    --pygments-ch: #4b9797;
    --pygments-cm: #4b9797;
    --pygments-cp: #c17d00;
    --pygments-cpf: #4b9797;
    --pygments-c1: #4b9797;
    --pygments-cs: #4b9797;
    --pygments-gd: #ff3f3f;
    --pygments-gr: #fe4242;
    --pygments-gh: #7a7aff;
    --pygments-gi: #00a000;
    --pygments-go: #8a8a8a;
    --pygments-gp: #7a7aff;
    --pygments-gu: #f500f5;
    --pygments-gt: #4e84fe;
    --pygments-kc: #00a300;
    --pygments-kd: #00a300;
    --pygments-kn: #00a300;
    --pygments-kp: #00a300;
    --pygments-kr: #00a300;
    --pygments-kt: #fe357e;
    --pygments-m: #898989;
    --pygments-s: #e25e5e;
    --pygments-na: #80932a;
    --pygments-nb: #00a300;
    --pygments-nc: #7a7afe;
    --pygments-no: #ff4040;
    --pygments-nd: #bf5aff;
    --pygments-ni: #999;
    --pygments-ne: #da655f;
    --pygments-nf: #7a7afe;
    --pygments-nl: #a0a000;
    --pygments-nn: #7a7afe;
    --pygments-nt: #00a300;
    --pygments-nv: #8381e7;
    --pygments-ow: #bf5aff;
    --pygments-w: #bbb;
    --pygments-mb: #898989;
    --pygments-mf: #898989;
    --pygments-mh: #898989;
    --pygments-mi: #898989;
    --pygments-mo: #898989;
    --pygments-sa: #e25e5e;
    --pygments-sb: #e25e5e;
    --pygments-sc: #e25e5e;
    --pygments-dl: #e25e5e;
    --pygments-sd: #e25e5e;
    --pygments-s2: #e25e5e;
    --pygments-se: #d07125;
    --pygments-sh: #e25e5e;
    --pygments-si: #c17492;
    --pygments-sx: #00a300;
    --pygments-sr: #c17492;
    --pygments-s1: #e25e5e;
    --pygments-ss: #8381e7;
    --pygments-bp: #00a300;
    --pygments-fm: #7a7afe;
    --pygments-vc: #8381e7;
    --pygments-vg: #8381e7;
    --pygments-vi: #8381e7;
    --pygments-vm: #8381e7;
    --pygments-il: #898989;
}

.mw-highlight .err {
    border-color: var(--pygments-err)
}

.mw-highlight .c {
    color: var(--pygments-c)
}

.mw-highlight .k {
    color: var(--pygments-k)
}

.mw-highlight .o {
    color: var(--pygments-o)
}

.mw-highlight .ch {
    color: var(--pygments-ch)
}

.mw-highlight .cm {
    color: var(--pygments-cm)
}

.mw-highlight .cp {
    color: var(--pygments-cp)
}

.mw-highlight .cpf {
    color: var(--pygments-cpf)
}

.mw-highlight .c1 {
    color: var(--pygments-c1)
}

.mw-highlight .cs {
    color: var(--pygments-cs)
}

.mw-highlight .gd {
    color: var(--pygments-gd)
}

.mw-highlight .gr {
    color: var(--pygments-gr)
}

.mw-highlight .gh {
    color: var(--pygments-gh)
}

.mw-highlight .gi {
    color: var(--pygments-gi)
}

.mw-highlight .go {
    color: var(--pygments-go)
}

.mw-highlight .gp {
    color: var(--pygments-gp)
}

.mw-highlight .gu {
    color: var(--pygments-gu)
}

.mw-highlight .gt {
    color: var(--pygments-gt)
}

.mw-highlight .kc {
    color: var(--pygments-kc)
}

.mw-highlight .kd {
    color: var(--pygments-kd)
}

.mw-highlight .kn {
    color: var(--pygments-kn)
}

.mw-highlight .kp {
    color: var(--pygments-kp)
}

.mw-highlight .kr {
    color: var(--pygments-kr)
}

.mw-highlight .kt {
    color: var(--pygments-kt)
}

.mw-highlight .m {
    color: var(--pygments-m)
}

.mw-highlight .s {
    color: var(--pygments-s)
}

.mw-highlight .na {
    color: var(--pygments-na)
}

.mw-highlight .nb {
    color: var(--pygments-nb)
}

.mw-highlight .nc {
    color: var(--pygments-nc)
}

.mw-highlight .no {
    color: var(--pygments-no)
}

.mw-highlight .nd {
    color: var(--pygments-nd)
}

.mw-highlight .ni {
    color: var(--pygments-ni)
}

.mw-highlight .ne {
    color: var(--pygments-ne)
}

.mw-highlight .nf {
    color: var(--pygments-nf)
}

.mw-highlight .nl {
    color: var(--pygments-nl)
}

.mw-highlight .nn {
    color: var(--pygments-nn)
}

.mw-highlight .nt {
    color: var(--pygments-nt)
}

.mw-highlight .nv {
    color: var(--pygments-nv)
}

.mw-highlight .ow {
    color: var(--pygments-ow)
}

.mw-highlight .w {
    color: var(--pygments-w)
}

.mw-highlight .mb {
    color: var(--pygments-mb)
}

.mw-highlight .mf {
    color: var(--pygments-mf)
}

.mw-highlight .mh {
    color: var(--pygments-mh)
}

.mw-highlight .mi {
    color: var(--pygments-mi)
}

.mw-highlight .mo {
    color: var(--pygments-mo)
}

.mw-highlight .sa {
    color: var(--pygments-sa)
}

.mw-highlight .sb {
    color: var(--pygments-sb)
}

.mw-highlight .sc {
    color: var(--pygments-sc)
}

.mw-highlight .dl {
    color: var(--pygments-dl)
}

.mw-highlight .sd {
    color: var(--pygments-sd)
}

.mw-highlight .s2 {
    color: var(--pygments-s2)
}

.mw-highlight .se {
    color: var(--pygments-se)
}

.mw-highlight .sh {
    color: var(--pygments-sh)
}

.mw-highlight .si {
    color: var(--pygments-si)
}

.mw-highlight .sx {
    color: var(--pygments-sx)
}

.mw-highlight .sr {
    color: var(--pygments-sr)
}

.mw-highlight .s1 {
    color: var(--pygments-s1)
}

.mw-highlight .ss {
    color: var(--pygments-ss)
}

.mw-highlight .bp {
    color: var(--pygments-bp)
}

.mw-highlight .fm {
    color: var(--pygments-fm)
}

.mw-highlight .vc {
    color: var(--pygments-vc)
}

.mw-highlight .vg {
    color: var(--pygments-vg)
}

.mw-highlight .vi {
    color: var(--pygments-vi)
}

.mw-highlight .vm {
    color: var(--pygments-vm)
}

.mw-highlight .il {
    color: var(--pygments-il)
}

.mw-highlight,
.mw-highlight pre {
    background: var(--pygments-background)
}

.mw-content-ltr.mw-highlight-lines pre,
.mw-content-ltr.content .mw-highlight-lines pre {
    padding-left: 3.5em;
    box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted);
}

.mw-highlight .hll {
    background-color: rgba(var(--wiki-accent-color--rgb), .2)
}

.mw-apisandbox-toolbar {
    background: var(--wiki-content-background-color--secondary)
}

/* special:replacetext */
.ext-replacetext-searchoptions {
    background-color: transparent;
    border: 1px solid var(--wiki-content-border-color);
}

.ext-replacetext-searchoptions .ext-replacetext-divider {
    border-bottom: 1px solid var(--wiki-content-border-color);
}

/**/

.view-dark textarea {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.view-dark textarea:focus-visible {
    outline-color: var(--wiki-content-link-color);
    outline-style: solid;
}

/* make math formulas legible on dark theme */
.mwe-math-fallback-image-inline,
.mwe-math-fallback-image-display {
    filter: var(--wiki-icon-general-filter);
}

/* search bar */
#searchInput {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
    box-shadow: none;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}

#searchButton {
    filter: var(--wiki-icon-general-filter);
}

/* Search suggestions */

.suggestions-results,
.suggestions-special {
    background-color: var(--wiki-content-background-color--secondary);
}

.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
    color: var(--wiki-content-text-color);
}

.suggestions-result {
    color: var(--wiki-content-link-color);
}

.suggestions-result-current {
    background-color: var(--wiki-content-link-color);
    color: var(--wiki-content-link-label-color);
}

.suggestions-special .special-label {
    color: var(--wiki-content-text-mix-color);
}

.suggestions-special.suggestions-result-current .special-label {
    color:var(--wiki-content-link-label-color);
}

.suggestions-special .special-query {
    color: var(--wiki-link-label-color);
}

/* search page */
fieldset#mw-searchoptions {
    background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
    border-color: var(--wiki-content-border-color);
}

#mw-searchoptions .divider {
    border-color: var(--wiki-content-border-color);
}

.mw-search-profile-tabs {
    background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
    border: 1px solid var(--wiki-content-border-color);
    margin-top: 1em;
}

.mw-search-profile-tabs div.search-types ul li.current a {
    color: var(--wiki-content-text-color);
}

/* invert the help icon on the helplink */
#mw-indicator-mw-helplink a {
    background-image: none;
}

#mw-indicator-mw-helplink a::before {
    background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    padding-left: 25px;
    content: "";
}

#mw-indicator-mw-helplink a::before {
    filter: var(--wiki-icon-to-link-filter);
}
/**/

/* Login/register page */
.mw-number-text {
    color:var(--wiki-content-text-mix-color);
}

.mw-body-content .mw-number-text h3 {
  color:var(--wiki-heading-color);
}

.mw-number-text.icon-edits,
.mw-number-text.icon-pages,
.mw-number-text.icon-contributors {
  position:relative;
  background:none;  
}

.mw-number-text.icon-edits::before,
.mw-number-text.icon-pages::before,
.mw-number-text.icon-contributors::before {
  position:absolute;
  width:95px;
  height:100%;
  left:0;
  top:0;
  content:'';
  filter:brightness(0) var(--wiki-icon-general-filter);
}

.mw-number-text.icon-edits::before {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center;
}

.mw-number-text.icon-pages::before {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center
}

.mw-number-text.icon-contributors::before {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center
}
/**/

/* Multimedia viewer */
.mw-mmv-post-image,
.mw-mmv-image-metadata {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.mw-ui-button.mw-ui-progressive:not(:disabled) {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color);
}

.mw-ui-button.mw-ui-progressive:not(:disabled):hover {
    background-color: var(--wiki-accent-color--hover);
}

.skin-vector .mw-ui-button.mw-ui-progressive:hover,
.skin-vector .mw-ui-button.mw-ui-primary:disabled {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color);
    border: 2px solid var(--wiki-content-border-color);
}

.mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
}

.mw-ui-button.mw-ui-progressive {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color)
}

.mw-ui-input {
	background-color: var(--wiki-content-background-color--secondary);
	border: 1px solid var(--wiki-content-border-color);
	color: var(--wiki-content-text-color);
}

.mw-ui-input:hover,
.mw-ui-input:focus{
  background-color: var(--wiki-content-background-color--secondary);
  color: var(--wiki-content-text-color);
  border-color: var(--wiki-content-link-color);
  box-shadow: none;
}

.mw-ui-input::placeholder {
  color:var(--wiki-content-text-mix-color);
}

.mw-mmv-dialog {
    background-color: var(--wiki-content-background-color--secondary);
    box-shadow: 0 2px 2px 0 var(--wiki-content-border-color);
}

.mw-mmv-options-dialog-header {
    color: var(--wiki-content-text-color);
}

.mw-mmv-options-text-header,
.mw-mmv-options-text-body {
    color: var(--wiki-content-text-mix-color);
}

.mw-ui-button.mw-ui-quiet,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive {
    color: var(--wiki-content-link-color);
}

.mw-ui-button.mw-ui-progressive:not(:disabled):focus {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-content-link-color);
}

input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet,
input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive,
input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive,
.mw-ui-button.mw-ui-quiet:active,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active,
input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet,
input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive,
input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive,
.mw-ui-button.mw-ui-quiet:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {
    color: var(--wiki-content-text-color);
}

/**/

/*************************
* End Vector theme fixes *
**************************/

/************************
* Theme-based Scribunto *
*************************/
#mw-scribunto-input {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.mw-scribunto-console-fieldset,
.mw-scribunto-message,
.mw-scribunto-input,
.mw-scribunto-error,
.mw-scribunto-print {
    background: var(--wiki-content-background-col0r);
}

.mw-scribunto-console-fieldset {
    color: var(--wiki-content-text-color);
}

.mw-scribunto-message {
    color: var(--wiki-content-text-color);
}

.mw-scribunto-input {
    color: var(--wiki-content-text-color--hover);
}

.mw-scribunto-error {
    color: var(--wiki-alert-color);
}

.mw-scribunto-print {
    color: var(--wiki-content-text-color);
}

/****************
* End Scribunto *
*****************/

/***********************
* Theme-based msupload *
************************/
#msupload-div,
#msupload-list .file {
  background-color:var(--wiki-content-background-color);
  border-color:var(--wiki-content-border-color);
}

#msupload-dropzone {
  border-color:var(--wiki-content-border-color);
  color:var(--wiki-content-text-color);
}

.drop-over {
  background-color:var(--wiki-accent-color);
  color:var(--wiki-accent-label-color);
}

#msupload-bottom #msupload-files {
  padding-left:0;
	background: none;
}

#msupload-bottom #msupload-files::before {
  display:inline-block;
  background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0;
  background-position:left center;
  height:22px;
  width:25px;
  content:'';
  vertical-align: top;
  filter:var(--wiki-icon-general-filter);
}
/***************************
* End theme-based msupload *
****************************/

/*******************************************************
* Fix for stretchy footer and misplaced wiki.gg footer *
********************************************************/
#footer div:last-child {
    clear: none !important;
    /* We need important to override the inline styling */
}

#footer-places li {
    float: none;
}

#wikigg-footer {
    clear: both;
}

/*****************
* End footer fix *
******************/

/*******************************************************
* Fix for unreadable "not logged in" in wiki.gg header *
********************************************************/
header#wikigg-header .vector-user-menu-legacy #pt-anonuserpage,
header#wikigg-header .vector-user-menu-legacy #pt-tmpuserpage {
  color:#54595d;
}
/**************************
* End "not logged in" fix *
***************************/

/*********************
* Mobile adjustments *
**********************/

@media screen and (max-width:720px) {
    html {
        --vector-tab-height: 2em;
        --vector-tab-border-width: 1px;
        --content-right-margin: 0;
        --nav-right-margin: 10px;
        --nav-left-margin: 5px;
        --logo-height: 6rem;
        --logo-width: 10rem;
        --logo-top-spacing: 35px;
    }
  
    #mw-navigation {
      position:static;
    }

    #p-logo,
    #p-logo a {
        height: var(--logo-height);
        width: var(--logo-width);
    }

    #p-logo {
        position: absolute;
        top: var(--logo-top-spacing);
        margin-left: 0;
        z-index: 1;
    }

    #right-navigation {
        margin-right: var(--nav-right-margin);
    }

    div#left-navigation {
        margin-left: var(--nav-left-margin);
    }

    div#right-navigation div#p-search {
        margin-right: 0;
    }

    #p-search {
        position: absolute;
        right: var(--nav-right-margin);
        top: calc(var(--vector-tab-height) + 20px);
    }

    #simpleSearch {
        width: 100vw;
    }

    .mw-body {
        border-left: none;
        border-right: none;
        margin-top: 0;
        margin-bottom: 5px;
        padding-top: 5em;
    }

    .mw-footer {
        border-left: none;
        border-right: none;
    }

    div#mw-page-base {
        height: calc(var(--logo-height) + var(--logo-top-spacing));
    }

    #mw-head {
        top: calc(var(--logo-height) + var(--logo-top-spacing));
        width:100%;
    }

    #mw-panel {
        position: unset;
        width: 100%;
        margin: 0;
        padding: 0;
        top: 0
    }

    div#mw-navigation div#mw-panel .portal {
        width: auto;
        text-align: center
    }

    .vector-menu-dropdown .vector-menu-content {
        right: 0;
        left: unset;
    }
    
    .vector-menu-tabs .mw-watchlink.icon a {
        height:100%;
        padding:0;
    }

    table.wikitable,
    table.responsive-table {
        display: block;
        overflow-x: scroll;
    }
    
	  .client-js .mw-changeslist ul,
	  .client-js .mw-changeslist table.mw-enhanced-rc {
	    margin-left:0;
	  }
	  
	  .mw-changeslist-line-inner-comment,
	  .mw-changeslist-line .comment {
	    font-size:0.9em;
	    word-break:break-all;
	  }
	  
	  .mw-userlink {
	    overflow-wrap:anywhere;
	  }

    /* advanced search options */
    #mw-searchoptions table {
        float: none;
    }

    #mw-searchoptions table td {
        display: block;
    }

    /* popup when clicking the download button in multimediaviewer */
    .mw-mmv-dialog {
        width: unset;
    }

    /* turn math elements into scroll blocks unless they're an immediate child of a span */
    :not(span)>.mwe-math-element {
        display: block;
        overflow-x: auto;
    }

}

/*************
* End mobile *
**************/