MediaWiki:Vector.css

From Revita 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 */
html {
    --wiki-gg-header-height: 35px;
    
    --logo-height:65px;
    --logo-width:250px;
    --head-height:max(5em, calc(3em + var(--logo-height)));
    --vector-tab-height: 2rem;
    --vector-tab-border-width: 1px;
    --vector-tab-top-spacing: var(--head-height);
    --sidebar-width: 10em;
    --sidebar-spacing: 1em;
    --content-right-margin: 5px;
}

:root {
/* default to dark theme */
    --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* [[File:Site-background-dark.jpg]] */
    --wiki-body-background-color: #14141e;
    --wiki-body-dynamic-color: #fff;
    --wiki-body-dynamic-color--rgb: 255, 255, 255;
    --wiki-body-dynamic-color--inverted: #000;
    --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0;

    --wiki-content-background-color: #23232e;
    --wiki-content-background-color--rgb: 35,35,46;
    --wiki-content-background-color--secondary: #44444d;
    --wiki-content-background-color--secondary--rgb: 68,68,77;
    --wiki-content-border-color: #54545c;
    --wiki-content-text-color: #e6e6e6;
    --wiki-content-text-color--rgb: 230,230,230;
    --wiki-content-link-color: #71edfd;
    --wiki-content-link-color--rgb: 113,237,253;
    --wiki-content-link-label-color: #000;
    --wiki-content-redlink-color: #e2001b;
    --wiki-content-text-mix-color: #85858a;
    --wiki-content-text-mix-color-95: #2d2d37;
    --wiki-content-dynamic-color: #fff;
    --wiki-content-dynamic-color--rgb: 255, 255, 255;
    --wiki-content-dynamic-color--inverted: #000;
    --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0;

    --wiki-heading-color: #e6e6e6;

    --wiki-accent-color: #155794;
    --wiki-accent-color--rgb: 21,87,148;
    --wiki-accent-color--hover: #2d8be1;
    --wiki-accent-text-color: #fff;

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

    --wiki-navigation-background-color: #155794;
    --wiki-navigation-border-color: var(--wiki-content-border-color);
    --wiki-navigation-text-color: #fff;

    --wiki-alert-color: #e2001b;
    --wiki-alert-color--rgb: 226,0,27;
    --wiki-alert-label-color: #fff;
    --wiki-warning-color: #cf721c;
    --wiki-warning-color--rgb: 207, 114, 28;
    --wiki-success-color: #0d8134;
    --wiki-success-color--rgb: 13,129,52;
    --wiki-success-label-color: #fff;
}

/************************************
* Body, head, and general framework *
*************************************/
body {
    background-color: var(--wiki-body-background-color);
}

body::before {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:'';
    background-image: var(--wiki-body-background-image);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    opacity:0.3;
    z-index: -1;
}


/* Head */
#mw-head-base,
#mw-page-base {
    height:var(--head-height);
}

#mw-head-base {
    background: transparent;
    margin-top:calc(var(--head-height) * -1);
    margin-left: calc(var(--sidebar-width) + 1.6em);
}

#mw-head {
    top:calc(var(--head-height) + var(--wiki-gg-header-height));
    left:calc(var(--sidebar-width) + var(--sidebar-spacing));
    width:calc(100% - var(--sidebar-width) - var(--sidebar-spacing));
    z-index: 1;
}

#mw-page-base {
    background: transparent;
    background-image: none;
    padding-top:var(--wiki-gg-header-height);
}

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

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

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

/*******
* Logo *
********/
/* [[File:Site-logo.png]] */
#p-logo,
#p-logo a {
    width:var(--logo-width);
    height:var(--logo-height);
}

#p-logo {
    position:absolute;
    left:calc(50vw - (var(--logo-width) / 2));
    top:calc(var(--head-height) / 2);
}

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

#mw-panel {
    position: static;
    top: var(--head-height);
    z-index: 1;
}

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

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

#left-navigation,
#right-navigation {
    margin-top: 0.5em;
}

#left-navigation {
  margin-left:0.25em;
}

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

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

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

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

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

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

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

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

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

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

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

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

.vector-menu-dropdown .vector-menu-heading::after {
    filter: invert(100);
}

#p-search {
    margin-right: calc(var(--content-right-margin) + 5px);
}

#p-search form {
    margin: 0;
}

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

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

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

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

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

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

.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-header-color);
    margin: 0px 0.5em;
    font-size: 0.8em;
}

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


/**************************
* Content area and footer *
***************************/
.mw-body,
.parsoid-body,
.mw-footer {
    color: var(--wiki-content-text-color);
    background-color: rgba(var(--wiki-content-background-color--rgb), 0.8);
    border: 1px solid var(--wiki-content-border-color);
    margin-right: var(--content-right-margin);
    position: relative;
    z-index: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/***************
* Page history *
****************/
#pagehistory li {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 3px;
}

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

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

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

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

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

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

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

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

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

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

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

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

/*******************
* 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 *
***************/
.wikiEditor-ui {
    background: rgba(0, 0, 0, 0);
    border: none;
}

.wikiEditor-ui .wikiEditor-ui-view {
    border: 1px solid var(--wiki-content-border-color)
}

.wikiEditor-ui-toolbar {
    background: none;
}

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

:root .wikiEditor-ui-toolbar .tabs span.tab a::before,
:root .wikiEditor-ui-toolbar .group .tool-select .label::after {
    filter: invert(1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:root .ace_editor .ace_gutter {
    background: #232323;
    color: #E2E2E2
}

:root .ace_editor .ace_print-margin {
    width: 1px;
    background: #232323
}

:root .ace_editor {
    background-color: #141414;
    color: #F8F8F8;
}

:root .ace_editor .ace_cursor {
    color: #A7A7A7
}

:root .ace_editor .ace_marker-layer .ace_selection {
    background: rgba(221, 240, 255, 0.20)
}

:root .ace_editor.ace_multiselect .ace_selection.ace_start {
    box-shadow: 0 0 3px 0px #141414;
}

:root .ace_editor .ace_marker-layer .ace_step {
    background: rgb(102, 82, 0)
}

:root .ace_editor .ace_marker-layer .ace_bracket {
    margin: -1px 0 0 -1px;
    border: 1px solid rgba(255, 255, 255, 0.25)
}

:root .ace_editor .ace_marker-layer .ace_active-line {
    background: rgba(255, 255, 255, 0.031)
}

:root .ace_editor .ace_gutter-active-line {
    background-color: rgba(255, 255, 255, 0.031)
}

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

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

:root .ace_editor .ace_marker-layer .ace_selected-word {
    border: 1px solid rgba(221, 240, 255, 0.20)
}

:root .ace_editor .ace_invisible {
    color: rgba(255, 255, 255, 0.25)
}

:root .ace_editor .ace_keyword,
:root .ace_editor .ace_meta {
    color: #CDA869
}

:root .ace_editor .ace_constant,
:root .ace_editor .ace_constant.ace_character,
:root .ace_editor .ace_constant.ace_character.ace_escape,
:root .ace_editor .ace_constant.ace_other,
:root .ace_editor .ace_heading,
:root .ace_editor .ace_markup.ace_heading,
:root .ace_editor .ace_support.ace_constant {
    color: #CF6A4C
}

:root .ace_editor .ace_invalid.ace_illegal {
    color: #F8F8F8;
    background-color: rgba(86, 45, 86, 0.75)
}

:root .ace_editor .ace_invalid.ace_deprecated {
    text-decoration: underline;
    font-style: italic;
    color: #D2A8A1
}

:root .ace_editor .ace_support {
    color: #9B859D
}

:root .ace_editor .ace_fold {
    background-color: #AC885B;
    border-color: #F8F8F8
}

:root .ace_editor .ace_support.ace_function {
    color: #DAD085
}

:root .ace_editor .ace_list,
:root .ace_editor .ace_markup.ace_list,
:root .ace_editor .ace_storage {
    color: #F9EE98
}

:root .ace_editor .ace_entity.ace_name.ace_function,
:root .ace_editor .ace_meta.ace_tag,
:root .ace_editor .ace_variable {
    color: #AC885B
}

:root .ace_editor .ace_string {
    color: #8F9D6A
}

:root .ace_editor .ace_string.ace_regexp {
    color: #E9C062
}

:root .ace_editor .ace_comment {
    font-style: italic;
    color: #5F5A60
}

:root .ace_editor .ace_variable {
    color: #7587A6
}

:root .ace_editor .ace_xml-pe {
    color: #494949
}

:root .ace_editor .ace_indent-guide {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y
}

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

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

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

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

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

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

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

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

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

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

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

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

:root .oo-ui-iconElement-icon {
    filter: invert(100%);
}

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

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

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

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

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

/**/

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

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

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

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

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

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

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


/**/

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

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

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

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

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

#mw-allmessagestable .am_default {
    background-color: rgba(var(--wiki-accent-color--rgb), .8);
    color: var(--wiki-accent-text-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-text-color);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

.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-checkboxInputWidget [type="checkbox"]+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span {
    filter: unset;
}

.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 [type="checkbox"]+span,
.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-dynamic-color--inverted);
    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.2);
    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-indicatorElement-indicator {
    filter: invert(100);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.oo-ui-tagMultiselectWidget .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-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
    background-color: transparent;
    border-color: var(--wiki-content-text-color);
}

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

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

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

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

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

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

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

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

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

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

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

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-text-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-text-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-text-color)
}

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

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

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

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

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

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

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

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

:root .mw-ui-icon-before::before {
    filter: invert(1);
}

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

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

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

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

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

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

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

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

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

/**/

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

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

/* make math formulas legible on dark theme */
:root .mwe-math-fallback-image-inline,
:root .mwe-math-fallback-image-display {
    filter: invert(1);
}

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

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

:root #searchButton {
    filter: invert(1);
}

/* 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-accent-color);
    color: var(--wiki-accent-text-color);
}

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

.suggestions-special .special-query {
    color: var(--wiki-content-text-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: "";
}

:root #mw-indicator-mw-helplink a::before {
    filter: invert(1);
}

/* 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-text-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,
.mw-ui-input:hover {
    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,
.mw-ui-input:focus {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color)
}

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

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

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

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

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

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

/**/

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

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

@media screen and (min-width:720px){
  .mobileonly {
    display:none;
  }
}

@media screen and (max-width:720px) {
    html {
        --vector-tab-height: 2em;
        --vector-tab-border-width: 1px;
        --content-right-margin: 0;
        --nav-right-margin: 10px;
        --nav-left-margin: 5px;
        --logo-top-spacing: 35px;
    }
  
    .nomobile {
      display:none;
    }

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

    #p-logo {
        position: absolute;
        left: calc(50vw - (var(--logo-width) / 2));
        margin-left: 0;
        z-index: 1;
    }
    
    #mw-head {
        left:0;
        width:100%;
    }

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

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

    div#left-navigation {
        margin-left: var(--nav-left-margin);
    }
    
    .vector-menu-tabs .mw-watchlink.icon a {
        height:100%;
        padding:0;
    }

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

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

    #simpleSearch {
        width: 100vw;
    }

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

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

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

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

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

    .vector-menu-dropdown .vector-menu-content {
        right: 0;
        left: unset;
    }

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