MediaWiki:Vector.css

From NEEDY STREAMER OVERLOAD Wiki
Jump to navigation Jump to search

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* All CSS here will be loaded for users of the Vector skin */

:root {
    --wiki-content-top-padding:1rem;
    --wiki-content-right-margin:calc(var(--wiki-sidebar-width) + var(--wiki-sidebar-spacing));
    --wiki-content-border-width:8px;
    
    --wiki-sidebar-width:10rem;
    --wiki-sidebar-spacing:0.5rem;
    
    --wiki-navigation-top-padding:0.5em;
    --wiki-navigation-bottom-padding:0.5rem;
    --wiki-navigation-left-padding:0rem;
    --wiki-navigation-right-padding:0rem;
    --wiki-navigation-height:1.6rem;
    --wiki-navigation-search-height:2rem;
    --wiki-navigation-search-margin-top:0.5rem;
}

:root,
.theme-light {
    --wiki-body-background-image: url(/images/b/b0/Site-background-light.png); /* [[File:Site-background-light.png]] */
    --wiki-body-background-color: #F9E3FF;
    --wiki-body-background-color--rgb: 249, 227, 255;
    --wiki-body-dynamic-color: #000000;
    --wiki-body-dynamic-color--rgb: 0,0,0;
    --wiki-body-dynamic-color--inverted: #ffffff;
    --wiki-body-dynamic-color--inverted--rgb: 255,255,255;
    --wiki-body-dynamic-color--secondary: #333333;
    --wiki-body-dynamic-color--secondary--rgb: 51,51,51;
    --wiki-body-dynamic-color--secondary--inverted: #dddddd;
    --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221;
    
    --wiki-content-background-color: #FFF8FF;
    --wiki-content-background-color--rgb: 255, 248, 255;
    --wiki-content-background-opacity: 0.75;
    --wiki-content-background-color--secondary: #F0D1F1;
    --wiki-content-background-color--secondary--rgb: 240, 209, 241;
    --wiki-content-border-color: #4D23CF;
    --wiki-content-border-color--rgb: 77, 35, 207;
    --wiki-content-border-image: url(/images/4/46/Border.png); /* [[File:Border.png]] */
    --wiki-content-text-color: #091625;
    --wiki-content-text-color--rgb: 9, 22, 37;
    --wiki-content-link-color: #4020a9;
    --wiki-content-link-color--rgb: 64, 32, 169;
    --wiki-content-link-label-color: #ffffff;
    --wiki-content-link-label-color--rgb: 255,255,255;
    --wiki-content-link-color--visited: var(--wiki-content-link-color);
    --wiki-content-link-color--visited--rgb: var(--wiki-content-link-label-color--rgb);
    --wiki-content-redlink-color: var(--wiki-alert-color);
    --wiki-content-redlink-color--rgb: var(--wiki-alert-color--rgb);
    --wiki-content-text-mix-color: #848792;
    --wiki-content-text-mix-color--rgb: 132, 135, 146;
    --wiki-content-text-mix-color-95: #f3edf4;
    --wiki-content-text-mix-color-95--rgb: 243, 237, 244;
    --wiki-content-dynamic-color: #000000;
    --wiki-content-dynamic-color--rgb: 0,0,0;
    --wiki-content-dynamic-color--inverted: #ffffff;
    --wiki-content-dynamic-color--inverted--rgb: 255,255,255;
    --wiki-content-dynamic-color--secondary: #333333;
    --wiki-content-dynamic-color--secondary--rgb: 51,51,51;
    --wiki-content-dynamic-color--secondary--inverted: #dddddd;
    --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221;

    --wiki-heading-color: #fc37f6;
    --wiki-heading-color--rgb: 252, 55, 246;
    --wiki-heading-font-family: 'Press Start 2p',rubik,helvetica,arial,sans-serif;

    --wiki-accent-color: #90F4E4;
    --wiki-accent-color--rgb: 144, 244, 228;
    --wiki-accent-color--hover: #7ACCBE;
    --wiki-accent-color--hover--rgb: 122, 204, 190; 
    --wiki-accent-label-color: #000000;
    --wiki-accent-label-color--rgb: 0,0,0;

    --wiki-sidebar-background-color: var(--wiki-content-background-color);
    --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb);
    --wiki-sidebar-background-opacity: 0.98;
    --wiki-sidebar-border-color: var(--wiki-content-border-color);
    --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb);
    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb);
    --wiki-sidebar-heading-color: var(--wiki-heading-color);
    --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb);

    --wiki-navigation-background-color: var(--wiki-content-border-color);
    --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb);
    --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary);
    --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb);
    --wiki-navigation-border-color: var(--wiki-content-border-color);
    --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb);
    --wiki-navigation-text-color: var(--wiki-content-link-color);
    --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb);
    --wiki-navigation-selected-background-color: var(--wiki-content-background-color);
    --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb);
    --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color);
    --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb);
    --wiki-navigation-selected-text-color: var(--wiki-content-text-color);
    --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb);

    --wiki-alert-color: #bf0017;
    --wiki-alert-color--rgb: 191,0,23;
    --wiki-alert-label-color: #ffffff;
    --wiki-alert-label-color--rgb: 255, 255, 255;
    --wiki-warning-color: #c66d1a;
    --wiki-warning-color--rgb: 198,109,26;
    --wiki-warning-label-color: #000000;
    --wiki-warning-label-color--rgb: 0, 0, 0;
    --wiki-success-color: #0c742f;
    --wiki-success-color--rgb: 12, 116, 47;
    --wiki-success-label-color: #ffffff;
    --wiki-success-label-color--rgb: 255, 255, 255;
    
    --wiki-icon-general-filter: ;
    --wiki-icon-to-link-filter: invert(14%) sepia(52%) saturate(6163%) hue-rotate(253deg) brightness(82%) contrast(100%);
}

.theme-dark {
    --wiki-body-background-image: url(/images/9/9a/Site-background-dark.png); /* [[File:Site-background-dark.png]] */
    --wiki-body-background-color: #141414;
    --wiki-body-background-color--rgb: 20, 20, 20;
    --wiki-body-dynamic-color: #ffffff;
    --wiki-body-dynamic-color--rgb: 255,255,255;
    --wiki-body-dynamic-color--inverted: #000000;
    --wiki-body-dynamic-color--inverted--rgb: 0,0,0;
    --wiki-body-dynamic-color--secondary: #dddddd;
    --wiki-body-dynamic-color--secondary--rgb: 221,221,221;
    --wiki-body-dynamic-color--secondary--inverted: #333333;
    --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51;
    
    --wiki-content-background-color: #000000;
    --wiki-content-background-color--rgb: 0,0,0;
    --wiki-content-background-opacity: 0.95;
    --wiki-content-background-color--secondary: #002333;
    --wiki-content-background-color--secondary--rgb: 0, 35, 51;
    --wiki-content-border-color: #90F4E4;
    --wiki-content-border-color--rgb: 144, 244, 228;
    --wiki-content-border-image: url(/images/4/46/Border.png); /* [[File:Border.png]] */
    --wiki-content-text-color: #f7f7f7;
    --wiki-content-text-color--rgb: 247,247,247;
    --wiki-content-link-color: #fc37f6;
    --wiki-content-link-color--rgb: 252, 55, 246;
    --wiki-content-link-label-color: #000;
    --wiki-content-link-label-color--rgb: 0,0,0;
    --wiki-content-link-color--visited: var(--wiki-content-link-color);
    --wiki-content-link-color--visited--rgb: var(--wiki-content-link-label-color--rgb);
    --wiki-content-redlink-color: var(--wiki-alert-color);
    --wiki-content-redlink-color--rgb: var(--wiki-alert-color--rgb);
    --wiki-content-text-mix-color: #7c7c7c;
    --wiki-content-text-mix-color--rgb: 124, 124, 124
    --wiki-content-text-mix-color-95: #0c0c0c;
    --wiki-content-text-mix-color-95--rgb: 12, 12, 12;
    --wiki-content-dynamic-color: #ffffff;
    --wiki-content-dynamic-color--rgb: 255, 255, 255;
    --wiki-content-dynamic-color--inverted: #000000;
    --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0;
    --wiki-content-dynamic-color--secondary: #dddddd;
    --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221;
    --wiki-content-dynamic-color--secondary--inverted: #333333;
    --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51;

    --wiki-heading-color: #F9D7EF;
    --wiki-heading-color--rgb: 249, 215, 239;
    --wiki-heading-font-family: 'Press Start 2p',rubik,helvetica,arial,sans-serif;

    --wiki-accent-color: #9D98FF;
    --wiki-accent-color--rgb: 157, 152, 255;
    --wiki-accent-color--hover: #009BFE;
    --wiki-accent-color--hover--rgb: 0, 155, 254; 
    --wiki-accent-label-color: #000000;
    --wiki-accent-label-color--rgb: 0,0,0;

    --wiki-sidebar-background-color: var(--wiki-content-background-color);
    --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb);
    --wiki-sidebar-background-opacity: 0.98;
    --wiki-sidebar-border-color: var(--wiki-content-border-color);
    --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb);
    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb);
    --wiki-sidebar-heading-color: var(--wiki-heading-color);
    --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb);

    --wiki-navigation-background-color: var(--wiki-content-border-color);
    --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb);
    --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary);
    --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb);
    --wiki-navigation-border-color: var(--wiki-content-border-color);
    --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb);
    --wiki-navigation-text-color: var(--wiki-content-link-color);
    --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb);
    --wiki-navigation-selected-background-color: var(--wiki-content-background-color);
    --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb);
    --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color);
    --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb);
    --wiki-navigation-selected-text-color: var(--wiki-content-text-color);
    --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb);

    --wiki-alert-color: #C80014;
    --wiki-alert-color--rgb: 200, 0, 20;
    --wiki-alert-label-color: #ffffff;
    --wiki-alert-label-color--rgb: 255, 255, 255;
    --wiki-warning-color:#b86518;
    --wiki-warning-color--rgb: 184, 101, 24;
    --wiki-warning-label-color: #000000;
    --wiki-warning-label-color--rgb: 0, 0, 0;
    --wiki-success-color: #0c742f;
    --wiki-success-color--rgb: 12, 116, 47;
    --wiki-success-label-color: #ffffff;
    --wiki-success-label-color--rgb: 255, 255, 255;
    
    --wiki-icon-general-filter: invert(100%);
    --wiki-icon-to-link-filter: invert(32%) sepia(78%) saturate(3697%) hue-rotate(285deg) brightness(112%) contrast(98%);
}

/************************************
* Body, head, and general framework *
*************************************/
body {
    background-image: url(/images/5/57/Site-background.png); /* [[File:Site-background.png]] */
    background-position: top center;
    background-repeat: repeat;
    background-attachment: fixed;
    background-color: var(--wiki-body-background-color);
}

body::before,
body::after {
    position:fixed;
    top:0;
    width:calc(var(--wiki-sidebar-width) + var(--wiki-sidebar-spacing));
    height:100vh;
    content:'';
    background-image:var(--wiki-body-background-image);
    background-size:cover;
    background-repeat: no-repeat;
    z-index:-1;
}

body::before {
    background-position:top left;
    left:0;
}

body::after {
    background-position:top right;
    right:0;
    transform:scaleX(-1);
}

#mw-page-base {
	background: none;
	padding-top: 35px;
}

/* 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 *
*************************/

/**************
* Vector tabs *
***************/
#mw-navigation {
    position:relative;
    top:0;
}

#left-navigation,
#right-navigation {
    margin:0;
}

#mw-head {
    top: var(--wiki-content-border-width);
    width: calc(100% - var(--wiki-sidebar-width) - var(--wiki-sidebar-spacing) - var(--wiki-content-right-margin) - (var(--wiki-content-border-width) * 2) - var(--wiki-navigation-left-padding) - var(--wiki-navigation-right-padding));
    right: calc(var(--wiki-content-right-margin) + var(--wiki-content-border-width));
    z-index: 1;
    border-bottom:var(--wiki-content-border-width) solid var(--wiki-content-border-color);
    border-image-slice: 40%;
    border-image-width: 0px 0px 8px 0px;
    border-image-outset: 0px 2.5px 0px 2.5px;
    border-image-repeat: stretch;
    border-image-source: var(--wiki-content-border-image);
    padding:var(--wiki-navigation-top-padding) var(--wiki-navigation-right-padding) var(--wiki-navigation-bottom-padding) var(--wiki-navigation-left-padding);
    background-color:var(--wiki-content-background-color--secondary);
    height:var(--wiki-navigation-height);
}

#left-navigation,
#right-navigation,
.vector-menu-tabs {
    height: var(--wiki-navigation-height);
    box-sizing: border-box;
}

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

.vector-menu-tabs-legacy li a,
#p-cactions {
    background:none;
    position:relative;
    z-index:1;
    border:2px solid var(--wiki-content-link-color);
    padding:0.25em 0.5em 0 0.5em;
    margin:0 5px;
}

.vector-menu-tabs-legacy li.selected {
    background: none;
    border-color: var(--wiki-navigation-selected-border-color);
}

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

.vector-menu-tabs-legacy li a {
    height:var(--wiki-navigation-height);
}

#p-cactions,
.vector-menu-dropdown .vector-menu-heading {
    height:var(--wiki-navigation-height);
    box-sizing:border-box;
    padding-top:0;
    bottom:0;
}

#p-cactions-label {
    padding-top:0.3em;
}

.vector-menu-tabs .mw-watchlink.icon a {
    padding-top:var(--wiki-navigation-height);
    padding:0;
    height:var(--wiki-navigation-height);
    color:transparent;
    overflow:visible;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
    top: 0.3em;
    left:0.35em;
}

.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 {
    color: var(--wiki-navigation-text-color);
}

.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited {
    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);
}

.vector-menu-dropdown .vector-menu-content {
    background: var(--wiki-content-background-color);;
    border: 2px solid var(--wiki-content-border-color);
    box-shadow:none;
}

.vector-menu-dropdown .vector-menu-content-list {
    background-color: none;
    border: none;
}

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

#p-search .searchButton {
    background-color:transparent;
}

.vector-search-box {
    align-self:flex-start;
}

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

.vector-search-box form {
    margin:0;
}
/******************
* End vector tabs *
*******************/

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

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

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;
}
/************
* End links *
*************/

/***************
* Left Sidebar *
****************/
#mw-panel .vector-menu-portal {
    background-color: rgba(var(--wiki-sidebar-background-color--rgb), var(--wiki-sidebar-background-opacity));
    border: var(--wiki-content-border-width) solid var(--wiki-content-border-color);
    border-image-slice: 40%;
    border-image-width: var(--wiki-content-border-width);
    border-image-repeat: stretch;
    border-image-source: var(--wiki-content-border-image);
    margin-bottom:20px;
}

.vector-menu-portal .vector-menu-content {
    margin:0 0.25em;
}

.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);
}

.vector-menu-portal .vector-menu-heading {
    background: none;
    color: var(--wiki-sidebar-heading-color);
    font-family:var(--wiki-heading-font-family);
    border-bottom:1px solid var(--wiki-sidebar-border-color);
}

.vector-menu-portal .vector-menu-heading {
    margin-left:0;
    padding:0.25em;
}

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

/*******
* Logo *
********/
/* [[File:Site-logo.png]] */

.mw-wiki-logo {
    background-size: contain;
}

/* centered logo */

:root {
    --wiki-logo-width:18em;
    --wiki-logo-height:7em;
    --wiki-logo-margin:5px;
    
    --wiki-head-height:calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2));
}

#mw-panel {
    position:relative;
    top:0;
    width:var(--wiki-sidebar-width);
    padding-left:0;
}

#mw-head-base,
#mw-page-base {
    height:var(--wiki-head-height);
}

#mw-head-base {
    margin-top:calc(var(--wiki-head-height) * -1);
}

#p-logo {
    position:absolute;
    top:calc(0px - var(--wiki-head-height));
    left:50vw;
    transform:translateX(-50%);
    margin-top:var(--wiki-logo-margin);
    margin-bottom:var(--wiki-logo-margin);
}

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

/* end centered logo */

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

/***************
* Content area *
****************/
.mw-body,
.parsoid-body,
.mw-footer {
    color: var(--wiki-content-text-color);
    background-color: rgba(var(--wiki-content-background-color--rgb), var(--wiki-content-background-opacity));
    border: var(--wiki-content-border-width) solid var(--wiki-content-border-color);
    border-image-slice: 40%;
    border-image-width: var(--wiki-content-border-width);
    border-image-repeat: stretch;
    border-image-source: var(--wiki-content-border-image);
    margin-right:var(--wiki-content-right-margin);
    margin-left:calc(var(--wiki-sidebar-width) + var(--wiki-sidebar-spacing));
}

.mw-body {
    padding-top:calc(var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding) + var(--wiki-content-border-width) + 1em);
}

.mw-footer {
    margin-top:40px;
    margin-bottom:30px;
}

.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);
    font-family:var(--wiki-heading-font-family);
}

/***************
* 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-pendingElement-pending {
	background-color: var(--wiki-content-background-color--secondary);
	background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent);
}

.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;
}

#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);
}

.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 .group,
.wikiEditor-ui-toolbar .section-secondary .group {
    border-color:var(--wiki-content-border-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(var(--wiki-content-dynamic-color--rgb), 0.05);
    border-top: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .booklet .pages {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
}

.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
}

.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
    border-color: var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .page-table td {
    border-top: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-tabs div a {
    background: #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%;
}

.theme-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 {
    filter: var(--wiki-icon-general-filter);
}

.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);
}

.theme-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);
}
/********************
* End Tabber styles *
*********************/

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

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

.oo-ui-iconElement-icon.oo-ui-icon-reload {
    filter: brightness(0) 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,
select {
    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);
}

input::file-selector-button,
input[type="button"],
input[type="submit"] {
    background-color:var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-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;
}



/**/

.mime-type.has-warning {
  color:var(--wiki-content-text-color);
}

.oo-ui-image-warning.oo-ui-icon-alert,
.mw-ui-icon-alert-warning::before {
  filter:drop-shadow(0 0 3px #000);
}

.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-accent-label-color);
}

table.cargoTable th.headerSort:hover {
    color:var(--wiki-accent-label-color);
    text-decoration:underline;
}

#mw-content-text div.cargoReplacementTableInfo {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color:var(--wiki-content-text-color);
}

table.dataTable tbody tr {
  background-color:var(--wiki-content-background-color);
}

table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color:rgba(var(--wiki-content-background-color--secondary--rgb), 0.75);
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd,
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
	background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
}

table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color:rgba(var(--wiki-content-background-color--rgb), 0.75);
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
	background-color: var(--wiki-content-background-color--secondary);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  /* we need this !important to override a built-in one */
	color: var(--wiki-content-text-mix-color) !important;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
	border-top: 1px solid var(--wiki-content-border-color);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  /* we need this !important to override a built-in one */
	color: var(--wiki-content-mix-color) !important;
	border: 1px solid var(--wiki-content-border-color);
	background-color: var(--wiki-content-background-color);
	background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%);
}

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);
    border-color:var(--wiki-content-text-mix-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);
}
	
.autocomment, .autocomment a, .autocomment a:visited {
    color:rgba(var(--wiki-content-text-color--rgb), 0.4);
}

.autocomment, .autocomment a, .autocomment a:visited {
	color:rgba(var(--wiki-content-text-color--rgb), 0.4);
}

.mw-icon-arrow-collapsed,
.mw-collapsible-arrow.mw-collapsible-toggle-collapsed {	
    filter:brightness(75%) var(--wiki-icon-general-filter);
}

/*	
The below rules fix an error caused by the above rule because the toggles in the edit footer
have text and an arrow in the same element, so the text gets inverted when it shouldn't be
*/
.mw-editfooter-toggler {
	position:relative;
	filter:unset;
	background:none;
}

.mw-editfooter-toggler::before {
	position:absolute;
	left:0;
	top:0;
	background-repeat: no-repeat;
	background-position: left center;
	width:12px;
	height:100%;
	content:'';
	filter:brightness(75%) var(--wiki-icon-general-filter);
}

.mw-editfooter-toggler.mw-icon-arrow-collapsed::before {
	background-image: url(/resources/src/mediawiki.icon/images/arrow-collapsed-ltr.svg?40e9a);
}

.mw-editfooter-toggler.mw-icon-arrow-expanded::before {
	background-image: url(/resources/src/mediawiki.icon/images/arrow-expanded.svg?d0685);
}


.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-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
    color:rgba(var(--wiki-content-text-color--rgb), 0.4);	
}

.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-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot {
  outline-color:var(--wiki-content-border-color);
}

.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover {
	background-color: var(--wiki-content-background-color);
	border-right-color: var(--wiki-content-border-color);
}

.oo-ui-messageDialog-title {
  color:var(--wiki-heading-color);
}

.oo-ui-toolbar-bar,
.oo-ui-popupToolGroup-tools,
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
  background-color:var(--wiki-content-background-color--secondary);
  color:var(--wiki-content-text-color);
}

.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
  border-right-color:var(--wiki-content-border-color);
}

.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link,
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
	background-color: var(--wiki-content-background-color);
	color: var(--wiki-content-link-color);
}

.oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link {
  /* we remove the transition here because it causes the hard-coded color to flash briefly */
  transition:none;
}

.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover {
  color:var(--wiki-content-link-color);
}

.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
  color:var(--wiki-content-link-color);
}

.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
  background-color:rgba(var(--wiki-content-link-color--rgb), 0.15);
}

.oo-ui-menuToolGroup,
.oo-ui-popupToolGroup-tools {
  border-color:var(--wiki-content-border-color);
}

.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
	border-color: var(--wiki-content-border-color);
	box-shadow: 0 1px 1px 0 rgba(var(--wiki-content-dynamic-color--rgb),0.1);
}

.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
	background-color: var(--wiki-content-text-mix-color);
	border-color: var(--wiki-content-text-mix-color);
}

.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
  background-color:var(--wiki-accent-color);
  color:var(--wiki-accent-label-color);
}

.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
  background-color:var(--wiki-accent-color--hover);
}

.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,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.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-background-color--secondary);
    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-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
  border-color:var(--wiki-content-border-color);
}

.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);
}

.mw-templatedata-doc-param-alias {
  color:var(--wiki-content-text-mix-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;
}

.theme-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);
}

/**/

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

.theme-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-link-color);
    color: var(--wiki-content-text-color);
    box-shadow: none;
}

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

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

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

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

/**/

/* Echo */

.mw-echo-ui-notificationItemWidget-unread,
.mw-echo-ui-placeholderItemWidget {
  background-color:var(--wiki-content-background-color);
}

.mw-echo-ui-notificationsListWidget:not(:hover) a,
#p-personal .mw-echo-ui-notificationsListWidget:not(:hover) a.new,
.mw-echo-ui-notificationItemWidget-content-message-header {
  color:var(--wiki-content-text-color);
}

.mw-echo-ui-notificationItemWidget,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
  border-color:var(--wiki-content-border-color);
}

.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-bundleNotificationItemWidget-group {
  background-color:var(--wiki-content-background-color);
}

.mw-echo-ui-notificationItemWidget-icon{
  filter:brightness(0) var(--wiki-icon-to-link-filter);
}

.mw-echo-ui-toggleReadCircleButtonWidget-circle  {
  background-color:var(--wiki-content-link-color);
}

.mw-echo-ui-notificationItemWidget-unread:hover,
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
  background-color:var(--wiki-content-background-color--secondary);
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
  background-color:rgba(var(--wiki-content-link-color--rgb), 0.1);
  color:var(--wiki-content-link-color);
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-pressed.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted{
  background-color:rgba(var(--wiki-content-link-color--rgb), 0.2);
  color:var(--wiki-content-link-color);
  
}

.oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {
  color:var(--wiki-content-link-color);
}

@-webkit-keyframes unseen-fadeout-to-unread {
  from {
    background-color:rgba(var(--wiki-content-link-color--rgb),0.2);
  }
  to {
    background-color:var(--wiki-content-background-color--secondary);
  }
}
@keyframes unseen-fadeout-to-unread {
  from {
    background-color:rgba(var(--wiki-content-link-color--rgb),0.2);
  }
  to {
    background-color:var(--wiki-content-background-color--secondary);
  }
}
@-webkit-keyframes unseen-fadeout-to-read {
  from {
    background-color:rgba(var(--wiki-content-link-color--rgb),0.2);
  }
  to {
    background-color:var(--wiki-content-background-color);
  }
}
@keyframes unseen-fadeout-to-read {
  from {
    background-color:rgba(var(--wiki-content-link-color--rgb),0.2);
  }
  to {
    background-color:var(--wiki-content-background-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);
}

#msupload-select {
    filter:brightness(0) var(--wiki-icon-to-link-filter);
}

/***************************
* End theme-based msupload *
****************************/

/*****************************
* Theme-based commentstreams *
******************************/
.cs-title-edit-field {
  border-color:var(--wiki-accent-color);
}

.cs-edit-box ,
.cs-expanded .cs-comment-header {
	background-color: var(--wiki-content-background-color--secondary);
  border-color:var(--wiki-content-border-color);
}

.cs-target-comment .cs-comment-header {
  border-color:var(--wiki-accent-color);
}

.cs-comment-details {
	color: rgba(var(--wiki-content-text-color--rgb), 0.6);
}

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

.cs-comment-body {
  padding:0 5px;
}
/*********************************
* End theme-based commentstreams *
**********************************/

/*********************
* Mobile adjustments *
**********************/
@media screen and (max-width:982px) {
  :root {
    --wiki-content-right-margin:10px;
    --wiki-sidebar-width:9.5rem;
  }

  body::after {
    display:none;
  }
}

@media screen and (max-width:720px) {
    :root {
        --wiki-content-right-margin: 0px;
        --wiki-content-padding:0.5rem;
        --wiki-navigation-right-margin: 10px;
        --wiki-navigation-left-margin: 0px;
        --wiki-navigation-top-padding:5px;
        --wiki-navigation-search-height:2.15rem;
        --wiki-logo-height: 80px;
        --wiki-logo-width: 100%;
        --wiki-logo-margin: 10px;
        --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2));
    }
  
    body::before {
      display:none;
    }

    #mw-page-base,
    #mw-head-base {
        height:var(--wiki-head-height);
    }
    
    #mw-head-base {
        margin-top:calc(var(--wiki-head-height) * -1);
    }

    #p-logo,
    #p-logo a {
        height: var(--wiki-logo-height);
        width: var(--wiki-logo-width);
    }
    
    #p-logo {
        top:35px;
        left:0;
        transform:unset;
        margin:var(--wiki-logo-margin) 0;
    }
    
    .mw-wiki-logo {
        background-size:contain;
    }
    
    #mw-head {
        left:0;
        width:100%;
        top:calc( var(--wiki-head-height) + 35px);
        border:none;
        border-image:none;
    }
    
    #mw-navigation {
        position:unset;
    }

    #left-navigation,
    #right-navigation {
        margin-top: 0;
        margin-bottom: 0;
    }

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

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

    div#right-navigation div#p-search {
        margin-right: 0;
    }
    
    .vector-menu-tabs-legacy {
        padding-left:0;
    }
    
    .vector-menu-tabs-legacy li a {
        height:var(--wiki-navigation-height);
    }
  
    .vector-menu-tabs li a,
    #mw-head .vector-menu-dropdown .vector-menu-heading,
    .vector-menu-tabs .mw-watchlink.icon a {
        padding:.25em .5em;
    }

    #p-search {
        position: absolute;
        right: var(--wiki-navigation-right-margin);
        top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding) + var(--wiki-content-border-width));
    }

    #simpleSearch {
        width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin));
    }
    
    .vector-search-box-input {
        height:var(--wiki-navigation-search-height);
    }

    .mw-body {
        border-left: none;
        border-right: none;
        border-image-width:var(--wiki-content-border-width) 0px;
        margin-top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding));
        padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height));
    }

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

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

    div#mw-navigation div#mw-panel .portal {
        box-sizing:border-box;
        text-align: center
    }

    .vector-menu-dropdown .vector-menu-content {
        right: 0;
        left: unset;
    }
    
    #mw-panel .vector-menu-portal {
        margin:auto;
        border-left-width:0;
        border-right-width:0;
    }
    
    table.wikitable,
    table.responsive-table {
        display: block;
        overflow-x: scroll;
    }

    /* 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 *
**************/


/*************
* End mobile *
**************/
Retrieved from "https://needystreameroverload.wiki.gg/index.php?title=MediaWiki:Vector.css&oldid=3996"