MediaWiki:Vector.css

De Tsuki's Odyssey Wiki
Ir a la navegación Ir a la búsqueda

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.

  • Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
  • Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
  • Internet Explorer/Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
  • Opera: Presiona Ctrl+F5.
/* CSS placed here will affect users of the Vector skin */
html {
    --wiki-logo-width: 12rem;
    --wiki-logo-height: 12rem;
    --wiki-logo-top-spacing: 35px;
    --wiki-logo-image: url(/es/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */
	--wiki-heading-font-family: Quicksand;
    --vector-tab-height: 2rem;
    --vector-tab-border-width: 1px;
    --vector-tab-top-spacing: 0.5em;
    --vector-tab-margin: var(--content-padding);
    --sidebar-width: 10rem;
    --sidebar-spacing: 1rem;
    --sidebar-heading-color: var(--wiki-content-text-color);
    --sidebar-heading-color--rgb: var(--wiki-content-text-color--rgb);
    --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10);
    --sidebar-border-radius: 8px;
    --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 2px);
    --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7);
    --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95);
    --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1);
    --sidebar-list-item--hover: rgba(255,255,255,0.03);
    --sidebar-list-item-text-color: var(--wiki-content-text-color);
    --sidebar-list-item-text-color--hover: var(--sidebar-list-item-text-color);
    --content-right-margin: 5px;
	--content-padding: 1.5rem;
	color-scheme: dark;
}
:root,
.view-dark {
    --layout-topbar-height: 45px;
    --wiki-body-background-color: #171717;
    --wiki-body-background-color--rgb: 23, 23, 23;
    --wiki-body-background-image: url(/es/images/5/57/Site-background.png); /* [[File:Site-background.png]] */
    --wiki-body-background-position: top center;
    --wiki-body-background-size:cover;
    --wiki-body-background-repeat: no-repeat;
    --wiki-body-background-attachment: fixed;
    --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-body-font-family: Rubik, Arial, sans-serif;
    --wiki-content-background-color: #101518;
    --wiki-content-background-color--rgb: 16, 21, 24;
    --wiki-content-background-opacity: 1;
    --wiki-content-background-color--secondary: #2b2b2b;
    --wiki-content-background-color--secondary--rgb: 43,43,43;
    --wiki-content-border-color: #202020;
    --wiki-content-border-color--rgb: 32, 32, 32;
    --wiki-content-border-color--secondary: #555555;
    --wiki-content-border-color--secondary--rgb: 85, 85, 85;
    --wiki-content-border-color--accent: #D82073;
    --wiki-content-border-color--accent--rgb: 216,32,115;
    --wiki-content-text-color: #ededed;
    --wiki-content-text-color--rgb: 237,237,237;
    --wiki-content-link-color: #5ca3d6;
    --wiki-content-link-color--rgb: 92, 163, 214;
    --wiki-content-link-label-color: #8fa9bc;
    --wiki-content-link-label-color--rgb: 143, 169, 188;
    --wiki-content-link-color--visited: var(--wiki-content-link-color);
    --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb);
    --wiki-content-link-color--hover: var(--wiki-content-link-color);
    --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb);
    --wiki-content-redlink-color: #FC3B2C;
    --wiki-content-redlink-color--rgb: 252,59,44;
    --wiki-content-text-mix-color: #868686;
    --wiki-content-text-mix-color--rgb: 134,134,134;
    --wiki-content-text-mix-color-95: #2a2a2a;
    --wiki-content-text-mix-color-95--rgb: 42,42,42;
    --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: #e8f4fc;
    --wiki-heading-color--rgb: 2, 244, 252;
    /*--wiki-accent-color: rgba(var(--wiki-navigation-background-color--rgb), 0.5);
    --wiki-accent-color--rgb: rgba(var(--wiki-navigation-background-color--rgb), 1);
    --wiki-accent-color--hover: #D82073;
    --wiki-accent-color--hover--rgb: 216,32,115;*/
    --wiki-accent-label-color: var(--wiki-content-text-color);
    --wiki-accent-label-color--rgb var(--wiki-content-text-color--rgb);
    --wiki-accent-link-color: #22214d;
    --wiki-accent-link-color--rgb: 34, 33, 77;
    --wiki-sidebar-background-color: var(--wiki-content-link-color--hover);
    --wiki-sidebar-background-color--rgb: var(--wiki-content-link-color--hover--rgb);
    --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity);
    --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-link-color--hover: var(--wiki-content-link-color--hover);
    --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--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-background-color--secondary);
    --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb);
    --wiki-navigation-background-color--secondary: var(--wiki-content-background-color);
    --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--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-text-color--hover: var(--wiki-content-link-color--hover);
    --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--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-neutral-color: var(--wiki-content-text-mix-color);
    --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb);
    --wiki-alert-color: #ce0018;
    --wiki-alert-color--rgb: 206,0,24;
    --wiki-alert-label-color: #000000;
    --wiki-alert-label-color--rgb: 0,0,0;
    --wiki-warning-color:#cf721c;
    --wiki-warning-color--rgb: 207,114,28;
    --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: #000000;
    --wiki-success-label-color--rgb: 0,0,0;
    --wiki-icon-general-filter: invert(100%);
    --wiki-icon-to-link-filter: invert(1);
}

/************************************
* Body, head, and general framework *
*************************************/
body {
	background-color: var(--wiki-body-background-color);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image);
	/* the following have fallbacks for backwards compatibility with older versions of the loadout */
	background-position: var(--wiki-body-background-position, top center);
	background-size: var(--wiki-body-background-size, cover);
	background-repeat: var(--wiki-body-background-repeat, no-repeat);
	background-attachment: var(--wiki-body-background-attachment, fixed);
    font-family: var(--wiki-body-font-family);
    accent-color: var(--wiki-accent-color);
}

#mw-page-base {
    background:none;
}

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

/* Datatable */
.dataTables_filter label,
.dataTables_length label,
.dataTables_wrapper .dataTables_info {
        color: var(--wiki-color--subtitle) !important;
}
.dataTables_filter,
.dataTables_length {
    margin: 10px 0px !important;
}
.dataTables_info,
.dataTables_paginate {
    margin: 4px 0px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: white !important
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border-radius: var(--wiki-border-radius);
    background:  rgba(var(--wiki-primary-color--rgb), 0.3) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: white !important;
    border-radius: var(--wiki-border-radius);
    background:  rgba(var(--wiki-primary-color--rgb), 0.5) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: white !important;
}
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    border: 1px solid var(--wiki-primary-color) !important;
    border-radius: var(--wiki-border-radius);
    background: #171717 !important
}

/* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */
table {
    display: table;
    white-space: unset;
}
@media screen and (max-width: 720px) {
    table.wikitable, table.responsive-table {
        display: block;
        overflow-x: scroll !important;
    }
}

/* Signal color scheme hints to browsers */
html.view-dark { color-scheme: dark }
html.view-light { color-scheme: light }

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

/**************
* Vector tabs *
***************/
#ca-view {
    display: none !important;
}

/* Icons */
 #ca-edit {
    --icon: "\ec59"
}
 #ca-ve-edit {
     --icon: "\ec55"
}
 #ca-talk {
    --icon: "\ea2a"
}
#ca-edit a:before, #ca-talk a:before, #ca-ve-edit a:before {
     content: var(--icon);
     font-family: Phosphor-Bold;
     font-size: 20px;
}
#ca-edit a, #ca-talk a, #ca-ve-edit a {
     display: grid;
     grid-template-columns: 26px 1fr;
}
#p-cactions #ca-edit a:before,
#p-cactions #ca-ve-edit a:before,
#p-cactions #ca-edit a,
#p-cactions #ca-ve-edit a {
    content: inherit;
    grid-template-columns: inherit;
}

/* Tabs */
#mw-head {
    top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px);
    left: calc(var(--sidebar-width) + var(--sidebar-spacing));
    width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px);
    height: 56px;
    margin: 0 var(--vector-tab-margin);
    border-bottom: 1px solid rgba(var(--wiki-content-border-color--rgb), 1);
    z-index: 1;
}

#left-navigation,
#right-navigation {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    margin: 0.5rem 0;
    padding: 0;
}

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

.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 {
    color: var(--wiki-content-text-color);
    height: 34px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 5px 10px;
    margin: 0.2em 0;
}

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

.vector-menu-tabs li a,
#p-cactions .vector-menu-heading-label {
    color: var(--wiki-content-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-text-color);
}

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

.vector-menu-tabs #ca-unwatch a,
.vector-menu-tabs #ca-watch a {
    height: 21px;
    padding-bottom: 0;
	padding: 34px 0 0;
    color: transparent;
}

.vector-menu-dropdown .vector-menu-content {
    background: none;
    border: none;
	border-radius: 0 0 8px 8px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    top: var(--vector-tab-height);
}

.vector-menu-dropdown .vector-menu-content-list {
    background-color: rgba(var(--wiki-body-background-color--rgb), 1);
    /* margin-left: 6px; */
}

.vector-menu-dropdown .vector-menu-heading::after {
    /* filter: drop-shadow(0 -3.4px 0 var(--sidebar-heading-color)); */
    filter: invert(100);
}

#mw-head .mw-portlet span {
    padding: 0;
    background: none;
    border: none;
}

#p-search {
    padding: 0;
    margin: 0;
    margin-left: 5px;
}

.vector-search-box form {
    margin: 0;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
    /* height: calc(var(--vector-tab-height) - 4px); */
    /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */
    top: 0.5em;
    height: 16px
}

.vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
}

.vector-menu-tabs li.new a:visited,
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited {
    background: rgba(var(--wiki-navigation-background-color--rgb), 1) !important;
}

.vector-menu-tabs li.new a,
.vector-menu-tabs .selected a,
.vector-menu-tabs li a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
    border-radius: 8px;
    background: rgba(var(--wiki-navigation-background-color--rgb), 0.5);
    max-height: 34px !important;
    line-height: 24px;
    /* padding: 5px 10px; */
    margin: 0;
}

#p-namespaces,
#p-variants,
#p-views,
#p-cactions,
#p-search {
    margin-top: 0.2em;
}

/******************
* 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:not(.mw-selflink):hover,
a:visited:hover,
.mw-parser-output a.extiw:hover,
.mw-parser-output a.extiw:visited:hover,
.mw-parser-output a.external:hover,
.mw-parser-output a.external:visited:hover {
    color:var(--wiki-content-link-color--hover);
}

a.new,
a.new:visited,
.mw-usertoollinks-contribs-no-edits {
    color:var(--wiki-content-redlink-color);
}

a:active {
	color: var(--wiki-warning-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,
a.extiw[title^="wikipedia:"]::after,
a.extiw[title^="wp:"]::after,
a.extiw[title^="mw:"]::after,
a.extiw[title^="support:"]::after {
	display:inline-block;
	width:1em;
	height:1em;
    margin-left:1px;
    background-position: center right;
	background-repeat: no-repeat;
	background-size: 0.857em;
	content:'';
	vertical-align: text-top;
}

.mw-parser-output a.external::after {
	margin-left:0;
	background-image: url(/skins/Vector/resources/skins.vector.styles/images/link-external-small-ltr-progressive.svg?202406);
	filter:brightness(0) var(--wiki-icon-to-link-filter);
}

a.extiw[title^="wikipedia:"]::after,
a.extiw[title^="wp:"]::after {
    background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406);
}

a.extiw[title^="mw:"]::after {
    background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406);
}

a.extiw[title^="support:"]::after {
    background-image:url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg);
}
/************
* End links *
*************/

/***************
* Left Sidebar *
****************/

#p-logo + .mw-portlet .vector-menu-heading {
    display: block;
}

#mw-panel .portal {
    position: relative;
    top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing));
    padding: 0 0;
}

/* Copied and modified from Terraria wiki */
#mw-panel {
    font-size: 12px;
    line-height: 1.5;
    color: var(--wiki-content-text-color);
    width: var(--sidebar-width);
    padding-left: 5px;
}

#mw-panel a {
    text-decoration: none;
}

/* Sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
    /* width: var(--sidebar-width); */
    margin: var(--sidebar-spacing) 0 0 0;
    padding: 0;
    border-radius: var(--sidebar-border-radius);
    z-index: 0;
}

/* Aligns sidebar with body */
#mw-panel #p-logo + .portal {
    margin-top: 0;
    position: relative;
}

/* Section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
    margin: 0;
    padding: 8px;
    border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0;
    background: rgba(var(--wiki-navigation-background-color--rgb), 1);
    font-size: 1.25em;
    font-family: 'Quicksand', sans-serif;
    font-weight: 900;
    line-height: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--sidebar-heading-color);
}

#mw-panel #p-logo + .portal.collapsed .vector-menu-heading,
#mw-panel .portal.collapsed .vector-menu-heading {
    border-radius: 8px;
    border-bottom: 0;
    transition: border-bottom 300ms;
}

/* Arrow icon */
#mw-panel .portal .vector-menu-heading::after {
    content: "";
    display: inline-block;
    background: none;
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent;
    border-width: 0 5px 6px 5px;
    margin-top: 0;
    vertical-align: middle;
    flex: 0 0 auto;
}

/* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */
#mw-panel .portal.collapsed .vector-menu-heading::after {
    rotate: 180deg;
}

#mw-panel .portal .vector-menu-heading:hover::after {
    border-color: var(--sidebar-heading-color) transparent;
}

/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
    border-radius: 0 0 8px 8px;
    background: rgba(var(--wiki-body-background-color--rgb));
    border: 0;
    padding: 0;
    margin: 0;
}

#mw-panel #p-logo + .portal.collapsed .body,
#mw-panel .portal.collapsed .body {
    border-top: 1px solid transparent;
    transition: border-top 300ms;
}

#mw-panel .portal .body ul {
    padding: 4px 4px 4px;
}

#mw-panel .portal .body li {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: inherit;
    background: none;
    border-radius: var(--sidebar-inner-border-radius);
}

#mw-panel .portal .body li:hover {
	background-color: rgba(var(--wiki-navigation-background-color--rgb), 0.8);
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
    display: block;
    padding: 3px 8px;
    color: var(--sidebar-list-item-text-color);
}

#mw-panel .portal .body li a:hover {
    color: var(--sidebar-list-item-text-color--hover);
}

#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
    text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
    background-position: 8px center; /* align icon with other text */
}

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

/*******
* Header *
********/
:root {
    --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E");
    --layout-topbar-height: 45px;
}

@media screen and (max-width: 899px) {
    header#wikigg-header {
        padding-bottom:9px!important
    }

    header#wikigg-header img.header-logo {
        margin-top: 8px
    }

    header#wikigg-header .mobile-menu {
        display: block;
        position: absolute;
        top: 0;
        right: calc((var(--layout-topbar-height) + 1px) * 2);
        right: 45px;
        border-right: 1px solid #333;
        height: 100%
    }

    header#wikigg-header .mobile-menu .menu-icon {
        display: block;
        margin: 0;
        cursor: pointer
    }

    header#wikigg-header .mobile-menu .menu-icon * {
        display: none
    }

    header#wikigg-header .mobile-menu .menu-icon::after {
        content: "";
        display: block;
        pointer-events: none;
        width: var(--layout-topbar-height);
        height: var(--layout-topbar-height);
        --mask: var(--icon-user) no-repeat;
        -webkit-mask: var(--mask);
        mask: var(--mask);
        -webkit-mask-size: 30px 30px;
        mask-size: 30px 30px;
        -webkit-mask-position: center center;
        mask-position: center center 100px;
        background-color: #fff
    }
}

/*******
* Logo *
********/

/* Copied and modified from Terraria wiki */
/*** logo block. It is absolute position ***/
#p-logo {
    position: absolute;
    top: var(--wiki-logo-top-spacing);
    left: calc(50vw - (var(--wiki-logo-width) / 2));
    width: var(--wiki-logo-width);
    height: var(--wiki-logo-height);
    margin-left: 0;
    background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat;
    z-index: 1;
}

/* use logo image as <a>'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
    width: var(--wiki-logo-width);
    height: var(--wiki-logo-height);
    margin: 0 auto;
    background: none; /* logo flicker fix */
}

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

/**************************
* Content area and footer *
***************************/

#siteNotice {
    border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%;
}

#siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) {
    border-bottom: 1px solid;
}

#siteNotice + :not(#firstHeading) {
    margin-bottom: 0.5rem;
}

#localNotice {
    margin-bottom: 0.9em;
    padding-top: 0.9em;
}

.mw-body,
.mw-footer {
    color: var(--wiki-content-text-color);
    background-color: rgba(var(--wiki-body-background-color--rgb), 1);
    border: none;
    border-radius: 8px;
    margin-right: var(--content-right-margin);
    position: relative;
    z-index: 0;
}

.mw-body {
    top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing));
    padding: calc(var(--vector-tab-height) + 1.75em) var(--content-padding) var(--content-padding);
    /*   padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */
}

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

.mw-footer {
    top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing));
    margin-top: 3em;
    margin-bottom: 1em;
}

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

/* Copyright CC-BY-NC-SA icon */
/* Copied from Terraria wiki */
#footer {
    /* self */
    padding: 1.25em;
    box-sizing: border-box;
    position: relative;
    /* grid */
    display: grid;
    grid-template-columns: [l] 1fr 0fr [r];
    grid-template-rows: [t] auto auto [b];
    z-index: 0;
}

#footer-info {
    display: contents;
}

#footer ul li {
    padding: 0;
}

#footer-icons {
    grid-column: span 1 / r;
    grid-row: t / b;
    place-self: end;
}

#footer #footer-info-lastmod {
    grid-column: l / span 1;
    grid-row: t / span 1;
    place-self: start;
    margin-bottom: 1em;
}

#footer #footer-info-copyright {
    grid-column: l / span 1;
    grid-row: span 1 / b;
    place-self: end stretch;
    position: relative;
    padding-right: 100px;
}

#footer-info-copyright img {
    position: absolute;
    right: 0;
    /* mediawiki logo is 31px height, and this image has a 1px black border, 
       a small tweak to make them visually matched on size and position */
    bottom: -1px;
    height: 33px;
    width: auto;
}

#footer-places-about {
    margin-top: 1em;
}

/* wiki.gg footer semi-fix */
#wikigg-footer {
    position: relative;
    z-index: -1;
    top: 24ch;
}

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

/***********
* Headings *
************/
/* Mostrar "De Tsuki's Odyssey Wiki" que está oculto por defecto */
 @media screen {
     #siteSub {
         display: block;
         color: #42e049;
         font-size: 0.8125rem;
    }
    #siteSub:after {
    content: "\ecc4";
    font-family: Phosphor-Bold;
    margin-left: 5px;
    font-size: 14px;
    speak: never;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #42e049;
    line-height: 0;
    top: 2px;
    position: relative;
}
}
.mw-editsection {
    white-space: nowrap;
    font-size: 14px;
    --theme-icon-color: var(--theme-link-color)
}
.mw-editsection {
    opacity: 0;
    transition: opacity 0.3s; /* Para una transición suave */
}
:is(.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6):hover .mw-editsection {
    opacity: 1;
}
.mw-editsection .mw-editsection-bracket {
    display: none
}
.mw-editsection a:not(.mw-editsection-visualeditor) {
    color: transparent;
    margin-left: -14px;
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.86 12.86'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M7.11.8,1,6.87a1,1,0,0,0-.29.7v4.54H5.29a1,1,0,0,0,.7-.29l6.07-6.08M5,2.92l4.95,5M7.16.75l4.95,5'/%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 70% 70%;
    mask-size: 70% 70%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: #fff;
    text-shadow: none!important
}
.mw-editsection-visualeditor,.mw-editsection-divider {
    display: none
}
#firstHeading {
    border: 0;
    margin: 0;
    overflow: hidden;
}
.mw-body h1, .mw-body h2 {
    border-bottom: 1px solid var(--wiki-content-border-color);
}
h1, h2, h3, h4, h5, h6 {
    color: var(--wiki-heading-color);
}
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
    font-weight: 900;
    font-family:var(--wiki-heading-font-family);
}

.client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,
.client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type),
.mw-editsection-divider,
.client-js .mw-content-rtl .mw-editsection-bracket:first-of-type,
.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) {
    color: var(--wiki-heading-color);
}

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

/**************
* Grid layout *
***************/

html {
    --layout-sidespace: 65px;
    --layout-height-offset: var(--wiki-logo-top-spacing);
    --layout-column-gap: 12px;
    --layout-content-width: minmax(0, 1fr);
}
@media screen and (max-width: 1076px) {
    html {
    --layout-sidespace: 5px;
    }
}


body {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right];
    grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end];
    column-gap: var(--layout-column-gap);
}

body > .content-wrapper,
#mw-navigation {
    display: contents;
}

#mw-page-base {
    grid-column: content-left/content-right;
    grid-row: nav-start/footer-end;
    height: 100%;
}

#mw-head-base {
    grid-column: content-left/content-right;
    grid-row: nav-start/nav-end;
}

#mw-head {
    grid-column: content-left/content-right;
    grid-row: nav-start/nav-end;
    position: relative;
    top: 0;
    left: 0;
    width: unset;
    margin: 0 var(--vector-tab-margin);
    max-width: unset;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 0;
    z-index: 10;
}

#mw-head #left-navigation,
#mw-head #right-navigation {
    box-sizing: border-box;
    display: flex;
    flex: auto;
    align-items: normal;
}

#mw-head #left-navigation {
    justify-content: flex-start;
}

#mw-head #right-navigation {
    justify-content: flex-end;
}

#mw-panel {
    grid-column: aside-left/aside-right;
    grid-row: nav-start/page-end;
    float: none;
    width: unset;
    position: unset;
    padding-left: 0;
    margin-bottom: var(--sidebar-spacing);
}

#mw-panel .portal {
    top: 0;
}

div#content {
    grid-column: content-left/content-right;
    grid-row: nav-start/content-end;
    margin: 0;
    top: 0;
}

.content-body > main {
    display: grid;
    grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right];
    grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end];
    row-gap: 0px;
}

#siteNotice {
    grid-row: sitenotice;
    grid-column: content-left/content-right;
}

.mw-body .mw-indicators {
    grid-column: indicator-left/indicator-right;
    grid-row: heading-start/heading-end;
    display: flex;
    align-items: center;
    gap: 4px;
}

#firstHeading {
    grid-column: heading-left/heading-right;
    grid-row: heading-start/heading-end;
}

#bodyContent {
    grid-column: content-left/content-right;
    grid-row: content-start/content-end;
    display: flex;
    flex-direction: column;
}

#contentSub,
#contentSub2 {
    margin: 0;
}

#footer {
    grid-column: content-left/content-right;
    grid-row: footer-start/footer-end;
    width: 100%;
    max-width: unset;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 1.5em;
}

#wikigg-footer {
    grid-column: body-left/body-right;
    grid-row: page-end/body-end;
    top: 0;
}

/******************
* End grid layout *
*******************/

/****************
* Sidebar aside *
*****************/
.mobile-nav-toggle {
    display: none;
}

@media screen and (max-width: 1000px) {
    body {
        height: 100%;
        grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right];
        grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end];
        
    }

    #mw-panel {
        justify-content: space-around;
        grid-column: aside-left/aside-right;
        grid-row: aside-start/aside-end;
        background: rgba(var(--wiki-body-background-color--rgb), 1);
        border: 0;
        border-radius: var(--sidebar-border-radius);
        /*         backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px); */
        height: 40px;
        display: flex;
        align-items: flex-end;
        margin-bottom: 1em !important;
        padding: 0 var(--main-layout-gap);
        z-index: 11;
    }

    #mw-panel .portal,
    #mw-panel #p-logo + .portal {
        background: none;
        box-shadow: none;
        border: none;
        margin: 0px;
        padding: 0.25em 0.2em;
        position: relative;
    }

    #mw-panel .portal::before,
    #mw-panel #p-logo + .portal::before {
        content: none;
    }

    #mw-panel .portal::after,
    #mw-panel #p-logo + .portal::after {
        content: none;
    }

    #mw-panel #p-logo + .portal .vector-menu-heading::before,
    #mw-panel .portal .vector-menu-heading::before {
        content: none;
    }

    #mw-panel #p-logo + .portal .vector-menu-heading,
    #mw-panel .portal .vector-menu-heading {
        padding: 8px 12px;
        border: none;
        background: none;
        justify-content: ;
    }

    #mw-panel #p-logo + .portal.expanded .vector-menu-heading,
    #mw-panel .portal.expanded .vector-menu-heading,
    #mw-panel #p-logo + .portal:hover .vector-menu-heading,
    #mw-panel .portal:hover .vector-menu-heading {
        background: rgba(20, 20, 20, 0.5);
        border-radius: 0;
    }

    
    #mw-panel .portal .vector-menu-heading::after {
        margin-left: 4px;
        border-width: 6px 5px 0 5px;
    }

    #mw-panel .portal.expanded .vector-menu-heading::after,
    #mw-panel .portal:hover .vector-menu-heading::after {
        border-width: 0 5px 6px 5px;
    }

    #mw-panel #p-logo + .portal .body,
    #mw-panel .portal .body {
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
        position:absolute;
        left: 0;
        top: 100%;
        z-index: 50;
        width: max-content;
        border-top: 0;
        background: var(--wiki-body-background-color);
        box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7);
        min-width: 8em;
    }

    #mw-panel #p-logo + .portal.expanded .body,
    #mw-panel .portal.expanded .body,
    #mw-panel #p-logo + .portal:hover .body,
    #mw-panel .portal:hover .body {
        display: block !important;
    }

    #mw-panel .portal .body li a,
    #mw-panel .portal .body li a:visited {
        padding: 6px 8px;
    }

    #mw-panel .portal:last-child .body {
        left: auto;
        right: 0;
    }
}

@media screen and (max-width: 600px) {
    #mw-panel .portal:nth-last-child(2) .body {
        left: auto;
        right: 0;
    }

    #mw-panel .portal .vector-menu-heading::after {
        display: none;
    }

    #mw-panel #p-navigation #p-navigation-label,
    #mw-panel #p-lang #p-lang-label {
        overflow: hidden;
        width: 18px;
        display: block;
        white-space: nowrap;
        padding: 8px;
    }

    #mw-panel #p-navigation #p-navigation-label::before,
    #mw-panel #p-lang #p-lang-label::before {
        content: '';
        display: inline-block;
        vertical-align: bottom;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% auto;
        width: 18px;
        height: 0;
        border-bottom: 60px solid transparent;
        position: relative;
        filter: drop-shadow(0 42px 0 var(--sidebar-heading-color));
        margin: -42px 20px 0 0;
        z-index: 1;
    }

    #mw-panel #p-navigation #p-navigation-label::before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==);
    }

    #mw-panel #p-lang #p-lang-label::before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==)
    }
}

@media screen and (max-width: 460px) {
    #mw-panel #p-logo + .portal .vector-menu-heading,
    #mw-panel .portal .vector-menu-heading {
        font-size: 12px;
    }

    #mw-panel #p-navigation #p-navigation-label::before,
    #mw-panel #p-lang #p-lang-label::before {
        width: 15px;
        border-width: 59px;
    }

    #mw-panel #p-navigation #p-navigation-label,
    #mw-panel #p-lang #p-lang-label {
        width: 15px;
    }
}

/********************
* End sidebar aside *
*********************/

/*****************
* Sidebar toggle *
******************/

#nav-content-size-toggle {
    width: 24px;
    height: 24px;
    align-self: center;
    margin-right: 6px;
    position: relative;
    border-radius: 3px;
    cursor: pointer;
    flex: 0 0 auto;
    top: 0px;
}

#nav-content-size-toggle::before,
#nav-content-size-toggle::after,
#nav-content-size-toggle span::before,
#nav-content-size-toggle span::after {
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    border-style: solid;
    border-color: var(--wiki-content-text-color);
}

#nav-content-size-toggle:hover::before,
#nav-content-size-toggle:hover::after,
#nav-content-size-toggle:hover span::before,
#nav-content-size-toggle:hover span::after {
    border-color: var(--wiki-content-link-color);
}

#nav-content-size-toggle::before {
    border-width: 2px 0 0 2px;
    top: 5px;
    left: 5px;
}

#nav-content-size-toggle::after {
    border-width: 2px 2px 0 0;
    top: 5px;
    right: 5px;
}

#nav-content-size-toggle span::before {
    border-width: 0 0 2px 2px;
    bottom: 5px;
    left: 5px;
}

#nav-content-size-toggle span::after {
    border-width: 0 2px 2px 0;
    bottom: 5px;
    right: 5px;
}

.content-size-expanded #nav-content-size-toggle::before {
    border-width: 0 2px 2px 0;
}

.content-size-expanded #nav-content-size-toggle::after {
    border-width: 0 0 2px 2px;
}

.content-size-expanded #nav-content-size-toggle span::before {
    border-width: 2px 2px 0 0;
}

.content-size-expanded #nav-content-size-toggle span::after {
    border-width: 2px 0 0 2px;
}

/* sidebar toggle. >=1000px only */
@media screen and (min-width: 1000px) {
    #mw-head #left-navigation:first-child {
        margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */
    }

    body.content-size-expanded {
        grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right];
    }

    body.content-size-expanded #mw-panel > * {
        display: none;
    }

    body.content-size-expanded #mw-panel #p-logo {
        display: block;
    }
}

@media screen and (max-width: 1000px) {
    #nav-content-size-toggle {
        display: none;
    }

    #mw-head {
        display: block;
    }
}

/* sidebar toggle. >=1440px only */
@media screen and (min-width: 1440px) {
    body.content-size-expanded {
        --layout-sidespace: 5px;
    }
}

/*********************
* End sidebar toggle *
**********************/

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

/* Forward = yes bg on Special:Interwiki */
table.mw-interwikitable.body td.mw-interwikitable-local-yes {
	background: rgba(var(--wiki-success-color--rgb),.25);
}

.zebra-table > * > tr:nth-of-type(2n),
.zebra-table > tr:nth-of-type(2n) {
    background:rgba(var(--wiki-content-dynamic-color--secondary--rgb), 0.05);
}

.view-dark .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable),
.view-dark .jquery-tablesorter th.headerSort {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E");
}

.view-dark .jquery-tablesorter th.headerSortUp {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E");
}

.view-dark .jquery-tablesorter th.headerSortDown {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E");
}

/*****************
* 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--secondary);
    border-color: var(--wiki-content-border-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);
    border-color: var(--wiki-content-border-color)
}

.view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E");
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-link-color)
}

.oo-ui-dropdownInputWidget select option,
.oo-ui-dropdownInputWidget select optgroup {
    color: #000;
}

.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-radioInputWidget [type="radio"] + span {
  background-color:var(--wiki-content-dynamic-color--inverted);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span{
  border-color:rgba(var(--wiki-content-link-color--rgb), 0.9);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span {
	border-color:var(--wiki-content-link-color);
}

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

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before {
	border-color: var(--wiki-content-dynamic-color--inverted);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span {
	border-color: rgba(var(--wiki-content-link-color--rgb),0.5);
	box-shadow: inset 0 0 0 1px rgba(var(--wiki-content-link-color--rgb),0.5);
}

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-text-mix-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);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
	background-color: rgba(var(--wiki-content-link-color--rgb),0.1);
	color: var(--wiki-content-link-color);
}

.mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend {
    background: var(--wiki-content-background-color--secondary);
}

.mw-prefs-search-highlight {
    background-color: rgba(var(--wiki-content-link-color--rgb), .07) !important;
    outline-color: rgba(var(--wiki-content-link-color--rgb), .07) !important;
}

/****************
* 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-neutral-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-null{
    color:var(--wiki-neutral-color);
}
.mw-plusminus-pos {
  color:var(--wiki-success-color);
}

.updatedmarker {
	background-color: rgba(var(--wiki-success-color--rgb), 0.25);
}

li span.deleted,
span.history-deleted {
	color: var(--wiki-content-text-mix-color);
}

span.mw-history-suppressed {
  /* overrides above, since suppressed is also deleted */
	color: var(--wiki-content-text-color);
}

/* inline diff (1.41) */
.mw-diff-inline-header {
  border-bottom: 1px solid var(--wiki-content-border-color);
}

.mw-diff-inline-added ins,
.mw-diff-inline-changed ins,
.mw-diff-inline-moved ins,
.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins,
.mw-diff-inline-added.mw-diff-empty-line::after,
.mw-inline-diff-newline::after {
	background: rgba(var(--wiki-success-color--rgb),0.6);
	display: inline-block;
}

.mw-diff-inline-added.mw-diff-empty-line::after,
.mw-diff-inline-deleted.mw-diff-empty-line::after,
.mw-inline-diff-newline::after {
	color: rgba(var(--wiki-content-text-color--rgb), 0.8);
	padding: 0.4em 0;
}

.mw-diff-inline-deleted del,
.mw-diff-inline-changed del,
.mw-diff-inline-moved del,
.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del,
.mw-diff-inline-deleted.mw-diff-empty-line::after {
	background: rgba(var(--wiki-alert-color--rgb), 0.6);
	display: inline-block;
}

.ve-ui-diffElement-attributeChange {
    color: var(--wiki-content-text-mix-color);
}

/* Edit conflict */

.mw-twocolconflict-split-tour-image-dual-column-view-1 {
	filter:var(--wiki-icon-general-filter);
}

.mw-twocolconflict-split-tour-image-blue-dot {
	filter:brightness(0) var(--wiki-icon-to-link-filter);
}

.mw-pulsating-dot::before, .mw-pulsating-dot::after {
	background-color: var(--wiki-content-link-color);
}

.mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label {
	background-color: var(--wiki-alert-color);
	color:var(--wiki-alert-label-color);
}

.mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label,
.mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label {
	background-color: var(--wiki-success-color);
	color:var(--wiki-success-label-color);
}

.mw-twocolconflict-single-column,
.mw-twocolconflict-split-column {
	background-color: var(--wiki-content-background-color--secondary);
	color: var(--wiki-content-text-color);
}

.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected,
.mw-twocolconflict-split-column.mw-twocolconflict-split-unselected {
	color: rgba(var(--wiki-content-text-color--rgb), 0.8);
}

.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete,
.mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete {
	border-color: rgba(var(--wiki-alert-color--rgb), 0.4);
}

.mw-twocolconflict-single-column.mw-twocolconflict-split-delete,
.mw-twocolconflict-split-column.mw-twocolconflict-split-delete {
	border-color: var(--wiki-alert-color);
}

.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add,
.mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add {
	border-color: rgba(var(--wiki-success-color--rgb), 0.4);
}

.mw-twocolconflict-single-column.mw-twocolconflict-split-add,
.mw-twocolconflict-split-column.mw-twocolconflict-split-add {
	border-color: var(--wiki-success-color);
}

.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange,
.mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange {
	background-color: rgba(var(--wiki-alert-color--rgb), 0.3);
}

.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange,
.mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange,
.mw-twocolconflict-single-column del.mw-twocolconflict-diffchange,
.mw-twocolconflict-split-column del.mw-twocolconflict-diffchange {
	background-color: var(--wiki-alert-color);
	color: var(--wiki-alert-label-color);
}

.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange,
.mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange,
.mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange,
.mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange {
	background-color: var(--wiki-success-color);
	color:var(--wiki-success-label-color);
}

.mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span,
.mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span,
.mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span {
	border-color:rgba(var(--wiki-success-color--rgb), 0.8);
	background: rgba(var(--wiki-success-color--rgb), 0.1);
}

.mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span,
.mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span {
	border-color: rgba(var(--wiki-success-color--rgb), 0.9);
	background: rgba(var(--wiki-success-color--rgb), 0.1);
}

.mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span,
.mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span,
.mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span {
	border-color:rgba(var(--wiki-alert-color--rgb), 0.9);
	background: rgba(var(--wiki-alert-color--rgb), 0.1);
}

.mw-twocolconflict-split-editable .mw-twocolconflict-split-editor {
	color:var(--wiki-content-text-color);
}
/**/

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

/********************
* Table of contents *
*********************/

/* Copied from Terraria Wiki */
:root {
	--theme-widget-toc-arrow-color: rgba(234,227,209, 0.5);
	--theme-widget-toc-arrow-color-hover: rgba(234,227,209);
	--theme-widget-toc-item-hover-background: rgba(20,20,20, 0.25);
}

/********************
* Table of contents *
*********************/
#p-toc {
    border-radius: 0 0 8px 8px;
    background: rgba(var(--wiki-body-background-color--rgb));
    border: 0;
    padding: 0;
    margin: 0;
}
#p-toc a {
    color: var(--wiki-content-text-color) !important;
}
/** ToC **/
.toc {
	border-radius: 4px;
	border: 1px solid var(--theme-widget-toc-arrow-color);
	background-color: transparent;
	margin: 1em auto 1em 0;
	padding: 0;
	font-size: 1em;
	min-width: 12em;
}
.toc .toctitle h2{
    border: 0;
	font-family: Rubik !important;
    text-shadow: none;
	margin: 0;
	display: flex;
	align-items: center;
	padding: 0 0.5em;
	
}
.toc .toctitle h2::before{
	content: '';
	display: block;
	width: 12px;
	height: 0;
	border-bottom: 52px solid transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	filter: drop-shadow(0 40px 0 var(--theme-widget-toc-arrow-color));
	margin: -40px 6px 0 0;
}
.toc .toctitle{
    border-bottom: 1px solid var(--theme-widget-toc-arrow-color);
	position: relative;
	overflow: hidden;
	text-align: left;
}
.toc .toctogglelabel{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	box-sizing: border-box;
	padding-right: 1em;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after{
	display: none;
}
.toc .toctogglelabel::after{
	display: none;
}
.toc .toctogglelabel::before{
	content: "";
	display: inline-block;
	background: none;
	position: relative;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: var(--theme-widget-toc-arrow-color) transparent;
	border-width: 0 5px 6px 5px;
	vertical-align: middle;
	flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before{
	border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before{
	border-width: 6px 5px 0 5px;
}
/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:focus + .toctitle .toctogglelabel {
    outline: none;
}

.toctogglecheckbox:checked ~ ul{
	overflow: hidden;
	display: block;
	height: 0;
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
}
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul{
	margin: 0 0 0 1em;
}
.toc a{
	color: var(--theme-text-color);
}
.toc .tocnumber{
	color: var(--theme-widget-toc-arrow-color);
}
.toc .tocnumber::after{
	content: '.';
}
.toc .toctitle,
.toc > ul {
	padding: 0.5em;
}
.toc > ul {
	border-top: 1px solid var(--theme-border-color);
	margin: 0;
}
.toc > ul a {
	display: block;
	padding: 2px 0.5em;
	border-radius: 4px;
	transition: background 0.1s;
}
.toc > ul a:hover {
    color: white;
	text-decoration: none;
	background: var(--theme-widget-toc-item-hover-background);
}
.toc h2 {
	font-weight: normal;
}
.toc li {
	margin: 0;
}


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

/*************
* Gallery *
**************/
.gallery {
    margin-top: 10px;
    place-content: center;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 10px
}
.gallerybox {
    height: auto;
    overflow: hidden;
    border: 1px solid var(--wiki-primary-color);
    border-radius: var(--wiki-border-radius);
    width: auto !important
}
.gallerybox * {
    width: 100% !important;
}

.gallerybox .thumb {
    background: rgba(var(--wiki-primary-color--rgb),0.2) !important;
    border: 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--wiki-primary-color) !important;
    height: 120px;
    overflow: hidden
}
.gallerybox .thumb img {
    width: 100%;
    height: 120px;
    object-fit: contain !important
}
.gallerybox .thumb img:hover {
    transform: scale(1.1);
    transition: transform 250ms ease
}
.gallerybox .thumb div {
    margin: 0 !important
}
div.gallerytext {
    width: auto !important; 
}
.gallerybox .gallerytext p {
    padding: 4px;
    height: auto !important;
    margin-top: 0px !important;
    font-size: 12px;
    color: var(--wiki-color--subtitle);
    margin-top: 2px !important
}

/*****************
* End gallery *
******************/


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

/* packed-overlay mode for galleries */
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper {
    background: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.8);
}

/* Responsive floating thumbnails */
@media screen and (max-width: 720px) {
    div.tright {
        float: none;
        margin: 0 auto;
        width: max-content;
    }
}

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

.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-ui-text {
  background-color:var(--wiki-content-dynamic-color--inverted);
}

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

.wikiEditor-ui-controls {
    background: transparent;
}

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

.ext-WikiEditor-ResizingDragBar {
	background-color: var(--wiki-content-background-color--secondary);
}

.ext-WikiEditor-ResizingDragBar-ns {
	border-color: var(--wiki-content-border-color);
}

.ext-WikiEditor-ResizingDragBar span {
    background-color: var(--wiki-content-border-color);
}

.ext-WikiEditor-ResizingDragBar:hover span {
    background-color: var(--wiki-content-text-mix-color);
}

.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1,
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 {
    border-color: var(--wiki-content-border-color);
}

.ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label {
    color: var(--wiki-content-link-color);
}

.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group {
    border-color: var(--wiki-content-border-color);
}

.ext-WikiEditor-realtimepreview-button:hover {
    background-color: rgba(var(--wiki-content-link-color--rgb),0.15);
    color: var(--wiki-content-link-color);
    border-color:var(--wiki-content-link-color);
    box-shadow:inset 0 0 3px var(--wiki-content-link-color);
}

.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button {
    background-color: var(--wiki-content-background-color--secondary);
}

.ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
    background-color: var(--wiki-content-background-color);
}

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

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

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

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

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

.view-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:rgba(var(--wiki-content-background-color--rgb), 0.35);
    color: var(--wiki-content-text-color)
}

.CodeMirror-code:focus-visible {
	outline:none;
}

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

/* VisualEditor: Fix broken toolbar layout */
.ve-init-mw-desktopArticleTarget-toolbar {
    margin: -0.3em -1.14em 1.14em -1.14em;
}
.oo-ui-toolbar {
    clear: none;
}
.ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) {
    display: none;
}
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
    top: var( --wikigg-header-height );
}
.oo-ui-toolbar-bar .oo-ui-toolbar-bar,
.ve-area-wrapper .oo-ui-toolbar-bar {
    background-color: var(--wiki-content-background-color--secondary);
}
.ve-init-mw-desktopArticleTarget-originalContent .content-body {
    clear: right;
}

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

.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 *
****************************************/
:focus,
:focus-visible {
	outline-color:var(--wiki-content-link-color)
}

:focus-visible {
	outline-style:solid;
}

.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: rgba(var(--wiki-navigation-background-color--rgb), 1);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color);
}

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

ol.references li:target, sup.reference:target {
    background-color: rgba(var(--wiki-content-link-color--rgb), .1);
}

/* 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-header .ui-dialog-titlebar-close .ui-icon-closethick {
    filter: var(--wiki-icon-general-filter);
}

.ui-widget-header .ui-dialog-titlebar-close.ui-state-hover {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-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);
}

.oo-ui-image-invert.oo-ui-icon-subtract,
.mw-ui-icon-subtract-invert::before,
.oo-ui-image-invert.oo-ui-icon-add,
.mw-ui-icon-add-invert::before {
  filter:brightness(0) var(--wiki-icon-to-link-filter);
  filter:var(--wiki-icon-general-filter);
}

.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: border-box;
}

.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);
}
#mw-content-text::before {
    content: "";
    display: block;
    height: 0;
    border-bottom: 1px solid var(--wiki-content-border-color);
    margin-top: 2px;
    margin-bottom: 1em;
}

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-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 [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-checkboxInputWidget [type="checkbox"]:disabled + span {
	background-color: var(--wiki-content-text-mix-color);
	border-color: var(--wiki-content-text-mix-color);
}

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

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

.oo-ui-tagItemWidget.oo-ui-widget-disabled {
	background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-mix-color);
    border-color: var(--wiki-content-text-mix-color);
    text-shadow: none;
}

.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
    color: var(--wiki-content-text-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-savedLinksListItemWidget-label {
    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);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
    background-color: var(--wiki-content-dynamic-color--inverted);
}

.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);
    border: 1px solid var(--wiki-content-text-mix-color);
}

.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-text-mix-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: rgba(var(--wiki-content-link-color--rgb), 0.5);
}

.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-content-text-color--rgb), 0.1);
}

.oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle {
  filter:unset;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
  background-color:rgba(var(--wiki-content-link-color--rgb), 0.2);
  border-color:var(--wiki-content-link-color);
}

.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label {
    color: rgba(var(--wiki-content-text-color--rgb), .76);
}

.mw-rcfilters-ui-tagItemWidget-popup-content {
    color: rgba(var(--wiki-content-text-color--rgb), .75);
}

/* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */
.mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow {
	outline:none;
}

.mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow {
	outline:1px solid var(--wiki-content-link-color);
}
/**/

.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
    border-top-color: var(--wiki-content-border-color);
}

.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
    border-top-color: var(--wiki-content-background-color--secondary);
}

.unpatrolled {
    color: var(--wiki-alert-color);
}
	
.autocomment, .autocomment a, .autocomment a:visited {
    color: rgba(var(--wiki-content-link-color--rgb),0.75);
}

/* Recent changes filter highlighting */
.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #1c283f;
}

.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #0f3128;
}

.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #352c10;
}

.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #411d0c;
}

.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #3f0f0f;
}

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

/* Collapsibles */
.mw-collapsible button.mw-collapsible-toggle > span,
.mw-collapsible-toggle-default .mw-collapsible-text {
  color: var(--wiki-content-link-color);
}

/*	
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 {
    background-color: transparent;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
	background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
    -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-width: 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-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-dropdownInputWidget select {
  border-color:var(--wiki-content-border-color);
}

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

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

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

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
  background-color: var(--wiki-content-text-mix-color-95);
  background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color));
  border-color: var(--wiki-content-border-color);
  border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color));
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
  background-color:rgba(var(--wiki-accent-color--rgb), 0.5);
  border-color: #0006;
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
  background-color: var(--wiki-accent-color);
  background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color));
  border-color: #0006;
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
  border-color: #0006;
}

.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-labelWidget.oo-ui-inline-help {
	color:rgba(var(--wiki-content-text-color--rgb), 0.8);
}

.oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending){
	background-color: var(--wiki-content-background-color);
	border-color: var(--wiki-content-link-color);
	box-shadow: 0 1px 1px rgba(var(--wiki-content-dynamic-color--rgb),0.15);
}

.oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar {
	background-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,
.oo-ui-messageDialog-content > .oo-ui-window-head,
.oo-ui-messageDialog-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);
}

/* OAuth authorisation dialog */
#mw-mwoauth-authorize-form {
    color: inherit;
}

.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);
  color: var(--wiki-accent-label-color);
}

.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-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-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-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
	border-color: var(--wiki-content-link-color);
	box-shadow: inset 0 0 0 1px var(--wiki-content-link-color),inset 0 0 0 2px var(--wiki-content-dynamic-color--inverted);
}

.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);
    color:var(--wiki-accent-label-color);
}

.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-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,
.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-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
	background-color: rgba(var(--wiki-content-link-color--rgb),0.08);
	color: var(--wiki-content-text-color);
	border-color: var(--wiki-content-text-mix-color);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
	color: rgba(var(--wiki-content-link-color--rgb), 0.9);
	border-color: rgba(var(--wiki-content-link-color--rgb), 0.9);
}

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

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
    background-color: var(--wiki-content-dynamic-color--inverted);
}

.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-advancedSearch-namespace-selection {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}

.mw-advancedSearch-fieldContainer {
    background: var(--wiki-content-background-color);
    border: 1px solid var(--wiki-content-border-color);
}

.mw-advancedSearch-fieldContainer fieldset {
    margin-top: 0;
}

.client-js .mw-collapsibleFieldsetLayout.mw-collapsible .oo-ui-fieldsetLayout-header {
    padding-top: 0;
    padding-bottom: 0;
}

.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon {
	top: unset;
}

.mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
    all: unset;
}

.mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover {
    background-color: rgba(var(--wiki-content-link-color--rgb), 0.5);
    color: var(--wiki-content-text-color);
}

.oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head {
    color: var(--wiki-content-text-mix-color);
}

.oo-ui-menuSectionOptionWidget {
    color: var(--wiki-content-text-mix-color);
}

/* possibly deprecated */

.mw-ui-button:not(:disabled) {
    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);
    color: var(--wiki-content-text-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);
}

/* end possibly deprecated */

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

.tdg-templateDataParamWidget-param-description {
    color: var(--wiki-content-text-mix-color);
}

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

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-success-color);
    border-left-width: 10px;
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
	background-color: var(--wiki-content-background-color--secondary);
	border-color: var(--wiki-content-text-mix-color);
}

.tdg-templateDataParamWidget-param-alias {
    color: var(--wiki-content-text-mix-color);
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
}

.tdg-templateDataParamWidget-param-alias:first-child {
    background-color: var(--wiki-content-background-color--secondary);
}

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

/* Date picker */
.mw-widget-dateInputWidget-handle {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label {
    color: var(--wiki-content-text-color);
}

.mw-widget-calendarWidget {
    border-color: var(--wiki-content-border-color);
}

.mw-widget-dateInputWidget-calendar {
    background-color: var(--wiki-content-background-color);
}

.mw-widget-calendarWidget-header .oo-ui-labelElement-label,
.mw-widget-calendarWidget-day,
.mw-widget-calendarWidget-month,
.mw-widget-calendarWidget-year {
    color: var(--wiki-content-text-color);
}

.mw-widget-calendarWidget-day-heading,
.mw-widget-calendarWidget-day-additional {
    color: rgba(var(--wiki-content-text-color--rgb), 0.55);
}

.mw-widget-calendarWidget-day-today {
	box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.mw-widget-calendarWidget-item-selected {
    color: #fff;
}

.mw-widget-calendarWidget-item:hover {
	background-color: var(--wiki-content-link-color);
	color: var(--wiki-content-link-label-color);
}

.mw-widgets-datetime-calendarWidget:focus {
    border-color: var(--wiki-content-border-color);
    box-shadow: none;
}

.mw-widgets-datetime-calendarWidget-grid {
    overflow-x: initial;
}

.mw-widgets-datetime-dateTimeInputWidget-handle {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover {
    border-color: var(--wiki-content-border-color);
}

.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {
    background-color: var(--wiki-content-background-color);
}

.mw-widgets-datetime-calendarWidget {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
}

.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {
    color: rgba(var(--wiki-content-text-color--rgb), 0.55);
}

/* Unpatrolled page creations on Special:NewPages */
.not-patrolled {
    background-color: rgba(var(--wiki-warning-color--rgb), 0.16);
}

.mw-spinner-container > div {
    filter: var(--wiki-icon-general-filter);
}

.mw-spinner-container > div::after {
  background-color:var(--wiki-content-text-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);
}

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

.view-dark .mw-highlight {
    --pygments-background: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
    --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;
}

div.mw-highlight {
  background-color:var(--wiki-content-dynamic-color--inverted);
}

.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 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);
    top: var( --wikigg-header-height );
}

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

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

/**/

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

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

.oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {
	outline: 1px solid var(--wiki-content-link-color);
}

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

/* search bar */
#searchInput {
    border: 0;
    height: 34px;
    line-height: 24px;
    padding: 5px 10px;
    border-radius: 8px;
    background-color: rgba(var(--wiki-navigation-background-color--rgb), 0.5);
    color: var(--wiki-content-text-color);
    box-shadow: none;
}

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

#searchButton {
    border-radius: 0 8px 8px 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    background-color: rgba(var(--wiki-navigation-background-color--rgb), 0.1);
    filter: var(--wiki-icon-to-link-filter);
    top: 0;
}

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

/* Search suggestions */
.suggestions {
	/* display: block !important; */
	border-radius: 0 0 8px 8px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
}
.suggestions-results,
.suggestions-special {
	border: 0;
	/* border-radius: 0 0 8px 8px; */
	background-color: var(--wiki-body-background-color);
}

.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: rgba(var(--wiki-navigation-background-color--rgb), 0.8);
    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);
}

.results-info,
.mw-search-result-data {
    color: var(--wiki-content-text-mix-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)
}

/* possibly deprecated */
.mw-ui-input:not(:disabled) {
	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:not(:disabled):hover,
.mw-ui-input:not(:disabled):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);
}

/* end possibly deprecated */



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

.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
    background-color: var(--wiki-content-background-color--secondary);
}

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

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

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

.mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.mw-echo-ui-notificationItemWidget-content-message-body {
  color:var(--wiki-content-text-mix-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,
.mw-echo-ui-notificationItemWidget-content-actions-timestamp{
  color:var(--wiki-content-text-color);
}

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

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

.mw-echo-ui-pageNotificationsOptionWidget-label-count {
  background-color:var(--wiki-content-background-color--secondary);
  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-notificationItemWidget:last-child {
  border-bottom:1px solid 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-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);
  }
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
    border-bottom-color: var(--wiki-content-border-color);
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
    border-bottom-color: var(--wiki-content-background-color--secondary);
}

.client-js .mw-echo-special-nojs {
  filter:var(--wiki-icon-general-filter)
}
/**/

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

/**************
* Codex fixes *
***************/
/* text input */
.cdx-text-input__input:enabled {
  background-color:var(--wiki-content-background-color--secondary);
  border-color:var(--wiki-content-border-color);
  color:var(--wiki-content-text-color);
}

.cdx-text-input__input:disabled {
  -webkit-text-fill-color: rgba(var(--wiki-content-text-color--rgb), 0.25);
  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);
}

.cdx-text-input__input::placeholder {
  color:var(--wiki-content-text-mix-color);
}

.cdx-text-input__input:enabled:hover,
.cdx-text-input__input:enabled:focus {
  border-color:var(--wiki-content-link-color);
}

.cdx-text-input__input:enabled:focus {
  box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.cdx-text-input__input:enabled:read-only {
  background-color:var(--wiki-content-text-mix-color-95);
}

.cdx-text-input__input:enabled:read-only,
.cdx-text-input__input:enabled:read-only:hover,
.cdx-text-input__input:enabled:read-only:focus {
  border-color:var(--wiki-content-text-mix-color);
  box-shadow:none;
}

/**/

/* Buttons */
.cdx-button:enabled,
.cdx-button.cdx-button--fake-button--enabled {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-link-color);
    border-color: var(--wiki-content-border-color);
}

.cdx-button:enabled:hover,
.cdx-button.cdx-button--fake-button--enabled:hover {
    background-color: var(--wiki-content-text-mix-color-95);
    background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color));
    border-color: var(--wiki-content-border-color);
    border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color));
    color: var(--wiki-content-link-color--hover);
}

.cdx-button:enabled:active,
.cdx-button.cdx-button--fake-button--enabled:active,
.cdx-button:enabled.cdx-button--is-active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active {
    background-color: var(--wiki-content-background-color);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-link-color);
}

.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive {
  background-color: var(--wiki-accent-color);
  color: var(--wiki-accent-label-color);
  border-color: var(--wiki-accent-color);
}

.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover {
  background-color: var(--wiki-accent-color--hover);
  color: var(--wiki-accent-label-color);
  border-color: var(--wiki-accent-color--hover);
}

.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) {
  border-color: var(--wiki-content-link-color);
  box-shadow: inset 0 0 0 1px var(--wiki-content-link-color),inset 0 0 0 2px var(--wiki-content-background-color);
}

.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active {
  background-color: rgba(var(--wiki-content-link-color--rgb), 0.75);
  border-color: rgba(var(--wiki-content-link-color--rgb), 0.75);
  color: var(--wiki-content-link-label-color);
}

.cdx-button:enabled.cdx-button--action-progressive,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive {
    color: var(--wiki-content-link-color);
}

.cdx-button:enabled.cdx-button--action-progressive:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover {
    color: var(--wiki-content-link-color);
    border-color: var(--wiki-content-link-color);
}

.cdx-button:enabled.cdx-button--action-progressive:active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,
.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active {
    background-color: var(--wiki-content-background-color);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-link-color);
}

.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive {
	color: var(--wiki-content-link-color);
}

.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover {
  background-color:rgba(var(--wiki-content-link-color--rgb), 0.1);
  color: rgba(var(--wiki-content-link-color--rgb), 0.9);
}

.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,
.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active {
	background-color: rgba(var(--wiki-content-link-color--rgb), 0.3);
	color: var(--wiki-content-link-label-color);
	border-color: rgba(var(--wiki-content-link-color--rgb), 0.3);
}

.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),
.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) {
	border-color: var(--wiki-content-link-color);
	box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

@supports ((-webkit-mask-image:none) or (mask-image:none)) {
    .cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,
    .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon {
        background-color: var(--wiki-content-link-color);
    }

    .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,
    .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon {
        background-color: var(--wiki-accent-label-color);
    }

    .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,
    .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon {
        background-color: var(--wiki-accent-label-color);
    }

    .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,
    .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,
    .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,
    .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon {
        background-color: var(--wiki-content-link-label-color);
    }

    .cdx-button:enabled .cdx-button__icon,
    .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon {
        background-color: var(--wiki-content-link-color);
    }

    .cdx-button:enabled:hover .cdx-button__icon,
    .cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon {
        background-color: var(--wiki-content-link-color);
    }

    .cdx-button:enabled:active .cdx-button__icon,
    .cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,
    .cdx-button:enabled.cdx-button--is-active .cdx-button__icon,
    .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon {
        background-color: var(--wiki-content-link-color);
    }
}
/**/

/* Checkboxes */
.cdx-checkbox__icon {
  background-color:rgba(var(--wiki-content-link-color--rgb),0.05);
}

.cdx-checkbox__input:enabled + .cdx-checkbox__icon {
  border-color: rgba(var(--wiki-content-link-color--rgb),0.75);
}

.cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon {
  border-color: var(--wiki-content-link-color);
}

.cdx-checkbox__input:enabled:active + .cdx-checkbox__icon {
  background-color: rgba(var(--wiki-content-link-color--rgb), 0.5);
  border-color: rgba(var(--wiki-content-link-color--rgb), 0.5);
}

.cdx-checkbox__input:enabled:focus:not(:active) + .cdx-checkbox__icon {
  border-color: var(--wiki-content-link-color);
  box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon {
  background-color: var(--wiki-content-link-color);
  border-color: var(--wiki-content-link-color);
}

.cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon {
  background-color: rgba(var(--wiki-content-link-color--rgb), 0.9);
  border-color: rgba(var(--wiki-content-link-color--rgb), 0.9);
}

.cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon {
  background-color: rgba(var(--wiki-content-link-color--rgb), 0.5);
  border-color: rgba(var(--wiki-content-link-color--rgb), 0.5);
}

.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover) + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover) + .cdx-checkbox__icon {
  background-color: var(--wiki-content-link-color);
  border-color: var(--wiki-content-link-color);
}

.cdx-checkbox__input:enabled:checked:focus:not(:active) + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:focus:not(:active) + .cdx-checkbox__icon {
  box-shadow: inset 0 0 0 1px var(--wiki-content-link-color), inset 0 0 0 2px var(--wiki-content-link-label-color);
}

.cdx-checkbox--status-error .cdx-checkbox__input:enabled + .cdx-checkbox__icon {
  border-color: #b32424;
}

.cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon {
  border-color: #ff4242;
}

.cdx-checkbox--status-error .cdx-checkbox__input:enabled:active + .cdx-checkbox__icon {
  background-color: #b32424;
  border-color: transparent;
}

.cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus + .cdx-checkbox__icon {
  border-color: var(--wiki-content-link-color);
}

.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon,
.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon {
  background-color: #d73333;
  border-color: transparent;
}

.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon,
cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon {
  background-color: #ff4242;
  border-color: #ff4242;
}

.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon,
.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon {
  background-color: #b32424;
  border-color: transparent;
}

.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active) + .cdx-checkbox__icon,
.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active) + .cdx-checkbox__icon {
  background-color: #d73333;
  border-color: var(--wiki-content-link-color);
}

.cdx-checkbox__input:disabled + .cdx-checkbox__icon {
  background-color: #c8ccd1;
  border-color: #c8ccd1;
}

.cdx-checkbox__input:disabled ~ .cdx-checkbox__label {
  color: #72777d;
}

.cdx-checkbox__input:checked:not(:indeterminate) + .cdx-checkbox__icon::before {
  /* this monstrosity guarantees the checkmark has visual contrast */
  /* increasing contrast further has odd effects on the checkmark, so don't do that */
  /* note that the assumed input is white, so the it's an inverted icon-to-link-filter which assumes black */
  filter:var(--wiki-icon-to-link-filter) saturate(0) contrast(500%);
}

/**/

/* Switches */
.cdx-toggle-switch__switch {
  background-color:var(--wiki-content-background-color);
  border-color:rgba(var(--wiki-content-dynamic-color--rgb), 0.65);
}

.cdx-toggle-switch__input:enabled ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip,
.cdx-toggle-switch__input:enabled:hover ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip {
  background-color:var(--wiki-content-link-color);
  border-color:var(--wiki-content-link-color);
}

.cdx-toggle-switch__input:enabled:hover ~ .cdx-toggle-switch__switch,
.cdx-toggle-switch__input:enabled:focus:not(:active) ~ .cdx-toggle-switch__switch{
	background-color: var(--wiki-content-background-color--secondary);
	border-color: var(--wiki-content-link-color);
}

.cdx-toggle-switch__input:enabled:checked ~ .cdx-toggle-switch__switch {
  background-color:var(--wiki-content-link-color);
  border-color:var(--wiki-content-link-label-color);
}

.cdx-toggle-switch__input:enabled:checked ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip,
.cdx-toggle-switch__input:enabled:checked:focus:not(:active) ~ .cdx-toggle-switch__switch::before,
.cdx-toggle-switch__input:enabled:checked:focus:not(:active) ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{
  border-color:var(--wiki-content-link-label-color);
}

.cdx-toggle-switch__input:enabled:checked:hover ~ .cdx-toggle-switch__switch,
.cdx-toggle-switch__input:enabled:checked:focus ~ .cdx-toggle-switch__switch{
	background-color: rgba(var(--wiki-content-link-color--rgb), 0.75);
	border-color: rgba(var(--wiki-content-link-color--rgb), 0.75);
}
/**/

/* Tabs */
.ext-wc-editor .cdx-tabs--framed .cdx-tabs__header {
  background-color:var(--wiki-content-background-color--secondary);
  border-bottom:1px solid var(--wiki-content-link-color);
}

.cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item[aria-selected="true"],
.cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item[aria-selected="true"]:hover {
  background-color:var(--wiki-content-link-color);
  color:var(--wiki-content-link-label-color);
}

.cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item:enabled:hover {
  background-color: rgba(var(--wiki-content-link-color--rgb), 0.75);
  color:var(--wiki-content-link-label-color);
}

.cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item:focus-visible,
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__list__item:focus-visible {
  box-shadow:inset 0 0 0 2px var(--wiki-content-link-color);
}
/**/

/* Menus */
.cdx-menu {
	background-color: var(--wiki-content-background-color);
	border-color: 1px solid var(--wiki-content-border-color);
	box-shadow: 0 2px 2px rgba(var(--wiki-content-dynamic-color--inverted--rgb,.2));
}

.cdx-menu-item--enabled,
.cdx-menu-item--enabled .cdx-menu-item__content {
	color: var(--wiki-content-text-color);
}

.cdx-menu-item--enabled.cdx-menu-item--highlighted {
	background-color: rgba(var(--wiki-content-link-color--rgb), 0.2);
}

.cdx-menu-item--enabled.cdx-menu-item--selected {
  background-color:var(--wiki-content-background-color--secondary);
}

.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,
.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,
.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description,
.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,
.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{
  color:var(--wiki-content-link-color);
}
/**/

/* Progress bar */
.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar {
	background-color: var(--wiki-content-link-color);
}

.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block {
	background-color: var(--wiki-content-background-color);
}

.cdx-progress-bar:not(.cdx-progress-bar--inline) {
	border-color: rgba(var(--wiki-content-link-color--rgb), 0.5);
}
/**/

.cdx-icon svg {
  fill:var(--wiki-content-link-color);
}
/************
* End codex *
*************/

/************************
* 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,
.mw-scribunto-normalOutput {
    background: transparent;
}

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

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

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

/***************************
* Theme-based VisualEditor *
****************************/
.ve-activated .vector-menu-tabs .selected {
    box-shadow: inset 0 -1px 0 rgba(var(--wiki-content-border-color--rgb),0.5);
}

.ve-init-mw-progressBarWidget {
	background-color: var(--wiki-content-background-color);
	border-color: var(--wiki-content-link-color);
	box-shadow: 0 1px 1px rgba(var(--wiki-content-dynamic-color--rgb),0.15);
}

.ve-init-mw-progressBarWidget-bar {
  background-color:var(--wiki-content-link-color);
}

div.ve-ce-branchNode {
  border-color:var(--wiki-content-border-color);
}

.ve-ce-focusableNode-highlight {
	background: var(--wiki-content-link-color);
	box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights {
	opacity: 0.25;
}

.ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) {
	outline-color: var(--wiki-content-link-color);
	background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.75);
}

figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
figure[typeof~='mw:Image/Thumb'],
figure[typeof~='mw:Video/Thumb'],
figure[typeof~='mw:Audio/Thumb'],
figure[typeof~='mw:Image/Frame'],
figure[typeof~='mw:Video/Frame'],
figure[typeof~='mw:Audio/Frame'] {
    border-color: var(--wiki-content-border-color);
    background-color: var(--wiki-content-background-color--secondary);
}

figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) {
    border-color: var(--wiki-content-border-color);
    background: var(--wiki-content-background-color--secondary);
}

figure[typeof~='mw:File/Thumb'] > figcaption,
figure[typeof~='mw:File/Frame'] > figcaption,
figure[typeof~='mw:Image/Thumb'] > figcaption,
figure[typeof~='mw:Video/Thumb'] > figcaption,
figure[typeof~='mw:Audio/Thumb'] > figcaption,
figure[typeof~='mw:Image/Frame'] > figcaption,
figure[typeof~='mw:Video/Frame'] > figcaption,
figure[typeof~='mw:Audio/Frame'] > figcaption {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}

.ve-ui-specialCharacterPage-character,
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu,
.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu,
.ve-ui-specialCharacterPage-character:hover {
  border-color:var(--wiki-content-border-color);
}

.ve-ui-specialCharacterPage-character:hover {
  box-shadow:inset 0 0 1px 1px var(--wiki-content-link-color);
}

.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title,
.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
    color: var(--wiki-content-text-mix-color);
}

.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-tool-title,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title {
    color: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.78);
}

.ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {
    background: rgba(var(--wiki-content-link-color--rgb),0.1);
}

.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
    color: var(--wiki-content-link-color);
    box-shadow: inset 0 -2px 0 0 var(--wiki-content-link-color);
}

.oo-ui-tabOptionWidget {
    color: var(--wiki-content-text-mix-color);
}

.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover {
    color: var(--wiki-content-link-color--hover);
    box-shadow: inset 0 -2px 0 0 var(--wiki-content-link-color--hover);
}

.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active {
    color: var(--wiki-content-text-color);
    box-shadow: inset 0 -2px 0 0 var(--wiki-content-link-color--hover);
}

.oo-ui-tabSelectWidget-frameless {
    box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color);
}

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

.ve-ce-linkAnnotation.ve-ce-annotation-active {
    box-shadow: 0 0 0 1px rgba(var(--wiki-content-link-color--rgb), 0.2);
    background-color: rgba(var(--wiki-content-link-color--rgb), 0.1);
}

.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview {
    color: var(--wiki-content-text-mix-color);
}

.ve-ui-toolbarDialog {
	background-color: rgba(var(--wiki-content-dynamic-color--rgb),0.05);
}

.ve-ce-languageAnnotation {
  background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.2);
  border-color:var(--wiki-content-link-color);
}

.mw-widget-mediaResultWidget-overlay {
	box-shadow: inset 0 0 0 1px 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 {
    background-color: transparent;
    border-right-color: rgba(var(--wiki-content-link-color--rgb), 0.5);
}

.oo-ui-selectFileWidget-dropTarget {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
}

.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
    background-color: var(--wiki-content-background-color);
}

.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
    border-color: var(--wiki-content-text-mix-color);
}

.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget,
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input {
    background-color: rgba(var(--wiki-content-link-color--rgb),0.1);
    color: var(--wiki-content-link-color);
}

.oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
.oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget {
    background-color: var(--wiki-content-text-mix-color-95);
    border-color: var(--wiki-content-dynamic-color--secondary);
}

.mw-upload-bookletLayout-filePreview {
    background-color: var(--wiki-content-background-color--secondary);
}

.ve-ui-mwMediaDialog-panel-imageinfo-details {
    color: var(--wiki-content-text-mix-color);
}

.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
    -webkit-text-fill-color: rgba(var(--wiki-content-text-color--rgb), 0.5);
}

.ve-ui-mwLanguagesPage-languages-table th,
.ve-ui-mwLanguagesPage-languages-table td {
    border-bottom-color: var(--wiki-content-border-color);
}

.ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td {
    background: var(--wiki-content-background-color);
}

.ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td {
    background: rgba(var(--wiki-content-dynamic-color--secondary--rgb), 0.05);
}

.ve-ui-targetWidget {
    border-color: var(--wiki-content-border-color);
}

.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
    background: var(--wiki-content-background-color);
}

.ve-ui-targetWidget-focused {
    border-color: var(--wiki-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.ve-ui-mwTransclusionOutlineTemplateWidget-sticky {
    background-color: var(--wiki-content-background-color);
}

.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {
    color: var(--wiki-content-dynamic-color);
}

.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted {
    color: var(--wiki-content-link-color);
}

.ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {
    color: var(--wiki-content-text-mix-color);
}

.ve-ui-mwTemplatePage-description {
    color: var(--wiki-content-text-mix-color);
}

.ve-ui-mwParameterPage-undocumentedLabel {
    color: var(--wiki-content-text-mix-color);
}

.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
	color: var(--wiki-content-text-mix-color);
}

.ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 {
    color: var(--wiki-content-text-mix-color);
}

.ve-ui-mwLatexPage-symbol {
    border-color: var(--wiki-content-border-color);
}

.ve-ui-mwGalleryDialog-highlighted-image {
    background-color: var(--wiki-content-background-color--secondary);
}

.ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link,
.ve-ui-mwHelpPopupTool-version-date {
    color: var(--wiki-content-text-mix-color);
}

.ve-ui-mwSaveDialog-summary {
    background-color: var(--wiki-content-background-color);
}

.ve-ui-mwSaveDialog-options {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}

.ve-ui-mwSaveDialog-license {
    color: var(--wiki-content-text-mix-color);
}

.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active {
    border-right-color: var(--wiki-content-link-color);
    border-left-color: var(--wiki-content-link-color);
}
/*******************
* End VisualEditor *
********************/

/**************************
* Theme-based AbuseFilter *
***************************/
table.mw-abuselog-details {
    background: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
}

table.mw-abuselog-details th,
table.mw-abuselog-details td,
div.mw-abusefilter-editor {
	border-color: var(--wiki-content-border-color);
}

table.mw-abuselog-details th {
	background: var(--wiki-content-background-color--secondary);
}

body td.mw-abusefilter-history-changed {
  background-color:rgba(var(--wiki-alert-color--rgb),0.2);
}
/******************
* End AbuseFilter *
*******************/

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

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

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

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

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

/*****************************
* 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-author a {
    color: var(--wiki-content-link-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 *
**********************************/

/************************
* Theme-based checkuser *
*************************/
.mw-datatable.ext-checkuser-investigate-table tr:hover td {
  background-color:var(--wiki-content-background-color);
}

.mw-datatable.ext-checkuser-investigate-table th {
  background-color:var(--wiki-content-background-color--secondary);
}

.ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td,
.ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td,
.ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td,
.ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td{
  background-color:rgba(var(--wiki-warning-color--rgb),0.1);
}

.ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned,
.ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned,
.ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match,
.ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match,
.ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match,
.ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable {
  background-color:rgba(var(--wiki-warning-color--rgb),0.4);
}

.ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
  background-color:var(--wiki-content-background-color--secondary);
  border-color:var(--wiki-content-border-color);
}

.mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset {
  background-color:var(--wiki-content-background-color--secondary);
}
/****************
* End checkuser *
*****************/


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

@media screen and (max-width:720px) {
    html {
        --wiki-logo-width: 10rem;
        --wiki-logo-height: 8rem;

        --vector-tab-height: 2em;
        --vector-tab-border-width: 1px;

        --content-right-margin: 0;

        --search-height: 2.5em;
    }

    :root {
        --content-padding: 1rem;
    }

    body {
        grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
        background-color: var(--wiki-base-background-color);
    }

    #mw-head {
        top: 0;
        left: 0;
        width: calc(100% - 2 * var(--vector-tab-margin));
    }

    #p-search {
        position: absolute;
        box-sizing: border-box;
        top: calc(-4em - var(--search-height));
        left: calc(50% - 6px);
        right: auto;
        width: 100%;
        max-width: 20em;
        margin: 0;
        padding: 6px;
        transform: translateX(-50%);
    }

    #simpleSearch {
        width: 100vw;
    }
	
	#searchInput {
		background-color: rgba(var(--wiki-navigation-background-color--rgb), 0.5);
	}

    .mw-body {
        top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height));
        border-left: none;
        border-right: none;
        margin: 0;
        /*margin-bottom: 5px;*/
        /*padding-top: 3.5em;*/
        margin-bottom: 4em;
    }

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

    #mw-panel {
        position: static;
        margin: 0;
        margin-top: 4em;
        padding: 0;
        top: 0;
        justify-content: space-around;
    }

    #mw-panel #p-logo + .portal .vector-menu-heading,
    #mw-panel .portal .vector-menu-heading {
        padding: 8px 6px;
    }

    #mw-navigation #mw-panel .portal {
        width: unset;
        /*text-align: center;*/
    }

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

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

    /* reset mw internal css */
    #footer-icons {
        float: none;
    }

    #footer #footer-info-copyright {
        padding-right: 0;
        padding-bottom: 40px;
        right: auto;
        left: 0;
    }

    #footer-info-copyright img {
        right: auto;
        left: 0;
    }

    #wikigg-footer {
        display: grid;
        grid-template-columns: 35px 1fr;
        grid-template-rows: auto auto;
        align-items: center;
        justify-items: start;
        padding: 3px 0 3px 10px;
    }

    #wikigg-footer .footer-right {
        grid-column: 2/3;
        grid-row: 1/2;
        margin: 0;
    }

    #wikigg-footer .footer-middle {
        grid-column: 1/2;
        grid-row: 1/3;
    }

    #wikigg-footer .footer-left {
        grid-column: 2/3;
        grid-row: 2/3;
        margin: 0;
    }

    :root {
        --pi-width: 100%;
    }

    /* Center infoboxes */
    .portable-infobox {
        margin: auto auto 10px auto;
        max-width: 100%;
        width: calc(var(--pi-width) - 2em);
    }

    /* Display changelist legeng in the middle while expanded */
    .mw-changeslist-legend {
        float: none;
        margin: 0 1em 0.5em;
    }

    /* Undo changes from above when collapsed */
    .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed {
        float: right;
        margin: 0;
        margin-top: 0.5em;
    }

    /* Thumbs crowding text */
    div.tright,
    div.tleft {
        float: none;
        display: block;
        margin: 0 auto 0.5em auto;
    }

    div.tright .thumbinner,
    div.tleft .thumbinner {
        margin: auto;
    }

}

/* Hide the expandable navigation button for desktop users */
.mobile-nav-toggle {
    display: none;
}

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

/*****************
* Max page width *
******************/

@media screen and (min-width: 1440px) {
    html {
        --layout-sidespace: minmax(0, 1fr);
        --layout-content-width: 1234px;
    }
}

/*********************
* End max page width *
**********************/