MediaWiki:Vector.css

From Idle Wizard Wiki
Jump to navigation Jump to search

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

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/* Taken from https://survivorsofatlantis.wiki.gg/wiki/MediaWiki:Common.css/Editor.css#L-343 MrCrackerplays */
/* ====================[Editor]==================== */
.wikiEditor-ui .wikiEditor-ui-view,
.wikiEditor-ui .wikiEditor-ui-top {
    border-color: Var(--wiki-content-border-color);ma
}

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

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

.wikiEditor-ui-toolbar .tabs span.tab a {
    color: var(--wiki-content-link-color);
}

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

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

.wikiEditor-ui-toolbar .group .label {
    color: var(--wiki-content-text-color);
}

.wikiEditor-ui-toolbar .page-characters div span {
    color: var(--wiki-content-text-color);
}

.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: var(--wiki-body-background-color);
}

.wikiEditor-ui-toolbar .booklet > .index > .current {
    background-color: var(--wiki-body-background-color);
    color: var(--wiki-content-link-color);
}

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

.wikiEditor-ui-toolbar .page-table td {
    color: var(--wiki-content-text-color);
}

.wikiEditor-ui-toolbar .page-table th {
     color: var(--wiki-content-text-color);
}

.ui-widget-content {
    background: var(--wiki-base-darker);
    color: var(--wiki-content-text-color);
}
.ui-dialog .ui-dialog-content {
    background: var(--wiki-body-background-color);
}

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

/* insert table popup is awful */
body .ui-dialog .ui-widget-header {
    /* why did they make this one use !important ??? it already had the highest specificity */
    /* and why use an image to create a gradient shadow when there's literally linear-gradient */
    background-color: var(--wiki-body-background-color) !important;
    background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%) !important;
}
body .ui-button:hover,
body .ui-button {
    /* for real just keep your hands off of !important */
    color: var(--wiki-content-text-color) !important;
    background-color: var(--wiki-body-background-color) !important;
    background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%) !important;
    border-color: var(--wiki-content-border-color-darker) !important;
}
body .ui-button:hover {
    background-image: none !important;
}
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
    border-top-color: var(--wiki-content-border-color) !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: var(--wiki-body-background-color);
    border-color: var(--wiki-content-border-color-darker);
}

.ui-widget-header {
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color-darker);
}

#msupload-div {
    background-color: var(--wiki-body-background-color);
    border-top-color: var(--wiki-content-border-color);
}
#msupload-dropzone {
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color-darker);
}

.drop-over {
    background-color: var(--wiki-body-background-color-darkest);
}


/* source editor */
.wikiEditor-ui textarea {
    background-color: var(--wiki-body-background-color-darkest);
    color: var(--wiki-content-text-color);
}


/* START OF ACE EDITOR */
/* slightly edited version from the dracula theme in the ace github repository (https://github.com/ajaxorg/ace/blob/master/src/theme/dracula-css.js) with renamed ace-dracula to ace-tm as I don't know of a way to change the built-in theme for the wiki */
/* also added more selectors for reusing colors outside of editor */
/*
 * Copyright © 2017 Zeno Rocha <[email protected]>
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */

 :root {
    /* dracula defined */
    --dracula-background: #282a36;
    --dracula-selection: #44475a;
    --dracula-foreground: #f8f8f2;
    --dracula-comment: #6272a4;
    --dracula-cyan: #8be9fd;
    --dracula-green: #50fa7b;
    --dracula-orange: #ffb86c;
    --dracula-pink: #ff79c6;
    --dracula-purple: #bd93f9;
    --dracula-red: #ff5555;
    --dracula-yellow: #f1fa8c;

    /* redefined/custom */
    --dracula-current-line: hsl(231.82deg 13.92% 23.98%); /* #44475a/current line color luminocity of 23 instead of 30*/
    --dracula-gutter: hsl(231.43deg 14.89% 15.43%); /* #282a36/background color but luminocity of 15 instead of 18 */
    --dracula-blue: #1b95ff;
    --dracula-background-darker: color-mix(in srgb,var(--dracula-background),#000 15%);
    --dracula-background-lighter: color-mix(in srgb,var(--dracula-background),#fff 15%);
    --dracula-background-lightest: color-mix(in srgb,var(--dracula-background),#fff 30%);
    --dracula-orange-darker: #d47e00;
    --dracula-purple-darker: #cb63ff;
    --dracula-red-darker: #ff5858;
}

.ace-tm .ace_gutter {
  background-color: var(--dracula-gutter);
  color: rgb(144,145,148)
}


.ace-tm .ace_print-margin {
  width: 1px;
  background: var(--dracula-current-line)
}


pre, code, .mw-code,
.ace-tm {
  background-color: var(--dracula-background);
  color: var(--dracula-foreground)
}

.ace-tm .ace_cursor {
  color: var(--dracula-foreground)
}

.ace-tm .ace_marker-layer .ace_selected-word {
    background: indigo;
    border-color: red;
}
.ace-tm .ace_marker-layer .ace_selection {
  background: var(--dracula-selection);
}

.ace-tm.ace_multiselect .ace_selection.ace_start {
  box-shadow: 0 0 3px 0px var(--dracula-background);
  border-radius: 2px
}

.ace-tm .ace_marker-layer .ace_step {
  background: rgb(198, 219, 174)
}

.ace-tm .ace_marker-layer .ace_bracket {
  margin: -1px 0 0 -1px;
  border: 1px solid #a29709
}

.mw-highlight .hll,
.ace-tm .ace_marker-layer .ace_active-line {
  background: var(--dracula-current-line)
}

.ace-tm .ace_gutter-active-line {
  background-color: var(--dracula-current-line)
}

.ace-tm .ace_marker-layer .ace_selected-word {
  box-shadow: 0px 0px 0px 1px #a29709;
  border-radius: 3px;
}

.ace-tm .ace_fold {
  background-color: var(--dracula-green);
  border-color: var(--dracula-foreground)
}

.mw-highlight .kt,
.mw-highlight .nn,
.ace-tm .ace_keyword {
  color: var(--dracula-pink)
}

.ace-tm .ace_constant.ace_language {
  color: var(--dracula-purple)
}

.mw-highlight .m,
.mw-highlight .mb,
.mw-highlight .mf,
.mw-highlight .mh,
.mw-highlight .mi,
.mw-highlight .mo,
.ace-tm .ace_constant.ace_numeric {
  color: var(--dracula-purple)
}

.ace-tm .ace_constant.ace_character {
  color: var(--dracula-purple)
}

.ace-tm .ace_constant.ace_character.ace_escape {
  color: var(--dracula-pink)
}

.ace-tm .ace_constant.ace_other {
  color: var(--dracula-purple)
}

.mw-highlight .nb,
.mw-highlight .nf,
.ace-tm .ace_support.ace_function {
  color: var(--dracula-cyan)
}

.mw-highlight .kc,
.ace-tm .ace_support.ace_constant {
  color: #6be5fd
}

.ace-tm .ace_support.ace_class {
  font-style: italic;
  color: #66d9ef
}

.mw-highlight .k,
.mw-highlight .kp,
.ace-tm .ace_support.ace_type {
  font-style: italic;
  color: #66d9ef;
  font-weight: inherit;
}

.ace-tm .ace_storage {
  color: var(--dracula-pink)
}

.ace-tm .ace_storage.ace_type {
  font-style: italic;
  color: var(--dracula-cyan)
}

.ace-tm .ace_invalid {
  color: var(--dracula-foreground);
  background-color: var(--dracula-pink)
}

.ace-tm .ace_invalid.ace_deprecated {
  color: var(--dracula-foreground);
  background-color: var(--dracula-purple)
}

.mw-highlight .nd,
.mw-highlight .s1,
.mw-highlight .s2,
.mw-highlight .sx,
.ace-tm .ace_string {
  color: var(--dracula-yellow)
}

.mw-highlight .c,
.ace-tm .ace_comment {
  color: var(--dracula-comment)
}

.mw-highlight .nc,
.ace-tm .ace_variable {
  color: var(--dracula-green)
}

.ace-tm .ace_variable.ace_parameter {
  font-style: italic;
  color: var(--dracula-orange)
}

.ace-tm .ace_entity.ace_other.ace_attribute-name {
  color: var(--dracula-green)
}

.ace-tm .ace_entity.ace_name.ace_function {
  color: var(--dracula-green)
}

.ace-tm .ace_entity.ace_name.ace_tag {
  color: var(--dracula-pink)
}
.ace-tm .ace_invisible {
  color: #626680;
}

.mw-highlight .nt,
.ace-tm .ace_constant {
  color: #CF6A4C;
}

/* END OF ACE EDITOR */
/* START OF CODEMIRROR SYNTAX HIGHLIGHTING */

.CodeMirror {
    background-color: var(--dracula-background);
    color: var(--dracula-foreground);
}

.CodeMirror-gutters {
    background-color: var(--dracula-gutter);
    border: none;
}

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

.cm-mw-doubleUnderscore,
.cm-mw-signature,
.cm-mw-hr {
    color: var(--dracula-blue);
    background-color: var(--dracula-background-darker);
    box-shadow: inset 0 0 1px 1px var(--dracula-background-lightest);
}

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

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

.cm-mw-comment {
    color: var(--dracula-comment);
}

.cm-mw-apostrophes-bold,
.cm-mw-apostrophes-italic {
    color: var(--dracula-blue);
}

.cm-mw-section-header {
    color: var(--dracula-blue);
}

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

.cm-mw-templatevariable {
    color: var(--dracula-orange);
}
.cm-mw-templatevariable-name,
.cm-mw-templatevariable-bracket,
.cm-mw-templatevariable-delimiter {
    color: var(--dracula-orange-darker);
}

.cm-mw-parserfunction {
    /* parser function parameters */
}
.cm-mw-parserfunction-name,
.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter {
    color: var(--dracula-red);
}

.CodeMirror pre.cm-mw-exttag,
.cm-mw-exttag {
    /* inside of extension tag */
}
.cm-mw-exttag-name,
.cm-mw-exttag-bracket,
.cm-mw-exttag-attribute {
    color:var(--dracula-green);
}

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

pre.cm-mw-tag-pre,
.cm-mw-tag-pre {
    background-color: var(--dracula-background-darker);
}

pre.cm-mw-tag-nowiki,
.cm-mw-tag-nowiki {
    background-color: var(--dracula-background-darker);
}

.cm-mw-link-text {
    /* link display text */
}
.cm-mw-link-pagename,
.cm-mw-link-bracket,
.cm-mw-link-delimiter {
    color: var(--wiki-content-link-color);
}
.cm-mw-link,
.cm-mw-link-tosection {
    color: var(--dracula-blue);
}

.cm-mw-extlink-text {
    /* link display text */
}
.cm-mw-extlink,
.cm-mw-free-extlink,
.cm-mw-extlink-protocol,
.cm-mw-free-extlink-protocol,
.cm-mw-extlink-bracket {
    color: var(--external-blue-link-color);
}

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

.cm-mw-matchingbracket {
    background-color: var(--dracula-background-lighter);
    box-shadow: inset 0 0 1px 1px var(--dracula-background-lightest);
}

/* text selection */
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
    background-color: var(--dracula-selection);
}

/* END OF CODEMIRROR SYNTAX HIGHLIGHTING */

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

.codeEditor-status-message {
    border-color: var(--wiki-content-border-color);
}
.codeEditor-status .ace_gutter-cell {
    color: var(--wiki-content-text-color);
}

.oo-ui-window-body {
    background-color: var(--wiki-base-darker);
}

.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
    border-color: var(--wiki-content-border-color);
}
.oo-ui-messageDialog-content > .oo-ui-window-foot {
    outline-color: var(--wiki-content-border-color);
}
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
    border-color:  var(--wiki-content-border-color);
}


/* inverted colors of default which half-disappears on dark backgrounds */
.ace_gutter-cell.ace_info {
	--ace-info-black: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAJ0Uk5TAAB2k804AAAAPklEQVQY02NgIB68QuO3tiLznjAwpKTgNyDbMegwisCHZUETUZV0ZqOquBpXj2rtnpSJT1AEnnRmL2OgGgAAIKkRQap2htgAAAAASUVORK5CYII=");
    --ace-info-white: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC3SURBVDhP1ZM9DoQgEEY/t+AIJCZa2NDQ2eNtPIXnsPIOXoEbWGM8gI0h1DazhpBtkP0zW+xLJgNf8YBJyIgIV7iF/jVvCTjnyWu+FHRdR23bhl3MqaAoiseJVVX5SvG7IfZ9T1prGseRlFKfz+B4O4Zh8Ou6rn0/IylwzmVlWWJdV0zTFNKYpEBKSUdh2zbM8xzSmKQgz3Ps+w5rLRhjIY1JCowxWJYFQgg0TRPSmD/5C8+4KADuXo06kDH0sRcAAAAASUVORK5CYII=");
    background-image: var(--ace-info-white);
}

.ace_editor .ace_gutter-cell.ace_info {
	background-image: var(--ace-info-white);
}

.editOptions {
    background: var(--wiki-base-darker);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color);
}


/* ====================[Editor Show Preview]==================== */
.mw-continue-editing a {
    font-weight: bold;
}


/* ====================[CSS/JS Page]==================== */
pre, code, .mw-code {
    border-color: var(--wiki-content-border-color);
}

.mw-highlight .linenos {
    color: darkgrey;
}
.mw-highlight a:hover .linenos, .mw-highlight .hll a .linenos {
    color: white;
}

.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
    box-shadow: inset 3.25em 0 0 var(--dracula-gutter); /* ace_gutter background color */
}

.mw-highlight .nv {
  color:navajowhite;
}

.mw-highlight .o {
  color: white;
}



body {
    background-image: linear-gradient(to bottom,rgb(47 55 62/10%),rgb(47 55 62/80%),rgb(47 55 62/100%),var(--wiki-body-background-color)),var(--wiki-body-background-image);
    background-size: cover;
    background-position: top;
    background-position-y: 33px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: var(--wiki-body-background-color);
    background-size: contain
}

#mw-page-base {
    background: 0 0
}

ul {
    list-style-image: none
}

table {
    display: table;
    white-space: initial
}

.vector-menu-tabs-legacy li,#p-cactions,#mw-panel .mobile-nav-toggle {
    background-image: linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-background-color--secondary) 1px,var(--wiki-content-background-color) 100%)
}

#p-cactions {
    padding-bottom: 1px
}

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

.vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown .vector-menu-heading {
    background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%)
}

.vector-menu-tabs li a,.vector-menu-tabs li.new a,.vector-menu-tabs li.new a:visited,.vector-menu-tabs .selected a,.vector-menu-tabs .selected a:visited,#mw-head .vector-menu-dropdown .vector-menu-heading {
    color: var(--wiki-navigation-text-color)
}

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

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

.vector-menu-dropdown .vector-menu-content {
    background: 0 0;
    border: none;
    box-shadow: none;
    margin-top: -2px
}

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

.vector-menu-dropdown .vector-menu-heading::after {
    filter: brightness(0) var(--wiki-icon-to-link-filter)
}

#p-search {
    z-index: 2
}

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

.vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown .vector-menu-heading,.vector-menu-tabs-legacy li,#p-cactions,.vector-menu-tabs-legacy li.selected {
    background: 0 0;
    border: none
}

.vector-menu-tabs li a,.vector-menu-tabs li.new a,.vector-menu-tabs li.new a:visited,.vector-menu-tabs .selected a,.vector-menu-tabs .selected a:visited,#mw-head .vector-menu-dropdown .vector-menu-heading,#mw-page-base,#mw-head-base {
    font-family: var(--wiki-heading-font-family);
    text-transform: lowercase;
    font-size: 0.9em;
}

.vector-search-box form {
    margin-top: 1.2em
}

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

.mw-parser-output a.external {
    background: 0 0;
    padding-right: 0
}

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

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

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

#mw-panel .vector-menu-portal {
    background-color: rgba(var(--wiki-sidebar-background-color--rgb),var(--wiki-sidebar-background-opacity));
    border: 1px solid var(--wiki-sidebar-border-color);
    margin-left: 0
}

#mw-panel .vector-menu-portal:last-child {
    margin-bottom: 0
}

.vector-menu-portal .vector-menu-content .mw-list-item a,.vector-menu-portal .vector-menu-content .mw-list-item a:visited {
    color: var(--wiki-sidebar-link-color)
}

.vector-menu-portal .vector-menu-heading {
    background: 0 0;
    color: var(--wiki-sidebar-heading-color);
    font-family: var(--wiki-heading-font-family)
}

#mw-panel .vector-menu-portal {
    background: 0 0;
    border: none;
}

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

.mw-body,.parsoid-body,.mw-footer {
    color: var(--wiki-content-text-color);
    background-color: rgba(var(--wiki-content-background-color--rgb),var(--wiki-content-background-opacity));
    border: 1px solid var(--wiki-content-border-color)
}

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

@keyframes glow {
    from {
        box-shadow: 0 0 12px var(--wiki-content-border-color)
    }

    to {
        box-shadow: 0 0 8px var(--wiki-content-border-color)
    }
}

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

#footer {
    padding: 12px;
    box-sizing: border-box;
    position: relative;
    display: grid;
    grid-template-columns: [l] 1fr 0fr [r];
    grid-template-rows: [t] auto auto [b];
    z-index: 0
}

#footer-info {
    font-size: 11px;
    display: contents
}

#footer ul li {
    font-size: inherit;
    line-height: 1.5;
    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;
    bottom: -1px;
    height: 33px;
    width: auto
}

#wikigg-footer {
    clear: both
}

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

.mw-body h1,.mw-body h2,.mw-body h3,.mw-body h4,.mw-body h5,.mw-body h6 {
    color: var(--wiki-heading-color);
    font-family: var(--wiki-heading-font-family)
}

.wikitable {
    background: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
    margin: 0.5em 0;
}

    .wikitable > tr > th,.wikitable > tr > td,.wikitable > * > tr > th,.wikitable > * > tr > td {
        border: 1px solid #a2a9b1;
        padding: 0.5em 0.5em;
    }

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

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

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

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

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

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

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

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

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

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

.oo-ui-pendingElement-pending {
    background-color: var(--wiki-content-background-color--secondary);
    background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent)
}

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

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

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

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

#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: 0 0;
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color)
}

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

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

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

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

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

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

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

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

#toc,.toc,.toccolours,.mw-warning {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}

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

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

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

li.gallerybox:hover {
filter: contrast(1.1) brightness(120%);
}

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
}

#wpTextbox0 {
    background-color: var(--wiki-content-background-color)!important
}

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

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

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

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

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

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

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

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

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

input::file-selector-button,input[type=button],input[type=submit] {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color)
}

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

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

body .ui-dialog .ui-widget-header {
    background: var(--wiki-content-background-color)!important;
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color)
}

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

body .ui-button {
    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 {
    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)
}

.mw-content-ltr .redirectText li:first-child {
    padding-left: 0;
    background: 0 0
}

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

.mw-notification {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cargo-pagevalues-tableinfo {
    background-color: var(--wiki-content-background-color);
    border-bottom: 1px solid var(--wiki-content-border-color);
    top: 46px;
    position: static
}

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

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

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

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

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

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

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

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

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

table.cargoTable th.headerSort {
    color: var(--wiki-accent-label-color)
}

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

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

.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate {
    color: var(--wiki-content-text-color)
}

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

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

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

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

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

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    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 {
    color: var(--wiki-content-mix-color)!important;
    border: 1px solid var(--wiki-content-border-color);
    background-color: var(--wiki-content-background-color);
    background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%)
}

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

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

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

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

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

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

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

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

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

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

.oo-ui-inputWidget-input:checked+.oo-ui-image-invert.oo-ui-icon-check::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k);
    background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IGNoZWNrIDwvdGl0bGU+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTcgMTQuMiAyLjggMTBsLTEuNCAxLjRMNyAxNyAxOSA1bC0xLjQtMS40eiIvPjwvZz48L3N2Zz4=);
    content: '';
    pointer-events: none;
    filter: var(--wiki-icon-general-filter)
}

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

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

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

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

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

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

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

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

.oo-ui-image-invert.oo-ui-icon-check {
    background: 0 0;
    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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IGNoZWNrIDwvdGl0bGU+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTcgMTQuMiAyLjggMTBsLTEuNCAxLjRMNyAxNyAxOSA1bC0xLjQtMS40eiIvPjwvZz48L3N2Zz4=);
    content: '';
    pointer-events: none;
    filter: var(--wiki-icon-general-filter)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mw-editfooter-toggler {
    position: relative;
    filter: unset;
    background: 0 0
}

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

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

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

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

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

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

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

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

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

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

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

.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
    opacity: .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: 0 0;
    font-family: inherit
}

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

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

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
    color: rgba(var(--wiki-content-text-color--rgb),0.4)
}

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

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

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

.oo-ui-processDialog-content .oo-ui-window-head,.oo-ui-processDialog-content .oo-ui-window-foot,.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)
}

#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 {
    transition: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mw-templatedata-doc-param-alias {
    color: var(--wiki-content-text-mix-color)
}

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

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

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

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

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

.mwe-math-fallback-image-inline,.mwe-math-fallback-image-display {
    filter: var(--wiki-icon-general-filter);
    font-size: 13px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: 0 0
}

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

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

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

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

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

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

.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 #000,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)
}

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

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

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

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

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

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

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

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

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

.ve-init-mw-progressBarWidget {
    background-color: var(--wiki-body-background-color);
    border: 1px solid 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 {
    background-color: var(--wiki-content-background-color);
    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: .25
}

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

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

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

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

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

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

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

.cs-title-edit-field {
    border-color: var(--wiki-accent-color)
}

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

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

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

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

.cs-comment-body {
    padding: 0 5px
}

.mobile-nav-toggle {
    display: none
}

html {
    --wiki-logo-width: 15rem;
    --wiki-logo-height: 11rem;
    --wiki-logo-top-spacing: 35px;
    --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */
    --vector-tab-height: 2rem;
    --vector-tab-border-width: 1px;
    --vector-tab-top-spacing: 0.5em;
    --vector-tab-margin: var(--wiki-content-padding);
    --sidebar-width: 10rem;
    --sidebar-spacing: 1rem;
    --sidebar-heading-color: #f5d68d;
    --sidebar-heading-color--rgb: 245,214,141;
    --sidebar-heading-border-bottom: 1px solid rgb(85 45 45);
    --sidebar-border-radius: 5px;
    --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 #243241;
    --sidebar-list-item--hover: rgb(46 107 160 / 16%);
    --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;
}

:root {
   --wiki-base-darker: rgba(var(--wiki-content-border-color--rgb),0.2);
    --wiki-base-background-color: #0d3557;
    --wiki-body-background-image: url(/images/2/26/Background.png);
    --wiki-body-background-color: #2f373e;
    --wiki-body-background-color--rgb: 26,31,33;
    --wiki-body-background-opacity: 0.9;
    --wiki-box-shadow: box-shadow: 0 0 4px rgba(44,65,66,0.8);
    --wiki-body-dynamic-color: #fff;
    --wiki-body-dynamic-color--rgb: 255, 255, 255;
    --wiki-body-dynamic-color--inverted: #000;
    --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0;
    --wiki-content-background-color: #1a1f21;
    --wiki-content-background-color--rgb: 26,31,33;
    --wiki-content-background-opacity: 0.9;
    --wiki-content-background-color--secondary: #1a1e20;
    --wiki-content-background-color--secondary--rgb: 43,43,43,0.9;
    --wiki-content-border-color: #395157;
    --wiki-content-border-color--rgb: 57, 81, 87;
    --wiki-content-text-color: #ededed;
    --wiki-content-text-color--rgb: 237,237,237;
    --wiki-content-link-color: #f5d68d;
    --wiki-content-link-color--rgb: 245,214,141;
    --wiki-content-link-label-color: #000;
    --wiki-content-link-label-color--rgb: 0,0,0;
    --wiki-content-link-color--visited: #908dfb;
    --wiki-content-link-color--visited--rgb: 144,141,251;
    --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: #ff5d5d;
    --wiki-content-redlink-color--rgb: (255, 93, 93);
    --wiki-content-text-mix-color: #878a8f;
    --wiki-content-text-mix-color-95: #1c202d;
    --wiki-content-dynamic-color: #fff;
    --wiki-content-dynamic-color--rgb: 255, 255, 255;
    --wiki-content-dynamic-color--inverted: #000;
    --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0;
    --wiki-content-padding: 1.5rem;
    --wiki-heading-color: #ffe280;
    --wiki-accent-color: #3761af;
    --wiki-accent-color--rgb: 55, 97, 175;
    --wiki-accent-color--hover: #243241;
    --wiki-accent-color--hover--rgb: 36, 50, 65;
    --wiki-accent-text-color: #e8e8e8;
    --wiki-alert-color: #ce0018;
    --wiki-alert-label-color: #fff;
    --wiki-alert-color--rgb: 206, 0, 24;
    --wiki-warning-color: #cf721c;
    --wiki-warning-color--rgb: 207, 114, 28;
    --wiki-success-color: #0c742f;
    --wiki-success-color--rgb: 12, 116, 47;
    --wiki-success-label-color: #fff;
    --wiki-separator-color--rgb: 65, 79, 106;
    --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: var(--wiki-content-text-color);
    --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb);
    --wiki-heading-font-family: 'Nunito',sans-serif;
    --wiki-accent-color: #243241;
    --wiki-accent-color--rgb: 36,50,65;
    --wiki-accent-label-color: #000;
    --wiki-accent-label-color--rgb: 0,0,0;
    --wiki-navigation-background-color: var(--wiki-content-border-color);
    --wiki-navigation-color: #fff;
    --wiki-navigation-background-color--rgb: var(--wiki-content-border-color--rgb);
    --wiki-navigation-background-color--secondary: var(--wiki-content-background-color--secondary);
    --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--secondary--rgb);
    --wiki-navigation-border-color: var(--wiki-content-border-color);
    --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb);
    --wiki-navigation-text-color: var(--wiki-content-link-color);
    --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb);
    --wiki-navigation-selected-background-color: var(--wiki-content-background-color);
    --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb);
    --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color);
    --wiki-navigation-selected-border-color-rgb: var(--wiki-navigation-border-color--rgb);
    --wiki-navigation-selected-text-color: var(--wiki-content-text-color);
    --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb);
    --wiki-alert-color: #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(89%) sepia(57%) saturate(465%) hue-rotate(318deg) brightness(97%) contrast(98%);
}

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

body {
    background-image: linear-gradient(to bottom,rgb(47 55 62/10%),rgb(47 55 62 /80%),rgb(47 55 62/100%),var(--wiki-body-background-color)),var(--wiki-body-background-image);
    background-size: cover;
    background-position: top;
    background-position-y: 33px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: var(--wiki-body-background-color);
    background-size: contain
}

#mw-head-base,
#mw-page-base {
    display: none;
}
/**/

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

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

/* css for wide table */
.table-wide {
    clear: both;
    position: relative;
}

.mw-parser-output > .table-width {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.table-wide-inner {
    overflow-x: auto;
}

.table-wide-inner > table {
    margin: 0 !important;
}

.table-wide:before {
    box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
    content: "";
    display: block;
    width: 20px;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 2;
}

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

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

/* Copied and modified from Terraria wiki */
/*** logo block. It is absolute position ***/
#p-logo {
    position: absolute;
    top: var(--wiki-logo-top-spacing);
    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;
    filter: drop-shadow(1px 0 6px rgba(0,0,0,0.45)) drop-shadow(3px 5px 3px rgba(0,0,0,0.80)) saturate(1.4);
    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;
}

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

/**************
* Vector 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: calc(2rem + 1.75em);
    margin: 0 var(--vector-tab-margin);
    z-index: 1;
}

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

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

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

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

.vector-menu-tabs li a,
.vector-menu-tabs li.new a,
.vector-menu-tabs li.new a:visited,
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited,
#mw-head .vector-menu-dropdown .vector-menu-heading {
    color: var(--wiki-navigation-color);
    height: 80%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0.9em 8px;
    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 {
    color: var(--wiki-content-link-color);
}

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

.vector-menu-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 {
    padding-bottom: 0.2em;
    color: transparent;
}

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

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

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

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

#p-search {
    padding: 0;
    margin: 0;
    margin-left: 0.4em;
}

.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: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(40 63 69 / 50%), rgba(0, 0, 0, 0));
    border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(58 67 74), rgba(0, 0, 0, 0)) 30% 5%;
    border-top: var(--vector-tab-border-width) solid;
    border-bottom: var(--vector-tab-border-width) solid;
}

.vector-menu-tabs li.new a,
.vector-menu-tabs .selected a,
.vector-menu-tabs li a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
    height: 2rem;
    padding: 0 0.7em;
    margin: 0;
}

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

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

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

/* Sections background */
#mw-panel .portal::before,
#mw-panel #p-logo + .portal::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: var(--wiki-box-shadow);
    border-radius: var(--sidebar-border-radius);
    background: var(--sidebar-background);
    z-index: -1;
}

/* Sections border */
#mw-panel .portal::after,
#mw-panel #p-logo + .portal::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    box-shadow: var(--wiki-box-shadow);
    border: var(--wiki-sidebar-border-color);
    border-radius: var(--sidebar-border-radius);
  
    /* Legal fallback */
    image-rendering: optimizeSpeed;
    /* Firefox        */
    image-rendering: -moz-crisp-edges;
    /* Opera          */
    image-rendering: -o-crisp-edges;
    /* Safari         */
    image-rendering: -webkit-optimize-contrast;
    /* CSS3 Proposed  */
    image-rendering: optimize-contrast;
    /* IE8+           */
    -ms-interpolation-mode: nearest-neighbor;
    z-index: -1;
}

/* 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: 0.7em 1em 0.7em 1em;
    border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0;
    background: transparent;
    font-size: 1.25em;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    line-height: 18px;
    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-bottom: 1px solid transparent;
    transition: border-bottom 300ms;
}

/* Section heading background*/
#mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.5em;
    background: rgba(var(--wiki-content-background-color--rgb), 0.9);
    border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0;
    z-index: -1;
}

#mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before {
    border-radius: var(--sidebar-border-radius);
}

/* 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 {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-top: var(--sidebar-list-border-top);
}

#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 li {
    border-bottom:1px solid rgba(var(--wiki-content-border-color--rgb),0.5);
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    font-family: nunito,sans-serif;
    line-height: inherit;
    border-radius: var(--sidebar-inner-border-radius);
}

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

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

/**************************
* 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 {
    font-family: Nunito, sans-serif;
    color: var(--wiki-content-text-color);
    background-color: transparent;
    box-shadow: var(--wiki-box-shadow);
    border-radius:5px;
    border:none;
    margin-right: var(--content-right-margin);
    position: relative;
    z-index: 0;
}

.mw-body::before,
.mw-footer::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    background-position: bottom right;
    background-size: auto;
    background-repeat: no-repeat;
    background-color: rgba(var(--wiki-body-background-color--rgb), 0.9);
    border-radius: 5px;
    z-index: -1;
}

.mw-body::after,
.mw-footer::after {
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: 0;
    left: 0;
    content: '';
    /* Legal fallback */
    image-rendering: optimizeSpeed;
    /* Firefox        */
    image-rendering: -moz-crisp-edges;
    /* Opera          */
    image-rendering: -o-crisp-edges;
    /* Safari         */
    image-rendering: -webkit-optimize-contrast;
    /* CSS3 Proposed  */
    image-rendering: optimize-contrast;
    /* IE8+           */
    -ms-interpolation-mode: nearest-neighbor;
    z-index: -1;
}

.mw-body {
    top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing));
    padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-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 *
*******************************/


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

html {
    --layout-sidespace: 150px;
    --layout-height-offset: var(--wiki-logo-top-spacing);
    --layout-column-gap: 15px;
    --layout-content-width: minmax(0,2fr)
}

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;
    border-bottom: 01px solid var(--wiki-content-border-color);
}

#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;
    line-height: 50px;
    padding: 23px 0 12px;
    overflow-x: auto;
    overflow-y: Hidden
}

.mw-page-title-namespace {
    margin-right:2px;
    font-family: EnchantedLand;
    font-size: 50px;
    color: var(--wiki-content-link-color)
}

.mw-page-title-separator {
    vertical-align: bottom;
    margin-right: 5px;
    font-size: 30px;
    font-family: Rustica;
    font-weight: bold;
    color: var(--wiki-content-link-color)
}

.mw-page-title-main {
    margin-right: 5px
}

#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 *
*****************/
@media screen and (max-width: 1400px) {
     :root {
        --layout-sidespace: 50px;
    }
}

@media screen and (max-width: 1100px) {
    :root {
        --layout-sidespace:10px
    }
}

@media screen and (max-width: 1000px) {
	:root {
        --layout-sidespace: 20px;
    }
	
    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 {
		grid-column: aside-left/aside-right;
		grid-row: aside-start/aside-end;
		/* box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); */
        background: rgba(var(--wiki-body-background-color--rgb),0.9);
		border-radius: var(--sidebar-border-radius);
		/*         backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px); */
		display: flex;
		margin-bottom: 1em !important;
		z-index: 11;
        /* Legal fallback */
		 image-rendering: optimizeSpeed;
        /* Firefox        */
		 image-rendering: -moz-crisp-edges;
        /* Opera          */
		 image-rendering: -o-crisp-edges;
        /* Safari         */
		 image-rendering: -webkit-optimize-contrast;
        /* CSS3 Proposed  */
		image-rendering: optimize-contrast;
        /* IE8+           */
		 -ms-interpolation-mode: nearest-neighbor;
        box-shadow: var(--wiki-box-shadow);
  /* flex-direction: row; */
  align-items: center;
    }

    #mw-panel .portal,#mw-panel #p-logo+.portal {
        background: 0 0;
        box-shadow: none;
        border: none;
        margin: 0;
        padding: .25em 0;
        display: flex;
        position: relative;
        justify-content: center;
    }


    #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: center;
    }

   
    #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 {
        display: none!important;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 50;
        width: max-content;
        background: var(--wiki-content-background-color);
        border-radius: 5px;
        min-width: 8em;
        border: var(--wiki-content-border-color) 1px solid;
        box-shadow: var(--wiki-content-background-color) 0px 10px 10px 5px;
    }


    #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: 800px) {
        :root {
            --layout-sidespace:5px
        }

                .vector-menu-tabs-legacy li {
            font-size:14.7px
        }
    }

@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 {
        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: 720px) {
    #mw-panel {
        height:60px;
        font-size: 10px;
        border-radius: 0px;
    }
    
    .mw-body::before,.mw-footer::before {
    border-radius: 0px;
    }
}

@media screen and (max-width: 460px) {

    #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. >=1000px only */
@media screen and (min-width: 1000px) {
	
	/*Different nav style > 1000px*/
	#mw-panel .portal .body li {
    border-bottom: none;
            padding:0 0 1px 6px;
    }

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

/* anchors */
a,
a:visited,
div#content a.extiw,
div#content a.extiw:visited,
div#content a.external,
div#content a.external:visited,
.skin-vector #mw-indicator-mw-helplink a,
label.toctogglelabel {
    color: var(--wiki-content-link-color);
}

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

.mw-interwiki-legend .mw-collapsible-toggle a {
    color: var(--wiki-content-text-color);
}

ul {
    list-style-image: url(/images/7/7a/Bullet.png);
}

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

.mw-warning {
    background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5);
    border-bottom: 1px solid rgba(65, 79, 106, 0.3);
}

div.mw-warning-with-logexcerpt {
    border: 2px solid rgba(65, 79, 106, 0.3);
}

code {
    background-color: #000000;
    color: #ffffff;
}

pre,
pre,.skin-vector .mw-code {
    background-color: #13191b;
    border: 1px solid #414f6a;
    color: #e0e0e0
}

fieldset {
    border: 1px solid #527fd0;
}

/* thumbnails and galleries */
div.thumbinner {
    background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1);
    border: 1px solid rgba(65, 79, 106, 0.3);
}

img.thumbborder {
    border: 1px solid rgba(65, 79, 106, 0.3);
}

html .thumbimage {
    border: 1px solid rgba(65, 79, 106, 0.3);
}

li.gallerybox div.thumb {
    background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1);
    background-image: none;
    border: 1px solid rgba(65, 79, 106, 0.3);
}

html .thumbimage {
    background-color: transparent;
    border: 1px solid rgba(65, 79, 106, 0.3);
}

.mw-body h1,.mw-body h2 {
    font-family: Cinzel;
    font-weight: 500;
}


/* Item/spell/pet Tooltip rounding */
.spell-tooltip a img ,.class-tooltip a img ,.item-tooltip a img ,pet-tooltip a img {
        border-radius: 20px;
    }
    
.spell-tooltip a img ,.class-tooltip a img ,.pet-tooltip a img,.pet-tooltip a img {
    border-radius: 20px;
}

.item-icon.item-tooltip a img,.spell-slot.spell-tooltip a img  {
    border-radius: 5px;
    aspect-ratio: 1/1;
}

pet-tooltip a img,.Header p a img {
    border-radius: 100%;
}

.class-icon {
    background-color: #181b1e;
    border: 1px solid var(--wiki-guidebox-colour);
    display: inline-flex;
    flex-direction: column;
    margin:10px;
    align-items: center;
    overflow:hidden;

}


.class-icon p {
    background-color: #262e36;
    width:100%;
    border: 1px solid var(--wiki-guidebox-colour);
    padding: 4px;
    display: inline-flex;
    flex-direction: column;
    margin:0px;

    align-items: center
}

.class-icon a{
    cursor:pointer;
}

.class-icon a:hover, .classbarb:hover{
    filter: brightness(1.4);
}

.class-icon.class-tooltip img {
    padding:5px;
    border-radius: 100%
}

.class-icon.pet-tooltip img {
    padding: 5px;
    border-radius: 100%
}


/* On item/spell/pet tooltip hover*/


.item-icon.item-tooltip a img:hover,.spell-tooltip a:nth-child(2) img:hover,pet-tooltip a img,.Header p a img:hover, .class-icon img:hover{
    filter: contrast(1.1) brightness(120%)
}


/* Custom header Style */ 

.mw-parser-output h1 {
    margin-bottom: 15px
}

.mw-parser-output h2 {
    font-size: 1.8em;
    border-color: #395157;
    margin-bottom: 16px;
}

.mw-parser-output h3{
    font-size:1.2em;
    font-weight:800;
}

/* Tabbers */


.tabber__header {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    box-shadow: inset 0 -1px 0 0 #395157;
    min-block-size: fit-content;
}

.tabber__indicator {
    border-radius: 0px;
    margin-top: -2px;
    block-size: 2px;
    inline-size: 0;
}

/*  Guidebox Same size expandable*/ 
.Guidebox.wikitable.mw-collapsible.mw-expanded.mw-made-collapsible.mw-collapsed{
    width:100%;
    margin: 0px;
    display: table;
}

.Guidebox.wikitable.mw-collapsible.mw-expanded.mw-made-collapsible{
    width:100%;
    margin: 0em 0em;
}

/* Guidebox styling */

.Guidebox.wikitable.mw-collapsible.mw-expanded.mw-made-collapsible.mw-collapsed {
    width: 100%;
    display: table;
}

:root {
    --wiki-guidebox-colour: #222f36;
    --wiki-guidebox-colour1: #1d2428
}

.Guidebox>tbody>tr  {
    background: var(--wiki-guidebox-colour);
}

.Guidebox .spellcol{
width: 99%;
background: var(--wiki-guidebox-colour1);
}

.Guidebox.wikitable.mw-collapsible.mw-expanded.mw-made-collapsible.mw-collapsed {
    width: 100%;
    display: table
}

.Guidebox.wikitable.mw-collapsible.mw-expanded.mw-made-collapsible {
    max-width: 900px;
    width: 100%;
}

.enchant-row tbody {
    background-color: var(--wiki-guidebox-colour1);
}


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

@media screen and (max-width: 720px) {

        .vector-menu-tabs li:not(:first-child),#p-cactions {
     padding-left: 0px; 
	}
	
    html {
            --wiki-logo-width:15rem;
            --wiki-logo-height: 12rem;
            --vector-tab-height: 2.2em;
            --vector-tab-border-width: 1px;
            --content-right-margin: 0;
            --search-height: 3.5em
    }

    :root {
        --wiki-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(-3.6em - var(--search-height));
        left: calc(50% - 6px);
        right: auto;
        width: 100%;
        max-width: 20em;
        margin: 0;
        padding: 6px;
        transform: translateX(-50%);
    }

    #simpleSearch {
        width: 100vw;
    }

    .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) > math.mwe-math-element {
	    overflow: auto hidden;
	    max-width: 100%;
	}

    /* 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;
        max-width: 100%;
        width: calc(var(--pi-width) - 2em);
    }
    
    /*Quality table sits under Infobox @ max width*/
    
        .WikiaTable,.article-table.article-table {
        width: 100%;
    }


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

@media screen and (max-width: 1000px) {
    
    body {
            background-image:linear-gradient(to bottom,rgb(47 55 62/10%),rgb(47 55 62/80%),rgb(47 55 62/100%),var(--wiki-body-background-color)),var(--wiki-body-background-image);
            background-size: 1000px;
            background-position: center;
            background-position-y: 33px;
            background-repeat: no-repeat;
            background-color: var(--wiki-body-background-color)
    }
}

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

/* --------------------------------------- Templates: Todo, Guides*/
.marked {
    background-color: rgba(var(--wiki-content-border-color--rgb),0.3);
    padding: 5px;
    padding-left: 8px;
    width: 100%;
    border-left: solid 5px var(--wiki-content-link-color);
    margin-bottom: 5px;
    border-radius: 5px;
}


.marked b {
    margin-left: 8px;
}

.mwe-math-fallback-image-inline {
	padding:0px 15px 0px 4px;
}

.FullWidthImage img {
    height: auto;
    width: 100%;
}

/* ----------------------------------------- Article tables used in Quality Tables ------ */

.WikiaTable,.article-table {
    width: calc(100% - 287px);
    background:var(--wiki-guidebox-colour1);
    border-collapse:collapse;
    overflow: auto;
    margin:1em 5em 1em 0;
}

.WikiaTable td,.WikiaTable th,.article-table td,.article-table {
    border-bottom:1px solid var(--wiki-content-border-color);
}

.WikiaTable th,.article-table th {
    padding:6px;
    background: var(--wiki-guidebox-colour);
    text-align: left
}

html,body {
        font-family: Nunito, sans-serif;
    }
    
    /*Tooltips v2*/ 


.tooltip-box tr td.mathttwrapper {
    background: var(--wiki-content-background-color);
    overflow-x: hidden; 
}

.tooltip-box th,.tooltip-box td:nth-child(2) {
    background: var(--wiki-guidebox-colour1);
    border:1px solid rgba(var(--wiki-content-border-color--rgb),0.7);
}

.tooltip-box tr td {
    padding: 5px 10px 5px 10px;
}

.tooltip-box tr:first-child td:nth-child(2) {
    font-weight: 600;
    color: #fff;
    font-size: 16px;
}

.tooltip-box th {
    background: var(--wiki-guidebox-colour);
    padding: 5px;
    color: var(--wiki-content-link-color)
}

.tooltip-box {
    border-collapse: collapse
}

/* Template:ItemPreset - Appears in guidebox */

.itempreset.mw-collapsible.mw-made-collapsible.mw-collapsed{
    table-layout: fixed; /*Collapsed fixed headings, not based on amount of text*/ 
}

.itempreset {
    width: 100%;
    margin: 0;
    word-break: break-word;
}

.itempreset tbody {
    background-color: #161c1e
}

.itempreset th {
    background-color: var(--wiki-guidebox-colour1);
}

 .enchant-row .item-preset tbody {
    background: none;
}

tr.itempreset {
    display: grid;
    gap: 8px;
}

@container (max-width: 400px) {
    tr.itempreset {
    display: grid;
    gap: 0px;
    }
}

/* Ring 1 */
table.item-preset td:nth-child(1) {
    grid-row: 2;
    grid-column: 5
}

/* Head*/
table.item-preset td:nth-child(2) {
    grid-row: 1;
    grid-column: 3
}

/* Chest */
table.item-preset td:nth-child(3) {
    grid-row: 2;
    grid-column: 3
}

/* Hand */
table.item-preset td:nth-child(4) {
    grid-row: 2;
    grid-column: 4
}

/* Ring 2 */
table.item-preset td:nth-child(5) {
    grid-row: 3;
    grid-column: 5
}

/* Neck */
table.item-preset td:nth-child(6) {
    grid-row: 1;
    grid-column: 5
}

/* Boots */
table.item-preset td:nth-child(7) {
    grid-row: 4;
    grid-column: 3
}

/* Shoulder */
table.item-preset td:nth-child(8) {
    grid-row: 1;
    grid-column: 1
}

/* Belt */
table.item-preset td:nth-child(9) {
    grid-row: 3;
    grid-column: 2;
    margin-top: -50%
}

/* Back */
table.item-preset td:nth-child(10) {
    grid-row: 1;
    grid-column: 4
}

/* Wrist */
table.item-preset td:nth-child(11) {
    grid-row: 2;
    grid-column: 1
}

/* Weapon */
table.item-preset td:nth-child(12) {
    grid-row: 3;
    grid-column: 1
}

/* Offhand */
table.item-preset td:nth-child(13) {
    grid-row: 3;
    grid-column: 4
}

/* Research */
table.item-preset td:nth-child(14) {
    grid-row: 4;
    grid-column: 1
}

/* Trophy 1 */
table.item-preset td:nth-child(15) {
    grid-row: 4;
    grid-column: 4
}

/* Trophy 2 */
table.item-preset td:nth-child(16) {
    grid-row: 4;
    grid-column: 5
}

/* Legs */
table.item-preset td:nth-child(17) {
    grid-row: 3;
    grid-column: 3
}

/* Mount */
table.item-preset td:nth-child(18) {
    grid-row: 4;
    grid-column: 2;
    margin-top: -50%
}

/* Phyl */
table.item-preset td:nth-child(19) {
    grid-row: 2;
    grid-column: 2;
    margin-top: -50%
}
.guideboxcont {
    overflow-wrap: break-word;
    overflow-x: auto;
    flex-wrap: wrap;
    max-width: 400px;
}

.portable-infobox .pi-title {
    font-family: EnchantedLand;
    font-size: 50px;
    line-height: 40px;
    padding: 10px;
    background-color: var(--pi-secondary-background);
    color: white;
    border-radius: 5px 5px 0 0;
}

.portable-infobox .pi-secondary-background {
    background-color: var(--wiki-content-background-color);
    color: var(--pi-secondary-background-label);
}

    .vector-body {
        font-size: 1em;
        line-height: 1.64
    }

    @media screen and (max-width: 600px) {
        .vector-body {
            font-size: 0.93em;
            line-height: 1.6
        }
    }
    
    
/* Guide box spell set scaling down on mobile */
.spell-set{
   display: grid; 
}

.spell-set tbody {
    overflow: auto;
    /* Fix so when there's no GuideBox it doesn't have gaps on page */
    display: flex;
    flex-direction: column;
}

/* for secret achievement page */
.wikia-menu-button{
    display: inline-flex;
    background: #2d3e3e;
    border: 3px solid var(--wiki-content-border-color);
    padding: 10px;
    margin: 5px;
    height: 100px;
    border-radius: 10px;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
/* Tabbers fill width of container with centering */
.tabber__tab { 
	flex: 1 ; 
	justify-content: center; 
	}
	
/* Alternative method of underline active tabber */
	.tabber__indicator {
    display:none;
}

.tabber__tab[aria-selected="true"] {
  box-shadow: inset 0 -2px 0 0 var(--wiki-content-link-color);
}

.classbar {
    align-text:center;
    display: flex;
}

.classbarb {
    background-color: var(--wiki-guidebox-colour1);
    border: 1px var(--wiki-guidebox-colour) solid;
    margin: 2px 0 2px 2px;
    font-size: 10.5px;
    z-index: 1;
    padding: 1px
}

.mw-collapsible-toggle-default .mw-collapsible-text {
    color: var(--wiki-content-link-color);
}

.mw-collapsible-toggle-default::after {
    content: ']';
    color: white;
}

.mw-collapsible-toggle-default::before {
    content: '[';
    color: white;
}

.inline.mw-collapsible.mw-made-collapsible.mw-collapsed {
	display: inline-flex;
	flex-direction: row-reverse;
}

/* Search BG dark mode fix */

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

/* Search bg fix end */