MediaWiki:Common.css: Difference between revisions

From Starlight wiki
← Older edit
No edit summary
Tag: Reverted
No edit summary
 
(41 intermediate revisions by the same user not shown)
Line 163: Line 163:
}
}


@font-face {
.noSprite>*>* {
    font-family: "Teko";
image-rendering: auto !important;
    font-weight: 500;
    src: url(https://wiki.spacestation14.com/w/images/stuff/Teko-Medium.woff2)
            format("woff2"),
        url(https://wiki.spacestation14.com/w/images/stuff/Teko-Medium.woff)
            format("woff");
    ascent-override: 65%;
    descent-override: 10%;
}
}


:root {
.material-symbols-outlined {
     color-scheme: dark;
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
     -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased
}


    --bg-color: hsl(240, 7%, 11%);
.mw-body-content sub,.mw-body-content sup,span.reference {
    --bg-color-light: hsl(240, 7%, 14%);
     font-size: 80%
    --bg-color-light-x2: hsl(240, 8%, 17%);
}
    --bg-color-light-x3: hsl(240, 7%, 20%);
    --bg-color-light-x4: hsl(240, 7%, 23%);
     --bg-color-light-x5: hsl(240, 7%, 26%);
    --bg-color-light-x6: hsl(240, 7%, 32%);


    --border-color-light: hsl(240, 7%, 35%);
.ns-talk .mw-body-content dd {
     --border-color-light-x2: hsl(240, 7%, 45%);
     margin-top: 0.4em;
     --border-color: hsl(240, 7%, 24%);
     margin-bottom: 0.4em
}


    --text-color: lightgrey;
#interwiki-completelist {
     --text-color-grayed-out: gray;
     font-weight: bold
}


     --code-color-bg: hsl(195, 7%, 11%);
.biglink {
     --code-color-bg-light: hsl(195, 7%, 18%);
     font-family: "Oswald";
    --code-color-text: hsl(36, 10%, 90%);
    font-style: oblique 10deg;
    --code-color-border: hsl(197, 6%, 22%);
     font-variant-caps: small-caps;
    text-shadow: #1b1b1f 1px 2px,#595959dd 2px 2px 1px
}
 
.client-js .mw-special-Watchlist #watchlist-message,.client-js .collapsible:not(.mw-made-collapsible).collapsed>tbody>tr:not(:first-child),#editpage-specialchars {
    display: none
}


    --link-color: lightblue;
.mw-rcfilters-enabled .mw-specialpage-summary {
     --link-color-visited: #007fff;
     margin-top: 1em
}


    --action-color-light-x2: var(--blue-color-light-x2);
.citation:target {
     --action-color-light: var(--blue-color-light);
     background-color: rgba(0,127,255,0.133)
    --action-color: var(--blue-color);
}
    --action-color-dark: var(--blue-color-dark);
    --action-color-dark-x2: var(--blue-color-dark-x2);


--warning-color: hsl(54 100% 15% / 1);
.citation {
--warning-color-border: hsl(60, 55%, 30%);
    word-wrap: break-word
}


--danger-color: var(--red-color);
ol.references {
--danger-color-dark: var(--red-color-dark);
    font-size: 90%;
--danger-color-dark-x2: var(--red-color-dark-x2);
    margin-bottom: 0.5em
--danger-color-border: var(--red-color-border);
}


    --blue-color-light-x2: hsl(220, 66%, 63%);
.hlist dl,.hlist ol,.hlist ul {
     --blue-color-light: hsl(220, 60%, 56%);
     margin: 0;
     --blue-color: hsl(220, 60%, 50%);
     padding: 0
    --blue-color-dark: hsl(220, 54%, 43%);
}
    --blue-color-dark-x2: hsl(220, 54%, 36%);


    --green-color-light: hsl(167, 80%, 50%);
.hlist dd,.hlist dt,.hlist li {
     --green-color: hsl(167, 80%, 45%);
     margin: 0;
     --green-color-dark: hsl(167, 74%, 30%);
     display: inline
}


    --red-color: hsl(0, 75%, 50%);
.hlist.inline,.hlist.inline dl,.hlist.inline ol,.hlist.inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul {
    --red-color-dark: hsl(0, 67%, 42%);
     display: inline
    --red-color-dark-x2: hsl(0, 62%, 36%);
}
     --red-color-border: hsl(0, 47%, 22%);


.hlist .mw-empty-li {
    display: none
}


    /* ============= */
.hlist dt:after {
    /* ICONS GO HERE */
     content: ":"
     /* ============= */
}
   
    /* white table sort icon */
    --icon-table-sort-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjEiIGhlaWdodD0iOSI+PGRlZnM+PGZpbHRlciBpZD0iZGFya3JlYWRlci1pbWFnZS1maWx0ZXIiPjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwLjI0OSAtMC42MTQgLTAuNjcyIDAuMDAwIDEuMDM1IC0wLjY0NiAwLjI4OCAtMC42NjQgMC4wMDAgMS4wMjAgLTAuNjM2IC0wLjYwOSAwLjI1MCAwLjAwMCAwLjk5NCAwLjAwMCAwLjAwMCAwLjAwMCAxLjAwMCAwLjAwMCIgLz48L2ZpbHRlcj48L2RlZnM+PGltYWdlIHdpZHRoPSIyMSIgaGVpZ2h0PSI5IiBmaWx0ZXI9InVybCgjZGFya3JlYWRlci1pbWFnZS1maWx0ZXIpIiB4bGluazpocmVmPSJkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBEOTRiV3dnZG1WeWMybHZiajBpTVM0d0lpQmxibU52WkdsdVp6MGlWVlJHTFRnaVB6NEtQSE4yWnlCNGJXeHVjejBpYUhSMGNEb3ZMM2QzZHk1M015NXZjbWN2TWpBd01DOXpkbWNpSUhkcFpIUm9QU0l5TVNJZ2FHVnBaMmgwUFNJNUlpQjJhV1YzUW05NFBTSXdJREFnTWpFZ09TSStDZ2s4Y0dGMGFDQmtQU0p0TVRRdU5TQTFMVFFnTkMwMExUUjZiVEF0TVMwMExUUXROQ0EwZWlJdlBnbzhMM04yWno0SyIgLz48L3N2Zz4=");


    /* wiki help button icon - transparent question mark in circle of cosmoBlue */
.hlist dd:after,.hlist li:after {
     --icon-wiki-help-cosmoBlue: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KCTx0aXRsZT4KCQloZWxwCgk8L3RpdGxlPgoJPHBhdGggZmlsbD0icmdiKDIxMiAyMzYgMjU1KSIgZD0iTTEwIDBhMTAgMTAgMCAxIDAgMTAgMTBBMTAgMTAgMCAwIDAgMTAgMHptMSAxNkg5di0yaDJ6bTIuNzEtNy42YTIuNjQgMi42NCAwIDAgMS0uMzMuNzQgMy4xNiAzLjE2IDAgMCAxLS40OC41NWwtLjU0LjQ4Yy0uMjEuMTgtLjQxLjM1LS41OC41MmEyLjU0IDIuNTQgMCAwIDAtLjQ3LjU2QTIuMyAyLjMgMCAwIDAgMTEgMTJhMy43OSAzLjc5IDAgMCAwLS4xMSAxSDkuMDhhOC45IDguOSAwIDAgMSAuMDctMS4yNSAzLjI4IDMuMjggMCAwIDEgLjI1LS45IDIuNzkgMi43OSAwIDAgMSAuNDEtLjY3IDQgNCAwIDAgMSAuNTgtLjU4Yy4xNy0uMTYuMzQtLjMuNTEtLjQ0YTMgMyAwIDAgMCAuNDMtLjQ0IDEuODMgMS44MyAwIDAgMCAuMy0uNTUgMiAyIDAgMCAwIC4xMS0uNzIgMi4wNiAyLjA2IDAgMCAwLS4xNy0uODYgMS43MSAxLjcxIDAgMCAwLTEtLjkgMS43IDEuNyAwIDAgMC0uNS0uMSAxLjc3IDEuNzcgMCAwIDAtMS41My42OCAzIDMgMCAwIDAtLjUgMS44Mkg2LjE2YTQuNzQgNC43NCAwIDAgMSAuMjgtMS42OCAzLjU2IDMuNTYgMCAwIDEgLjgtMS4yOSAzLjg4IDMuODggMCAwIDEgMS4yOC0uODNBNC41OSA0LjU5IDAgMCAxIDEwLjE4IDRhNC40NCA0LjQ0IDAgMCAxIDEuNDQuMjMgMy41MSAzLjUxIDAgMCAxIDEuMTUuNjUgMy4wOCAzLjA4IDAgMCAxIC43OCAxLjA2IDMuNTQgMy41NCAwIDAgMSAuMjkgMS40NSAzLjM5IDMuMzkgMCAwIDEtLjEzIDEuMDF6Ii8+Cjwvc3ZnPg==");
     content: " · ";
    font-weight: bold
}


    /* navbar search magnifying glass search icon in greyish colors */
.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
    --icon-navbar-search-greyish: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KCTx0aXRsZT4KCQlzZWFyY2gKCTwvdGl0bGU+Cgk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IndoaXRlIiBkPSJNMTIuMiAxMy42YTcgNyAwIDEgMSAxLjQtMS40bDUuNCA1LjQtMS40IDEuNC01LjQtNS40ek0xMyA4QTUgNSAwIDEgMSAzIDhhNSA1IDAgMCAxIDEwIDB6Ii8+Cjwvc3ZnPgo=");
    content: none
}


    /* transparent exclamation mark in a circle filled with cosmoGreen */
.hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before {
    --icon-popup-notice-info-cosmoGreen: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KCTx0aXRsZT4KCQlub3RpY2UKCTwvdGl0bGU+Cgk8cGF0aCBmaWxsPSJyZ2IoMTAsIDIxMiwgOTgpIiBkPSJNMTAgMGExMCAxMCAwIDEgMCAxMCAxMEExMCAxMCAwIDAgMCAxMCAwem0xIDE2SDl2LTJoMnptMC00SDlWNGgyeiIvPgo8L3N2Zz4=");
    content: " (";
      
     font-weight: normal
    /* transparent exclamation mark in a circle filled with some kind of orange */
}
    --icon-popup-notice-warn-cosmoGreen: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj4gPHRpdGxlPiBhbGVydCA8L3RpdGxlPiA8cGF0aCBmaWxsPSJoc2woMzksIDEwMCUsIDUwJSkiIGQ9Ik02IDBhNiA2IDAgMCAwLTYgNiA2IDYgMCAwIDAgNiA2IDYgNiAwIDAgMCA2LTYgNiA2IDAgMCAwLTYtNnpNNSAyaDJ2NUg1VjJ6bTAgNmgydjJINVY4eiIvPiA8L3N2Zz4=");


    /* an icon to use to mark external links, in cosmoGreen */
.hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after {
    --icon-external-link-cosmoGreen: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IGV4dGVybmFsIGxpbmsgPC90aXRsZT48cGF0aCBmaWxsPSJyZ2IoMTAsIDIxMiwgOTgpIiBkPSJNMTcgMTdIM1YzaDVWMUgzYTIgMiAwIDAgMC0yIDJ2MTRhMiAyIDAgMCAwIDIgMmgxNGEyIDIgMCAwIDAgMi0ydi01aC0yeiIvPjxwYXRoIGZpbGw9InJnYigxMCwgMjEyLCA5OCkiIGQ9Im0xMSAxIDMuMjkgMy4yOS01LjczIDUuNzMgMS40MiAxLjQyIDUuNzMtNS43M0wxOSA5VjF6Ii8+PC9zdmc+");
    content: ")";
    font-weight: normal
}


    /* an asterisk icon used to mark required template fields, in yellow */
.hlist ol {
     --icon-asterisk-yellow: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IHJlcXVpcmVkIDwvdGl0bGU+PHBhdGggZmlsbD0iaHNsKDM5LCAxMDAlLCA1MCUpIiBkPSJNOC41IDBoM3YyMGgtM3oiLz48cGF0aCBmaWxsPSJoc2woMzksIDEwMCUsIDUwJSkiIGQ9Ik0xOS40IDEzLjcgMTggMTYuMy42IDYuMyAyIDMuN3oiLz48cGF0aCBmaWxsPSJoc2woMzksIDEwMCUsIDUwJSkiIGQ9Im0xOCAzLjcgMS40IDIuNi0xNy4zIDEwLTEuNS0yLjZ6Ii8+PC9zdmc+");
     counter-reset: listitem
   
}
    /* source editor icon - double brackets [[]], cosmoGreen color */
    --icon-source-editor-cosmoGreen: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IFdpa2l0ZXh0IDwvdGl0bGU+PGcgZmlsbD0icmdiKDEwLCAyMTIsIDk4KSI+PHBhdGggZD0iTTEgM3YxNGgzdi0ySDNWNWgxVjN6bTQgMHYxNGg0di0ySDdWNWgyVjN6bTExIDB2MmgxdjEwaC0xdjJoM1Yzem0tNSAwdjJoMnYxMGgtMnYyaDRWM3oiLz48L2c+PC9zdmc+");


    /* source editor mode switch icon in active state (which you open mode switch menu) - a pencil, in cosmo green */
.hlist ol>li {
     --icon-source-editor-mode-switch-active-cosmoGreen: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IGVkaXQgPC90aXRsZT48cGF0aCBmaWxsPSJyZ2IoMTAsIDIxMiwgOTgpIiBkPSJtMTYuNzcgOCAxLjk0LTJhMSAxIDAgMCAwIDAtMS40MWwtMy4zNC0zLjNhMSAxIDAgMCAwLTEuNDEgMEwxMiAzLjIzek0xIDE0LjI1VjE5aDQuNzVsOS45Ni05Ljk2LTQuNzUtNC43NXoiLz48L3N2Zz4=");
     counter-increment: listitem
}


    /* source editor syntax highlight icon in active state (when syntax higlighting is on) - a pen, in cosmo green */
.hlist ol>li:before {
     --icon-source-editor-syntax-highlight-mode-active-cosmoGreen: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IGhpZ2hsaWdodCA8L3RpdGxlPjxnIGZpbGw9IiMzNmMiPjxwYXRoIGZpbGw9InJnYigxMCwgMjEyLCA5OCkiIGQ9Ik0xNS4xNCAyLjI3YTEgMSAwIDAgMC0xLjQxIDBsLTEwIDEwYTEgMSAwIDAgMCAwIDEuNDFMNCAxNGwtMyA0aDVsMS0xIC4yOS4yOWExIDEgMCAwIDAgMS40MSAwbDEwLTEwYTEgMSAwIDAgMCAuMDMtMS40M3pNNyAxNWwtMi0yIDktOSAyIDJ6Ii8+PC9nPjwvc3ZnPg==");
     content: " " counter(listitem) "\a0"
}


    /* a puzzle icon present in templates in visual editor, in white */
.hlist dd ol>li:first-child:before,.hlist dt ol>li:first-child:before,.hlist li ol>li:first-child:before {
     --icon-template-puzzle-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IHB1enpsZSA8L3RpdGxlPjxjaXJjbGUgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSJ3aGl0ZSIgY3g9IjE3IiBjeT0iMTAiIHI9IjMiLz48cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Ik0xMC41OCAzQTMgMyAwIDAgMSAxMSA0LjVhMyAzIDAgMCAxLTYgMEEzIDMgMCAwIDEgNS40MiAzSDF2MTJhMiAyIDAgMCAwIDIgMmgxMlYzeiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=");
     content: " (" counter(listitem) "\a0"
}


    /* tabber icon present in visual editor → insert, in black */
.plainlist ol,.plainlist ul {
     --icon-tabber-black: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiPiA8dGl0bGU+dGFiYmVyPC90aXRsZT4gPHBhdGggZmlsbD0iIzA5YWJmMSIgZD0iTTE4IDJIMkMuOSAyIDAgMi45IDAgNHYxMmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjRjMC0xLjEtLjktMi0yLTJ6bTEgNWgtOGMtLjYgMC0xLS40LTEtMVYzaDhjLjYgMCAxIC40IDEgMXYzeiIvPiA8L3N2Zz4=");
     line-height: inherit;
    list-style: none none;
    margin: 0
}


    /* dropdown icon (arrow-like), in cosmo blue */
.plainlist ol li,.plainlist ul li {
     --icon-dropdown-cosmoBlue: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48dGl0bGU+IGRvd24gPC90aXRsZT48cGF0aCBmaWxsPSIjZDZlZGZmIiBkPSJNOS45IDIuOSA2IDYuOCAyLjEgMi45IDEgNGw1IDUgNS01eiIvPjwvc3ZnPg==");
     margin-bottom: 0
}


.navbox {
    box-sizing: border-box;
    border: 1px solid #a2a9b1;
    width: 100%;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
    margin: 1em auto 0
}
}


/* ============ */
.navbox .navbox {
/* #region Uncategorized */
    margin-top: 0
/* ============ */
}


/* Reset italic styling set by user agent */
.navbox+.navbox {
cite,
     margin-top: -1px
dfn {
     font-style: inherit;
}
}


/* Straight quote marks for <q> */
.navbox-inner,.navbox-subgroup {
q {
     width: 100%
     quotes: '"' '"' "'" "'";
}
}


/* Avoid collision of blockquote with floating elements by swapping margin and padding */
.navbox-group,.navbox-title,.navbox-abovebelow {
blockquote {
     padding: 0.25em 1em;
     overflow: hidden;
     line-height: 1.5em;
     margin: 1em 0;
     text-align: center
     padding: 0 40px;
}
}


/* Consistent size for <small>, <sub> and <sup> */
th.navbox-group {
small {
     white-space: nowrap;
     font-size: 85%;
    text-align: right
}
}


.mw-body-content sub,
.navbox,.navbox-subgroup {
  .mw-body-content sup,
     background-color: #fdfdfd
  span.reference /* for Parsoid */ {
     font-size: 80%;
}
}


/* Same spacing for indented and unindented paragraphs on talk pages */
.navbox-list {
.ns-talk .mw-body-content dd {
     line-height: 1.5em;
     margin-top: 0.4em;
     border-color: #fdfdfd
     margin-bottom: 0.4em;
}
}


/* Main page fixes */
tr+tr>.navbox-abovebelow,tr+tr>.navbox-group,tr+tr>.navbox-image,tr+tr>.navbox-list {
#interwiki-completelist {
     border-top: 2px solid #fdfdfd
     font-weight: bold;
}
}


.biglink {
.navbox th,.navbox-title {
     font-family: "Teko";
     background-color: #ccccff
    font-style: oblique 10deg;
    font-variant-caps: small-caps;
    text-shadow: #1b1b1f 2px 3px, #a00d 3px 5px;
}
}


/* Reduce page jumps by hiding collapsed/dismissed content */
.navbox-abovebelow,th.navbox-group,.navbox-subgroup .navbox-title {
.client-js .mw-special-Watchlist #watchlist-message,
     background-color: #ddddff
  .client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),
 
  /* Hide charinsert base for those not using the gadget */
  #editpage-specialchars {
     display: none;
}
}


/* Adds padding above Watchlist announcements where new recentchanges/watchlist filters are enabled */
.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow {
.mw-rcfilters-enabled .mw-specialpage-summary {
     background-color: #e6e6ff
     margin-top: 1em;
}
}


/* Highlight linked elements (such as clicked references) in blue */
.navbox-even {
.citation:target {
     background-color: #f7f7f7
     background-color: rgba(0, 127, 255, 0.133);
}
}


/* Styling for citations. Breaks long urls, etc., rather than overflowing box */
.navbox-odd {
.citation {
     background-color: transparent
     word-wrap: break-word;
}
}


/* Make the list of references smaller
.navbox .hlist td dl,.navbox .hlist td ol,.navbox .hlist td ul,.navbox td.hlist dl,.navbox td.hlist ol,.navbox td.hlist ul {
  * Keep in sync with Template:Refbegin/styles.css
     padding: 0.125em 0
  * And Template:Reflist/styles.css
  */
ol.references {
     font-size: 90%;
    margin-bottom: 0.5em;
}
}


/* Style for horizontal lists (separator following item).
.mw-parser-output .mw-collapsible-toggle {
@source mediawiki.org/wiki/Snippets/Horizontal_lists
    font-weight: normal;
@revision 8 (2016-05-21)
    text-align: right;
@author [[User:Edokter]]
     padding-right: 0.2em;
  */
     padding-left: 0.2em
.hlist dl,
.hlist ol,
.hlist ul {
     margin: 0;
     padding: 0;
}
}


/* Display list items inline */
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
.hlist dd,
     float: left;
.hlist dt,
     text-align: left
.hlist li {
     margin: 0; /* don't trust the note that says margin doesn't work with inline
  * removing margin: 0 makes dds have margins again */
     display: inline;
}
}


/* Display nested lists inline */
.infobox {
.hlist.inline,
    border: 1px solid #a2a9b1;
.hlist.inline dl,
    border-spacing: 3px;
.hlist.inline ol,
    background-color: #f8f9fa;
.hlist.inline ul,
    color: black;
.hlist dl dl,
    margin: 0.5em 0 0.5em 1em;
.hlist dl ol,
    padding: 0.2em;
.hlist dl ul,
    float: right;
.hlist ol dl,
    clear: right;
.hlist ol ol,
    font-size: 88%;
.hlist ol ul,
    line-height: 1.5em;
.hlist ul dl,
     width: 22em
.hlist ul ol,
.hlist ul ul {
     display: inline;
}
}


/* Hide empty list items */
.infobox-header,.infobox-label,.infobox-above,.infobox-full-data,.infobox-data,.infobox-below,.infobox-subheader,.infobox-image,.infobox-navbar,.infobox th,.infobox td {
.hlist .mw-empty-li {
     vertical-align: top
     display: none;
}
}


/* Generate interpuncts */
.infobox-label,.infobox-data,.infobox th,.infobox td {
.hlist dt:after {
     text-align: left
     content: ": ";
}
}


/**
.infobox .infobox-above,.infobox .infobox-title,.infobox caption {
  * Note hlist style usage differs in Minerva and is defined in core as well!
     font-size: 125%;
  * Please check Minerva desktop (and Minerva.css) when changing
  * See https://phabricator.wikimedia.org/T213239
  */
.hlist dd:after,
.hlist li:after {
     content: " · ";
     font-weight: bold;
     font-weight: bold;
    text-align: center
}
.infobox-title,.infobox caption {
    padding: 0.2em
}
}


.hlist dd:last-child:after,
.infobox .infobox-header,.infobox .infobox-subheader,.infobox .infobox-image,.infobox .infobox-full-data,.infobox .infobox-below {
.hlist dt:last-child:after,
     text-align: center
.hlist li:last-child:after {
     content: none;
}
}


/* Add parentheses around nested lists */
.infobox .infobox-navbar {
.hlist dd dd:first-child:before,
     text-align: right
.hlist dd dt:first-child:before,
.hlist dd li:first-child:before,
.hlist dt dd:first-child:before,
.hlist dt dt:first-child:before,
.hlist dt li:first-child:before,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
     content: " (";
    font-weight: normal;
}
}


.hlist dd dd:last-child:after,
.wikitable.plainrowheaders th[scope=row] {
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.hlist dt dt:last-child:after,
.hlist dt li:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {
    content: ")";
     font-weight: normal;
     font-weight: normal;
    text-align: left
}
}


/* Put ordinals in front of ordered list items */
.wikitable td ul,.wikitable td ol,.wikitable td dl {
.hlist ol {
     text-align: left
     counter-reset: listitem;
}
}


.hlist ol > li {
table.mw-hiero-table td {
     counter-increment: listitem;
     vertical-align: middle
}
 
.mw-parser-output a[href$=".pdf"].external,.mw-parser-output a[href*=".pdf?"].external,.mw-parser-output a[href*=".pdf#"].external,.mw-parser-output a[href$=".PDF"].external,.mw-parser-output a[href*=".PDF?"].external,.mw-parser-output a[href*=".PDF#"].external {
    background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) no-repeat right;
    padding-right: 18px
}
}


.hlist ol > li:before {
.messagebox {
     content: " " counter(listitem) "\a0";
    border: 1px solid #a2a9b1;
    background-color: #f8f9fa;
    width: 80%;
     margin: 0 auto 1em auto;
    padding: .2em
}
}


.hlist dd ol > li:first-child:before,
.messagebox.merge {
.hlist dt ol > li:first-child:before,
    border: 1px solid #c0b8cc;
.hlist li ol > li:first-child:before {
    background-color: #f0e5ff;
     content: " (" counter(listitem) "\a0";
     text-align: center
}
}


/* Unbulleted lists */
.messagebox.cleanup {
.plainlist ol,
     border: 1px solid #9f9fff;
.plainlist ul {
     background-color: #efefff;
     line-height: inherit;
     text-align: center
     list-style: none none;
     margin: 0;
}
}


.plainlist ol li,
.messagebox.standard-talk {
.plainlist ul li {
     border: 1px solid #c0c090;
     margin-bottom: 0;
    background-color: #f8eaba;
    margin: 4px auto
}
}


/* Default style for navigation boxes */
.mbox-inside .standard-talk {
.navbox {
     border: 1px solid #c0c090;
    /* Navbox container style */
     background-color: #f8eaba;
    box-sizing: border-box;
     width: 100%;
     border: 1px solid #a2a9b1;
     margin: 2px 0;
     width: 100%;
     padding: 2px
     clear: both;
    font-size: 88%;
     text-align: center;
     padding: 1px;
    margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
}
}


.navbox .navbox {
.messagebox.small {
     margin-top: 0; /* No top margin for nested navboxes */
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
     margin: 0 0 1em 1em;
    line-height: 1.25em
}
}


.navbox + .navbox {
.messagebox.small-talk {
     margin-top: -1px; /* Single pixel border between adjacent navboxes */
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
     margin: 0 0 1em 1em;
    line-height: 1.25em;
    background-color: #f8eaba
}
}


.navbox-inner,
th.mbox-text,td.mbox-text {
.navbox-subgroup {
    border: none;
     width: 100%;
    padding: 0.25em 0.9em;
     width: 100%
}
}


.navbox-group,
td.mbox-image {
.navbox-title,
     border: none;
.navbox-abovebelow {
     padding: 2px 0 2px 0.9em;
     padding: 0.25em 1em; /* Title, group and above/below styles */
     text-align: center
     line-height: 1.5em;
     text-align: center;
}
}


th.navbox-group {
td.mbox-imageright {
     /* Group style */
     border: none;
     white-space: nowrap;
     padding: 2px 0.9em 2px 0;
    /* @noflip */
     text-align: center
     text-align: right;
}
}


.navbox,
td.mbox-empty-cell {
.navbox-subgroup {
     border: none;
     background-color: #fdfdfd; /* Background color */
    padding: 0;
    width: 1px
}
}


.navbox-list {
table.ambox {
     line-height: 1.5em;
     margin: 0 10%;
     border-color: #fdfdfd; /* Must match background color */
    border: 1px solid #a2a9b1;
     border-left: 10px solid #36c;
    background-color: #fbfbfb;
    box-sizing: border-box
}
}


/* cell spacing for navbox cells */
table.ambox+table.ambox,table.ambox+.mw-empty-elt+table.ambox {
tr + tr > .navbox-abovebelow,
     margin-top: -1px
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {
     /* Borders above 2nd, 3rd, etc. rows */
    border-top: 2px solid #fdfdfd; /* Must match background color */
}
}


.navbox th,
.ambox th.mbox-text,.ambox td.mbox-text {
.navbox-title {
     padding: 0.25em 0.5em
     background-color: #ccccff; /* Level 1 color */
}
}


.navbox-abovebelow,
.ambox td.mbox-image {
th.navbox-group,
     padding: 2px 0 2px 0.5em
.navbox-subgroup .navbox-title {
     background-color: #ddddff; /* Level 2 color */
}
}


.navbox-subgroup .navbox-group,
.ambox td.mbox-imageright {
.navbox-subgroup .navbox-abovebelow {
     padding: 2px 0.5em 2px 0
     background-color: #e6e6ff; /* Level 3 color */
}
}


.navbox-even {
table.ambox-notice {
     background-color: #f7f7f7; /* Even row striping */
     border-left: 10px solid #36c
}
}


.navbox-odd {
table.ambox-speedy {
     background-color: transparent; /* Odd row striping */
    border-left: 10px solid #b32424;
     background-color: #fee7e6
}
}


.navbox .hlist td dl,
table.ambox-delete {
.navbox .hlist td ol,
     border-left: 10px solid #b32424
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
     padding: 0.125em 0; /* Adjust hlist padding in navboxes */
}
}


/* Styling for JQuery makeCollapsible, matching that of collapseButton */
table.ambox-content {
.mw-parser-output .mw-collapsible-toggle {
     border-left: 10px solid #f28500
     font-weight: normal;
    /* @noflip */
    text-align: right;
    padding-right: 0.2em;
    padding-left: 0.2em;
}
}


.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
table.ambox-style {
     /* @noflip */
     border-left: 10px solid #fc3
    float: left;
    /* @noflip */
    text-align: left;
}
}


/* Infobox template style */
table.ambox-move {
.infobox {
     border-left: 10px solid #9932cc
     border: 1px solid #a2a9b1;
    border-spacing: 3px;
    background-color: #f8f9fa;
    color: black;
    /* @noflip */
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    font-size: 88%;
    line-height: 1.5em;
    width: 22em;
}
}


.infobox-header,
table.ambox-protection {
  .infobox-label,
     border-left: 10px solid #a2a9b1
  .infobox-above,
  .infobox-full-data,
  .infobox-data,
  .infobox-below,
  .infobox-subheader,
  .infobox-image,
  .infobox-navbar,
  /* Remove element selector when every .infobox thing is using the standard module/templates  */
  .infobox th,
  .infobox td {
     vertical-align: top;
}
}


.infobox-label,
table.imbox {
  .infobox-data,
    margin: 4px 10%;
  /* Remove element selector when every .infobox thing is using the standard module/templates  */
    border-collapse: collapse;
  .infobox th,
    border: 3px solid #36c;
  .infobox td {
     background-color: #fbfbfb;
     /* @noflip */
     box-sizing: border-box
     text-align: left;
}
}


/* Remove .infobox when element selectors above are removed */
.imbox .mbox-text .imbox {
.infobox .infobox-above,
     margin: 0 -0.5em;
  .infobox .infobox-title,
     display: block
  /* Remove element selector when every .infobox thing is using the standard module/templates  */
  .infobox caption {
     font-size: 125%;
    font-weight: bold;
     text-align: center;
}
}


.infobox-title,
.mbox-inside .imbox {
  /* Remove element selector when every .infobox thing is using the standard module/templates  */
     margin: 4px
  .infobox caption {
     padding: 0.2em;
}
}


/* Remove .infobox when element selectors above are removed */
table.imbox-notice {
.infobox .infobox-header,
     border: 3px solid #36c
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
     text-align: center;
}
}


/* Remove .infobox when element selectors above are removed */
table.imbox-speedy {
.infobox .infobox-navbar {
     border: 3px solid #b32424;
     /* @noflip */
     background-color: #fee7e6
     text-align: right;
}
}


/* Normal font styling for wikitable row headers with scope="row" tag */
table.imbox-delete {
.wikitable.plainrowheaders th[scope="row"] {
     border: 3px solid #b32424
     font-weight: normal;
    /* @noflip */
    text-align: left;
}
}


/* Lists in wikitable data cells are always left-aligned */
table.imbox-content {
.wikitable td ul,
     border: 3px solid #f28500
.wikitable td ol,
.wikitable td dl {
     /* @noflip */
    text-align: left;
}
}


/* Fix for hieroglyphs specificity issue in infoboxes ([[phab:T43869]]) */
table.imbox-style {
table.mw-hiero-table td {
     border: 3px solid #fc3
     vertical-align: middle;
}
}


/* Change the external link icon to an Adobe icon for all PDF files */
table.imbox-move {
.mw-parser-output a[href$=".pdf"].external,
     border: 3px solid #9932cc
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
     background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif")
        no-repeat right;
    /* @noflip */
    padding-right: 18px;
}
}


/* Messagebox templates */
table.imbox-protection {
.messagebox {
     border: 3px solid #a2a9b1
     border: 1px solid #a2a9b1;
    background-color: #f8f9fa;
    width: 80%;
    margin: 0 auto 1em auto;
    padding: 0.2em;
}
}


.messagebox.merge {
table.imbox-license {
     border: 1px solid #c0b8cc;
     border: 3px solid #88a;
     background-color: #f0e5ff;
     background-color: #f7f8ff
    text-align: center;
}
}


.messagebox.cleanup {
table.imbox-featured {
     border: 1px solid #9f9fff;
     border: 3px solid #cba135
    background-color: #efefff;
    text-align: center;
}
}


.messagebox.standard-talk {
table.cmbox {
     border: 1px solid #c0c090;
    margin: 3px 10%;
     background-color: #f8eaba;
    border-collapse: collapse;
     margin: 4px auto;
     border: 1px solid #a2a9b1;
     background-color: #dfe8ff;
     box-sizing: border-box
}
}


/* For old WikiProject banners inside banner shells. */
table.cmbox-notice {
.mbox-inside .standard-talk {
     background-color: #d8e8ff
    border: 1px solid #c0c090;
     background-color: #f8eaba;
    width: 100%;
    margin: 2px 0;
    padding: 2px;
}
}


.messagebox.small {
table.cmbox-speedy {
     width: 238px;
     margin-top: 4px;
     font-size: 85%;
     margin-bottom: 4px;
    /* @noflip */
     border: 4px solid #b32424;
    float: right;
     background-color: #ffdbdb
    clear: both;
     /* @noflip */
    margin: 0 0 1em 1em;
     line-height: 1.25em;
}
}


.messagebox.small-talk {
table.cmbox-delete {
    width: 238px;
     background-color: #ffdbdb
    font-size: 85%;
    /* @noflip */
    float: right;
    clear: both;
    /* @noflip */
    margin: 0 0 1em 1em;
    line-height: 1.25em;
     background-color: #f8eaba;
}
}


/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
table.cmbox-content {
th.mbox-text,
     background-color: #ffe7ce
td.mbox-text {
     /* The message body cell(s) */
    border: none;
    /* @noflip */
    padding: 0.25em 0.9em; /* 0.9em left/right */
    width: 100%; /* Make all mboxes the same width regardless of text length */
}
}


td.mbox-image {
table.cmbox-style {
     /* The left image cell */
     background-color: #fff9db
    border: none;
    /* @noflip */
    padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
    text-align: center;
}
}


td.mbox-imageright {
table.cmbox-move {
     /* The right image cell */
     background-color: #e4d8ff
    border: none;
    /* @noflip */
    padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
    text-align: center;
}
}


td.mbox-empty-cell {
table.cmbox-protection {
     /* An empty narrow cell */
     background-color: #efefe1
    border: none;
    padding: 0;
    width: 1px;
}
}


/* Article message box styles */
table.ombox {
table.ambox {
     margin: 4px 10%;
     margin: 0 10%; /* 10% = Will not overlap with other elements */
    border-collapse: collapse;
     border: 1px solid #a2a9b1;
     border: 1px solid #a2a9b1;
    /* @noflip */
     background-color: #f8f9fa;
    border-left: 10px solid #36c; /* Default "notice" blue */
     box-sizing: border-box
     background-color: #fbfbfb;
     box-sizing: border-box;
}
}


/* Single border between stacked boxes. */
table.ombox-notice {
table.ambox + table.ambox,
     border: 1px solid #a2a9b1
table.ambox + .mw-empty-elt + table.ambox {
     margin-top: -1px;
}
}


.ambox th.mbox-text,
table.ombox-speedy {
.ambox td.mbox-text {
     border: 2px solid #b32424;
     /* The message body cell(s) */
     background-color: #fee7e6
     padding: 0.25em 0.5em; /* 0.5em left/right */
}
}


.ambox td.mbox-image {
table.ombox-delete {
     /* The left image cell */
     border: 2px solid #b32424
    /* @noflip */
    padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
}
}


.ambox td.mbox-imageright {
table.ombox-content {
     /* The right image cell */
     border: 1px solid #f28500
    /* @noflip */
    padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */
}
}


table.ambox-notice {
table.ombox-style {
    /* @noflip */
     border: 1px solid #fc3
     border-left: 10px solid #36c; /* Blue */
}
}


table.ambox-speedy {
table.ombox-move {
    /* @noflip */
     border: 1px solid #9932cc
     border-left: 10px solid #b32424; /* Red */
    background-color: #fee7e6; /* Pink */
}
}


table.ambox-delete {
table.ombox-protection {
    /* @noflip */
     border: 2px solid #a2a9b1
     border-left: 10px solid #b32424; /* Red */
}
}


table.ambox-content {
table.tmbox {
     /* @noflip */
     margin: 4px 10%;
     border-left: 10px solid #f28500; /* Orange */
     border-collapse: collapse;
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    min-width: 80%;
    box-sizing: border-box
}
}


table.ambox-style {
.tmbox.mbox-small {
     /* @noflip */
     min-width: 0
    border-left: 10px solid #fc3; /* Yellow */
}
}


table.ambox-move {
.mediawiki .mbox-inside .tmbox {
     /* @noflip */
     margin: 2px 0;
     border-left: 10px solid #9932cc; /* Purple */
     width: 100%
}
}


table.ambox-protection {
.mbox-inside .tmbox.mbox-small {
     /* @noflip */
     line-height: 1.5em;
     border-left: 10px solid #a2a9b1; /* Gray-gold */
     font-size: 100%
}
}


/* Image message box styles */
table.tmbox-speedy {
table.imbox {
     border: 2px solid #b32424;
    margin: 4px 10%;
     background-color: #fee7e6
    border-collapse: collapse;
     border: 3px solid #36c; /* Default "notice" blue */
     background-color: #fbfbfb;
    box-sizing: border-box;
}
}


.imbox .mbox-text .imbox {
table.tmbox-delete {
     /* For imboxes inside imbox-text cells. */
     border: 2px solid #b32424
    margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right.        */
    display: block; /* Fix for webkit to force 100% width.  */
}
}


.mbox-inside .imbox {
table.tmbox-content {
     /* For imboxes inside other templates.  */
     border: 2px solid #f28500
    margin: 4px;
}
}


table.imbox-notice {
table.tmbox-style {
     border: 3px solid #36c; /* Blue */
     border: 2px solid #fc3
}
}


table.imbox-speedy {
table.tmbox-move {
     border: 3px solid #b32424; /* Red */
     border: 2px solid #9932cc
    background-color: #fee7e6; /* Pink */
}
}


table.imbox-delete {
table.tmbox-protection,table.tmbox-notice {
     border: 3px solid #b32424; /* Red */
     border: 1px solid #c0c090
}
}


table.imbox-content {
table.fmbox {
     border: 3px solid #f28500; /* Orange */
    clear: both;
    margin: 0.2em 0;
    width: 100%;
     border: 1px solid #a2a9b1;
    background-color: #f8f9fa;
    box-sizing: border-box
}
}


table.imbox-style {
table.fmbox-system {
     border: 3px solid #fc3; /* Yellow */
     background-color: #191970
}
}


table.imbox-move {
table.fmbox-warning {
     border: 3px solid #9932cc; /* Purple */
     border: 1px solid #bb7070;
    background-color: #ffdbdb
}
}


table.imbox-protection {
table.fmbox-editnotice {
     border: 3px solid #a2a9b1; /* Gray-gold */
     background-color: transparent
}
}


table.imbox-license {
div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon,div.titleblacklist-warning {
     border: 3px solid #88a; /* Dark gray */
    clear: both;
     background-color: #f7f8ff; /* Light gray */
    margin: 0.2em 0;
     border: 1px solid #bb7070;
     background-color: #ffdbdb;
    padding: 0.25em 0.9em;
    box-sizing: border-box
}
}


table.imbox-featured {
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {
     border: 3px solid #cba135; /* Brown-gold */
     border-color: #fc3;
    background-color: #fef6e7
}
}


/* Category message box styles */
html body.mediawiki .mbox-small {
table.cmbox {
     clear: right;
     margin: 3px 10%;
     float: right;
     border-collapse: collapse;
     margin: 4px 0 4px 1em;
     border: 1px solid #a2a9b1;
    background-color: #dfe8ff; /* Default "notice" blue */
     box-sizing: border-box;
     box-sizing: border-box;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em
}
}


table.cmbox-notice {
html body.mediawiki .mbox-small-left {
     background-color: #d8e8ff; /* Blue */
     margin: 4px 1em 4px 0;
    box-sizing: border-box;
    overflow: hidden;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em
}
}


table.cmbox-speedy {
.compact-ambox table .mbox-image,.compact-ambox table .mbox-imageright,.compact-ambox table .mbox-empty-cell {
    margin-top: 4px;
     display: none
    margin-bottom: 4px;
     border: 4px solid #b32424; /* Red */
    background-color: #ffdbdb; /* Pink */
}
}


table.cmbox-delete {
.compact-ambox table.ambox {
     background-color: #ffdbdb; /* Pink */
    border: none;
    border-collapse: collapse;
     background-color: transparent;
    margin: 0 0 0 1.6em !important;
    padding: 0 !important;
    width: auto;
    display: block
}
}


table.cmbox-content {
body.mediawiki .compact-ambox table.mbox-small-left {
     background-color: #ffe7ce; /* Orange */
     font-size: 100%;
    width: auto;
    margin: 0
}
}


table.cmbox-style {
.compact-ambox table .mbox-text {
     background-color: #fff9db; /* Yellow */
     padding: 0 !important;
    margin: 0 !important
}
}


table.cmbox-move {
.compact-ambox table .mbox-text-span {
     background-color: #e4d8ff; /* Purple */
     display: list-item;
    line-height: 1.5em;
    list-style-type: square;
    list-style-image: url(/w/skins/MonoBook/resources/images/bullet.svg)
}
}


table.cmbox-protection {
.compact-ambox .hide-when-compact {
     background-color: #efefe1; /* Gray-gold */
     display: none
}
}


/* Other pages message box styles */
.nounderlines a,.IPA a:link,.IPA a:visited {
table.ombox {
     text-decoration: none !important
    margin: 4px 10%;
    border-collapse: collapse;
     border: 1px solid #a2a9b1; /* Default "notice" gray */
    background-color: #f8f9fa;
    box-sizing: border-box;
}
}


table.ombox-notice {
.nowrap,.nowraplinks a {
     border: 1px solid #a2a9b1; /* Gray */
     white-space: nowrap
}
}


table.ombox-speedy {
.wrap,.wraplinks a {
     border: 2px solid #b32424; /* Red */
     white-space: normal
    background-color: #fee7e6; /* Pink */
}
}


table.ombox-delete {
#wpUploadDescription {
     border: 2px solid #b32424; /* Red */
     height: 13em
}
}


table.ombox-content {
.thumbinner {
     border: 1px solid #f28500; /* Orange */
    min-width: 100px;
    background: #303037;
     border: solid #37373e
}
}


table.ombox-style {
.thumbinner .thumbimage,.thumbborder {
     border: 1px solid #fc3; /* Yellow */
     border: solid 1px #37373e
}
}


table.ombox-move {
#mw-subcategories,#mw-pages,#mw-category-media,#filehistory,#wikiPreview,#wikiDiff {
     border: 1px solid #9932cc; /* Purple */
     clear: both
}
}


table.ombox-protection {
.wpb .wpb-header {
     border: 2px solid #a2a9b1; /* Gray-gold */
     display: none
}
}


/* Talk page message box styles */
.wpbs-inner .wpb .wpb-header {
table.tmbox {
     display: table-row
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090; /* Default "notice" gray-brown */
     background-color: #f8eaba;
    min-width: 80%;
    box-sizing: border-box;
}
}


.tmbox.mbox-small {
.wpbs-inner .wpb-outside {
     min-width: 0; /* reset the min-width of tmbox above        */
     display: none
}
}


.mediawiki .mbox-inside .tmbox {
.mw-tag-markers {
     /* For tmboxes inside other templates. The "mediawiki" class ensures that */
     font-style: italic;
    margin: 2px 0; /* this declaration overrides other styles (including mbox-small above)  */
     font-size: 90%
     width: 100%; /* For Safari and Opera */
}
}


.mbox-inside .tmbox.mbox-small {
.checkuser-show,.sysop-show,.abusefilter-show,.abusefilter-helper-show,.patroller-show,.templateeditor-show,.extendedmover-show,.extendedconfirmed-show,.autoconfirmed-show,.user-show {
    /* "small" tmboxes should not be small when  */
     display: none
    line-height: 1.5em; /* also "nested", so reset styles that are  */
     font-size: 100%; /* set in "mbox-small" above.                */
}
}


table.tmbox-speedy {
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,.ve-ui-mwNoticesPopupTool-item .mbox-image,.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
     border: 2px solid #b32424; /* Red */
     display: none !important
    background-color: #fee7e6; /* Pink */
}
}


table.tmbox-delete {
ul.permissions-errors>li {
     border: 2px solid #b32424; /* Red */
     list-style: none none
}
}


table.tmbox-content {
ul.permissions-errors {
     border: 2px solid #f28500; /* Orange */
     margin: 0
}
}


table.tmbox-style {
span.texhtml {
     border: 2px solid #fc3; /* Yellow */
    font-family: "Nimbus Roman No9 L","Times New Roman",Times,serif;
    font-size: 118%;
    line-height: 1;
    white-space: nowrap;
    -moz-font-feature-settings: "lnum","tnum","kern" 0;
    -webkit-font-feature-settings: "lnum","tnum","kern" 0;
    font-feature-settings: "lnum","tnum","kern" 0;
     font-variant-numeric: lining-nums tabular-nums;
    font-kerning: none
}
}


table.tmbox-move {
span.texhtml span.texhtml {
     border: 2px solid #9932cc; /* Purple */
     font-size: 100%
}
}


table.tmbox-protection,
span.mwe-math-mathml-inline {
table.tmbox-notice {
     font-size: 118%
     border: 1px solid #c0c090; /* Gray-brown */
}
}


/* Footer and header message box styles */
.mwe-math-fallback-image-display,.mwe-math-mathml-display {
table.fmbox {
     margin-left: 1.6em !important;
     clear: both;
     margin-top: 0.6em;
     margin: 0.2em 0;
     margin-bottom: 0.6em
     width: 100%;
    border: 1px solid #a2a9b1;
    background-color: #f8f9fa; /* Default "system" gray */
    box-sizing: border-box;
}
}


table.fmbox-system {
.mwe-math-mathml-display math {
     background-color: #191970;
     display: inline
}
}


table.fmbox-warning {
.k-player .k-attribution {
     border: 1px solid #bb7070; /* Dark pink */
     visibility: hidden
     background-color: #ffdbdb; /* Pink */
}
 
.PopUpMediaTransform a .play-btn-large {
    margin: 0;
     top: auto;
    right: auto;
    bottom: 0;
    left: 0
}
}


table.fmbox-editnotice {
@media screen {
     background-color: transparent;
    #content .gallerybox div.thumb {
        background-color: #f8f9fa
    }
 
    .gallerybox .thumb img {
        background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat
     }
 
    .ns-0 .gallerybox .thumb img,.ns-2 .gallerybox .thumb img,.ns-100 .gallerybox .thumb img,.nochecker .gallerybox .thumb img {
        background-image: none
    }
   
    #mw-content {
        background: #1b1b1f;
        color: lightgrey;
        border: #1b1b1f;
    }
}
}


/* Div based "warning" style fmbox messages. */
.flaggedrevs_draft_synced,.flaggedrevs_stable_synced,#t-upload,.mw-special-Book #coll-downloadbox {
div.mw-warning-with-logexcerpt,
     display: none
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon,
div.titleblacklist-warning {
     clear: both;
    margin: 0.2em 0;
    border: 1px solid #bb7070;
    background-color: #ffdbdb;
    padding: 0.25em 0.9em;
    box-sizing: border-box;
}
}


/* Use default color for partial block fmbox banner per [[Special:PermaLink/1028105567#pblock-style]] */
#site-tools {
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {
     display: none !important
     border-color: #fc3;
    background-color: #fef6e7;
}
}


/* These mbox-small classes must be placed after all other
span.comment {
ambox/tmbox/ombox etc classes. "html body.mediawiki" is so
     overflow-wrap: break-word
they override "table.ambox + table.ambox" above. */
}
html body.mediawiki .mbox-small {
 
     /* For the "small=yes" option. */
#mw-page-base {
    /* @noflip */
     background: #1b1b1f;
    clear: right;
     color: lightgrey;
    /* @noflip */
     border: #1b1b1f
    float: right;
    /* @noflip */
    margin: 4px 0 4px 1em;
    box-sizing: border-box;
     width: 238px;
     font-size: 88%;
     line-height: 1.25em;
}
}


html body.mediawiki .mbox-small-left {
.mediawiki,.mw-page-container {
     /* For the "small=left" option. */
     background: #1b1b1f;
    /* @noflip */
     color: lightgrey;
    margin: 4px 1em 4px 0;
     border: #1b1b1f
     box-sizing: border-box;
    overflow: hidden;
    width: 238px;
     border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}
}


/* Style for compact ambox */
.mw-body {
/* Hide the images */
    background: #212126;
.compact-ambox table .mbox-image,
    color: lightgrey;
.compact-ambox table .mbox-imageright,
     border: black
.compact-ambox table .mbox-empty-cell {
     display: none;
}
}


/* Remove borders, backgrounds, padding, etc. */
#mw-panel {
.compact-ambox table.ambox {
     background: #1b1b1f;
     border: none;
     color: lightgrey;
     border-collapse: collapse;
     border: #1b1b1f
    background-color: transparent;
     margin: 0 0 0 1.6em !important;
    padding: 0 !important;
    width: auto;
    display: block;
}
}


body.mediawiki .compact-ambox table.mbox-small-left {
#mw-content-container,#mw-header-container,#mw-content-wrapper,#mw-content,#p-logo {
     font-size: 100%;
     background: #1b1b1f;
     width: auto;
     color: lightgrey;
     margin: 0;
     border: #1b1b1f
}
}


/* Style the text cell as a list item and remove its padding */
.mw-code {
.compact-ambox table .mbox-text {
     background: #212126;
     padding: 0 !important;
     color: lightgrey
     margin: 0 !important;
}
}


.compact-ambox table .mbox-text-span {
footer,#footer-info-lastmod,#footer-info-copyright {
     display: list-item;
     color: lightgrey
    line-height: 1.5em;
    list-style-type: square;
    list-style-image: url(/w/skins/MonoBook/resources/images/bullet.svg);
}
}


/* Allow for hiding text in compact form */
p,h1,h2,h3,h4,h5,h6,li {
.compact-ambox .hide-when-compact {
     color: lightgrey
     display: none;
}
}


/* Remove underlines from certain links */
a,.vector-menu-portal .vector-menu-content li a,.vector-menu-tabs li a,body.skin--responsive #p-cactions li a,a:visited,.vector-menu-portal .vector-menu-content li a:visited,.vector-menu-tabs li a:visited,body.skin--responsive #p-cactions li a:visited {
.nounderlines a,
     color: #77c1d9
.IPA a:link,
.IPA a:visited {
     text-decoration: none !important;
}
}


/* Prevent line breaks in silly places where desired (nowrap)
a:hover,a:visited:hover {
and links when we don't want them to (nowraplinks a) */
     color: white
.nowrap,
.nowraplinks a {
     white-space: nowrap;
}
}


/* But allow wrapping where desired: */
body.skin--responsive #p-cactions li a {
.wrap,
     background: #27272e
.wraplinks a {
     white-space: normal;
}
}


/* Increase the height of the image upload box */
.mw-prefs-buttons {
#wpUploadDescription {
     background: #27272e
     height: 13em;
}
}


/* Minimum thumb width */
a.extiw:visited,a.external:visited,.mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,body.skin--responsive #p-cactions li a.external:visited {
.thumbinner {
     color: #3377aa
     min-width: 100px;
}
}


/* Prevent floating boxes from overlapping any category listings,
.vector-menu-tabs .selected a,.vector-menu-tabs .selected a:visited,body.skin--responsive #p-cactions li.selected a {
file histories, edit previews, and edit [Show changes] views. */
     color: lightgrey;
#mw-subcategories,
    font-weight: bold
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
     clear: both;
}
}


/* Selectively hide headers in WikiProject banners */
body.skin--responsive #p-cactions li.selected a {
/* TemplateStyles */
     background: #27272e
.wpb .wpb-header {
     display: none;
}
}


.wpbs-inner .wpb .wpb-header {
.vector-menu-tabs li {
     display: table-row;
     background: #212126
}
}


.wpbs-inner .wpb-outside {
#mw-site-navigation .sidebar-chunk,#mw-site-navigation .sidebar-chunk,#mw-related-navigation .sidebar-chunk,body.skin--responsive .portlet,body.skin--responsive .pBody {
     display: none; /* hide things that should only display outside shells */
     background: #212126;
    color: lightgrey;
    border-color: #1b1b1f;
    border: 1px solid black;
    border-radius:1.4rem;
}
}


/* Styling for Abuse Filter tags */
#p-logo-text a {
.mw-tag-markers {
     color: lightgrey
     font-style: italic;
    font-size: 90%;
}
}


/* Hide stuff meant for accounts with special permissions. Made visible again in
#ca-nstab-mediawiki.a {
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
     color: lightgrey
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], and [[Mediawiki:Group-autoconfirmed.css]]. */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
     display: none;
}
}


/* Hide the redlink generated by {{Editnotice}},
#mw-changeslist-links {
this overrides the ".sysop-show { display: none; }" above that applies
    background: #212126;
to the same link as well. See [[phab:T45013]]
     color: lightgrey
 
Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
     display: none !important;
}
}


/* Remove bullets when there are multiple edit page warnings */
#simpleSearch {
ul.permissions-errors > li {
    background: #27272e;
     list-style: none none;
     border: 1px solid #37373e;
    color: lightgrey
}
}


ul.permissions-errors {
#searchInput {
     margin: 0;
     color: white
}
}


/* texhtml class for inline math (based on generic times-serif class) */
#pt-createaccount {
span.texhtml {
     visibility: hidden;
     font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
     display: none
    font-size: 118%;
    line-height: 1;
    white-space: nowrap;
     /* Force tabular and lining display for texhtml */
    -moz-font-feature-settings: "lnum", "tnum", "kern" 0;
    -webkit-font-feature-settings: "lnum", "tnum", "kern" 0;
    font-feature-settings: "lnum", "tnum", "kern" 0;
    font-variant-numeric: lining-nums tabular-nums;
    font-kerning: none;
}
}


span.texhtml span.texhtml {
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,#personal .dropdown {
     font-size: 100%;
     background: #27272e;
    border: 1px solid black;
    color: lightgrey
}
}


span.mwe-math-mathml-inline {
body.skin--responsive #p-cactions li.selected {
     font-size: 118%;
     border: #37373e
}
}


/* Make <math display="block"> be left aligned with one space indent for
.vector-menu-tabs .selected {
  * compatibility with style conventions
     background: #1b1b1f
  */
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
     margin-left: 1.6em !important;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
}
}


.mwe-math-mathml-display math {
#pagehistory li.selected {
     display: inline;
     background: #1B4D3E;
    font-weight: bold
}
}


/* Work-around for [[phab:T25965]] / [[phab:T100106]] (Kaltura advertisement) */
div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon,div.titleblacklist-warning {
.k-player .k-attribution {
     background: #7C0A02;
     visibility: hidden;
    border: 1px solid #bb7070
}
}


/* Move 'play' button of video player to bottom left corner */
/* Style for wikitable tables */
.PopUpMediaTransform a .play-btn-large {
.wikitable {
     margin: 0;
    border-spacing: 1px;
     top: auto;
    padding: 12px;
     right: auto;
     border-collapse: separate;
     bottom: 0;
     border: 1px solid black;
     left: 0;
     border-radius: 1em;
     background: #27272e;
     color: #dbdbdb;
}
}


@media screen {
.wikitable>*>tr>*{
    /* Put a chequered background behind images, only visible if they have transparency.
     padding: 0.4em !important;
'.filehistory a img' and '#file img:hover' are handled by MediaWiki core (as of 1.19) */
     margin: 0 !important;
     .gallerybox .thumb img {
     border: none;
        background: #fff
}
            url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png)
            repeat;
     }
    /* But not on articles, user pages, portals or with opt-out. */
    .ns-0 .gallerybox .thumb img,
    .ns-2 .gallerybox .thumb img,
     .ns-100 .gallerybox .thumb img,
    .nochecker .gallerybox .thumb img {
        background-image: none;
    }


    /* Display "From Wikipedia, the free encyclopedia" in skins that support it,
.wikitable>*>tr>th {
do not apply to print mode */
     background: #27272e;
     /*
    color: white;
  #siteSub {
  display: block;
  }
  */
}
}


/* Hide FlaggedRevs notice UI when there are no pending changes */
.wikitable>*>tr>td {
.flaggedrevs_draft_synced,
     background: #32323c;
  .flaggedrevs_stable_synced,
  /* "Temporary" to remove links in sidebar T255381 */
  #t-upload,
  /* Hide broken download box on Special:Book pending T285400 */
  .mw-special-Book #coll-downloadbox {
     display: none;
}
}


/* Fix horizontal scrolling of long edit summaries T158725 */
.wikitable p, .wikitable h1, .wikitable h2, .wikitable h3, .wikitable h4, .wikitable h5, .wikitable h6, .wikitable li {
span.comment {
    color: #dbdbdb;
     overflow-wrap: break-word;
}
 
/* Rounding the upper left corner of the first cell */
.wikitable thead tr:first-child th:first-child,
.wikitable thead tr:first-child td:first-child,
.wikitable:not(:has(thead)) tr:first-child th:first-child,
.wikitable:not(:has(thead)) tr:first-child td:first-child {
     border-top-left-radius: 4px;
}
}


#mw-page-base {
/* Rounding the upper right corner of the last cell */
    background: #1b1b1f;
.wikitable thead tr:first-child th:last-child,
    color: var(--text-color);
.wikitable thead tr:first-child td:last-child,
     border: #1b1b1f;
.wikitable:not(:has(thead)) tbody > tr:first-child th:last-child,
.wikitable:not(:has(thead)) tbody > tr:first-child td:last-child {
     border-top-right-radius: 4px;
}
}


.mediawiki,
/* Rounding the lower left corner of the first cell of the last row
.mw-page-container {
.wikitable tbody tr:last-child th:first-child,
     background: #1b1b1f;
.wikitable tbody tr:last-child td:first-child {
    color: var(--text-color);
     border-bottom-left-radius: 4px;
     border: #1b1b1f;
}*/
}
 
/* Rounding the bottom right corner of the last cell of the last row
.wikitable tbody tr:last-child th:last-child,
.wikitable tbody tr:last-child td:last-child {
     border-bottom-right-radius: 4px;
}*/


.mw-body {
/* Tables on phones */
     background: #212126;
@media screen and (max-width: 850px) {
     color: var(--text-color);
     .wikitable {
    border: black;
        font-size: 0.65em;
        padding: 5px !important;
     }
   
.wikitable img[width="64"][height="64"] {
width: 32px;
height: 32px;
}
.wikitable img[width="64"][height="128"] {
width: 32px;
height: 64px;
}
}
}


#mw-panel {
.toc {
     background: #1b1b1f;
     background: #27272E;
     color: var(--text-color);
     border: 1px solid black;
     border: #1b1b1f;
     color: white
}
}


#mw-content-container,
.mw-content-ltr .tocnumber {
#mw-header-container,
     color: grey
#mw-header-nav-hack,
#mw-content-wrapper,
#mw-content,
#p-logo {
    background: #1b1b1f;
     color: var(--text-color);
    border: #1b1b1f;
}
}


#mw-header-nav-hack {
.quickbox {
     background: #212126;
     border: 1px solid #303038;
     color: var(--text-color);
     background: #27272e
    border: #212126;
}
}


.mw-code {
.quickboxhead {
     background: #212126;
    border-bottom: 1px solid #303038;
     color: var(--text-color);
     background: #1b1b1f;
     text-align: center
}
}


footer,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,.mw-rcfilters-ui-changesListWrapperWidget {
#footer-info-lastmod,
    background: #27272e;
#footer-info-copyright {
    border: 1px solid #303038;
     color: var(--text-color);
     color: white
}
}


p,
.mw-changeslist-legend {
h1,
     display: none
h2,
h3,
h4,
h5,
h6,
li {
     color: var(--text-color);
}
}


a,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
.vector-menu-portal .vector-menu-content li a,
    background: #27272e;
.vector-menu-tabs li a,
    border: 1px solid #303038;
body.skin--responsive #p-cactions li a {
     color: white
     color: lightblue;
}
}


a:visited,
.oo-ui-popupWidget-popup {
.vector-menu-portal .vector-menu-content li a:visited,
    background: #303037;
.vector-menu-tabs li a:visited,
    border: 1px solid #37373e;
body.skin--responsive #p-cactions li a:visited {
     color: white
     color: #007fff;
}
}


body.skin--responsive #p-cactions li a {
.mw-editform #wpTextbox1,textarea {
     background: var(--bg-color-light-x2);
     background: #303037;
    border: 1px solid #37373e;
    color: white
}
}


.mw-prefs-buttons {
.wikiEditor-ui-toolbar {
     background: var(--bg-color-light-x2);
     background: #27272e;
    color: white
}
}


a.extiw:visited,
.wikiEditor-ui-toolbar .group {
a.external:visited,
    border: 1px solid #37373e;
.mw-parser-output a.extiw:visited,
     color: white
.mw-parser-output a.external:visited,
body.skin--responsive #p-cactions li a.external:visited {
     color: #8a2be2;
}
}


.vector-menu-tabs .selected a,
.wikiEditor-ui-toolbar .group .label {
.vector-menu-tabs .selected a:visited,
     color: white
body.skin--responsive #p-cactions li.selected a {
     color: var(--text-color);
    font-weight: bold;
}
}


body.skin--responsive #p-cactions li.selected a {
.wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
     background: var(--bg-color-light-x2);
     color: #151518;
    font-weight: bold
}
}


.vector-menu-tabs li {
.wikiEditor-ui .wikiEditor-ui-top {
     background: #212126;
     border-bottom: 1px solid #37373e
}
}


.tools-inline li a {
.wikiEditor-ui .wikiEditor-ui-view {
     filter: invert(100%);
     border: 1px solid #37373e
}
}


.tools-inline span {
.editOptions,.mw-editform .editOptions {
     filter: invert(100%);
     background: #212126;
     color: var(--text-color);
    border: 1px solid #37373e;
     color: white
}
}


#personal h2,
@media screen {
#site-tools h2,
    .mw-body-content .recipeimg a>img {
#site-navigation h2,
        padding: 0;
#searchButton {
        margin: 0;
     filter: invert(100%);
        border: 0;
        width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;
        max-height: 32px !important
     }
}
}


#personal h2 span {
.positive {
     filter: invert(100%);
     color: #00FF00;
    font-weight: bold
}
}


#mw-site-navigation .sidebar-chunk,
.negative {
#mw-site-navigation .sidebar-chunk,
     color: #FF0000;
#mw-related-navigation .sidebar-chunk,
     font-weight: bold
body.skin--responsive .portlet,
body.skin--responsive .pBody {
     background: #212126;
     color: var(--text-color);
    border: #1b1b1f;
}
}


#p-logo-text a {
.anglerect {
     color: var(--text-color);
    --angle-rect-clip-size: 16px;
     clip-path: polygon(0 0,calc(100% - var(--angle-rect-clip-size)) 0,100% var(--angle-rect-clip-size),100% 100%,var(--angle-rect-clip-size) 100%,0 calc(100% - var(--angle-rect-clip-size)))
}
}


#ca-nstab-mediawiki.a {
.flex {
     color: var(--text-color);
     display: flex
}
}


#mw-changeslist-links {
.mw-body {
     background: #212126;
     padding: 0.5em;
     color: var(--text-color);
     box-shadow: 0 0 2px black
}
}


#simpleSearch {
.mw-body dd {
     background: var(--bg-color-light-x2);
     margin: 0.2em;
     border: 1px solid var(--bg-color-light-x4);
     margin-left: 1.6em
    color: var(--text-color);
}
}


#searchInput {
.tabs-label {
     color: var(--text-color);
     cursor: pointer;
    padding: 1px 6px;
    background: transparent !important;
    border: 1px solid black
}
}


#pt-createaccount {
.tabs-tabbox > .tabs-input:checked + .tabs-label,.tabs-input-0:checked + .tabs-input-1 + .tabs-label {
     visibility: hidden;
     z-index: 2;
    box-shadow: 0px 2px 1px #3366cc
}
}


.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.tabs-tabbox > .tabs-input+ .tabs-input+ .tabs-label {
#personal .dropdown {
     margin: 0
     background: var(--bg-color-light-x2);
    border: 1px solid var(--bg-color-light-x4);
    color: var(--text-color);
}
}


body.skin--responsive #p-cactions li.selected {
.tabs-label:hover {
     border: var(--bg-color-light-x4);
     box-shadow: 0px 2px 1px darkblue;
    z-index: 2
}
}


.vector-menu-tabs .selected {
.tabs-tabbox > .tabs-container {
     background: #1b1b1f;
    margin-top: -1px;
    padding: 2px 10px;
     background: #303037;
    border-radius: 0;
    position: relative;
    border: 1px solid #000000;
    width: inherit;
    max-width: inherit;
    min-width: inherit;
    z-index: 1
}
}


#pagehistory li.selected {
.tabs-tabbox > .tabs-label {
     background: #1b4d3e;
    margin: 0;
     font-weight: bold;
     background: transparent;
    position: relative;
    display: inline-block;
     vertical-align: baseline;
    border-radius: 0
}
}


div.mw-warning-with-logexcerpt,
.tooltip {
div.mw-lag-warn-high,
     position: relative;
div.mw-cascadeprotectedwarning,
     display: inline
div#mw-protect-cascadeon,
div.titleblacklist-warning {
     background: #7c0a02;
     border: 1px solid #bb7070;
}
}


.wikitable {
.tooltiptext {
     background: var(--bg-color-light-x3);
     position: absolute;
     border: 1px solid var(--bg-color-light-x4);
    min-width: 240px;
     color: var(--text-color);
    max-width: 100%;
    left: -240px;
    right: -240px;
    top: 125%;
    margin-left: auto;
    margin-right: auto;
    z-index: 99;
    padding: 22px;
    pointer-events: none;
    visibility: hidden;
    transition: all 0.05s;
     border: 1px solid #3366cc;
    border-radius: 1.4rem;
    background-color: #27272E;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
}


.toc {
.tooltip:hover>.tooltiptext {
     background: var(--bg-color-light-x3);
     visibility: visible;
    border: 1px solid var(--bg-color-light-x4);
     opacity: 1;
     color: var(--text-color);
}
}


.mw-content-ltr .tocnumber {
@media screen and (min-width: 851px) {
    color: grey;
    .mobile {
}
        display:none
    }


.wikitable > tr > th,
    .headder {
.wikitable > tr > td,
        width: 25%;
.wikitable > * > tr > th,
        float: right;
.wikitable > * > tr > td {
        margin-left: 1em
    border: 1px solid var(--bg-color-light-x4);
    }
 
    .stiky {
        position: sticky;
        top: 0.1em
    }
}
}


.wikitable > * > tr > th {
@media screen and (max-width: 850px) {
     background: var(--bg-color-light-x2);
    .nomobile {
    border: 1px solid var(--bg-color-light-x4);
        display:none
     color: var(--text-color);
     }
 
    .headder {
        width: 100%;
        margin-left: 0
    }
 
    .sidebar-inner {
        background: #27272e;
        border: 1px solid black;
        color: lightgrey
    }
 
    .tooltip {
        position: static
    }
 
    .tooltiptext {
        box-shadow: 0px 0px 100vw 100vh rgb(0 0 0 / 60%);
        position: fixed!important;
        width: 80vw !important;
        top: 40vh !important;
        left: 0 !important;
        margin: 0 auto !important;
        right: 0!important;
    }
     /*
    .mobilefont {
        font-size: 80%
    }
    */
   
    .mobile-image img {
        width: 32px;
        height: 32px;
    }
}
}


.quickbox {
.mw-mmv-above-fold,.mw-mmv-dialog,.mw-mmv-image-links li,.mw-mmv-options-cancel-button.mw-ui-button.mw-ui-quiet,.mw-mmv-options-dialog-header,.mw-mmv-options-text-header {
     border: 1px solid #303038;
     color: #e0e0e0
    background: var(--bg-color-light-x2);
}
}


.quickboxhead {
.mw-mmv-above-fold {
    border-bottom: 1px solid #303038;
     background: #222;
     background: #1b1b1f;
     border-top: 1px solid #333
     text-align: center;
}
}


.thumbinner,
.mw-mmv-image-metadata {
.thumbinner .thumbimage {
     background-color: #111;
     background: var(--bg-color-light-x2);
     border-color: #333
     border: 1px solid var(--bg-color-light-x4);
    color: var(--text-color);
}
}


table.ombox tbody,
.mw-mmv-dialog {
table.ombox {
     border: 1px solid #333;
    background: var(--bg-color-light-x2);
     background: #222;
     border: 1px solid var(--bg-color-light-x4);
    box-shadow: none
     color: var(--text-color);
}
}


table.ambox tbody,
.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
table.ambox {
     background: #222;
    background: var(--bg-color-light-x2);
     border-bottom: 1px solid #333;
     border-top: 1px solid var(--bg-color-light-x4);
     border-right: 1px solid #333
     border-bottom: 1px solid var(--bg-color-light-x4);
     border-right: 1px solid var(--bg-color-light-x4);
    color: var(--text-color);
}
}


table.imbox tbody,
.mw-mmv-options-enable-alert {
table.imbox {
     background: #333;
    background: var(--bg-color-light-x2);
     color: #e0e0e0
     border: 1px solid var(--bg-color-light-x4);
     color: var(--text-color);
}
}


/* OOUI PAIN */
.mw-mmv-filepage-buttons .mw-ui-button {
/* Recent Changes */
     background: #36c;
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled
     color: #e0e0e0;
    .oo-ui-tagMultiselectWidget-handle,
     border-color: #1d4699
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
     background: var(--bg-color-light-x2);
     border: 1px solid #303038;
     color: var(--text-color);
}
}


/* Generic OOUI elements */
.mw-default-size {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
     background-color: #21212600 !important;
     background: var(--bg-color-light-x2);
     border-color: black !important
    border: 1px solid #303038;
     color: var(--text-color);
}
}


.oo-ui-popupWidget-popup {
.mw-default-size img {
    background: var(--bg-color-light-x3);
     border-color: black !important
     border: 1px solid var(--bg-color-light-x4);
    color: var(--text-color);
}
}


/* SITE SPECIFIC */
.mw-default-size figcaption {
/*
     background-color: #21212600 !important;
  .chemrecipeimg img {
    border-color: black !important
  background-image: url('https://wiki.spacestation14.com/w/images/7/75/Beaker_Fill.png');
  background-blend-mode: multiply;
  background-position: center;
  }
  */
@media screen {
     .mw-body-content .recipeimg a > img {
        padding: 0;
        margin: 0;
        border: 0;
        width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;
        max-height: 32px !important;
    }
}
}


.positive {
.mw-halign-right {
     color: #00ff00;
     background-color: #27272E00 !important;
     font-weight: bold;
     border-color: black !important
}
}


.negative {
.mw-halign-right img {
     color: #ff0000;
     border-color: black !important
    font-weight: bold;
}
}


.anglerect {
.mw-halign-right figcaption {
     --angle-rect-clip-size: 16px;
     background-color: #27272E00 !important;
     clip-path: polygon(
     border-color: black !important
        0 0,
        calc(100% - var(--angle-rect-clip-size)) 0,
        100% var(--angle-rect-clip-size),
        100% 100%,
        var(--angle-rect-clip-size) 100%,
        0 calc(100% - var(--angle-rect-clip-size))
    );
}
}


/* hack for mobile/nomobile */
.mw-halign-left {
.flex {
     background-color: #27272E00 !important;
     display: flex;
    border-color: black !important
}
}


@media screen and (min-width: 851px) {
.mw-halign-left img {
     .mobile {
     border-color: black !important
        display: none;
    }
}
}


@media screen and (max-width: 850px) {
.mw-halign-left figcaption {
     .nomobile {
     background-color: #27272E00 !important;
        display: none;
     border-color: black !important
     }
}
}


img {
.mw-halign-center {
    -ms-interpolation-mode: nearest-neighbor;
     background-color: #27272E00 !important;
    image-rendering: -moz-crisp-edges;
     border-color: black !important
    image-rendering: -o-crisp-edges;
     image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
     image-rendering: pixelated;
}
}


/* allows enabling smooth rendering for images by adding this class to them whenever needed */
.mw-halign-center img {
img.smooth-render,
     border-color: black !important
.smooth-render img {
     image-rendering: auto;
}
}


.layered {
.mw-halign-center figcaption {
     position: absolute;
     background-color: #27272E00 !important;
     top: 0;
     border-color: black !important
    left: 0;
}
}


.blend {
.reference {
     mix-blend-mode: multiply;
     background-color: #27272E00;
}
}


/* replace pencil icon in "edit section" buttons with a version that's visible */
ol.references li:target,sup.reference:target {
.mw-editsection {
     background-color: #ffffff0f;
     background-image: url(/w/images/a/a9/Pencil-lightblue.svg);
    padding: 0px 1px 3px 1px;
}
}


/* #endregion */
.oo-ui-inputWidget-input {
    background-color: #27272e !important;
    border: #37373e !important;
    color: #ffffff !important
}


/* ============ */
.mw-search-profile-tabs {
/* #region GENERAL STYLES */
    background-color: #27272e !important;
/* ============ */
    border: #37373e !important
}


/* page content */
.search-types .current a {
#mw-content-text {
     color: #d3d3d3 !important;
     overflow: auto;
    cursor: default !important
}
}


code {
.mw-message-box-error {
    color: var(--code-color-text);
     background-color: #7b1919 !important;
     background-color: var(--code-color-bg);
     border-color: #af2424 !important
     border: 1px solid var(--code-color-border);
}
}


pre {
.mw-message-box-warning {
    color: var(--code-color-text);
     background-color: #7b6919 !important;
     background-color: var(--code-color-bg);
     border-color: #af9a24 !important
     border: 1px solid var(--code-color-border);
}
}


a {
#mw-header-nav-hack {
     color: var(--link-color);
     border-top: solid 2px #212126 !important;
    display: block;
    position: absolute;
    z-index: 98;
    background: #212126 !important;
    width: 100%
}
}


a:hover {
.ui-widget-overlay {
     /* keep the same color */
     background: #000000 !important;
    color: var(--link-color);
     opacity: .3 !important
     /* keep underline */
    text-decoration: underline;
}
}


a:visited {
.ui-widget-content {
     color: var(--link-color-visited);
    border: 1px solid #4a4a57 !important;
    background: #212126 !important;
     color: #e0e0e0 !important
}
}


a:visited:hover {
.ui-widget-header {
     /* keep the same color */
     border: 1px solid #4a4a57 !important;
     color: var(--link-color-visited);
     background: #212126 !important;
     /* keep underline */
     color: #e0e0e0 !important;
     text-decoration: underline;
     font-weight: bold !important
}
}


/* big links on the main page */
#wikieditor-toolbar-file-target,#wikieditor-toolbar-file-caption,#wikieditor-toolbar-file-alt {
.biglink > a:hover {
    width: 100% !important;
     color: #2952a3;
     background-color: #27272e !important;
    color: #e0e0e0 !important
}
}


/* big links on the main page */
.wikiEditor-toolbar-dialog .ui-dialog-content input[type='text'] {
.biglink > a:visited:hover {
    box-sizing: border-box !important;
     color: #1e3666;
    background-color: #27272e !important;
     color: #e0e0e0 !important
}
}


/* ============ */
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
/* #endregion */
    font-family: Verdana,Arial,sans-serif !important;
/* ============ */
    font-size: 1em !important;
    background-color: #27272e !important;
    color: #e0e0e0 !important
}


/* ============ */
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
/* #region SYSTEM MESSAGES */
    border: 1px solid #4a4a57 !important;
/* ============ */
    background: #27272e !important;
    font-weight: normal !important;
    color: #e0e0e0 !important
}


/* system message banner */
.ui-state-hover,.ui-widget-contetn .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
.mw-message-box {
    border: 1px solid #4a4a57 !important;
    color: var(--text-color);
     background: #4c4c59 !important;
    border-color: var(--border-color-light);
    font-weight: normal !important;
     background-color: var(--bg-color-light-x4);
    color: #e0e0e0 !important
}
}


/* system success banner */
body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
     right: 0.9em !important;
     background-color: hsl(167 37% 27% / 1);
     background: #4c4c59 !important
     border-color: #096450;
    color: var(--text-color);
}
}


/* system warning banner (e.g. when you preview changes in the source editor and the "changes not yeh published" banner pops up) */
.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus {
.mw-message-box-warning,
     padding: 0 !important;
/* another system warning banner */
     background: #6c6c80 !important
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
     color: var(--text-color);
     background-color: var(--warning-color);
    border-color: var(--warning-color-border);
}
}


/* another system error banner */
ul#filetoc,.toc,.toccolours,.mw-warning {
.mw-message-box-error,
     display: table !important;
/* system error banner (e.g., when you remove the parameter name from templateData param) */
     background-color: #27272e !important;
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {
    border: solid #000000 !important;
     color: var(--text-color);
    border-radius: 0.9em;
     background-color: var(--danger-color-dark-x2);
    border-width: 1px 1px 0.2em !important;
     border-color: var(--danger-color-border);
    box-shadow: 0 1px 2px 1px rgb(39 0 255 / 17%) !important;
     padding: 1.25em 1.75em !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    min-width: 15em !important;
    font-size: 100% !important
}
}


/* #endregion */
.mw-body h1 {
    font-family: 'oswald';
    font-size: 2em
}


/* ============ */
.mw-body .toctitle h2 {
/* #region IMAGES & GALLERIES */
    font-family: 'oswald';
/* ============ */
    font-size: 1.2em
}


/* images with "thumb" type */
.diff-editfont-monospace .diff-addedline,.diff-editfont-monospace .diff-deletedline,.diff-editfont-monospace .diff-context {
figure[typeof~='mw:File/Thumb'],
    font-family: monospace,monospace !important;
/* images with "frame" type */
    background-color: #1b1b1f !important;
figure[typeof~='mw:File/Frame'],
    border-color: #1b1b1f !important;
/* images with "thumb" type → caption */
    color: white !important
figure[typeof~='mw:File/Thumb'] > figcaption,
/* images with "frame" type  → caption */
figure[typeof~='mw:File/Frame'] > figcaption,
/* The backgrounds for galleries. */
#content .gallerybox div.thumb {
background-color: var(--bg-color-light-x2);
border-color: var(--border-color);
}
}


/* images with "thumb" type → image */
.diff-deletedline .diffchange {
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element,
    background: #4c3c16 !important
/* images with "frame" type → image */
figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element,
/* some other images */
.mw-image-border .mw-file-element {
border-color: var(--border-color-light);
}
}


/* images with "thumb" type → open image icon */
.diff-addedline .diffchange {
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-description::after,
    background: #16324d !important
/* images with "thumb" type → ????? (something alike to the above) */
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after {
filter: invert(100%);
}
}


/* #endregion */
.mw-json th,.mw-json td {
    border: 1px solid #000000;
    font-size: 16px;
    padding: 0.5em 1em
}


/* ============ */
.mw-json tr {
/* #region PAGE DIFF */
    background-color: #212126;
/* ============ */
    margin-bottom: 0.5em
}


/* page versions diff → diff entry (one cell) */
.mw-json th {
.diff .diff-context {
     background-color: #303037;
     background: var(--code-color-bg);
    font-weight: normal;
     color: var(--text-color);
     vertical-align: top;
     border-color: var(--border-color);
     color: #d3d3d3
}
}


/* page versions diff → cell (deleted text) */
.mw-json th span {
.diff .diff-deletedline {
     -webkit-position: sticky;
     border-color: var(--red-color);
    position: sticky;
    top: 0.5em
}
}


/* page versions diff → cell (added text) */
.mw-json-value,.mw-json-single-value {
.diff .diff-addedline {
     background-color: #1b5929;
     border-color: var(--green-color);
    font-family: monospace,monospace;
    white-space: pre-wrap;
    color: #d3d3d3
}
}


/* page versions diff → cell → inline diff */
.mw-json-empty {
.diff .diffchange {
     background-color: #1b5929;
     background-color: var(--blue-color-dark-x2);
    font-style: italic;
    color: #d3d3d3
}
}


/* ============ */
.hover_img_special {
/* #endregion */
    top: 0;
/* ============ */
    left: 0;
 
    display: none
/* ============ */
}
/* #region Search */
/* ============ */
 
/* SEARCH BAR */


/* search form → search bar */
.img_special:hover .hover_img_special {
.mw-search-form-wrapper #mw-search-top-table input[type=search] {
     display: inline
     background-color: var(--bg-color-light);
    border-color: var(--border-color-light);
    color: var(--text-color);
}
}


/* search form → search bar → search icon */
.img_special:hover .img_spec {
.mw-search-form-wrapper #mw-search-top-table .oo-ui-icon-search,
     display: none
/* search form → search bar → clear search icon */
.mw-search-form-wrapper #mw-search-top-table .oo-ui-indicator-clear {
     filter: invert(100%);
}
}


/* search form → search bar → search button */
.ace-tm .ace_gutter {
.mw-search-form-wrapper #mw-search-top-table button[type=submit],
     background: #212126;
/* search form → advanced search options → all/none toggle container → button */
     color: #333
.mw-search-form-wrapper #mw-search-togglebox input[type=button] {
     background-color: var(--action-color);
    border-color: var(--border-color);
     color: var(--text-color);
    transition: background-color 100ms ease-in;
}
}


/* search form → search bar → search button hover */
.ace-tm .ace_print-margin {
.mw-search-form-wrapper #mw-search-top-table button[type=submit]:hover,
     width: 1px;
/* search form → advanced search options → all/none toggle container → button hover */
     background-color: #1b1b1f
.mw-search-form-wrapper #mw-search-togglebox input[type=button]:hover {
     background-color: var(--action-color-light);
     transition: background-color 100ms ease-out;
}
}


/* search form → search bar → search button active */
.ace-tm {
.mw-search-form-wrapper #mw-search-top-table button[type=submit]:active,
     background-color: #1b1b1f;
/* search form → advanced search options → all/none toggle container → button active */
     color: lightgrey
.mw-search-form-wrapper #mw-search-togglebox input[type=button]:active {
     background-color: var(--action-color-dark-x2);
     transition: background-color 100ms ease-out;
}
}


/* search form → search in pane → namespace suggest → namespace with a border */
.ace-tm .ace_cursor {
.oo-ui-defaultOverlay > .oo-ui-selectWidget .mw-advancedSearch-namespace-border {
     color: white
     border-color: var(--bg-color-light-x3);
}
}


/* SEARCH BAR END */
.ace-tm .ace_storage,.ace-tm .ace_keyword {
    color: rgb(153,153,255)
}


/* search form → results count info */
.ace-tm .ace_constant.ace_numeric {
.mw-search-form-wrapper #mw-search-top-table .results-info {
     color: rgb(153,153,205)
     color: var(--bg-color-light-x4);
}
}


/* search form → advanced search/search in pane */
.ace-tm .ace_constant {
.mw-search-form-wrapper .mw-advancedSearch-expandablePane-button > .oo-ui-buttonElement-button {
     color: rgb(241,89,92)
    background-color: var(--bg-color-light);
     color: var(--text-color);
    border-color: var(--border-color-light);
}
}


/* search form → advanced search/search in pane hover */
.ace-tm .ace_support.ace_function {
.mw-search-form-wrapper .mw-advancedSearch-expandablePane-button > .oo-ui-buttonElement-button:hover {
     color: rgb(68,118,235)
     background-color: var(--bg-color-light-x2) !important;
    /* stays the same */
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
}
}


/* search form → advanced search/search in pane → "down" indication icon */
.ace-tm .ace_support.ace_constant {
.mw-search-form-wrapper .oo-ui-indicator-down {
     color: rgb(23,202,33)
     filter: invert(100%);
}
}


/* search form → advanced search/search in pane → content container */
.ace-tm .ace_support.ace_type,.ace-tm .ace_support.ace_class {
.mw-search-form-wrapper .mw-advancedSearch-expandablePane-pane > * {
     color: rgb(182,187,236)
    /* a slight "glow" at the top */
    background: linear-gradient(hsla(0, 0%, 100%, 0.1), var(--bg-color) 0.5em);
     border-color: var(--border-color-light);
}
}


 
.ace-tm .ace_string {
/* TAGS */
     color: rgb(6,142,13)
 
/* search form → tag */
.mw-search-form-wrapper.mw-search-form-wrapper .oo-ui-tagItemWidget {
    background-color: var(--bg-color-light-x3) !important;
     color: var(--text-color) !important;
    border-color: var(--border-color-light) !important;
    text-shadow: 0 0 3px var(--bg-color) !important;
}
}


/* search form → tag → remove button hover */
.ace-tm .ace_comment {
.mw-search-form-wrapper.mw-search-form-wrapper .oo-ui-tagItemWidget .oo-ui-buttonElement-button:hover {
     color: rgb(103,193,150)
     background-color: var(--bg-color-light);
}
}


/* search form → tag → remove icon */
.ace-tm .ace_constant.ace_numeric {
.mw-search-form-wrapper.mw-search-form-wrapper .oo-ui-tagItemWidget .oo-ui-icon-close {
     color: rgb(153,153,255)
     filter: invert(100%);
}
}


/* search form → disabled tag */
.ace-tm .ace_marker-layer .ace_selection {
.mw-search-form-wrapper.mw-search-form-wrapper .oo-ui-tagItemWidget.oo-ui-widget-disabled {
     background: rgb(28,45,68)
     background-color: var(--bg-color-light);
    color: color-mix(in srgb, var(--text-color), var(--bg-color) 22%);
    text-shadow: none;
}
}


/* search form → tag → link */
.ace-tm .ace_marker-layer .ace_bracket {
.mw-search-form-wrapper.mw-search-form-wrapper .oo-ui-tagItemWidget > a {
    margin: -1px 0 0 -1px;
     color: var(--text-color);
     border: 1px solid rgb(94,94,94)
}
}


/* search form → tag with a non-existing link */
.ace-tm .ace_marker-layer .ace_active-line {
.mw-search-form-wrapper.mw-search-form-wrapper .oo-ui-tagItemWidget:has(a.new) {
     background: rgb(153,153,183,7%)
     background-color: var(--warning-color);
    border-color: var(--border-color-light);
    text-shadow: 0 0 3px var(--bg-color-light-x2);
}
}


/* TAGS END */
.ace-tm .ace_gutter-active-line {
/* FIELDS */
     background-color: rgb(44,44,51)
 
/* search form → info icon */
.mw-search-form-wrapper .oo-ui-icon-info,
/* search form → menu icon */
.mw-search-form-wrapper .oo-ui-icon-menu,
/* search form → search icon */
.mw-search-form-wrapper .oo-ui-icon-search {
    filter: invert(100%);
}
 
/* search form → dropdown input */
.mw-search-form-wrapper .oo-ui-dropdownInputWidget,
/* search form → dropdown input hover */
.mw-search-form-wrapper .oo-ui-dropdownInputWidget:hover {
    /* remove this extra bg */
     background-color: transparent;
}
}


/* search form → fields group → label */
.ace-tm .ace_marker-layer .ace_selected-word {
.mw-search-form-wrapper .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
     background: rgb(37,59,89);
    /* should be the same as the bg to hide the line underneath */
     border: 1px solid rgb(36,36,42)
     background: var(--bg-color) !important;
     color: var(--text-color) !important;
    font-weight: bold !important;
}
}


/* search form → tag select field */
.codeEditor-status {
.mw-search-form-wrapper .oo-ui-tagMultiselectWidget,
    clear: both;
/* search form → text input field → input */
    width: 100%;
.mw-search-form-wrapper .oo-ui-textInputWidget .oo-ui-inputWidget-input,
     background-color: #212126;
/* search form → dropdown select */
    border-top: 1px solid #40404b;
.mw-search-form-wrapper .oo-ui-dropdownWidget-handle,
     display: table
/* search form → dropdown select hover */
.mw-search-form-wrapper .oo-ui-dropdownWidget-handle:hover {
     background-color: var(--bg-color-light) !important;
     color: var(--text-color) !important;
}
}


/* search form → tag select field → input */
.codeEditor-status-message {
.mw-search-form-wrapper .oo-ui-tagMultiselectWidget input {
    border-left: 1px solid #40404b;
     color: var(--text-color);
    border-right: 1px solid #40404b;
    padding: 0 0.3em;
    width: 100%;
     display: table-cell
}
}


/* search form → tag select field → next nested container element */
.ace_search {
.mw-search-form-wrapper .oo-ui-tagMultiselectWidget > .oo-ui-tagMultiselectWidget-handle,
    background-color: #212126;
/* search form → text input field → input */
    color: #d3d3d3;
.mw-search-form-wrapper .oo-ui-textInputWidget .oo-ui-inputWidget-input,
    border: 1px solid #383843;
/* search form → dropdown select */
    border-top: 0 none;
.mw-search-form-wrapper .oo-ui-dropdownWidget-handle {
    overflow: hidden;
     border-color: var(--border-color-light) !important;
    margin: 0;
    padding: 4px 6px 0 4px;
    position: absolute;
    top: 0;
    z-index: 99;
     white-space: normal
}
}


/* search form → tag select field hover → next nested container element */
.ace_search_form.ace_nomatch {
.mw-search-form-wrapper .oo-ui-tagMultiselectWidget:hover > .oo-ui-tagMultiselectWidget-handle,
     outline: 1px solid #922626
/* search form → text input field → input hover */
.mw-search-form-wrapper .oo-ui-textInputWidget .oo-ui-inputWidget-input:hover,
/* search form → dropdown select hover */
.mw-search-form-wrapper .oo-ui-dropdownWidget-handle:hover {
     border-color: var(--border-color-light) !important;
}
}


.ace_search_field {
    border-radius: 3px 0 0 3px;
    background-color: #27272e;
    color: #d3d3d3;
    border: 1px solid #383843;
    border-right: 0 none;
    outline: 0;
    padding: 0;
    font-size: inherit;
    margin: 0;
    line-height: inherit;
    padding: 0 6px;
    min-width: 17em;
    vertical-align: top;
    min-height: 1.8em;
    box-sizing: content-box
}


/* FIELDS END */
.ace_searchbtn {
 
    border: 1px solid #383843;
/* #endregion */
    line-height: inherit;
    display: inline-block;
    padding: 0 6px;
    background: #27272e;
    border-right: 0 none;
    border-left: 1px solid #383843;
    cursor: pointer;
    margin: 0;
    position: relative;
    color: #d3d3d3
}


/* ============ */
.ace_searchbtn:last-child {
/* #region Popups */
    border-radius: 0 3px 3px 0;
/* various popup windows */
    border-right: 1px solid #383843
/* some of them live in ".oo-ui-defaultOverlay" */
}
/* ============ */


/* OPTION SELECT */
.ace_searchbtn:hover {
    background-color: #1b1b1f
}


/* option select popup */
.ace_searchbtn.prev:after {
.oo-ui-selectWidget {
    content: "";
     background-color: var(--bg-color);
    border: solid 2px #d3d3d3;
     border-color: var(--border-color);
    width: 0.5em;
    height: 0.5em;
    border-width: 2px 0 0 2px;
     display: inline-block;
     transform: rotate(-45deg)
}
}


/* option select popup → option */
.ace_searchbtn.next:after {
.oo-ui-selectWidget > .oo-ui-menuOptionWidget.oo-ui-menuOptionWidget {
    content: "";
     background-color: var(--bg-color);
    border: solid 2px #d3d3d3;
     transition: background-color 100ms ease-in;
    width: 0.5em;
     color: var(--text-color);
    height: 0.5em;
     border-width: 2px 0 0 2px;
     display: inline-block;
     transform: rotate(135deg)
}
}


/* option select popup → option hover */
.ace_button {
.oo-ui-selectWidget > .oo-ui-menuOptionWidget.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
    margin-left: 2px;
     background-color: var(--bg-color-light);
    cursor: pointer;
     transition: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
     user-select: none;
    overflow: hidden;
    opacity: 0.7;
    border: 1px solid rgb(56,56,68);
    padding: 1px;
    box-sizing: border-box!important;
    color: #d3d3d3;
     background-color: #27272e
}
}


/* option select popup → selected option hover */
.ace_button:hover {
.oo-ui-selectWidget > .oo-ui-menuOptionWidget.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-optionWidget-highlighted {
     background-color: #1b1b1f;
     color: var(--text-color);
     opacity: 1
     background-color: var(--action-color-dark);
}
}


/* option select popup → option active */
.ace_button:active {
.oo-ui-selectWidget > .oo-ui-menuOptionWidget.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed,
     background-color: #101013
/* option select popup → selected option */
.oo-ui-selectWidget > .oo-ui-menuOptionWidget.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
    color: var(--text-color);
    transition: none;
     background-color: var(--action-color-dark);
    background: linear-gradient(90deg,
        var(--action-color) 0%,
        var(--action-color-dark-x2) 100%
    );
}
}


/* OPTION SELECT END */
::-webkit-scrollbar {
    background-color: #424242
}


/* #endregion */
::-webkit-scrollbar-thumb {
    background-color: #686868;
    border: 2px solid #424242;
    border-radius: 4px
}


::-webkit-scrollbar-thumb:hover {
    background-color: #7b7b7b
}


/* ============ */
::-webkit-scrollbar-thumb:active {
/* #region =📕= SOURCE EDITOR =📕= */
    background-color: #a1a1a1
/* ============ */
}


/* existing styles */
.style-for-sub-numbered-lists ol {
    counter-reset: item
}


textarea {
.style-for-sub-numbered-lists li {
    background: var(--bg-color-light-x3);
     display: block
     border: 1px solid var(--bg-color-light-x4);
    color: var(--text-color);
}
}


/* new styles */
.style-for-sub-numbered-lists li:before {
    content: counters(item,".") ". ";
    counter-increment: item
}


:root {
.section {
     --se-mode-icon: var(--icon-source-editor-cosmoGreen);
    display: flex;
     flex-wrap: wrap
}
}


/* page editor content */
.section .col {
.mw-editform #wpTextbox1 {
     flex: 1 1 auto
     background-color: var(--bg-color-light-x2);
    color: var(--text-color);
}
}


/* page editor footer section */
.section .line-break {
.mw-editform .editOptions {
     flex-basis: 100%;
     background-color: var(--bg-color-light);
    width: 0px;
     color: var(--text-color);
     height: 0px;
    overflow: hidden
}
}


/* page editor footer section → edit summary */
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,.mw-changeslist-legend,.mw-body .mw-search-profile-tabs,.mw-body fieldset#mw-searchoptions,.mw_metadata,.mw-datatable {
.mw-editform .editOptions input#wpSummary {
     color: #d3d3d3;
     background-color: var(--bg-color-light-x2);
     background: #303037;
     color: var(--text-color);
     border: solid #000000;
     border-color: var(--border-color-light);
    border-width: 1px 1px 0.2em;
    padding: 1.25em 1.75em;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02)
}
}


/* page editor footer section → edit summary hover */
.mw_metadata > tr > th,.mw-datatable > tr > th,.wikitable > tr > th,.mw_metadata > tr > td,.mw-datatable > tr > td,.wikitable > tr > td,.mw_metadata > * > tr > th,.mw-datatable > * > tr > th,.wikitable > * > tr > th,.mw_metadata > * > tr > td,.mw-datatable > * > tr > td,.wikitable > * > tr > td {
.mw-editform .editOptions input#wpSummary:hover {
     border:none;
     border-color: var(--border-color-light-x2);
    padding:0.5em;
}
}


/* page editor footer section "save changes" button */
.mw-datatable th {
.mw-editform .editOptions .editButtons .oo-ui-buttonElement-button#wpSave {
     background: #212126
     background-color: var(--action-color);
    border-color: var(--border-color);
}
}


/* page editor footer section "save changes" button hover */
.mw-datatable td {
.mw-editform
     background-color: #303037
    .editOptions
    .editButtons
    .oo-ui-buttonElement-button#wpSave:hover {
     background-color: var(--action-color-light);
}
}


/* page editor footer section "save changes" button active */
.mw-datatable tr:hover td {
.mw-editform
     background-color: #3f3f48
    .editOptions
    .editButtons
    .oo-ui-buttonElement-button#wpSave:active {
     background-color: var(--action-color-dark);
}
}


/* page editor footer section "show preview/changes" buttons */
.pretoclip-copy-button {
.mw-editform .editOptions .editButtons .oo-ui-buttonElement-button#wpPreview,
     float: right
  .mw-editform .editOptions .editButtons .oo-ui-buttonElement-button#wpDiff,
  /* "Manage TemplateData" button above the text editor when editing a template
  !important directives are used to override the defaults */
  .tdg-editscreen-main .oo-ui-buttonElement-button {
     background-color: var(--bg-color-light) !important;
    color: var(--text-color) !important;
    border: 1px solid var(--bg-color-light-x4) !important;
}
}


/* page editor → footer section → show preview/changes buttons hover */
.mw-scribunto-console-fieldset {
.mw-editform .editOptions .editButtons .oo-ui-buttonElement-button#wpPreview:hover,
     color: #d3d3d3;
  .mw-editform .editOptions .editButtons .oo-ui-buttonElement-button#wpDiff:hover,
     background: none;
  /* "Manage TemplateData" button above the text editor when editing a template
     border: 3px solid #27272e
  !important directives are used to override the defaults */
  .tdg-editscreen-main .oo-ui-buttonElement-button:hover {
     background-color: var(--action-color-light) !important;
     /* override of the default selector */
     color: var(--text-color) !important;
}
}


/* page editor → footer section → show preview/changes buttons active */
.mw-scribunto-message {
.mw-editform .editOptions .editButtons .oo-ui-buttonElement-button#wpPreview:active,
     color: #008000;
  .mw-editform .editOptions .editButtons .oo-ui-buttonElement-button#wpDiff:active,
     background: none
  /* "Manage TemplateData" button above the text editor when editing a template
  !important directives are used to override the defaults */
  .tdg-editscreen-main .oo-ui-buttonElement-button:active {
     background-color: var(--action-color-dark) !important;
     /* override of the default selector */
    color: var(--text-color) !important;
}
}


/* text editor toolbar */
#mw-scribunto-input {
.wikiEditor-ui-toolbar {
     width: 100%;
     background-color: var(--bg-color-light);
    border: 0;
     color: var(--text-color);
     overflow: auto;
    background: #303037
}
}


/* text editor toolbar icons - inverting from black to white */
.mw-scribunto-input {
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
    color: #d3d3d3;
.wikiEditor-ui-toolbar .oo-ui-indicator-down {
    font: inherit;
     filter: invert(100%);
    font-weight: bold;
     margin-top: 0.5em
}
}


/* text editor toolbar icons on hover */
.table-flex {
.wikiEditor-ui-toolbar .oo-ui-buttonElement-button:hover,
     display: flex;
  /* text editor toolbar mode switch icon button on hover */
     flex-direction: row;
  .wikiEditor-ui-toolbar .oo-ui-widget .oo-ui-popupToolGroup-handle:hover {
     flex-wrap: wrap;
     /* !important directive makes the override much easier here */
     justify-content: space-evenly
     background-color: var(--bg-color-light-x3) !important;
 
     /* more "snappier" transition */
     transition: background-color 50ms ease-out, color 50ms ease-out,
        border-color 50ms ease-out, box-shadow 50ms ease-out;
}
}


/* text editor toolbar mode switch icon button (when active) */
.boxes-flex {
.wikiEditor-ui-toolbar
     padding: 0;
     .oo-ui-popupToolGroup-active
     margin: 0;
     .oo-ui-popupToolGroup-handle {
     text-align: center
     background-color: var(--bg-color-light-x4);
}
}


/* text editor toolbar mode switch icon button → icon (when active) */
.role-big-title {
.wikiEditor-ui-toolbar
     margin: 0px;
     .oo-ui-popupToolGroup-active
     text-align: center;
     .oo-ui-popupToolGroup-handle
     font-size: 40px;
     .oo-ui-iconElement-icon {
     line-height: 50px;
     filter: none;
     border-radius: 8px
     background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Ctitle%3E%20edit%20%3C%2Ftitle%3E%3Cpath%20fill%3D%22rgb(10%2C%20212%2C%2098)%22%20d%3D%22m16.77%208%201.94-2a1%201%200%200%200%200-1.41l-3.34-3.3a1%201%200%200%200-1.41%200L12%203.23zM1%2014.25V19h4.75l9.96-9.96-4.75-4.75z%22%2F%3E%3C%2Fsvg%3E");
}
}


/* text editor toolbar → syntax highlight button → icon (when active) */
.role-block-radius {
span.oo-ui-iconElement-icon.oo-ui-icon-highlight.oo-ui-image-progressive {
     border-radius: 8px
     /* disable icon filter applied earlier */
    filter: none;
    /* replace with a proper image instead */
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IGhpZ2hsaWdodCA8L3RpdGxlPjxnIGZpbGw9IiMzNmMiPjxwYXRoIGZpbGw9InJnYigxMCwgMjEyLCA5OCkiIGQ9Ik0xNS4xNCAyLjI3YTEgMSAwIDAgMC0xLjQxIDBsLTEwIDEwYTEgMSAwIDAgMCAwIDEuNDFMNCAxNGwtMyA0aDVsMS0xIC4yOS4yOWExIDEgMCAwIDAgMS40MSAwbDEwLTEwYTEgMSAwIDAgMCAuMDMtMS40M3pNNyAxNWwtMi0yIDktOSAyIDJ6Ii8+PC9nPjwvc3ZnPg==");
}
}


/* text editor toolbar labels */
.role-block-name {
.wikiEditor-ui-toolbar .group .label {
     padding: 2px;
     color: var(--text-color);
    border-radius: .3em;
     filter: brightness(80%);
     margin-bottom: .2em
}
}


/* text editor toolbar labels with .tool-select class (they act as select) */
.story-text {
.wikiEditor-ui-toolbar .group .tool-select .label {
     text-indent: 19px;
     color: var(--text-color);
     text-align: justify
     filter: none;
}
}


/* text editor toolbar label (that acts as select) options container */
.story-dialogue {
.wikiEditor-ui-toolbar .group .tool-select .options {
     line-height: 1.2
     background-color: var(--bg-color-light-x2);
}
}


/* text editor toolbar label (that acts as select) options */
.oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
.wikiEditor-ui-toolbar .group .tool-select .options .option,
     display: block;
  /* text editor toolbar → group lists inside tabs → options */
     position: relative;
  .wikiEditor-ui-toolbar .booklet>.index {
     margin: 0px 25%
     color: var(--text-color);
 
     /* a new prop, introduced because of hover */
     transition: background-color 50ms ease-in;
}
}


/* text editor toolbar → special characters tab → special characters */
.mw-gallery-slideshow .gallerybox.slideshow-current {
.wikiEditor-ui-toolbar .page-characters div span {
     background: #28282e
    color: var(--text-color);
     background-color: var(--bg-color-light);
    border-color: var(--border-color);
 
    /* a new prop, introduced because of hover */
    transition: background-color 50ms ease-in;
}
}


/* text editor toolbar label (that acts as select) options on hover
.gallerytext {
  note: no hover is defined by default, this is an addition */
    overflow: hidden;
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover,
    font-size: 94%;
  /* text editor toolbar → group lists inside tabs → options on hover */
    padding: 2px 4px;
  .wikiEditor-ui-toolbar .booklet>.index> :hover,
     word-wrap: break-word;
  /* text editor toolbar → special characters tab → special characters on hover */
     text-align: center
  .wikiEditor-ui-toolbar .page-characters div span:hover {
     background-color: var(--bg-color-light-x2);
     transition: background-color 50ms ease-out;
}
}


/* text editor toolbar → special characters tab → special characters on hover */
#content .gallerybox div.thumb {
.wikiEditor-ui-toolbar .page-characters div span:hover {
     background-color: #f8f9fa00
     border-color: var(--border-color-light);
}
}


/* text editor toolbar → group lists inside tabs → active option */
.mw-body li.gallerybox div.thumb {
.wikiEditor-ui-toolbar .booklet > .index > .current {
     background: #f8f9fa00;
     color: var(--link-color);
    border: solid #28282e;
     background-color: var(--bg-color-light-x4);
    border-width: 1px 1px 0.2em;
     transition: background-color 50ms ease-out;
    padding: 1.25em 1.75em;
     box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
     padding: 0
}
}


/* text editor toolbar tab buttons
.title-no-bottom-border {
  the color property to the selected tab since it has higher priority */
     border-bottom: none !important
.wikiEditor-ui-toolbar .tabs span.tab a {
     color: var(--link-color);
 
    transition: background-color 100ms ease-out;
}
}


/* text editor toolbar selected tab */
.title-top-border {
.wikiEditor-ui-toolbar .tabs span.tab a.current,
     border-top: solid 2px #c8ccd1
  /* text editor toolbar selected tab, visited */
  .wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
     color: var(--link-color);
    background-color: var(--bg-color-light-x4);
 
    transition: background-color 100ms ease-in;
}
}


/* an arrow icon to the left in text editor toolbar tabs */
/* for preferences panel */
.wikiEditor-ui-toolbar .tabs span.tab a::before {
@media screen and (min-width: 1100px) and (max-width: 1339px) {
     filter: invert(100%);
     #mw-content-wrapper {
        float: right;
        margin-left: -14em;
        width: 100%;
        background: #1b1b1f;
        color: lightgrey;
        border: #1b1b1f
    }
}
}


/* editor footer → checkbox */
@media (min-width: 1340px) {
.oo-ui-checkboxInputWidget [type="checkbox"] + span {
     #mw-content-block {
     background-color: var(--bg-color-light-x2);
        display:block
    border-color: var(--border-color-light);
    }
}


/* editor footer → checkbox hover */
    #mw-content {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span {
        margin-left: 14em;
    border-color: var(--border-color-light-x2);
        padding: 2em 0 0;
}
        background: #1b1b1f;
        color: lightgrey;
        border: #1b1b1f
    }


/* editor footer → checkbox active */
    #mw-content-wrapper {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled
        float: right;
    [type="checkbox"]:active
        margin-left: -14em;
    + span {
        width: 100%;
    background-color: var(--action-color);
        background: #1b1b1f;
    /* same as the bg color to make it seamless
        color: lightgrey;
  !important here overrides the more lighter color in hover state*/
        border: #1b1b1f
    border-color: var(--action-color) !important;
     }
    /* disabling the default box shadow, which just doubles the border when active/in focus  */
     box-shadow: none;
}


/* editor footer → checkbox focus */
    #mw-related-navigation {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span {
        width: 14em;
    /* background-color: var(--action-color-dark-x2er); */
        padding: 0 1em 0 0
}
    }


/* editor footer → checkbox (checked) */
    .color-middle {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled
        margin-right: 0
    [type="checkbox"]:checked
    }
    + span {
    background-color: var(--action-color-light);
}


/* editor footer → checkbox (checked) hover */
    .mw-wiki-logo {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled
        display: inline-block
    [type="checkbox"]:checked
    }
    + span:hover {
    background-color: var(--action-color-light-x2);
}


/* editor footer → checkbox (checked) active */
    #catlinks {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled
        margin-left: 14em
    [type="checkbox"]:checked
     }
    + span:active {
     background-color: var(--action-color-dark);
}
}


/* legal stuff above the buttons at the footer of the editor
#footer {
  note: this just adds additional spacing between the text and the checkboxes for visual clarity */
     padding-right: 1em
#editpage-copywarn {
     margin-top: 1rem;
}
}


/* override for page editor toolbar → help tab → table → th */
.mw-body h2 {
.wikiEditor-ui-toolbar .page-table th {
     font-size: 1.8em;
     text-align: center;
     border-bottom: solid 2px #3366cc
     color: var(--text-color);
}
}


/* override for page editor toolbar → help tab → table → td */
#mw-site-navigation .sidebar-chunk h3,#mw-related-navigation .sidebar-chunk h3 {
.wikiEditor-ui-toolbar .page-table td {
     border-bottom: solid 2px #3366cc
     color: var(--text-color);
}
}


/* override page editor toolbar → tabs → left section
.target {
  note: both these overrides are done just
     border-bottom: 1px solid darkblue
  to make the help section a little larger and thus more readable */
.wikiEditor-ui-toolbar .booklet>.index,
  /* override page editor toolbar → tabs → right section */
  .wikiEditor-ui-toolbar .booklet .pages {
     height: 12rem;
}
}


/* editor → toolbar → mode switch button → popup (that opens on click) */
.target:target {
.wikiEditor-ui-toolbar .oo-ui-popupToolGroup-tools {
     border-bottom: 2px solid gold;
     background-color: var(--bg-color-light);
    transition: border 0.7s cubic-bezier(0.4,0,0.2,1)
}
}


/* editor → toolbar → mode switch button → popup on click → inactive mode (span) */
.backlight:hover {
.wikiEditor-ui-toolbar .oo-ui-toolbar-popups .oo-ui-widget-enabled {
     box-shadow: 0 0 0.3em gold;
     transition: background-color 100ms ease-in;
     background-color: #00000025;
     color: var(--text-color);
}
}


/* editor → toolbar → mode switch button → popup on click → inactive mode (span) hover */
#main.backlight:hover {
.wikiEditor-ui-toolbar .oo-ui-toolbar-popups .oo-ui-widget-enabled:hover,
     box-shadow: inset 0 0 23em #00000066;
  /* editor → toolbar → mode switch button → popup on click → inactive mode (a) active */
     border-radius: 8px
  .wikiEditor-ui-toolbar .oo-ui-toolbar-popups .oo-ui-widget-enabled .oo-ui-tool-link:active {
     color: var(--text-color);
     background-color: var(--bg-color-light-x2);
    transition: background-color 100ms ease-out;
}
}


/* editor → toolbar → mode switch button → popup on click → inactive mode (a) hover */
#strongwhite, #strongwhite p, #strongwhite h1, #strongwhite h2, #strongwhite h3, #strongwhite h4, #strongwhite h5, #strongwhite h6, #strongwhite li {
.wikiEditor-ui-toolbar
     color: #e9e9e9 !important
    .oo-ui-toolbar-popups
    .oo-ui-widget-enabled
    .oo-ui-tool-link:hover {
     /* duplicate background, removing it */
    background-color: transparent;
}
}
 
/*cell phone blackout*/
/* editor → toolbar → mode switch button → popup on click → selected mode (span) */
#menus-cover {
.wikiEditor-ui-toolbar .oo-ui-toolbar-popups .oo-ui-widget-enabled.oo-ui-tool-active,
     background: #000000;
  /* editor → toolbar → mode switch button → popup on click → selected mode (a) */
    opacity: 0.4
  .wikiEditor-ui-toolbar .oo-ui-toolbar-popups .oo-ui-widget-enabled.oo-ui-tool-active .oo-ui-tool-link,
  /* editor → toolbar → mode switch button → popup on click → selected mode (a) active */
  .wikiEditor-ui-toolbar .oo-ui-toolbar-popups .oo-ui-widget-enabled.oo-ui-tool-active .oo-ui-tool-link:active {
     background-color: var(--bg-color-light-x3);
}
}
 
.oo-ui-tagMultiselectWidget-handle,.oo-ui-panelLayout-padded {
/* editor → toolbar → mode switch button → popup on click → selected mode (a) hover */
    background: #1b1b1f;
.wikiEditor-ui-toolbar
     border: 1px solid black;
    .oo-ui-toolbar-popups
    border-radius: 0
     .oo-ui-widget-enabled.oo-ui-tool-active
}
     .oo-ui-tool-link:hover {
/*Beautiful pictures*/
     background-color: var(--bg-color-light-x3);
.mw-content-ltr figure[typeof~='mw:File/Thumb'], .mw-content-ltr figure[typeof~='mw:File/Frame'] {
     margin: 0 0 0.5em 0.5em;
    border:1px solid black;
    border-bottom:0;
    border-radius:0.9em 0.9em 0 0;
    background:#1b1b1f;
}
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
     border-radius: 0 0 0.9em 0.9em;
    border:1px solid black;
    border-top:0;
    background:#1b1b1f;
    padding-bottom:5px;
    font-family:oswald;
    font-size:1em;
}
}


/* editor → toolbar → mode switch button → popup on click → visual editing source mode active → title */
figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) {
.wikiEditor-ui-toolbar
     margin: 5px;
    .oo-ui-toolbar-popups
    border-radius: 0.4em;
    .oo-ui-widget-enabled.oo-ui-tool-name-editModeVisual.oo-ui-tool-active
    .oo-ui-tool-title {
     color: var(--text-color);
}
}
 
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame']{
/* editor → toolbar → mode switch button → popup on click → visual editing source mode active → icon */
     border-collapse:separate;
.wikiEditor-ui-toolbar
     .oo-ui-toolbar-popups
    .oo-ui-widget-enabled.oo-ui-tool-name-editModeVisual.oo-ui-tool-active
    .oo-ui-iconElement-icon {
    /* hue rotate  to ≈strongBlue (instead of a separate image) */
    filter: hue-rotate(-23.06deg) saturate(150%) brightness(120%);
}
}
 
.mw-content-ltr figure[typeof~='mw:File/Thumb']:not([typeof~='mw:Error']) > a.mw-file-description:after{
/* editor → toolbar → mode switch button → popup on click → source editing mode active → title */
     border-bottom: 1px solid #3366cc;
.wikiEditor-ui-toolbar
    .oo-ui-toolbar-popups
     .oo-ui-widget-enabled.oo-ui-tool-name-editModeSource.oo-ui-tool-active
    .oo-ui-tool-title {
    color: var(--text-color);
}
}


/* editor → toolbar → mode switch button → popup on click → source editing mode active → icon */
/*button for the main menu*/
.wikiEditor-ui-toolbar
.StupidButton {
     .oo-ui-toolbar-popups
     width: 100%;
     .oo-ui-widget-enabled.oo-ui-tool-name-editModeSource.oo-ui-tool-active
     height: 100%;
     .oo-ui-iconElement-icon {
     position: absolute;
    /* cosmoGreen "source editing" mode icon */
     top: 0;
     background-image: linear-gradient(transparent, transparent),
     left: 0
        var(--se-mode-icon);
     /* disable the hue rotating filter since the correct icon is provided */
    filter: none;
}
}


/* #region borders */
/*Colors of tables for different departments*/


/* editor toolbar and content combined */
/* Table */
.wikiEditor-ui .wikiEditor-ui-view,
#MED.wikitable {
  /* editor toolbar section that open with tabs */
background: #01453e;
  .wikiEditor-ui-toolbar .sections .section,
border-spacing: 0px;
  /* editor toolbar label (that acts as select) options container */
  .wikiEditor-ui-toolbar .group .tool-select .options,
  /* text editor toolbar → special characters tab → special characters */
  .wikiEditor-ui-toolbar .page-characters div span,
  /* editor → toolbar → mode switch button → popup (that opens on click) */
  .wikiEditor-ui-toolbar .oo-ui-popupToolGroup-tools,
  /* editor footer */
  div.editOptions,
  /* summary input */
  div.editOptions #wpSummary,
  /* content body */
  #wpTextbox1 {
    border: 1px solid var(--border-color-light);
}
}


/* editor toolbar groups of buttons, except the last one */
/* Header */
.wikiEditor-ui-toolbar .group:not(:last-child) {
#MED.wikitable thead tr th,
     border-right: 1px solid var(--border-color-light);
#MED.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #01453e;
     border-bottom: 4px solid #00000015;
}
}


/* editor toolbar last groups of buttons */
/* Title cell */
.wikiEditor-ui-toolbar .group:last-child {
#MED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
     border-left: 1px solid var(--border-color-light);
#MED.wikitable thead + tbody > tr th {
    background: #005b53;
     border-bottom: 1px solid #01453e;
}
}


/* this is the last button on the main row of the editor toolbar */
/* Cell with contents */
.wikiEditor-ui-toolbar .section-main .group:last-child {
#MED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
     border-right: 1px solid var(--border-color-light);
#MED.wikitable thead + tbody > tr td {
    background: #1f635d;
     border-bottom: 1px solid #01453e;
    border-left: 1px solid #005b53;
}
}


/* editor toolbar */
#ENG.wikitable {
.wikiEditor-ui .wikiEditor-ui-top {
background: #775f0e;
    border-bottom: 1px solid var(--border-color-light);
border-spacing: 0px;
}
}


/* editor toolbar → mode switch button
#ENG.wikitable thead tr th,
  it has extra border on the bottom */
#ENG.wikitable:not(:has(thead)) tr:first-of-type th {
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
    position: relative;
     border-bottom: none;
    background-color: #775f0e;
     border-bottom: 4px solid #00000015;
}
}


/* ================================================ */
#ENG.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
/* #region <syntaxhighlight> CODE BLOCKS  */
#ENG.wikitable thead + tbody > tr th {
/* ================================================ */
     background: #8f7210;
 
     border-bottom: 1px solid #775f0e;
:root {
    --synt-high--color-darkCreamy: #262421;
    --synt-high--color-lightCreamy: hsl(38, 5%, 45%);
 
    --synt-high--color-comment: var(--synt-high--color-lightCreamy);
    --synt-high--color-err: #ff1a94;
    --synt-high--color-operator: #f92672;
    --synt-high--color-punctuation: #f8f8f2;
    --synt-high--color-string: #e6db74;
    --synt-high--color-date: var(--synt-high--color-string);
    /* names for things such as variables, functions, classes, etc. */
    --synt-high--color-name: #a6e22e;
    /* literals, mostly numbers, some string stuff too. */
     --synt-high--color-literal: #ae81ff;
     /* keywords and constants */
    --synt-high--color-keyword: #66d9ef;
}
}


/* Modified version of https://github.com/richleland/pygments-css/blob/master/monokai.css */
#ENG.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
 
#ENG.wikitable thead + tbody > tr td {
/* Code block container  */
     background: #977e31;
.mw-content-ltr.mw-highlight-lines pre {
     border-bottom: 1px solid #775f0e;
    background-color: var(--code-color-bg);
     border-left: 1px solid #8f7210;
    color: var(--code-color-text);
     border-color: var(--code-color-border);
     font-size: 90%;
 
     /* targets the line numbers bg, when they (line numbers) are present */
    box-shadow: rgb(34, 37, 39) 2.75em 0px 0px inset;
}
}


/* Code block → line numbers  */
#SEC.wikitable {
.mw-highlight .linenos {
    background: #404144;
     color: rgb(165, 155, 142);
     color: #dddddd;
}
}


/* Highlighted Lines */
#SEC.wikitable>*>tr>th {
.mw-highlight .hll {
     background: #912424;
     background-color: var(--action-color);
    color: #dddddd;
}
}


.mw-highlight {
#SEC.wikitable > * > tr > td {
     background: #272822;
     background: #515255;
     color: #f8f8f2;
     color: #dddddd;
}
}


/* Error */
#SRV.wikitable {
.mw-highlight .err {
     background: #316f20;
     color: var(--synt-high--color-err);
     color: #dddddd;
     background-color: hsl(328, 40%, 16%);
}
}


/* Keyword */
#SRV.wikitable>*>tr>th {
.mw-highlight .k {
    background: #316f20;
     color: var(--synt-high--color-keyword);
     color: #dddddd;
}
}


/* Literal */
#SRV.wikitable >*> tr > td {
.mw-highlight .l {
    background: #40852b;
     color: var(--synt-high--color-literal);
     color: #dddddd;
}
}


/* Name */
#RND.wikitable {
.mw-highlight .n {
background: #630069;
    color: #f8f8f2;
border-spacing: 0px;
}
}


/* Operator */
#RND.wikitable thead tr th,
.mw-highlight .o {
#RND.wikitable:not(:has(thead)) tr:first-of-type th {
     color: var(--synt-high--color-operator);
     position: relative;
    background-color: #630069;
    border-bottom: 4px solid #00000015;
}
}


/* Punctuation */
#RND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.mw-highlight .p {
#RND.wikitable thead + tbody > tr th {
     color: var(--synt-high--color-punctuation);
     background: #7c0183;
    border-bottom: 1px solid #630069;
}
}


/* Comment */
#RND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
.mw-highlight .c {
#RND.wikitable thead + tbody > tr td {
     color: var(--synt-high--color-comment);
     background: #84328f;
    border-bottom: 1px solid #630069;
    border-left: 1px solid #7c0183;
}
}


/* Comment.Hashbang */
#SUP.wikitable {
.mw-highlight .ch {
background: #6f3d0a;
    color: var(--synt-high--color-comment);
border-spacing: 0px;
}
}


/* Comment.Multiline */
#SUP.wikitable thead tr th,
.mw-highlight .cm {
#SUP.wikitable:not(:has(thead)) tr:first-of-type th {
     color: var(--synt-high--color-comment);
     position: relative;
    background-color: #6f3d0a;
    border-bottom: 4px solid #00000015;
}
}


/* Comment.Preproc */
#SUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.mw-highlight .cp {
#SUP.wikitable thead + tbody > tr th {
     color: var(--synt-high--color-comment);
     background: #85490c;
    border-bottom: 1px solid #6f3d0a;
}
}


/* Comment.PreprocFile */
#SUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
.mw-highlight .cpf {
#SUP.wikitable thead + tbody > tr td {
     color: var(--synt-high--color-comment);
     background: #8f5a23;
    border-bottom: 1px solid #6f3d0a;
    border-left: 1px solid #85490c;
}
}


/* Comment.Single */
.mw-highlight .c1 {
    color: var(--synt-high--color-comment);
}


/* Comment.Special */
#aMED.wikitable thead tr th,
.mw-highlight .cs {
#aMED.wikitable:not(:has(thead)) tr:first-of-type th {
     color: var(--synt-high--color-comment);
     position: relative;
    background-color: #004d45;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
}


/* Generic.Deleted */
#aMED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.mw-highlight .gd {
#aMED.wikitable thead + tbody > tr th {
     color: #f92672;
    background: #0d747f;
    border-bottom: 0.1em solid #00000059;
     border-left: 0.2em solid #00000059;
}
}


/* Generic.Emph */
#aENG.wikitable thead tr th,
.mw-highlight .ge {
#aENG.wikitable:not(:has(thead)) tr:first-of-type th {
     font-style: italic;
    position: relative;
    background-color: #715609;
    border-bottom: 0.2em solid #00000059;
     box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
}


/* Generic.Inserted */
#aENG.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.mw-highlight .gi {
#aENG.wikitable thead + tbody > tr th {
     color: var(--synt-high--color-name);
     background: #957710;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
}


/* Generic.Strong */
#aRND.wikitable thead tr th,
.mw-highlight .gs {
#aRND.wikitable:not(:has(thead)) tr:first-of-type th {
     font-weight: bold;
    position: relative;
    background-color: #4e0163;
    border-bottom: 0.2em solid #00000059;
     box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
}


/* Generic.Subheading */
#aRND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.mw-highlight .gu {
#aRND.wikitable thead + tbody > tr th {
     color: #75715e;
    background: #78027f;
    border-bottom: 0.1em solid #00000059;
     border-left: 0.2em solid #00000059;
}
}


/* Keyword.Constant */
#aSUP.wikitable thead tr th,
.mw-highlight .kc {
#aSUP.wikitable:not(:has(thead)) tr:first-of-type th {
     color: var(--synt-high--color-keyword);
     position: relative;
    background-color: #6f390a;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
}


/* Keyword.Declaration */
#aSUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.mw-highlight .kd {
#aSUP.wikitable thead + tbody > tr th {
     color: var(--synt-high--color-keyword);
     background: #874b0e;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
}


/* Keyword.Namespace */
#aSEC.wikitable {
.mw-highlight .kn {
    background: #27272E;
     color: #f92672;
     color: #dddddd;
}
}


/* Keyword.Pseudo */
#aSEC.wikitable>*>tr>th {
.mw-highlight .kp {
    background: #912424;
     color: var(--synt-high--color-keyword);
     color: #dddddd;
}
}


/* Keyword.Reserved */
#aSEC.wikitable > * > tr > td {
.mw-highlight .kr {
    background: #32323C;
     color: var(--synt-high--color-keyword);
     color: #dddddd;
}
}


/* Keyword.Type */
#aSRV.wikitable {
.mw-highlight .kt {
background: #216321;
    color: var(--synt-high--color-keyword);
border-spacing: 0px;
}
}


/* Literal.Date */
#aSRV.wikitable thead tr th,
.mw-highlight .ld {
#aSRV.wikitable:not(:has(thead)) tr:first-of-type th {
     color: var(--synt-high--color-date);
     position: relative;
    background-color: #216321;
    border-bottom: 0.2em solid #00000021;
}
}


/* Literal.Number */
#aSRV.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.mw-highlight .m {
#aSRV.wikitable thead + tbody > tr th {
     color: var(--synt-high--color-literal);
     background: #297929;
    border-bottom: 1px solid #216321;
}
}


/* Literal.String */
#aSRV.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
.mw-highlight .s {
#aSRV.wikitable thead + tbody > tr td {
     color: var(--synt-high--color-string);
     background: #3f833f;
}
    border-bottom: 1px solid #216321;
    border-left: 1px solid #297929;
}  


/* Name.Attribute */
#BOTANY.wikitable {
.mw-highlight .na {
background: #0d3f28;
    color: var(--synt-high--color-name);
}
}


/* Name.Builtin */
.mw-highlight .nb {
    color: #f8f8f2;
}


/* Name.Class */
#BOTANY.wikitable thead tr th,
.mw-highlight .nc {
#BOTANY.wikitable:not(:has(thead)) tr:first-of-type th {
     color: var(--synt-high--color-name);
     position: relative;
    background-color: #04673e !important;
    border-bottom: 0.2em solid #00000021;
}
}


/* Name.Constant */
.mw-highlight .no {
    color: var(--synt-high--color-keyword);
}


/* Name.Decorator */
#BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.mw-highlight .nd {
#BOTANY.wikitable thead + tbody > tr th {
     color: var(--synt-high--color-name);
     background: #0d7b39;
}
}


/* Name.Entity */
.mw-highlight .ni {
    color: #f8f8f2;
}


/* Name.Exception */
#BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-of-type,
.mw-highlight .ne {
#BOTANY.wikitable thead + tbody > tr th:first-of-type {
    color: var(--synt-high--color-name);
    border-left: 0.2em solid #0000003b;
}
}


/* Name.Function */
.mw-highlight .nf {
    color: var(--synt-high--color-name);
}


/* Name.Label */
#BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
.mw-highlight .nl {
#BOTANY.wikitable thead + tbody > tr td {
     color: #f8f8f2;
     background: #2a834e;
}
}


/* Name.Namespace */
.mw-highlight .nn {
    color: #f8f8f2;
}


/* Name.Other */
#MUTATION.wikitable {
.mw-highlight .nx {
background: #220f3b;
    color: var(--synt-high--color-name);
}
}


/* Name.Property */
.mw-highlight .py {
    color: #f8f8f2;
}


/* Name.Tag */
#MUTATION.wikitable thead tr th,
.mw-highlight .nt {
#MUTATION.wikitable:not(:has(thead)) tr:first-of-type th {
     color: #f92672;
     position: relative;
    background-color: #330b65 !important;
    border-bottom: 0.2em solid #00000021;
}
}


/* Name.Variable */
.mw-highlight .nv {
    color: #f8f8f2;
}


/* Operator.Word */
#MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.mw-highlight .ow {
#MUTATION.wikitable thead + tbody > tr th {
     color: var(--synt-high--color-operator);
     background: #3a1769;
}
}


/* Text.Whitespace */
.mw-highlight .w {
    color: #f8f8f2;
}


/* Literal.Number.Bin */
#MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-of-type,
.mw-highlight .mb {
#MUTATION.wikitable thead + tbody > tr th:first-of-type {
    color: var(--synt-high--color-literal);
    border-left: 0.2em solid #0000003b;
}
}


/* Literal.Number.Float */
.mw-highlight .mf {
    color: var(--synt-high--color-literal);
}


/* Literal.Number.Hex */
#MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
.mw-highlight .mh {
#MUTATION.wikitable thead + tbody > tr td {
     color: var(--synt-high--color-literal);
     background: #422371;
}
}


/* Literal.Number.Integer */
/* Unbroken spaces in horizontal lists
.mw-highlight .mi {
  @source: https://ru.wikipedia.org/wiki/MediaWiki:Common.css
    color: var(--synt-high--color-literal);
  @Sported under CC BY-SA 4.0
  @author: [[Contributor:WindEwriX]]*/
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
.hlist-items-nowrap dd,
.hlist-items-nowrap dt,
.hlist-items-nowrap li {
white-space: nowrap;
}
}
/* Termination of CC BY-SA 4.0 license*/


/* Literal.Number.Oct */
/* Style for horizontal lists (separator following item).
.mw-highlight .mo {
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
    color: var(--synt-high--color-literal);
  @revision 9 (2016-08-10)
  @Sported under CC BY-SA 4.0
  @author [[User:Edokter]]
*/
.hlist dl,
.hlist.hlist ol,
.hlist.hlist ul {
margin: 0;
padding: 0;
}
}
 
/* Display list items inline */
/* Literal.String.Affix */
.hlist dd,
.mw-highlight .sa {
.hlist dt,
    color: var(--synt-high--color-string);
.hlist li {
margin: 0;
display: inline;
}
}
 
/* Display nested lists inline */
/* Literal.String.Backtick */
.hlist.inline,
.mw-highlight .sb {
.hlist.inline dl,
    color: var(--synt-high--color-string);
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
}
 
/* Hide empty list items */
/* Literal.String.Char */
.hlist .mw-empty-li,
.mw-highlight .sc {
.hlist .mw-empty-elt {
    color: var(--synt-high--color-string);
display: none;
}
}
 
/* Generate bullets */
/* Literal.String.Delimiter */
.hlist dt:after {
.mw-highlight .dl {
content: ": ";
    color: var(--synt-high--color-string);
}
}
 
.hlist dd:after,
/* Literal.String.Doc */
.hlist li:after {
.mw-highlight .sd {
content: "\00a0· ";
    color: var(--synt-high--color-string);
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
content: ")";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
counter-reset: listitem;
}
.hlist ol > li {
counter-increment: listitem;
}
.hlist ol > li:before {
content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) "\a0";
}
}
/* Termination of CC BY-SA 4.0 license*/


/* Literal.String.Double */
.pseudomodal--caller {
.mw-highlight .s2 {
  cursor:pointer;
    color: var(--synt-high--color-string);
}
}


/* Literal.String.Escape */
.pseudomodal {
.mw-highlight .se {
    overflow-y: auto;
     color: var(--synt-high--color-literal);
     display: flex;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    background-color: #212126;
    width: 60%;
    height: 80%;
    border: 1px solid black;
    border-radius: 0.5rem;
    padding: 5px 25px;
    position: fixed;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100 !important;
    box-shadow: 0px 0px 0px 100vh rgba(0,0,0,0.6);
}
}


/* Literal.String.Heredoc */
.pseudomodal--caller:focus-within + .pseudomodal {
.mw-highlight .sh {
  visibility: visible;
    color: var(--synt-high--color-string);
  opacity: 1;
}
}


/* Literal.String.Interpol */
.pseudomodal:hover {
.mw-highlight .si {
  visibility: visible;
    color: var(--synt-high--color-string);
  opacity: 1;
}
}


/* Literal.String.Other */
.pseudomodal--header {
.mw-highlight .sx {
  text-align: center;
    color: var(--synt-high--color-string);
  font-size: 1.1em;
  position: relative;
}
}


/* Literal.String.Regex */
.pseudomodal--header-hr{
.mw-highlight .sr {
  margin: 20px 0;
    color: var(--synt-high--color-string);
  padding: 0;
  height: 0;
  border: none;
  border-top: 1px solid darkgray;
}
}


/* Literal.String.Single */
.pseudomodal--body{
.mw-highlight .s1 {
  height: 100%;
    color: var(--synt-high--color-string);
  position: relative;
}
}


/* Literal.String.Symbol */
.pseudomodal::-webkit-scrollbar {
.mw-highlight .ss {
  width: 0.15rem;
    color: var(--synt-high--color-string);
  background-color:transparent;
}
}


/* Name.Builtin.Pseudo */
.pseudomodal::-webkit-scrollbar-track {
.mw-highlight .bp {
  margin:1em;
    color: #f8f8f2;
  background: transparent;
}
}


/* Name.Function.Magic */
.pseudomodal::-webkit-scrollbar-thumb {
.mw-highlight .fm {
  background-color: transparent;
    color: var(--synt-high--color-name);
  border: solid #373737;
}
}


/* Name.Variable.Class */
/* Key press */
.mw-highlight .vc {
.keyboard-key {
     color: #f8f8f2;
    border: 1px solid #555555;
    border-radius: 0.2em;
    box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(to bottom, #1e1e1e, #393838, #1e1e1e);
     color: lightgrey;
    padding: 0.1em 0.3em;
    font-family: inherit;
    font-size: 0.8em;
}
}


/* Name.Variable.Global */
@media only screen and (max-width: 600px) {
.mw-highlight .vg {
.flex--row-column {
    color: #f8f8f2;
flex-direction:column; width: 50%; margin: auto;
}
}
}


/* Name.Variable.Instance */
.forumMessage, .wikiMessage {
.mw-highlight .vi {
background: #1b1b1f;
    color: #f8f8f2;
}
}


/* Name.Variable.Magic */
.forumMessage {
.mw-highlight .vm {
padding: 10px 10px 30px;
    color: #f8f8f2;
}
}


/* Literal.Number.Integer.Long */
.wikiMessage {
.mw-highlight .il {
padding: 10px 10px 10px;
    color: var(--synt-high--color-literal);
margin-bottom: 10px;
}
}


/* #endregion */
.forumMessageInfo, .wikiMessageInfo{
padding: 0;
margin-left: 160px;
border-bottom: 1px none black;
zoom: 1;
color: rgb(255, 255, 255);
}


 
.forumMessageContent, .wikiMessageContent {
/* ============ */
padding-bottom: 2px;
/* #region SOURCE EDITOR → SYNTAX HIGHLIGHTING */
padding-left:4px;
/* based on: https://github.com/wikimedia/mediawiki-extensions-CodeMirror/blob/master/resources/mode/mediawiki/mediawiki.less */
border-style: hidden;
/* ============ */
min-height: 100px;
 
overflow: hidden;
:root {
    /* "se-cm" = Source Editor - Code Mirror */
 
    /* same color as for source editor */
    --se-cm--bg-color: var(--bg-color-light-x2);
    /* same color as for code block */
    --se-cm--gutter-bg-color: var(--code-color-bg);
    /* margin to the left for the main contents of the editor */
    --se-cm--main-contents-left-margin: 0.25rem;
 
    /* bg color for pre/nowiki tags contents */
    --se-cm--pre-bg-color: hsl(205, 21%, 15%);
 
    /* from the <syntaxhighlight> theme */
    --se-cm--comment-color: var(--synt-high--color-comment);
    --se-cm--error-color: var(--red-color);
 
    /* link itself */
    --se-cm--link-color: var(--link-color);
    /* link delimiter */
    --se-cm--cm-mw-link-delimiter: var(--se-cm--template-delimiter-color);
    /* link text */
    --se-cm--link-text-color: var(--text-color);
    --se-cm--link-brackets-color: var(--se-cm--link-text-color);
 
    /* things like "DISPLAYTITLE" "templates" (the whole template except the value part) */
    --se-cm--parser-function-color: var(--synt-high--color-operator);
 
    /* table brackets and row delimiter */
    --se-cm--table-punctuation-color: var(--synt-high--color-punctuation);
    /* table settings */
    --se-cm--table-settings-color: var(--se-cm--template-arg-name-color);
 
    /* template name */
    --se-cm--template-name-color: hsl(80, 76%, 53%);
    /* template arg names */
    --se-cm--template-arg-name-color: hsl(80, 76%, 42%);
    /* template brackets */
    --se-cm--template-brackets-color: var(--synt-high--color-name);
    /* template arg values */
    --se-cm--template-values-color: hsl(207,90%,83%);
    /* template arg delimiters */
    --se-cm--template-delimiter-color: hsl(205, 71%, 85%);
 
    /* template param name */
    --se-cm--template-param-name-color: var(--synt-high--color-keyword);
    /* template param brackets */
    --se-cm--template-param-brackets-color: hsl(190, 61%, 40%);
    /* template param values */
    --se-cm--template-param-value-color: hsl(207,90%,83%);
    /* template param delimiter */
    --se-cm--template-param-delimiter-color: var(
        --se-cm--template-delimiter-color
    );
 
    /* wiki formatting: headers, bullet points, bold/italic quotes, etc. */
    --se-cm--wikitext-formatting-color: var(--blue-color-light);
    /* html tags, including ones specific for the wiki (like syntaxhighlight) */
    --se-cm--xml-tag-color: hsl(41, 53%, 67%);
 
    /* selection color */
    --se-cm--selection-color: hsl(205, 21%, 30%);
    /* bg color applied when selecting a bracket that has a match (in templates) */
    --se-cm--matching-brackets-bg-color: hsl(205, 21%, 44%);
}
}
 
.forumMessageContent {
/* the whole content body code mirror wrapper */
background-color: #303037
.CodeMirror-wrap {
    /* same color as for source editor */
    background-color: var(--se-cm--bg-color);
 
    /* color for the text that the other rules don't apply to (regular text, header text, etc.) */
    color: var(--text-color);
}
}


/* the actual lines of text */
.forumMessageUserInfo, .wikiIMG {
.CodeMirror pre.CodeMirror-line {
float: left;
    /* a little bit of margin for the main content */
width: 140px;
    margin-left: var(--se-cm--main-contents-left-margin);
position: relative;
}
}


/* gutters?? */
.forumAvatarHolder, .wikiIMGHolder {
.CodeMirror-wrap .CodeMirror-gutters {
padding: 10px;
    border-color: var(--border-color);
text-align: center;
position:relative;
}
}


/* gutter */
.forumAvatarHolder {
.CodeMirror-wrap .CodeMirror-gutter {
background:#303037
    /* same color as for code block */
    background-color: var(--se-cm--gutter-bg-color);
}
}


/* selection */
.forumUserText {
.CodeMirror-line::selection,
padding: 1px 10px;
/* selection */
background:#303037
.CodeMirror-line>span::selection,
/* selection */
.CodeMirror-line>span>span::selection {
    background-color: var(--se-cm--selection-color);
}
}


/* bullet point symbol */
.forumUserName {
.cm-mw-list,
font-size: 14px;
/* ???? */
color: rgb(255, 148, 7);
.cm-mw-indenting {
margin-bottom: 5px;
    color: var(--se-cm--wikitext-formatting-color);
display: block;
overflow: hidden;
line-height: 16px;
text-align: center;
}
}


/* magic words */
.forumBanner {
.cm-mw-doubleUnderscore,
font-size: 11px;
/* magic words */
text-align: center;
.cm-mw-double-underscore,
padding: 5px;
/* ???? user signature maybe */
color: black;
.cm-mw-signature,
border-color: silver;
/* ???? hr tags prob */
height: 16px;
.cm-mw-hr {
width: 105px;
    color: var(--se-cm--wikitext-formatting-color);
display: block;
 
margin-bottom: 5px
    /* override the defaults */
    background-color: inherit;
}
}


/* html sequences like "&nbsp;" */
.forumAdmin {
.cm-mw-mnemonic,
background: silver
/* ???? */
.cm-mw-html-entity {
    color: var(--se-cm--xml-tag-color);
    background-color: #684905;
    border-radius: 2px;
}
}
 
/* CodeMirror */
/* comments */
.CodeMirror {
.cm-mw-comment {
    position: relative;
     color: var(--se-cm--comment-color);
    overflow: hidden;
    background: #1b1b1f;
     color: inherit;
}
}


/* formatting: 3 apostrophes for bold text */
.CodeMirror-gutters {
.cm-mw-apostrophes-bold,
    border-right: 1px solid #212126;
/* formatting: 2 apostrophes for italic text
    background-color: #212126;
todo make them separate? better eligibility */
     white-space: nowrap;
.cm-mw-apostrophes-italic {
     color: var(--se-cm--wikitext-formatting-color);
}
}


/* template name */
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
.cm-mw-template-name {
     background: #1c2d44;
     color: var(--se-cm--template-name-color);
    /* disable the default */
    text-decoration: none;
}
}


/* template arg names */
.noExternal>.external {
.cm-mw-template-argument-name {
  padding-right:0px !important;
    color: var(--se-cm--template-arg-name-color);
  background-image:none !important;
}
}


/* template arg values */
.mw-mmv-image>*, .fullImageLink>*>* {
.cm-mw-template {
image-rendering: auto !important;
    color: var(--se-cm--template-values-color);
}
}


/* template pipe delimiters (maybe colon too for modules?) */
.skameykatable{
.cm-mw-template-delimiter {
border:1px solid black;
    color: hsl(205, 71%, 85%);
border-radius:1.4rem;
}
}
 
.skameykatable>*>tr>th{
/* template brackets */
      text-align:center;
.cm-mw-template-bracket {
    font-weight:bold;
     color: var(--se-cm--template-brackets-color);
    }
.skameykatable>*>tr>td{
      border:none;
     }
.skameykatable>*>tr:not(:first-child)>*{
    border-top:1px solid black !important;
}
}
 
.skameykatable>*>tr:not(:first-child):not(:last-child):hover{
/* template variable (with 3 brackets) name */
box-shadow: inset 30em 30em 0 #1b1b20;
.cm-mw-templatevariable-name {
    color: var(--se-cm--template-param-name-color);
}
}
 
.skameykatable>*>tr:last-child{
/* template variable (with 3 brackets) value */
     box-shadow: inset 30em 30em 0 #1b1b20;
.cm-mw-templatevariable {
    border-bottom-left-radius:1.3rem;
     color: var(--se-cm--template-param-value-color);
    border-bottom-right-radius:1.3rem;
}
}


/* template variable brackets (3 brackets) */
.skameykatable>*>tr>*{
.cm-mw-templatevariable-bracket {
    padding:0.4em;
     color: var(--se-cm--template-param-brackets-color);
    background:transparent;
          border:none !important;
    }
   
.headerSort::after {
content: "\21C5";
}
   
.headerSort.headerSortUp::after {
     content: "\2191";
}
}


/* template variable (with 3 brackets) delimiter */
.headerSort.headerSortDown::after {
.cm-mw-templatevariable-delimiter {
     content: "\2193";
     color: var(--se-cm--param-delimiter-color);
}
}


/* parser functions (things like "DISPLAYTITLE" or invokes) → name */
 
.cm-mw-parserfunction-name {
.headerSort {
    color: var(--se-cm--template-name-color);
background-size: 0 0 !important;
white-space: nowrap;
}
}


/* parser functions (things like "DISPLAYTITLE" or invokes) → value */
 
.cm-mw-parserfunction {
.pseudomodal p {
    color: var(--se-cm--template-values-color);
margin: 0 !important;
}
}


/* parser functions (things like "DISPLAYTITLE" or invokes) → brackets */
/**
.cm-mw-parserfunction-bracket {
* SS220 import
     color: var(--se-cm--template-brackets-color);
*
* Taken from https://wiki.ss220.space/index.php?title=MediaWiki:Common.css&oldid=35625
*/
 
/* Hide noscript only elements */
.client-js *.noscript {
     display: none;
}
}


/* parser functions (things like "DISPLAYTITLE" or invokes) → delimiters */
 
.cm-mw-parserfunction-delimiter {
/* SS220 import end*/
     color: var(--se-cm--template-delimiter-color);
 
#highlighted-header.wikitable thead tr th,
 
#highlighted-header.wikitable:not(:has(thead)) tr:first-of-type th {
     position: relative;
    background-color: #3d3d4f;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
}


/* wiki html tag names? like >syntaxhighlight> */
 
.cm-mw-exttag-name,
#highlighted-header.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
/* html tag names */
 
.cm-mw-htmltag-name {
#highlighted-header.wikitable thead + tbody > tr th {
     color: var(--se-cm--xml-tag-color);
     background: #972626;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
}


/* if a string starts with an empty space, it will generate a pre block.
#highlighted-header-classic.wikitable thead tr th,
this targets that one single space.
#highlighted-header-classic.wikitable:not(:has(thead)) tr:first-of-type th {
same style as for html tag names, but for bg here */
    position: relative;
.cm-mw-skipformatting {
     background-color: #323245;
     background-color: var(--se-cm--xml-tag-color);
    border-bottom: 0.2em solid #0000002b;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
}


/* wiki html tag brackets */
#highlighted-header-classic.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.cm-mw-exttag-bracket,
#highlighted-header-classic.wikitable thead + tbody > tr th {
/* wiki html tag attributes (name, delimiter, value) */
     background: #3d3d51;
.cm-mw-exttag-attribute,
    border-bottom: 0.1em solid #0000000d;
/* html tag brackets */
    border-left: 0.2em solid #00000024;
.cm-mw-htmltag-bracket,
/* html tag attributes (name, delimiter, value) */
.cm-mw-htmltag-attribute {
     color: var(--se-cm--xml-tag-color);
}
}


/* pre tag BLOCK contents */
#highlighted-header-cold.wikitable thead tr th,
pre.CodeMirror-line.cm-mw-tag-pre,
#highlighted-header-cold.wikitable:not(:has(thead)) tr:first-of-type th {
/* pre tag INLINE contents */
    position: relative;
.CodeMirror-line span.cm-mw-tag-pre,
    background-color: #006587;
/* ???? */
    border-bottom: 0.2em solid #00000059;
pre.CodeMirror-line-like.cm-mw-tag-pre,
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
/* pre tag contents */
.cm-mw-tag-pre,
/* ============== */
/* nowiki tag BLOCK contents */
pre.CodeMirror-line.cm-mw-tag-nowiki,
/* nowiki tag INLINE contents */
.CodeMirror-line span.cm-mw-tag-nowiki,
/* ???? */
pre.CodeMirror-line-like.cm-mw-tag-nowiki,
/* nowiki tag contents */
.cm-mw-tag-nowiki {
    background-color: var(--se-cm--pre-bg-color);
}
}


/* pre tag BLOCK contents */
#highlighted-header-cold.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
pre.CodeMirror-line.cm-mw-tag-pre,
#highlighted-header-cold.wikitable thead + tbody > tr th {
/* nowiki tag BLOCK contents */
     background: #00707b;
pre.CodeMirror-line.cm-mw-tag-nowiki {
     border-bottom: 0.1em solid #00000059;
     /* colors the margin gap bg for block variants */
    border-left: 0.2em solid #00000059;
     box-shadow: calc(-1 * var(--se-cm--main-contents-left-margin)) 0
        var(--se-cm--pre-bg-color);
}
}


/* pre tag INLINE contents */
#highlighted-header-dark.wikitable thead tr th,
.CodeMirror-line span.cm-mw-tag-pre,
#highlighted-header-dark.wikitable:not(:has(thead)) tr:first-of-type th {
/* nowiki tag INLINE contents */
     position: relative;
.CodeMirror-line span.cm-mw-tag-nowiki {
    background-color: #3d3d4f;
     /* a little corner rounding won't hurt a thing! */
     border-bottom: 0.2em solid #00000059;
     border-radius: 2px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
}


/* ???? */
#highlighted-header-dark.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.cm-mw-link,
#highlighted-header-dark.wikitable thead + tbody > tr th {
/* ???? */
     background: #8d2121;
.cm-mw-link-tosection,
    border-bottom: 0.1em solid #00000059;
/* header equal signs */
    border-left: 0.2em solid #00000059;
.cm-mw-section-header {
     color: var(--se-cm--wikitext-formatting-color);
}
}


/* link itself */
#highlighted-header-CM.wikitable thead tr th,
.cm-mw-link-pagename,
#highlighted-header-CM.wikitable:not(:has(thead)) tr:first-of-type th {
/* external link itself, without protocol */
    position: relative;
.cm-mw-extlink,
    background-color: #313d45;
/* ???? same as above, maybe? */
    border-bottom: 0.2em solid #00000059;
.cm-mw-free-extlink,
     box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
/* external link protocol (the "https://" part) */
.cm-mw-extlink-protocol,
/* ???? same as above, maybe? */
.cm-mw-free-extlink-protocol {
     color: var(--se-cm--link-color);
}
}


/* link brackets */
#highlighted-header-CM.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.cm-mw-link-bracket,
#highlighted-header-CM.wikitable thead + tbody > tr th {
/* external link brackets */
     background: #355f54;
.cm-mw-extlink-bracket {
    border-bottom: 0.1em solid #00000059;
     color: var(--se-cm--link-brackets-color);
    border-left: 0.2em solid #00000059;
}
}


/* link delimiter */
#highlighted-header-xenomorph.wikitable thead tr th,
.cm-mw-link-delimiter {
#highlighted-header-xenomorph.wikitable:not(:has(thead)) tr:first-of-type th {
     color: var(--se-cm--cm-mw-link-delimiter);
     position: relative;
    background-color: #3c1d5f;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
}


/* link text */
#highlighted-header-xenomorph.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.cm-mw-link-text,
#highlighted-header-xenomorph.wikitable thead + tbody > tr th {
/* external link text */
     background: #5d1c55;
.cm-mw-extlink-text {
    border-bottom: 0.1em solid #00000059;
     color: var(--se-cm--link-text-color);
    border-left: 0.2em solid #00000059;
}
}


/* tables opening "{|" and closing "|}" brackets */
#no-highlight {
.cm-mw-table-bracket,
    border-bottom: none !important;
/* table row delimiter (doesn't include cols!) */
    box-shadow: none !important;
.cm-mw-table-delimiter {
    color: var(--se-cm--table-punctuation-color);
}
}


/* the table settings I guess? (like «class="wikitable"») */
 
.cm-mw-table-definition {
 
    color: var(--se-cm--table-settings-color);
#VIOLET.wikitable {
background: #391b5d;
border-spacing: 0px;
}
}


/* ???? idk some kind of formatting errors? */
.cm-error,
.cm-mw-error,
.cm-s-default .cm-error {
    color: var(--se-cm--error-color);
}


.cm-mw-matchingbracket {
#VIOLET.wikitable thead tr th,
     background-color: var(--se-cm--matching-brackets-bg-color);
#VIOLET.wikitable:not(:has(thead)) tr:first-of-type th {
     /* disable the default */
    position: relative;
    box-shadow: none;
     background-color: #391b5d;
     border-bottom: 0.2em solid #00000021;
}
}


/* various inline bg targeting things, idk what each of them target exactly */
#VIOLET.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.cm-mw-template2-ground,
#VIOLET.wikitable thead + tbody > tr th {
.cm-mw-template3-ground,
     background: #44206f;
.cm-mw-ext-ground,
     border-bottom: 1px solid #391b5d;
.cm-mw-template-ext-ground,
.cm-mw-ext2-ground,
.cm-mw-template-ext2-ground,
.cm-mw-ext3-ground,
.cm-mw-template-ext3-ground,
.cm-mw-link-ground,
.cm-mw-ext-link-ground,
.cm-mw-template-link-ground,
.cm-mw-ext2-link-ground,
.cm-mw-template-ext-link-ground,
.cm-mw-ext3-link-ground,
.cm-mw-template-ext2-link-ground,
.cm-mw-template-ext3-link-ground,
.cm-mw-template2-ext-ground,
.cm-mw-template2-ext2-ground,
.cm-mw-template2-ext3-ground,
.cm-mw-template2-link-ground,
.cm-mw-template2-ext-link-ground,
.cm-mw-template2-ext2-link-ground,
.cm-mw-template2-ext3-link-ground,
.cm-mw-template3-ext-ground,
.cm-mw-template3-ext2-ground,
.cm-mw-template3-ext3-ground,
.cm-mw-template3-link-ground,
.cm-mw-template3-ext-link-ground,
.cm-mw-template3-ext2-link-ground,
.cm-mw-template3-ext3-link-ground {
     /* just disable them */
     background-color: inherit;
}
}




/* #endregion */
#VIOLET.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#VIOLET.wikitable thead + tbody > tr td {
    background: #4a2b6f;
    border-bottom: 1px solid #391b5d;
}




/* #endregion */


/* ============ */
#YELLOW.wikitable {
/* #endregion */
background: #405d1b;
/* ============ */
border-spacing: 0px;
}


/* ============ */
/* #region =🖌️= VISUAL EDITOR =🖌️= */
/* ============ */


/* visual editor (content) → template [puzzle] icon
#YELLOW.wikitable thead tr th,
the content selector is to not affect other places where this icon is used */
#YELLOW.wikitable:not(:has(thead)) tr:first-of-type th {
.content-body .oo-ui-icon-puzzle {
    position: relative;
     background-image: linear-gradient(transparent, transparent),
     background-color: #405d1b;
        var(--icon-template-puzzle-white);
     border-bottom: 0.2em solid #00000021;
     opacity: 1;
}
}


/* template name
 
the content selector is to not affect other places where this icon is used */
#YELLOW.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.content-body .oo-ui-icon-puzzle + .oo-ui-labelElement-label {
#YELLOW.wikitable thead + tbody > tr th {
     color: white;
     background: #4c6d20;
    border-bottom: 1px solid #405d1b;
}
}




/* visual editor → editor loading → placeholder (?) navbar container */
#YELLOW.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
.ve-init-mw-desktopArticleTarget-targetContainer
#YELLOW.wikitable thead + tbody > tr td {
    .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-open {
     background: #577332;
     /* disables progress bar cropping when moving it down */
     border-bottom: 1px solid #405d1b;
     overflow: visible;
}
}


/* visual editor → editor loading → progress bar (bg) */
@media (max-width: 800px) {
.ve-init-mw-progressBarWidget {
    .grid-adaptive {
    background-color: var(--bg-color-light);
        grid-template-columns: 1fr !important;
    }
}
}


/* visual editor → editor loading → progress bar (loading stripe) */
.no-margin-edges > :first-child {
.ve-init-mw-progressBarWidget .ve-init-mw-progressBarWidget-bar {
     margin-top: 0 !important;
     background-color: var(--action-color);
}
}


/* visual editor → toolbar (left part)  */
.no-margin-edges > :last-child {
.ve-init-target-visual > .oo-ui-toolbar > .oo-ui-toolbar-bar {
     margin-bottom: 0 !important;
     background-color: var(--bg-color-light-x3);
    color: var(--text-color);
}
}


/* visual editor → toolbar → icons */
.modern-button {
.ve-init-target-visual>.oo-ui-toolbar>.oo-ui-toolbar-bar .oo-ui-iconElement-icon,
    position: relative;
/* visual editor → toolbar → arrow down icon */
    display: flex;
.ve-init-target-visual>.oo-ui-toolbar>.oo-ui-toolbar-bar .oo-ui-indicator-down {
    min-width: 45%;
     filter: invert(100%);
    background: #31313b;
    border-radius: 8px;
    min-height: 64px;
     width: 100%;
    overflow: hidden;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
}


/* visual editor → toolbar (whole, one level up from the left one) */
.modern-button__image {
.ve-init-target-visual > .oo-ui-toolbar {
     display: flex;
     /* reset */
     align-items: center;
     margin: 0;
     background: #40404d;
     /* get the same offset that the search box has */
     padding: 4px;
     margin-right: -0.95rem;
     box-shadow: inset 20px 0px 20px 0px rgba(0, 0, 0, 0.05);
     /* get the same offset that the "Page" link has */
    margin-left: -1.25rem;
}
}


/* visual editor → toolbar (right part) → «save changes» button (disabled, when no changes were made yet) */
.modern-button__content {
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
     display: flex;
     /* disables selecting of the button text
     flex-direction: column;
     same behavior is already present in an available button */
     justify-content: center;
     user-select: none;
     gap: 2px;
 
     width: 100%;
    /* just for the button bg */
     padding: 8px 10px;
     transition: background-color 0.1s ease-out;
 
     background-color: var(--bg-color-light-x5);
}
/* visual editor → toolbar (right part) → «save changes» button (disabled, when no changes were made yet) → title */
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title {
     color: var(--text-color-grayed-out);
}
}


/* visual editor → toolbar (right part) → «save changes» button (available) */
.modern-button__title {
.oo-ui-toolbar-actions
     font-size: 1.8em;
     .ve-ui-toolbar-group-save
     line-height: 1;
    .oo-ui-toolGroup-tools
     font-family: "Oswald";
    .oo-ui-widget-enabled
     .ve-ui-toolbar-saveButton {
     background-color: var(--action-color);
}
}


/* visual editor → toolbar (right part) → «save changes» button (available) hover */
.modern-button__subtext {
.oo-ui-toolbar-actions
     font-size: 0.8em;
    .ve-ui-toolbar-group-save
    .oo-ui-toolGroup-tools
    .oo-ui-widget-enabled
    .ve-ui-toolbar-saveButton:hover {
     background-color: var(--action-color-light-x2);
}
}


/* visual editor → toolbar (right part) → «save changes» button (available) active */
.modern-frame {
.oo-ui-toolbar-actions
     display: flex;
     .ve-ui-toolbar-group-save
     flex-direction: column;
    .oo-ui-toolGroup-tools
    .oo-ui-widget-enabled.oo-ui-tool-active
     .ve-ui-toolbar-saveButton {
    background-color: var(--action-color-dark-x2);
}
}


/* visual editor → toolbar (right part) → «save changes» button (available) → label */
.modern-frame__title {
.oo-ui-toolbar-actions
     position: relative;
     .ve-ui-toolbar-group-save
     display: flex;
     .oo-ui-toolGroup-tools
     align-items: center;
     .oo-ui-widget-enabled
     min-height: 32px;
     .ve-ui-toolbar-saveButton
     padding: 2px 8px;
     .oo-ui-tool-title {
     color: #e5e5e5;
     color: var(--text-color);
    font-size: 15px;
    font-family: "noto sans";
    border-radius: 0.3em 0.3em 0 0;
    border-bottom: 3px solid #00000045 !important;
}
}


/* visual editor → toolbar → dropdown button (div) hover */
.modern-frame__content {
.ve-init-target-visual>.oo-ui-toolbar .oo-ui-popupToolGroup-handle:hover,
    border-radius: 0 0 0.3em 0.3em;
/* visual editor → toolbar → button (a) hover (except the «save changes» button */
     box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
.ve-init-target-visual>.oo-ui-toolbar .oo-ui-tool-link:not(.ve-ui-toolbar-saveButton):hover {
     background-color: var(--bg-color-light-x2);
 
    /* more "snappier" transition */
    transition: background-color 50ms ease-out;
}
}


/* visual editor → toolbar → dropdown button (span) active → icon */
@media (max-width: 800px) {
.ve-init-target-visual>.oo-ui-toolbar>.oo-ui-toolbar-bar .oo-ui-popupToolGroup-active .oo-ui-iconElement-icon,
    .modern-frame__content {
/* visual editor → toolbar → button (span) active (except the «save changes» button → icon */
        gap: 6px;
.ve-init-target-visual>.oo-ui-toolbar>.oo-ui-toolbar-bar .oo-ui-tool-active .oo-ui-iconElement-icon {
        padding: 8px;
    /* rotate from the default dark blue to the the bright, saturated version of cosmoBlue.
     }
    this results in this color: hsl(198, 93%, 49%) */
     filter: brightness(150%) saturate(150%) contrast(180%);
}
}


/* visual editor → toolbar → tabber icon (only in the «insert» menu afaik) → icon */
.gradient-header-frame-sub {
.ve-init-target-visual
     border: 1px solid #3a3a46;
    > .oo-ui-toolbar
     border-radius: 0.3em;
    > .oo-ui-toolbar-bar
    .oo-ui-tool-active
    .oo-ui-icon-tabber {
     /* this icon don't have a default dark blue color when it's active, instead they have just black (which is inverted to white in this theme), so we can't rotate to the proper color. instead here's the same icon but in cosmoBlueBright color. */
    filter: none;
     background-image: var(--icon-tabber-black);
}
}


/* visual editor → toolbar → dropdown button (span 1 level up) active */
.gradient-header-frame-sub__header {
.ve-init-target-visual>.oo-ui-toolbar>.oo-ui-toolbar-bar .oo-ui-popupToolGroup-active .oo-ui-popupToolGroup-handle,
    color: #efefef;
/* visual editor → toolbar → button active (a) */
    font-size: 1.15em;
.ve-init-target-visual>.oo-ui-toolbar>.oo-ui-toolbar-bar .oo-ui-tool-active .oo-ui-tool-link {
    font-family: "noto sans";
     background-color: var(--bg-color-light-x3);
    padding: 6px 10px;
     background: linear-gradient(90deg, #3a3a45 0%, #3a3a45 10%, #2f2f37 50%);
    text-align: left;
}
}


/* visual editor → toolbar → dropdown button (span) active → label */
.gradient-header-frame-sub__content {
.ve-init-target-visual>.oo-ui-toolbar>.oo-ui-toolbar-bar .oo-ui-popupToolGroup-active .oo-ui-labelElement-label,
/* visual editor → toolbar → button (span) active (except the «save changes» button → label */
.ve-init-target-visual>.oo-ui-toolbar>.oo-ui-toolbar-bar .oo-ui-tool-active .oo-ui-labelElement-label,
/* visual editor → tool popups → button (span) active → label */
.oo-ui-popupToolGroup-tools.oo-ui-toolGroup-tools .oo-ui-widget.oo-ui-tool-active .oo-ui-tool-title {
    color: var(--action-color-light-x2);
}


/* visual editor → toolbar → adding new image → caption */
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
    /* remove white bg */
    background: unset;
}
}


/* visual editor → toolbar → adding new image → caption */
.gradient-header-frame-sub__content::-webkit-scrollbar { width: 10px; }
.ve-ui-targetWidget {
.gradient-header-frame-sub__content::-webkit-scrollbar-track  { background: #2c2c33; }
    /* set to proper color instead of white */
.gradient-header-frame-sub__content::-webkit-scrollbar-thumb { background: #44444d; border: 2px solid #2c2c33; border-radius: 0; }
    border-color: var(--border-color-light);
}


 
.gradient-header-frame {
/* visual editor → tool popups */
     border: 1px solid #3a3a46;
.oo-ui-popupToolGroup-tools.oo-ui-toolGroup-tools {
    border-radius: 0.3em;
     background-color: var(--bg-color-light);
}
}


/* visual editor → tool popups → button (span) */
.gradient-header-frame__header {
.oo-ui-popupToolGroup-tools.oo-ui-toolGroup-tools .oo-ui-tool {
    color: #efefef;
     background-color: var(--bg-color-light);
    font-size: 1.15em;
    font-family: "noto sans";
    padding: 6px 10px;
     background: linear-gradient(90deg, #2f2f37 0%, #3a3a45 40%, #3b3b47 50%, #3a3a45 60%, #2f2f37 100%);
    text-align: center;
}
}


/* visual editor → tool popups → button (span) hover */
.gradient-header-frame__content {
.oo-ui-popupToolGroup-tools.oo-ui-toolGroup-tools .oo-ui-tool:hover {
    background-color: var(--bg-color-light-x2);
}


/* visual editor → tool popups → button (span) active */
.oo-ui-popupToolGroup-tools.oo-ui-toolGroup-tools
    .oo-ui-widget.oo-ui-tool-active {
    background-color: var(--bg-color-light-x3);
}
}


/* visual editor → tool popups → button (span) active → label */
.gradient-header-frame__content::-webkit-scrollbar { width: 10px; }
.oo-ui-popupToolGroup-tools.oo-ui-toolGroup-tools
.gradient-header-frame__content::-webkit-scrollbar-track  { background: #2c2c33; }
    .oo-ui-widget.oo-ui-tool-active
.gradient-header-frame__content::-webkit-scrollbar-thumb { background: #44444d; border: 2px solid #2c2c33; border-radius: 0; }
    .oo-ui-tool-title {
    /* more responsive transition */
    transition: color 0.1s ease-out;
}


/* visual editor → tool popups → button (span) active → icon */
.link-card {
.oo-ui-popupToolGroup-tools.oo-ui-toolGroup-tools
    display: inline-block;
     .oo-ui-widget.oo-ui-tool-active
    position: relative;
     .oo-ui-iconElement-icon {
    border-radius: 0.3em;
    transition: all 0.15s ease;
    overflow: hidden;
    min-width: 110px;
    text-align: center;
     box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
     border: 1px outset rgb(0 0 0 / 30%);
}
}


/* visual editor → tool popups → button (a) */
.link-card__image {
.oo-ui-popupToolGroup-tools.oo-ui-toolGroup-tools .oo-ui-tool .oo-ui-tool-link {
     padding: 6px;
     color: var(--text-color);
}
}


/* visual editor → tool popups → button (a) → keybind label */
.link-card__name {
.oo-ui-popupToolGroup-tools.oo-ui-toolGroup-tools .oo-ui-tool .oo-ui-tool-accel {
     background: #00000040;
     /* gets hidden on active, since it the same color.
    padding: 2px 4px;
     can we call it a feature? :D */
    font-size: 0.8em;
     color: var(--bg-color-light-x6);
     width: 100%;
     box-sizing: border-box;
}
}


/* visual editor → tool popups → button (a) hover */
@media (max-width: 800px) {
.oo-ui-popupToolGroup-tools.oo-ui-toolGroup-tools .oo-ui-tool .oo-ui-tool-link:hover,
    .link-card  {
/* visual editor → tool popups → button (a) active */
        display: flex;
.oo-ui-popupToolGroup-tools.oo-ui-toolGroup-tools .oo-ui-tool .oo-ui-tool-link {
        width: 100%;
    /* remove the bg color since it's already set in the button.
        text-align: left;
    this prevents the flicker. */
    }
    background-color: unset;
}


/* visual editor → tool popups → editor mode switch popup → «source editor» button active → label */
     .link-card__name {
.oo-ui-toolbar-popups
        background: #00000020;
    .oo-ui-widget.oo-ui-tool-active.oo-ui-tool-name-editModeSource
        padding: 4px 6px;
     .oo-ui-tool-title {
        font-size: 0.9em;
    color: var(--green-color);
         display: flex;
}
         align-items: center;
 
/* visual editor → tool popups → editor mode switch popup → «source editor» button active → icon */
.oo-ui-toolbar-popups
    .oo-ui-widget.oo-ui-tool-active.oo-ui-tool-name-editModeSource
    .oo-ui-iconElement-icon {
    background-image: var(--se-mode-icon);
}
 
 
 
/* ============ */
/* #region STYLES FROM THE SOURCE */
/* some of the styles below were sourced from https://github.com/wikimedia/mediawiki-extensions-VisualEditor/blob/c295a731ec5ef261e4e5659c30f14b0b1b3e11d2/modules/ve-mw/ui/styles/dialogs/ve.ui.MWTransclusionDialog.css */
/* ============ */
 
@keyframes ve-modal-opening-backdrop {
    from {
         backdrop-filter: blur(0px);
         background-color: transparent;
     }
     }


     to {
     .link-card__image {
         backdrop-filter: blur(3px);
         padding: 4px;
        background-color: color-mix(in srgb, var(--bg-color) 25%, transparent);
     }
     }
}
}


/* visual editor → modal container */
.serverStatusFrame {
.oo-ui-windowManager-modal > .oo-ui-dialog {
     display: flex;
     background-color: transparent;
    flex-direction: column;
     animation: ve-modal-opening-backdrop 400ms ease-in-out forwards;
     color: lightgrey;
}
}


/* visual editor → modal */
.serverTitle {
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
     font-size: 18px;
     background-color: var(--bg-color);
     color: lightgrey;
     color: var(--text-color);
    text-align: center;
     border-color: var(--bg-color-light-x3);
    margin: 0;
    padding: 4px 8px;
     border-radius: 0.3em 0.3em 0 0;
    border-bottom: 3px solid #00000045 !important;
}
}


/* visual editor → modal head */
.serverInfo {
.oo-ui-windowManager-modal .oo-ui-window-head {
     padding: 6px;
     background-color: var(--bg-color-light);
     border-radius: 0 0 0.3em 0.3em;
     color: var(--text-color);
     box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
     /* lighter than the usual border color - for visibility */
    outline-color: var(--bg-color-light-x4);
}
}


/* visual editor → modal head → «apply changes» button (a) inactive */
serverInfo > div {
.oo-ui-windowManager-modal .oo-ui-window-head .oo-ui-processDialog-actions-primary .oo-ui-widget-disabled .oo-ui-buttonElement-button,
     margin-bottom: 3px;
/* visual editor → modal → action button (a) inactive */
.oo-ui-windowManager-modal .oo-ui-actionFieldLayout-button .oo-ui-widget-disabled .oo-ui-buttonElement-button {
    color: var(--text-color);
    background-color: var(--action-color-inactive);
    border-color: var(--bg-color-light-x3);
} 
 
/* visual editor → modal head → «apply changes» button (a) */
.oo-ui-windowManager-modal .oo-ui-window-head .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
/* visual editor → modal → action button (a) */
.oo-ui-windowManager-modal .oo-ui-actionFieldLayout-button .oo-ui-widget-enabled .oo-ui-buttonElement-button,
/* visual editor → modal message dialog → action button (a) */
.oo-ui-windowManager-modal .oo-ui-messageDialog-actions .oo-ui-buttonElement-button,
/* visual editor → save changes modal → «review changes» button (a) */
.oo-ui-windowManager-modal .ve-ui-mwSaveDialog .oo-ui-processDialog-actions-other .oo-ui-buttonElement-button {
    color: var(--text-color);
    background-color: var(--action-color);
    border-color: var(--bg-color-light-x4);
 
    transition: background-color 100ms ease-in;
} 
 
 
 
/* visual editor → modal → action button (a) hover */
.oo-ui-windowManager-modal .oo-ui-actionFieldLayout-button .oo-ui-widget-enabled
.oo-ui-buttonElement-button:hover,
/* visual editor → modal head → «apply changes» button (a) hover */
.oo-ui-windowManager-modal .oo-ui-window-head .oo-ui-processDialog-actions-primary .oo-ui-actionWidget
.oo-ui-buttonElement-button:hover,
/* visual editor → modal → modal message dialog → action button (a) hover */
.oo-ui-windowManager-modal .oo-ui-messageDialog-actions .oo-ui-actionWidget
.oo-ui-buttonElement-button:hover,
/* visual editor → save changes modal → «review changes» button (a) hover */
.oo-ui-windowManager-modal .ve-ui-mwSaveDialog .oo-ui-processDialog-actions-other .oo-ui-actionWidget
.oo-ui-buttonElement-button:hover {
    color: var(--text-color);
    background-color: var(--action-color-light-x2);
    border-color: var(--bg-color-light-x4);
 
    transition: background-color 100ms ease-out;
} 
 
/* visual editor → modal → action button (a) active */
.oo-ui-windowManager-modal .oo-ui-actionFieldLayout-button .oo-ui-widget-enabled
.oo-ui-buttonElement-button:active,
/* visual editor → modal → action button (a) pressed hover */
.oo-ui-windowManager-modal .oo-ui-actionFieldLayout-button .oo-ui-widget-enabled.oo-ui-buttonElement-pressed
.oo-ui-buttonElement-button:hover,
 
/* visual editor → modal head → «apply changes» button (a) active */
.oo-ui-windowManager-modal .oo-ui-window-head .oo-ui-processDialog-actions-primary .oo-ui-actionWidget
.oo-ui-buttonElement-button:active,
/* visual editor → modal head → «apply changes» button (a) pressed hover */
.oo-ui-windowManager-modal .oo-ui-window-head .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-pressed .oo-ui-buttonElement-button:hover,
 
/* visual editor → modal → modal message dialog → action button (a) pressed */
.oo-ui-windowManager-modal .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-buttonElement-pressed 
.oo-ui-buttonElement-button,
/* visual editor → modal → modal message dialog → action button (a) pressed hover */
.oo-ui-windowManager-modal .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-buttonElement-pressed
.oo-ui-buttonElement-button:hover,
 
/* visual editor → save changes modal → «review changes» button (a) active */
.oo-ui-windowManager-modal .ve-ui-mwSaveDialog .oo-ui-processDialog-actions-other .oo-ui-actionWidget
.oo-ui-buttonElement-button:active {
     color: var(--text-color);
    background-color: var(--action-color-dark-x2);
    border-color: var(--bg-color-light-x4);
 
    transition: background-color 100ms ease-out;
}
}


 
.serverInfo div[class*="Set"] {
 
     font-size: 14px;
/* visual editor → modal head → close button (a) hover */
.oo-ui-windowManager-modal .oo-ui-window-head .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button:hover,
/* visual editor → modal head → close button (a) active */
.oo-ui-windowManager-modal .oo-ui-window-head .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button:active {
     background-color: var(--bg-color-light-x2);
    border-color: var(--bg-color-light-x3);
}
}


/* visual editor → modal head → close button (a) → icon */
.progressBarContainer {
.oo-ui-windowManager-modal .oo-ui-window-head .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button .oo-ui-iconElement-icon  {
     width: 100%;
     filter: invert(100%);
    background-color: rgba(150, 150, 150, 0.5);
    border-radius: 5px;
    overflow: hidden;
    margin-top: 3px;
}
}


 
.progressBar {
 
    background-color: rgba(100, 200, 100, 0.8);
/* visual editor → modal footer (which is empty for template modal) */
     height: 15px;
.oo-ui-processDialog-content .oo-ui-window-foot {
     transition: width 0.3s;
     /* override default */
     outline-color: transparent;
}
}


 
.percentageDisplay {
/* visual editor → modal → big header (e.g. for template name) */
    text-align: right;
.oo-ui-windowManager-modal .oo-ui-fieldsetLayout-header,
    font-size: 12px;
/* visual editor → modal → medium header (e.g. template param header) */
     color: lightgrey;
.oo-ui-windowManager-modal .ve-ui-mwParameterPage-info {
     color: var(--text-colorStrong);
}
}


/* visual editor → modal → medium header (e.g. template param header) → "undocumented param" label */
.copy-icon {
.oo-ui-windowManager-modal .ve-ui-mwParameterPage-info .ve-ui-mwParameterPage-undocumentedLabel {
     cursor: pointer;
     color: var(--bg-color-light-x4);
}
}


/* visual editor → modal → big header (e.g. for template name) → puzzle icon  */
.serverConnectContainer {
.oo-ui-windowManager-modal .oo-ui-fieldsetLayout-header .oo-ui-icon-puzzle {
    display: flex;
     filter: invert(92%);
    align-items: flex-start;
    margin-top: 3px;
     min-height: calc(3em + 5px);
}
}


/* visual editor → modal → big header (e.g. for template name) → deprecated icon  */
.serverConnectSet {
.oo-ui-windowManager-modal .oo-ui-indicatorElement[title="Deprecated field"] {
     margin-right: 1px;
     /* default is .5 */
     flex-grow: 1;
    opacity: .8;
     overflow-wrap: break-word;
     /* same icon, "warning-color-border" color */
     background-image:  
    linear-gradient(transparent,transparent),
    var(--icon-popup-notice-warn-cosmoGreen);
}
}


/* visual editor → modal → url icon (e.g. for template URL params) */
.tools-inline li a {
.oo-ui-windowManager-modal .oo-ui-icon-linkExternal {
     filter: invert(100%);
     /* default is 0.67 */
    opacity: .8;
    /* same icon, but in "cosmoGreen" color */
    background-image:
    linear-gradient(transparent,transparent),
    var(--icon-external-link-cosmoGreen);
}
}


/* visual editor → modal → param description block (like a template param) → entries */
.tools-inline span {
.oo-ui-windowManager-modal .ve-ui-mwParameterPage-doc > p {
    filter: invert(100%);
     color: var(--text-color);
     color: var(--text-color);
}
}


/* visual editor → modal (template) → template search block → description */
#personal h2,
.oo-ui-windowManager-modal .ve-ui-mwTemplatePlaceholderPage .oo-ui-inline-help,
#site-tools h2,
/* visual editor → modal (template) → template description */
#site-navigation h2,
.oo-ui-windowManager-modal .ve-ui-mwTemplatePage-description,
#searchButton {
/* visual editor → modal → param description block (like a template param) → "deprecated" paragraph */
     filter: invert(100%);
.oo-ui-windowManager-modal .ve-ui-mwParameterPage-doc > .ve-ui-mwParameterPage-doc-deprecated,
/* visual editor → modal → param description block (like a template param) → "reqired" paragraph */
.oo-ui-windowManager-modal .ve-ui-mwParameterPage-doc > .ve-ui-mwParameterPage-doc-required,
/* visual editor → modal → param description block (like a template param) → "reqired" paragraph */
.oo-ui-windowManager-modal .ve-ui-mwParameterPage-doc > .ve-ui-mwParameterPage-doc-example,
/* visual editor → modal → param description block (like a template param) → "default" paragraph */
.oo-ui-windowManager-modal .ve-ui-mwParameterPage-doc > .ve-ui-mwParameterPage-doc-default,
/* visual editor → modal → param search results → no results text */
.ve-ui-mwTransclusionOutlineTemplateWidget-no-match {
     color: var(--bg-color-light-x4);
}
 
/* visual editor → modal (template) → template description hr */
.oo-ui-windowManager-modal .ve-ui-mwTemplatePage-description hr {
    background-color: var(--bg-color-light-x4);
}
}


/* visual editor → modal → param input (type=text) */
#personal h2 span {
.oo-ui-windowManager-modal .oo-ui-inputWidget-input {
     filter: invert(100%);
    color: var(--text-color);
    background-color: var(--bg-color-dark);
    border: 1px solid var(--bg-color-light-x2);
} 
 
/* visual editor → modal → param input (type=text) placeholder */
.oo-ui-windowManager-modal .oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
    color: var(--bg-color-light-x4);
} 
 
/* visual editor → modal → param input (type=text) hover */
.oo-ui-windowManager-modal .oo-ui-inputWidget-input:hover,
/* visual editor → modal → param input when a param input dropdown button is hovered  */
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
     border-color: var(--bg-color-light-x3);
}
}


/* visual editor → modal → param input (type=text) (invalid state) */
.suggestions .suggestions-special {
.oo-ui-windowManager-modal .oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
     background-color: #303037;
     border-color: var(--color-red);
    border: 1px solid #474752;
}
}


/* visual editor → modal → param input (type=text) in invalid state hover */
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,.mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
.oo-ui-windowManager-modal .oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover {
     border-color: var(--border-color-base, #ccc);
     border-color: var(--color-red);
}
}


/* visual editor → modal → required indicator (for params only I guess?) */
#preferences .mw-htmlform-submit-buttons {
.oo-ui-windowManager-modal .oo-ui-indicator-required {
     background-color: var(--background-color-interactive, #fff);
     /* same icon, "warning-color-border" color */
    background-image:  
        linear-gradient(transparent,transparent),
        var(--icon-asterisk-yellow);
}
}


/* visual editor → modal → param input dropdown button (for suggested values) */
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
.oo-ui-windowManager-modal .oo-ui-widget-enabled .oo-ui-comboBoxInputWidget-dropdownButton a {
     background-color: var(--background-color-interactive, #f9f9f9);
     background-color: var(--bg-color);
     border: 1px solid var(--border-color-base, #aaa);
     border-color: var(--bg-color-light-x2);
    border-left: none;
}
}


/* visual editor → modal → param input dropdown button (for suggested values) hover */
.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon {
.oo-ui-windowManager-modal .oo-ui-widget-enabled .oo-ui-comboBoxInputWidget-dropdownButton a:hover,
     opacity: 0.67;
/* visual editor → modal → param input dropdown button (for suggested values) when dropdown is open */
.oo-ui-windowManager-modal .oo-ui-comboBoxInputWidget-open .oo-ui-comboBoxInputWidget-dropdownButton a {
     background-color: var(--bg-color-light);
    /* default override */
    border-color: var(--bg-color-light-x3);
}
 
/* visual editor → modal → param input dropdown button (for suggested values) when dropdown is open */
.oo-ui-windowManager-modal .oo-ui-comboBoxInputWidget-open .oo-ui-comboBoxInputWidget-dropdownButton a {
    /* disable default transition, so the color will change instantly, because dropdown appears instantly too */
    transition: background-color 0s;
}
 
/* visual editor → modal → param input dropdown button (for suggested values) → icon */
.oo-ui-windowManager-modal .oo-ui-comboBoxInputWidget-dropdownButton a .oo-ui-indicatorElement-indicator {
     filter: invert(100%);
     filter: invert(100%);
}
/* visual editor → modal → "add undocumented paramter" block → button hover  */
.oo-ui-windowManager-modal .ve-ui-mwTransclusionDialog-addParameterFieldset .oo-ui-buttonElement-button:hover {
    background-color: var(--bg-color-light);
}
}


/* visual editor → modal → "add undocumented paramter" block → button → icon */
.oo-ui-iconElement-icon {
.oo-ui-windowManager-modal .ve-ui-mwTransclusionDialog-addParameterFieldset .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
     filter: invert(100%);
     filter: invert(100%);
}
}


/* visual editor → modal → "add undocumented paramter" block → button → label */
/* for impotant options on ANY page on wiki */
.oo-ui-windowManager-modal .ve-ui-mwTransclusionDialog-addParameterFieldset .oo-ui-buttonElement-button .oo-ui-labelElement-label {
html {
    color: var(--text-color);
color-scheme: dark !important;
}
}


/* visual editor → modal → "add undocumented paramter" block → description */
:root {
.oo-ui-windowManager-modal .ve-ui-mwTransclusionDialog-addParameterFieldset .oo-ui-inline-help  {
    --background-color-interactive: #43434d;
     color: var(--bg-color-light-x4);
    --background-color-base: #1b1b1f;
}
    --background-color-interactive-subtle: #43434d;
    --border-color-base: #2c2c33;
    --color-base: #d3d3d3;
    --color-emphasized: #b3b3b3;
    --bg-color: hsl(240, 7%, 11%);
    --bg-color-light: hsl(240, 7%, 14%);
    --bg-color-light-x2: hsl(240, 8%, 17%);
     --bg-color-light-x3: hsl(240, 7%, 20%);
    --bg-color-light-x4: hsl(240, 7%, 23%);
    --bg-color-light-x5: hsl(240, 7%, 26%);
    --bg-color-light-x6: hsl(240, 7%, 32%);


    --border-color-light: hsl(240, 7%, 35%);
    --border-color-light-x2: hsl(240, 7%, 45%);
    --border-color: hsl(240, 7%, 24%);


    --text-color: lightgrey;
    --text-color-grayed-out: gray;


/* visual editor → modal → modal message dialog → action button (a) focus */
    --code-color-bg: hsl(195, 7%, 11%);
.oo-ui-windowManager-modal .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button:focus,
    --code-color-bg-light: hsl(195, 7%, 18%);
/* visual editor → save changes modal → «review changes» button (a) focus */
    --code-color-text: hsl(36, 10%, 90%);
.oo-ui-windowManager-modal .ve-ui-mwSaveDialog .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button:focus {
     --code-color-border: hsl(197, 6%, 22%);
     border-color: var(--bg-color-light-x4);  
}


    --link-color: lightblue;
    --link-color-visited: #007fff;


    --action-color-light-x2: var(--blue-color-light-x2);
    --action-color-light: var(--blue-color-light);
    --action-color: var(--blue-color);
    --action-color-dark: var(--blue-color-dark);
    --action-color-dark-x2: var(--blue-color-dark-x2);


/* visual editor → modal → modal message dialog → "destructive" action button */
--warning-color: hsl(54 100% 15% / 1);
.oo-ui-windowManager-modal .oo-ui-messageDialog-actions .oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button  {
--warning-color-border: hsl(60, 55%, 30%);
    background-color: var(--color-red);


    transition: background-color 100ms ease-in;
--danger-color: var(--red-color);
}
--danger-color-dark: var(--red-color-dark);
--danger-color-dark-x2: var(--red-color-dark-x2);
--danger-color-border: var(--red-color-border);


/* visual editor → modal → modal message dialog → "destructive" action button hover */
    --blue-color-light-x2: hsl(220, 66%, 63%);
.oo-ui-windowManager-modal .oo-ui-messageDialog-actions .oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover  {
    --blue-color-light: hsl(220, 60%, 56%);
     background-color: var(--color-red-light);
    --blue-color: hsl(220, 60%, 50%);
    --blue-color-dark: hsl(220, 54%, 43%);
     --blue-color-dark-x2: hsl(220, 54%, 36%);


     transition: background-color 100ms ease-out;
     --green-color-light: hsl(167, 80%, 50%);
}
    --green-color: hsl(167, 80%, 45%);
    --green-color-dark: hsl(167, 74%, 30%);


/* visual editor → modal → modal message dialog → "destructive" action button pressed */
    --red-color: hsl(0, 75%, 50%);
.oo-ui-windowManager-modal .oo-ui-messageDialog-actions .oo-ui-widget-enabled.oo-ui-buttonElement-pressed.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button  {
    --red-color-dark: hsl(0, 67%, 42%);
     background-color: var(--color-red-dark);
     --red-color-dark-x2: hsl(0, 62%, 36%);
 
     --red-color-border: hsl(0, 47%, 22%);
     transition: background-color 100ms ease-out;
}




    /* ============= */
    /* ICONS GO HERE */
    /* ============= */
   
    /* white table sort icon */
    --icon-table-sort-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjEiIGhlaWdodD0iOSI+PGRlZnM+PGZpbHRlciBpZD0iZGFya3JlYWRlci1pbWFnZS1maWx0ZXIiPjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwLjI0OSAtMC42MTQgLTAuNjcyIDAuMDAwIDEuMDM1IC0wLjY0NiAwLjI4OCAtMC42NjQgMC4wMDAgMS4wMjAgLTAuNjM2IC0wLjYwOSAwLjI1MCAwLjAwMCAwLjk5NCAwLjAwMCAwLjAwMCAwLjAwMCAxLjAwMCAwLjAwMCIgLz48L2ZpbHRlcj48L2RlZnM+PGltYWdlIHdpZHRoPSIyMSIgaGVpZ2h0PSI5IiBmaWx0ZXI9InVybCgjZGFya3JlYWRlci1pbWFnZS1maWx0ZXIpIiB4bGluazpocmVmPSJkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBEOTRiV3dnZG1WeWMybHZiajBpTVM0d0lpQmxibU52WkdsdVp6MGlWVlJHTFRnaVB6NEtQSE4yWnlCNGJXeHVjejBpYUhSMGNEb3ZMM2QzZHk1M015NXZjbWN2TWpBd01DOXpkbWNpSUhkcFpIUm9QU0l5TVNJZ2FHVnBaMmgwUFNJNUlpQjJhV1YzUW05NFBTSXdJREFnTWpFZ09TSStDZ2s4Y0dGMGFDQmtQU0p0TVRRdU5TQTFMVFFnTkMwMExUUjZiVEF0TVMwMExUUXROQ0EwZWlJdlBnbzhMM04yWno0SyIgLz48L3N2Zz4=");


/* visual editor → modal → left menu */
    /* wiki help button icon - transparent question mark in circle of cosmoBlue */
.oo-ui-windowManager-modal .oo-ui-menuLayout-menu {
    --icon-wiki-help-cosmoBlue: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KCTx0aXRsZT4KCQloZWxwCgk8L3RpdGxlPgoJPHBhdGggZmlsbD0icmdiKDIxMiAyMzYgMjU1KSIgZD0iTTEwIDBhMTAgMTAgMCAxIDAgMTAgMTBBMTAgMTAgMCAwIDAgMTAgMHptMSAxNkg5di0yaDJ6bTIuNzEtNy42YTIuNjQgMi42NCAwIDAgMS0uMzMuNzQgMy4xNiAzLjE2IDAgMCAxLS40OC41NWwtLjU0LjQ4Yy0uMjEuMTgtLjQxLjM1LS41OC41MmEyLjU0IDIuNTQgMCAwIDAtLjQ3LjU2QTIuMyAyLjMgMCAwIDAgMTEgMTJhMy43OSAzLjc5IDAgMCAwLS4xMSAxSDkuMDhhOC45IDguOSAwIDAgMSAuMDctMS4yNSAzLjI4IDMuMjggMCAwIDEgLjI1LS45IDIuNzkgMi43OSAwIDAgMSAuNDEtLjY3IDQgNCAwIDAgMSAuNTgtLjU4Yy4xNy0uMTYuMzQtLjMuNTEtLjQ0YTMgMyAwIDAgMCAuNDMtLjQ0IDEuODMgMS44MyAwIDAgMCAuMy0uNTUgMiAyIDAgMCAwIC4xMS0uNzIgMi4wNiAyLjA2IDAgMCAwLS4xNy0uODYgMS43MSAxLjcxIDAgMCAwLTEtLjkgMS43IDEuNyAwIDAgMC0uNS0uMSAxLjc3IDEuNzcgMCAwIDAtMS41My42OCAzIDMgMCAwIDAtLjUgMS44Mkg2LjE2YTQuNzQgNC43NCAwIDAgMSAuMjgtMS42OCAzLjU2IDMuNTYgMCAwIDEgLjgtMS4yOSAzLjg4IDMuODggMCAwIDEgMS4yOC0uODNBNC41OSA0LjU5IDAgMCAxIDEwLjE4IDRhNC40NCA0LjQ0IDAgMCAxIDEuNDQuMjMgMy41MSAzLjUxIDAgMCAxIDEuMTUuNjUgMy4wOCAzLjA4IDAgMCAxIC43OCAxLjA2IDMuNTQgMy41NCAwIDAgMSAuMjkgMS40NSAzLjM5IDMuMzkgMCAwIDEtLjEzIDEuMDF6Ii8+Cjwvc3ZnPg==");
    border-color: var(--bg-color-light-x2);
}


/* visual editor → modal → left menu → search block */
    /* navbar search magnifying glass search icon in greyish colors */
.oo-ui-windowManager-modal .oo-ui-menuLayout-menu .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {
    --icon-navbar-search-greyish: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KCTx0aXRsZT4KCQlzZWFyY2gKCTwvdGl0bGU+Cgk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IndoaXRlIiBkPSJNMTIuMiAxMy42YTcgNyAwIDEgMSAxLjQtMS40bDUuNCA1LjQtMS40IDEuNC01LjQtNS40ek0xMyA4QTUgNSAwIDEgMSAzIDhhNSA1IDAgMCAxIDEwIDB6Ii8+Cjwvc3ZnPgo=");
    /* override default */
background-color: var(--bg-color);
}


/* visual editor → modal → left menu → search block → query input → placeholder */
    /* transparent exclamation mark in a circle filled with cosmoGreen */
.oo-ui-windowManager-modal .oo-ui-menuLayout-menu .ve-ui-mwTransclusionOutlineTemplateWidget-sticky input::placeholder {
    --icon-popup-notice-info-cosmoGreen: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KCTx0aXRsZT4KCQlub3RpY2UKCTwvdGl0bGU+Cgk8cGF0aCBmaWxsPSJyZ2IoMTAsIDIxMiwgOTgpIiBkPSJNMTAgMGExMCAxMCAwIDEgMCAxMCAxMEExMCAxMCAwIDAgMCAxMCAwem0xIDE2SDl2LTJoMnptMC00SDlWNGgyeiIvPgo8L3N2Zz4=");
     color: var(--bg-color-light-x4);
      
}
    /* transparent exclamation mark in a circle filled with some kind of orange */
    --icon-popup-notice-warn-cosmoGreen: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj4gPHRpdGxlPiBhbGVydCA8L3RpdGxlPiA8cGF0aCBmaWxsPSJoc2woMzksIDEwMCUsIDUwJSkiIGQ9Ik02IDBhNiA2IDAgMCAwLTYgNiA2IDYgMCAwIDAgNiA2IDYgNiAwIDAgMCA2LTYgNiA2IDAgMCAwLTYtNnpNNSAyaDJ2NUg1VjJ6bTAgNmgydjJINVY4eiIvPiA8L3N2Zz4=");


/* visual editor → modal → search icon */
    /* an icon to use to mark external links, in cosmoGreen */
.oo-ui-windowManager-modal .oo-ui-icon-search {
    --icon-external-link-cosmoGreen: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IGV4dGVybmFsIGxpbmsgPC90aXRsZT48cGF0aCBmaWxsPSJyZ2IoMTAsIDIxMiwgOTgpIiBkPSJNMTcgMTdIM1YzaDVWMUgzYTIgMiAwIDAgMC0yIDJ2MTRhMiAyIDAgMCAwIDIgMmgxNGEyIDIgMCAwIDAgMi0ydi01aC0yeiIvPjxwYXRoIGZpbGw9InJnYigxMCwgMjEyLCA5OCkiIGQ9Im0xMSAxIDMuMjkgMy4yOS01LjczIDUuNzMgMS40MiAxLjQyIDUuNzMtNS43M0wxOSA5VjF6Ii8+PC9zdmc+");
    filter: invert(100%);
}


    /* an asterisk icon used to mark required template fields, in yellow */
    --icon-asterisk-yellow: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IHJlcXVpcmVkIDwvdGl0bGU+PHBhdGggZmlsbD0iaHNsKDM5LCAxMDAlLCA1MCUpIiBkPSJNOC41IDBoM3YyMGgtM3oiLz48cGF0aCBmaWxsPSJoc2woMzksIDEwMCUsIDUwJSkiIGQ9Ik0xOS40IDEzLjcgMTggMTYuMy42IDYuMyAyIDMuN3oiLz48cGF0aCBmaWxsPSJoc2woMzksIDEwMCUsIDUwJSkiIGQ9Im0xOCAzLjcgMS40IDIuNi0xNy4zIDEwLTEuNS0yLjZ6Ii8+PC9zdmc+");
   
    /* source editor icon - double brackets [[]], cosmoGreen color */
    --icon-source-editor-cosmoGreen: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IFdpa2l0ZXh0IDwvdGl0bGU+PGcgZmlsbD0icmdiKDEwLCAyMTIsIDk4KSI+PHBhdGggZD0iTTEgM3YxNGgzdi0ySDNWNWgxVjN6bTQgMHYxNGg0di0ySDdWNWgyVjN6bTExIDB2MmgxdjEwaC0xdjJoM1Yzem0tNSAwdjJoMnYxMGgtMnYyaDRWM3oiLz48L2c+PC9zdmc+");


/* visual editor → modal → left menu → search block → "hide unused" (params) button → label */
    /* source editor mode switch icon in active state (which you open mode switch menu) - a pencil, in cosmo green */
.oo-ui-windowManager-modal .oo-ui-menuLayout-menu .ve-ui-mwTransclusionOutlineTemplateWidget-sticky .ve-ui-mwTransclusionOutlineToggleUnusedWidget .oo-ui-labelElement-label {
    --icon-source-editor-mode-switch-active-cosmoGreen: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IGVkaXQgPC90aXRsZT48cGF0aCBmaWxsPSJyZ2IoMTAsIDIxMiwgOTgpIiBkPSJtMTYuNzcgOCAxLjk0LTJhMSAxIDAgMCAwIDAtMS40MWwtMy4zNC0zLjNhMSAxIDAgMCAwLTEuNDEgMEwxMiAzLjIzek0xIDE0LjI1VjE5aDQuNzVsOS45Ni05Ljk2LTQuNzUtNC43NXoiLz48L3N2Zz4=");
    color: var(--action-color-light-x2);


     transition: color 100ms ease-in;
     /* source editor syntax highlight icon in active state (when syntax higlighting is on) - a pen, in cosmo green */
}
    --icon-source-editor-syntax-highlight-mode-active-cosmoGreen: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IGhpZ2hsaWdodCA8L3RpdGxlPjxnIGZpbGw9IiMzNmMiPjxwYXRoIGZpbGw9InJnYigxMCwgMjEyLCA5OCkiIGQ9Ik0xNS4xNCAyLjI3YTEgMSAwIDAgMC0xLjQxIDBsLTEwIDEwYTEgMSAwIDAgMCAwIDEuNDFMNCAxNGwtMyA0aDVsMS0xIC4yOS4yOWExIDEgMCAwIDAgMS40MSAwbDEwLTEwYTEgMSAwIDAgMCAuMDMtMS40M3pNNyAxNWwtMi0yIDktOSAyIDJ6Ii8+PC9nPjwvc3ZnPg==");


/* visual editor → modal → left menu → search block → "hide unused" (params) button hover → label */
    /* a puzzle icon present in templates in visual editor, in white */
.oo-ui-windowManager-modal .oo-ui-menuLayout-menu .ve-ui-mwTransclusionOutlineTemplateWidget-sticky .ve-ui-mwTransclusionOutlineToggleUnusedWidget .oo-ui-labelElement-label:hover {
    --icon-template-puzzle-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IHB1enpsZSA8L3RpdGxlPjxjaXJjbGUgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSJ3aGl0ZSIgY3g9IjE3IiBjeT0iMTAiIHI9IjMiLz48cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Ik0xMC41OCAzQTMgMyAwIDAgMSAxMSA0LjVhMyAzIDAgMCAxLTYgMEEzIDMgMCAwIDEgNS40MiAzSDF2MTJhMiAyIDAgMCAwIDIgMmgxMlYzeiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=");
    color: var(--action-color-light-x3);


     transition: color 100ms ease-out;  
     /* tabber icon present in visual editor → insert, in black */
}
    --icon-tabber-black: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiPiA8dGl0bGU+dGFiYmVyPC90aXRsZT4gPHBhdGggZmlsbD0iIzA5YWJmMSIgZD0iTTE4IDJIMkMuOSAyIDAgMi45IDAgNHYxMmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjRjMC0xLjEtLjktMi0yLTJ6bTEgNWgtOGMtLjYgMC0xLS40LTEtMVYzaDhjLjYgMCAxIC40IDEgMXYzeiIvPiA8L3N2Zz4=");


/* visual editor → modal → left menu → params container → item */
    /* dropdown icon (arrow-like), in cosmo blue */
.oo-ui-windowManager-modal .oo-ui-menuLayout-menu div[role='listbox'] > * {
    --icon-dropdown-cosmoBlue: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48dGl0bGU+IGRvd24gPC90aXRsZT48cGF0aCBmaWxsPSIjZDZlZGZmIiBkPSJNOS45IDIuOSA2IDYuOCAyLjEgMi45IDEgNGw1IDUgNS01eiIvPjwvc3ZnPg==");
    color: var(--text-color);
    background-color: var(--bg-color);
 
    transition: background-color 100ms ease-in;
}
 
/* visual editor → modal → left menu → params container → item checkbox disabled checked → bg */
.oo-ui-windowManager-modal .oo-ui-menuLayout-menu div[role='listbox'] > * input[type=checkbox][disabled] + span {
    background-color: var(--bg-color-light-x3);
    border-color: var(--bg-color-light-x4);
}
 
/* visual editor → modal → left menu → params container → item hover */
.oo-ui-windowManager-modal .oo-ui-menuLayout-menu div[role='listbox'] > *:hover {
    color: var(--text-color);
    background-color: var(--bg-color-light);
 
    transition: background-color 75ms ease-out;
}


/* visual editor → modal → left menu → params container → item label */
.oo-ui-windowManager-modal .oo-ui-menuLayout-menu div[role='listbox'] > * .oo-ui-labelElement-label {
    color: var(--text-color);
}
/* visual editor → modal → popup windows and such */
.oo-ui-windowManager-modal .oo-ui-floatableElement-floatable {
    background-color: var(--bg-color-light);
    border-color: var(--bg-color-light-x3);
}
/* visual editor → modal → popup windows and such → item */
.oo-ui-windowManager-modal .oo-ui-floatableElement-floatable > .oo-ui-widget-enabled {
    background-color: var(--bg-color-light);
    color: var(--text-color);
}
/* visual editor → modal → popup windows and such → item hover */
.oo-ui-windowManager-modal .oo-ui-floatableElement-floatable > .oo-ui-widget-enabled:hover {
    background-color: var(--bg-color-light-x2);
}
/* visual editor → modal → popup windows and such → item pressed (mouse down) */
.oo-ui-windowManager-modal .oo-ui-floatableElement-floatable > .oo-ui-widget-enabled.oo-ui-optionWidget-pressed,
/* visual editor → modal → popup windows and such → item selected */
.oo-ui-windowManager-modal .oo-ui-floatableElement-floatable > .oo-ui-widget-enabled.oo-ui-optionWidget-selected{
    color: var(--text-colorStrong);
    background-color: var(--bg-color-light-x3);
    transition:
        color 100ms ease-out,
        text-shadow 100ms ease-out,
        background-color 100ms ease-out;
}
/* visual editor → modal → help button */
.oo-ui-windowManager-modal .ve-ui-mwFloatingHelpElement  > .oo-ui-buttonElement-button {
    background-color: var(--text-color);
    transition: background-color 100ms ease-out;
}
/* visual editor → modal → help button active */
.oo-ui-windowManager-modal .ve-ui-mwFloatingHelpElement .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    transition: background-color 100ms ease-out;
}
/** visual editor → modal → something loading "stripes" */
.oo-ui-windowManager-modal .oo-ui-pendingElement-pending {
    --strip-col: var(--bg-color-light-x2);
    background-image: linear-gradient(
        135deg,
        var(--strip-col) 25%,
        transparent 25%,
        transparent 50%,
        var(--strip-col) 50%,
        var(--strip-col) 75%,
        transparent 75%,
        transparent
    );
}
/** visual editor → modal → template search results block → item → description */
.oo-ui-windowManager-modal .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {
    color: var(--text-color);
    /* disable text shadow enabled for selected elements */
    text-shadow: none;
}
/** visual editor → modal message dialog → */
.oo-ui-windowManager-modal.oo-ui-windowManager-floating .oo-ui-messageDialog .oo-ui-window-frame {
    border-color: var(--bg-color-light-x3);
}
/** visual editor → modal message dialog → title */
.oo-ui-windowManager-modal .oo-ui-messageDialog .oo-ui-window-frame .oo-ui-messageDialog-title {
    color: var(--action-color-light-x2);
    font-weight: bold;
}
/** visual editor → modal message dialog → message */
.oo-ui-windowManager-modal .oo-ui-messageDialog .oo-ui-window-frame .oo-ui-labelElement-label {
    color: var(--text-color);
}
/* visual editor → save changes modal → summary */
.oo-ui-windowManager-modal .ve-ui-mwSaveDialog .ve-ui-mwSaveDialog-summary {
    background-color: inherit;
}
/* visual editor → save changes modal → options (where the checkboxes are) */
.oo-ui-windowManager-modal .ve-ui-mwSaveDialog .ve-ui-mwSaveDialog-options {
    background-color: inherit;
    border: none;
}
/* visual editor → save changes modal → options → checkboxes container */
.oo-ui-windowManager-modal .ve-ui-mwSaveDialog .ve-ui-mwSaveDialog-options .ve-ui-mwSaveDialog-checkboxes {
    padding-left: 0;
}
/* visual editor → save changes modal → copyright warning */
.oo-ui-windowManager-modal .ve-ui-mwSaveDialog #editpage-copywarn {
    color: var(--bg-color-light-x3);
}
/* visual editor → popups  */
.oo-ui-popupWidget-popup {
    background-color: var(--bg-color-light);
    color: var(--text-color);
    border-color: var(--border-color);
}
/* #endregion */
/* ============ */
/* #region =🖌️= VISUAL EDITOR BORDERS =🖌️= */
/* ============ */
/* visual editor → tool popups */
.oo-ui-popupToolGroup-tools.oo-ui-toolGroup-tools,
/* visual editor → toolbar → paragraph button (I think?) */
.ve-init-target-visual>.oo-ui-toolbar>.oo-ui-toolbar-bar .oo-ui-menuToolGroup,
/* visual editor → toolbar → dropdown button (span) hover */
.ve-init-target-visual>.oo-ui-toolbar>.oo-ui-toolbar-bar .oo-ui-popupToolGroup-handle:hover {
    border-color: var(--border-color-light);
}
/* #endregion */
/* #endregion */
/* ============ */
/* #region LUA */
/* ============ */
:root {
    /* ldp = Lua Debug Panel */
    --ldp-elements-padding: .25em;
    --ldp-control-elements-padding: .5em;
}
/* lua module debug panel */
#mw-scribunto-console .mw-scribunto-console-fieldset {
    background: var(--bg-color-light-x2);
    color: var(--text-color);
    padding: .5em 0;
    border: 1px solid var(--action-color);
}
/* lua module debug panel → header */
.mw-scribunto-console-fieldset > legend {
    margin-left: 1em;
}
/* lua module debug panel → output → output elements */
#mw-scribunto-output > * {
    padding: 0 var(--ldp-elements-padding);
}
/* lua module debug panel → output → printed input */
.mw-scribunto-input {
    font-family: monospace;
font-weight: normal;
    color: var(--code-color-text);
    background-color: transparent;
    border-color: var(--code-color-border);
    margin: .5em 0;
    /* better visibility */
    font-size: 1.1em;
}
/* lua module debug panel → input field container element */
div:has(#mw-scribunto-input) {
    padding: var(--ldp-control-elements-padding);
}
/* lua module debug panel → input field */
#mw-scribunto-input {
    background-color: var(--bg-color-light-x4);
}
/* lua module debug panel → "Clear" button container */
#mw-scribunto-console div:has(input[type=button][value=Clear]) {
    padding: var(--ldp-control-elements-padding);
}
/* lua module debug panel → output → result of the execution */
#mw-scribunto-output .mw-scribunto-normalOutput,
/* lua module debug panel → output → logs from the code */
.mw-scribunto-print {
    font-family: monospace;
    color: var(--code-color-text);
    background: var(--code-color-bg);
    padding-top: .5em;
    padding-bottom: .5em;
    outline: .1em solid var(--green-color-dark);
}
/* lua module debug panel → output → logs from the code */
.mw-scribunto-print {
    outline: none;
}
/* lua module debug panel → error block */
.mw-scribunto-error {
    color: var(--text-color);
    background-color: var(--danger-color-dark-x2);
    border-color: var(--danger-color-border);
}
/* .mw-scribunto-propList {
    color: #008000;
    background: #fff;
} */
/* lua module debug panel → message block */
.mw-scribunto-message {
    color: var(--text-color);
    border-color: var(--border-color-light);
    background-color: var(--bg-color-light-x4);
}
/* .mw-scribunto-tabcomplete {
    color: #800080;
    background: #fff;
} */
.mw-scribunto-clear {
    color: var(--text-color);
    background-color: var(--action-color);
    border-bottom: 3px dashed var(--action-color-light-x2);
    border-top: 3px dashed var(--action-color-light-x2);
}
/* #endregion */
/* ============ */
/* #region Json Pages */
/* ============ */
.mw-json {
    border-color: var(--border-color-light-x2);
}
.mw-json tr {
    background-color: unset;
}
.mw-json th,
.mw-json td {
    font-family: monospace;
    border-color: var(--code-color-border);
    color: var(--code-color-text);
}
.mw-json th {
    background-color: var(--code-color-bg-light);
    border: 1px solid var(--border-color-light);
}
.mw-json-value,
.mw-json-single-value,
.mw-json td {
    background-color: var(--code-color-bg);
}
.mw-json-single-value {
    background-color: unset
}
.mw-json-empty {
    background-color: unset;
}
/* #endregion */
.modern-button {
    position: relative;
    display: flex;
    min-width: 45%;
    background: #31313b;
    border-radius: 8px;
    min-height: 64px;
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.modern-button__image {
    display: flex;
    align-items: center;
    background: #40404d;
    padding: 4px;
    box-shadow: inset 20px 0px 20px 0px rgba(0, 0, 0, 0.05);
}
.modern-button__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    width: 100%;
    padding: 8px 10px;
}
.modern-button__title {
    font-size: 1.8em;
    line-height: 1;
    font-family: "Oswald";
}
.modern-button__subtext {
    font-size: 0.8em;
}
.modern-frame {
    display: flex;
    flex-direction: column;
}
.modern-frame__title {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 32px;
    padding: 2px 8px;
    color: #e5e5e5;
    font-size: 15px;
    font-family: "noto sans";
    border-radius: 0.3em 0.3em 0 0;
    border-bottom: 3px solid #00000045 !important;
}
.modern-frame__content {
    border-radius: 0 0 0.3em 0.3em;
    box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
}
@media (max-width: 800px) {
    .modern-frame__content {
        gap: 6px;
        padding: 8px;
    }
}
.gradient-header-frame-sub {
    border: 1px solid #3a3a46;
    border-radius: 0.3em;
}
.gradient-header-frame-sub__header {
    color: #efefef;
    font-size: 1.15em;
    font-family: "noto sans";
    padding: 6px 10px;
    background: linear-gradient(90deg, #3a3a45 0%, #3a3a45 10%, #2f2f37 50%);
    text-align: left;
}
.gradient-header-frame-sub__content {
}
.gradient-header-frame-sub__content::-webkit-scrollbar { width: 10px; }
.gradient-header-frame-sub__content::-webkit-scrollbar-track  { background: #2c2c33; }
.gradient-header-frame-sub__content::-webkit-scrollbar-thumb { background: #44444d; border: 2px solid #2c2c33; border-radius: 0; }
.gradient-header-frame {
    border: 1px solid #3a3a46;
    border-radius: 0.3em;
}
.gradient-header-frame__header {
    color: #efefef;
    font-size: 1.15em;
    font-family: "noto sans";
    padding: 6px 10px;
    background: linear-gradient(90deg, #2f2f37 0%, #3a3a45 40%, #3b3b47 50%, #3a3a45 60%, #2f2f37 100%);
    text-align: center;
}
.gradient-header-frame__content {
}
.gradient-header-frame__content::-webkit-scrollbar { width: 10px; }
.gradient-header-frame__content::-webkit-scrollbar-track  { background: #2c2c33; }
.gradient-header-frame__content::-webkit-scrollbar-thumb { background: #44444d; border: 2px solid #2c2c33; border-radius: 0; }
.link-card {
    display: inline-block;
    position: relative;
    border-radius: 0.3em;
    transition: all 0.15s ease;
    overflow: hidden;
    min-width: 110px;
    text-align: center;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
    border: 1px outset rgb(0 0 0 / 30%);
}
.link-card__image {
    padding: 6px;
}
.link-card__name {
    background: #00000040;
    padding: 2px 4px;
    font-size: 0.8em;
    width: 100%;
    box-sizing: border-box;
}
@media (max-width: 800px) {
    .link-card  {
        display: flex;
        width: 100%;
        text-align: left;
    }
    .link-card__name {
        background: #00000020;
        padding: 4px 6px;
        font-size: 0.9em;
        display: flex;
        align-items: center;
    }
    .link-card__image {
        padding: 4px;
    }
}
.serverStatusFrame {
    display: flex;
    flex-direction: column;
    color: lightgrey;
}
.serverTitle {
    font-size: 18px;
    color: lightgrey;
    text-align: center;
    margin: 0;
    padding: 4px 8px;
    border-radius: 0.3em 0.3em 0 0;
    border-bottom: 3px solid #00000045 !important;
}
.serverInfo {
    padding: 6px;
    border-radius: 0 0 0.3em 0.3em;
    box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
}
serverInfo > div {
    margin-bottom: 3px;
}
.serverInfo div[class*="Set"] {
    font-size: 14px;
}
.progressBarContainer {
    width: 100%;
    background-color: rgba(150, 150, 150, 0.5);
    border-radius: 5px;
    overflow: hidden;
    margin-top: 3px;
}
.progressBar {
    background-color: rgba(100, 200, 100, 0.8);
    height: 15px;
    transition: width 0.3s;
}
.percentageDisplay {
    text-align: right;
    font-size: 12px;
    color: lightgrey;
}
.copy-icon {
    cursor: pointer;
}
.serverConnectContainer {
    display: flex;
    align-items: flex-start;
    margin-top: 3px;
    min-height: calc(3em + 5px);
}
.serverConnectSet {
    margin-right: 1px;
    flex-grow: 1;
    overflow-wrap: break-word;
}
.tools-inline li.selected a
{
    color: lightgrey;
}
}

Latest revision as of 11:51, 16 May 2025

/* Basic colors:
#1b1b1f - wiki background
#212126 - background of information blocks (navigation and the main block of the page)

#303037 - background for <pre> and <code>
lightgrey - text color for <pre> and <code>
*/

/* 
- - - FONTS - - -
*/
@font-face {
    font-family: 'Noto Sans Light';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v30/o-0OIpQlx3QUlC5A4PNjhgRPQ_m87A.woff2) format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: 'Noto Sans Light';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v30/o-0OIpQlx3QUlC5A4PNjhgRGQ_m87A.woff2) format('woff2');
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: 'Noto Sans Light';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v30/o-0OIpQlx3QUlC5A4PNjhgRMQ_m87A.woff2) format('woff2');
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Noto Sans Light';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v30/o-0OIpQlx3QUlC5A4PNjhgRCQ_k.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 200 700;
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 200 700;
    src: url(https://fonts.gstatic.com/s/oswald/v53/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Boxfont Round';
    src: url(/assets/fonts/boxfont-round/f3507eaadc95584e7358703d74e793ea/324a92fc76117885a667ae8af2be25ab/BoxfontRoundRegular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'noto sans';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-Regular.woff) format('woff')
}

@font-face {
    font-family: 'noto sans';
    font-style: italic;
    font-weight: 400;
    src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-Italic.woff) format('woff')
}

@font-face {
    font-family: 'noto sans';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-Bold.woff) format('woff')
}

@font-face {
    font-family: 'noto sans';
    font-style: italic;
    font-weight: 700;
    src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-BoldItalic.woff) format('woff')
}

@font-face {
    font-family: 'Noto Sans Symbols';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/notosanssymbols/v40/rP2up3q65FkAtHfwd-eIS2brbDN6gxP34F9jRRCe4W3gfQ8QA_9Edkw.woff2) format('woff2');
    unicode-range: U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F10C,U+1F110-1F16C,U+1F170-1F190,U+1F19B-1F1AC,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F321-1F32C,U+1F336,U+1F378,U+1F37D,U+1F393-1F39F,U+1F3A7,U+1F3AC-1F3AE,U+1F3C2,U+1F3C4,U+1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4DA,U+1F4DF,U+1F4E4-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50A,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F579,U+1F57B-1F594,U+1F597-1F5A3,U+1F5A5-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CB,U+1F6CD-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8B1,U+1F93B,U+1F946,U+1FA00-1FA6F,U+1FA70-1FA74,U+1FA78-1FA7A,U+1FA80-1FA86,U+1FA90-1FAA8,U+1FAB0-1FAB6,U+1FAC0-1FAC2,U+1FAD0-1FAD6,U+1FB00-1FBFF
}

@font-face {
    font-family: 'Noto Sans Symbols';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/notosanssymbols/v40/rP2up3q65FkAtHfwd-eIS2brbDN6gxP34F9jRRCe4W3gfQ8QY_9Edkw.woff2) format('woff2');
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Noto Sans Symbols';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/notosanssymbols/v40/rP2up3q65FkAtHfwd-eIS2brbDN6gxP34F9jRRCe4W3gfQ8Qbf9E.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v170/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2')
}

/* 
- - - TAGS - - -
*/
cite,dfn {
    font-style: inherit;
}

code {
    background-color: #303037;
    border-color: #303037;
    color: lightgrey;
}

pre {
    overflow: auto;
    white-space: pre-wrap;
    color: lightgrey;
    background-color: #303037;
    border-color: #303037;
}

blockquote {
    overflow: hidden;
    margin: 1em 0;
    padding: 0 40px
}

small {
    font-size: 85%
}

img {
    image-rendering: pixelated;
}

.noSprite>*>* {
	image-rendering: auto !important;
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased
}

.mw-body-content sub,.mw-body-content sup,span.reference {
    font-size: 80%
}

.ns-talk .mw-body-content dd {
    margin-top: 0.4em;
    margin-bottom: 0.4em
}

#interwiki-completelist {
    font-weight: bold
}

.biglink {
    font-family: "Oswald";
    font-style: oblique 10deg;
    font-variant-caps: small-caps;
    text-shadow: #1b1b1f 1px 2px,#595959dd 2px 2px 1px
}

.client-js .mw-special-Watchlist #watchlist-message,.client-js .collapsible:not(.mw-made-collapsible).collapsed>tbody>tr:not(:first-child),#editpage-specialchars {
    display: none
}

.mw-rcfilters-enabled .mw-specialpage-summary {
    margin-top: 1em
}

.citation:target {
    background-color: rgba(0,127,255,0.133)
}

.citation {
    word-wrap: break-word
}

ol.references {
    font-size: 90%;
    margin-bottom: 0.5em
}

.hlist dl,.hlist ol,.hlist ul {
    margin: 0;
    padding: 0
}

.hlist dd,.hlist dt,.hlist li {
    margin: 0;
    display: inline
}

.hlist.inline,.hlist.inline dl,.hlist.inline ol,.hlist.inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul {
    display: inline
}

.hlist .mw-empty-li {
    display: none
}

.hlist dt:after {
    content: ":"
}

.hlist dd:after,.hlist li:after {
    content: " · ";
    font-weight: bold
}

.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
    content: none
}

.hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before {
    content: " (";
    font-weight: normal
}

.hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after {
    content: ")";
    font-weight: normal
}

.hlist ol {
    counter-reset: listitem
}

.hlist ol>li {
    counter-increment: listitem
}

.hlist ol>li:before {
    content: " " counter(listitem) "\a0"
}

.hlist dd ol>li:first-child:before,.hlist dt ol>li:first-child:before,.hlist li ol>li:first-child:before {
    content: " (" counter(listitem) "\a0"
}

.plainlist ol,.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0
}

.plainlist ol li,.plainlist ul li {
    margin-bottom: 0
}

.navbox {
    box-sizing: border-box;
    border: 1px solid #a2a9b1;
    width: 100%;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
    margin: 1em auto 0
}

.navbox .navbox {
    margin-top: 0
}

.navbox+.navbox {
    margin-top: -1px
}

.navbox-inner,.navbox-subgroup {
    width: 100%
}

.navbox-group,.navbox-title,.navbox-abovebelow {
    padding: 0.25em 1em;
    line-height: 1.5em;
    text-align: center
}

th.navbox-group {
    white-space: nowrap;
    text-align: right
}

.navbox,.navbox-subgroup {
    background-color: #fdfdfd
}

.navbox-list {
    line-height: 1.5em;
    border-color: #fdfdfd
}

tr+tr>.navbox-abovebelow,tr+tr>.navbox-group,tr+tr>.navbox-image,tr+tr>.navbox-list {
    border-top: 2px solid #fdfdfd
}

.navbox th,.navbox-title {
    background-color: #ccccff
}

.navbox-abovebelow,th.navbox-group,.navbox-subgroup .navbox-title {
    background-color: #ddddff
}

.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow {
    background-color: #e6e6ff
}

.navbox-even {
    background-color: #f7f7f7
}

.navbox-odd {
    background-color: transparent
}

.navbox .hlist td dl,.navbox .hlist td ol,.navbox .hlist td ul,.navbox td.hlist dl,.navbox td.hlist ol,.navbox td.hlist ul {
    padding: 0.125em 0
}

.mw-parser-output .mw-collapsible-toggle {
    font-weight: normal;
    text-align: right;
    padding-right: 0.2em;
    padding-left: 0.2em
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
    float: left;
    text-align: left
}

.infobox {
    border: 1px solid #a2a9b1;
    border-spacing: 3px;
    background-color: #f8f9fa;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
    font-size: 88%;
    line-height: 1.5em;
    width: 22em
}

.infobox-header,.infobox-label,.infobox-above,.infobox-full-data,.infobox-data,.infobox-below,.infobox-subheader,.infobox-image,.infobox-navbar,.infobox th,.infobox td {
    vertical-align: top
}

.infobox-label,.infobox-data,.infobox th,.infobox td {
    text-align: left
}

.infobox .infobox-above,.infobox .infobox-title,.infobox caption {
    font-size: 125%;
    font-weight: bold;
    text-align: center
}

.infobox-title,.infobox caption {
    padding: 0.2em
}

.infobox .infobox-header,.infobox .infobox-subheader,.infobox .infobox-image,.infobox .infobox-full-data,.infobox .infobox-below {
    text-align: center
}

.infobox .infobox-navbar {
    text-align: right
}

.wikitable.plainrowheaders th[scope=row] {
    font-weight: normal;
    text-align: left
}

.wikitable td ul,.wikitable td ol,.wikitable td dl {
    text-align: left
}

table.mw-hiero-table td {
    vertical-align: middle
}

.mw-parser-output a[href$=".pdf"].external,.mw-parser-output a[href*=".pdf?"].external,.mw-parser-output a[href*=".pdf#"].external,.mw-parser-output a[href$=".PDF"].external,.mw-parser-output a[href*=".PDF?"].external,.mw-parser-output a[href*=".PDF#"].external {
    background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) no-repeat right;
    padding-right: 18px
}

.messagebox {
    border: 1px solid #a2a9b1;
    background-color: #f8f9fa;
    width: 80%;
    margin: 0 auto 1em auto;
    padding: .2em
}

.messagebox.merge {
    border: 1px solid #c0b8cc;
    background-color: #f0e5ff;
    text-align: center
}

.messagebox.cleanup {
    border: 1px solid #9f9fff;
    background-color: #efefff;
    text-align: center
}

.messagebox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    margin: 4px auto
}

.mbox-inside .standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    width: 100%;
    margin: 2px 0;
    padding: 2px
}

.messagebox.small {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em
}

.messagebox.small-talk {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em;
    background-color: #f8eaba
}

th.mbox-text,td.mbox-text {
    border: none;
    padding: 0.25em 0.9em;
    width: 100%
}

td.mbox-image {
    border: none;
    padding: 2px 0 2px 0.9em;
    text-align: center
}

td.mbox-imageright {
    border: none;
    padding: 2px 0.9em 2px 0;
    text-align: center
}

td.mbox-empty-cell {
    border: none;
    padding: 0;
    width: 1px
}

table.ambox {
    margin: 0 10%;
    border: 1px solid #a2a9b1;
    border-left: 10px solid #36c;
    background-color: #fbfbfb;
    box-sizing: border-box
}

table.ambox+table.ambox,table.ambox+.mw-empty-elt+table.ambox {
    margin-top: -1px
}

.ambox th.mbox-text,.ambox td.mbox-text {
    padding: 0.25em 0.5em
}

.ambox td.mbox-image {
    padding: 2px 0 2px 0.5em
}

.ambox td.mbox-imageright {
    padding: 2px 0.5em 2px 0
}

table.ambox-notice {
    border-left: 10px solid #36c
}

table.ambox-speedy {
    border-left: 10px solid #b32424;
    background-color: #fee7e6
}

table.ambox-delete {
    border-left: 10px solid #b32424
}

table.ambox-content {
    border-left: 10px solid #f28500
}

table.ambox-style {
    border-left: 10px solid #fc3
}

table.ambox-move {
    border-left: 10px solid #9932cc
}

table.ambox-protection {
    border-left: 10px solid #a2a9b1
}

table.imbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 3px solid #36c;
    background-color: #fbfbfb;
    box-sizing: border-box
}

.imbox .mbox-text .imbox {
    margin: 0 -0.5em;
    display: block
}

.mbox-inside .imbox {
    margin: 4px
}

table.imbox-notice {
    border: 3px solid #36c
}

table.imbox-speedy {
    border: 3px solid #b32424;
    background-color: #fee7e6
}

table.imbox-delete {
    border: 3px solid #b32424
}

table.imbox-content {
    border: 3px solid #f28500
}

table.imbox-style {
    border: 3px solid #fc3
}

table.imbox-move {
    border: 3px solid #9932cc
}

table.imbox-protection {
    border: 3px solid #a2a9b1
}

table.imbox-license {
    border: 3px solid #88a;
    background-color: #f7f8ff
}

table.imbox-featured {
    border: 3px solid #cba135
}

table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #a2a9b1;
    background-color: #dfe8ff;
    box-sizing: border-box
}

table.cmbox-notice {
    background-color: #d8e8ff
}

table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #b32424;
    background-color: #ffdbdb
}

table.cmbox-delete {
    background-color: #ffdbdb
}

table.cmbox-content {
    background-color: #ffe7ce
}

table.cmbox-style {
    background-color: #fff9db
}

table.cmbox-move {
    background-color: #e4d8ff
}

table.cmbox-protection {
    background-color: #efefe1
}

table.ombox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #a2a9b1;
    background-color: #f8f9fa;
    box-sizing: border-box
}

table.ombox-notice {
    border: 1px solid #a2a9b1
}

table.ombox-speedy {
    border: 2px solid #b32424;
    background-color: #fee7e6
}

table.ombox-delete {
    border: 2px solid #b32424
}

table.ombox-content {
    border: 1px solid #f28500
}

table.ombox-style {
    border: 1px solid #fc3
}

table.ombox-move {
    border: 1px solid #9932cc
}

table.ombox-protection {
    border: 2px solid #a2a9b1
}

table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    min-width: 80%;
    box-sizing: border-box
}

.tmbox.mbox-small {
    min-width: 0
}

.mediawiki .mbox-inside .tmbox {
    margin: 2px 0;
    width: 100%
}

.mbox-inside .tmbox.mbox-small {
    line-height: 1.5em;
    font-size: 100%
}

table.tmbox-speedy {
    border: 2px solid #b32424;
    background-color: #fee7e6
}

table.tmbox-delete {
    border: 2px solid #b32424
}

table.tmbox-content {
    border: 2px solid #f28500
}

table.tmbox-style {
    border: 2px solid #fc3
}

table.tmbox-move {
    border: 2px solid #9932cc
}

table.tmbox-protection,table.tmbox-notice {
    border: 1px solid #c0c090
}

table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #a2a9b1;
    background-color: #f8f9fa;
    box-sizing: border-box
}

table.fmbox-system {
    background-color: #191970
}

table.fmbox-warning {
    border: 1px solid #bb7070;
    background-color: #ffdbdb
}

table.fmbox-editnotice {
    background-color: transparent
}

div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon,div.titleblacklist-warning {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #bb7070;
    background-color: #ffdbdb;
    padding: 0.25em 0.9em;
    box-sizing: border-box
}

.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {
    border-color: #fc3;
    background-color: #fef6e7
}

html body.mediawiki .mbox-small {
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    box-sizing: border-box;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em
}

html body.mediawiki .mbox-small-left {
    margin: 4px 1em 4px 0;
    box-sizing: border-box;
    overflow: hidden;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em
}

.compact-ambox table .mbox-image,.compact-ambox table .mbox-imageright,.compact-ambox table .mbox-empty-cell {
    display: none
}

.compact-ambox table.ambox {
    border: none;
    border-collapse: collapse;
    background-color: transparent;
    margin: 0 0 0 1.6em !important;
    padding: 0 !important;
    width: auto;
    display: block
}

body.mediawiki .compact-ambox table.mbox-small-left {
    font-size: 100%;
    width: auto;
    margin: 0
}

.compact-ambox table .mbox-text {
    padding: 0 !important;
    margin: 0 !important
}

.compact-ambox table .mbox-text-span {
    display: list-item;
    line-height: 1.5em;
    list-style-type: square;
    list-style-image: url(/w/skins/MonoBook/resources/images/bullet.svg)
}

.compact-ambox .hide-when-compact {
    display: none
}

.nounderlines a,.IPA a:link,.IPA a:visited {
    text-decoration: none !important
}

.nowrap,.nowraplinks a {
    white-space: nowrap
}

.wrap,.wraplinks a {
    white-space: normal
}

#wpUploadDescription {
    height: 13em
}

.thumbinner {
    min-width: 100px;
    background: #303037;
    border: solid #37373e
}

.thumbinner .thumbimage,.thumbborder {
    border: solid 1px #37373e
}

#mw-subcategories,#mw-pages,#mw-category-media,#filehistory,#wikiPreview,#wikiDiff {
    clear: both
}

.wpb .wpb-header {
    display: none
}

.wpbs-inner .wpb .wpb-header {
    display: table-row
}

.wpbs-inner .wpb-outside {
    display: none
}

.mw-tag-markers {
    font-style: italic;
    font-size: 90%
}

.checkuser-show,.sysop-show,.abusefilter-show,.abusefilter-helper-show,.patroller-show,.templateeditor-show,.extendedmover-show,.extendedconfirmed-show,.autoconfirmed-show,.user-show {
    display: none
}

.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,.ve-ui-mwNoticesPopupTool-item .mbox-image,.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
    display: none !important
}

ul.permissions-errors>li {
    list-style: none none
}

ul.permissions-errors {
    margin: 0
}

span.texhtml {
    font-family: "Nimbus Roman No9 L","Times New Roman",Times,serif;
    font-size: 118%;
    line-height: 1;
    white-space: nowrap;
    -moz-font-feature-settings: "lnum","tnum","kern" 0;
    -webkit-font-feature-settings: "lnum","tnum","kern" 0;
    font-feature-settings: "lnum","tnum","kern" 0;
    font-variant-numeric: lining-nums tabular-nums;
    font-kerning: none
}

span.texhtml span.texhtml {
    font-size: 100%
}

span.mwe-math-mathml-inline {
    font-size: 118%
}

.mwe-math-fallback-image-display,.mwe-math-mathml-display {
    margin-left: 1.6em !important;
    margin-top: 0.6em;
    margin-bottom: 0.6em
}

.mwe-math-mathml-display math {
    display: inline
}

.k-player .k-attribution {
    visibility: hidden
}

.PopUpMediaTransform a .play-btn-large {
    margin: 0;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0
}

@media screen {
    #content .gallerybox div.thumb {
        background-color: #f8f9fa
    }

    .gallerybox .thumb img {
        background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat
    }

    .ns-0 .gallerybox .thumb img,.ns-2 .gallerybox .thumb img,.ns-100 .gallerybox .thumb img,.nochecker .gallerybox .thumb img {
        background-image: none
    }
    
    #mw-content {
        background: #1b1b1f;
        color: lightgrey;
        border: #1b1b1f;
    }
}

.flaggedrevs_draft_synced,.flaggedrevs_stable_synced,#t-upload,.mw-special-Book #coll-downloadbox {
    display: none
}

#site-tools {
    display: none !important
}

span.comment {
    overflow-wrap: break-word
}

#mw-page-base {
    background: #1b1b1f;
    color: lightgrey;
    border: #1b1b1f
}

.mediawiki,.mw-page-container {
    background: #1b1b1f;
    color: lightgrey;
    border: #1b1b1f
}

.mw-body {
    background: #212126;
    color: lightgrey;
    border: black
}

#mw-panel {
    background: #1b1b1f;
    color: lightgrey;
    border: #1b1b1f
}

#mw-content-container,#mw-header-container,#mw-content-wrapper,#mw-content,#p-logo {
    background: #1b1b1f;
    color: lightgrey;
    border: #1b1b1f
}

.mw-code {
    background: #212126;
    color: lightgrey
}

footer,#footer-info-lastmod,#footer-info-copyright {
    color: lightgrey
}

p,h1,h2,h3,h4,h5,h6,li {
    color: lightgrey
}

a,.vector-menu-portal .vector-menu-content li a,.vector-menu-tabs li a,body.skin--responsive #p-cactions li a,a:visited,.vector-menu-portal .vector-menu-content li a:visited,.vector-menu-tabs li a:visited,body.skin--responsive #p-cactions li a:visited {
    color: #77c1d9
}

a:hover,a:visited:hover {
    color: white
}

body.skin--responsive #p-cactions li a {
    background: #27272e
}

.mw-prefs-buttons {
    background: #27272e
}

a.extiw:visited,a.external:visited,.mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,body.skin--responsive #p-cactions li a.external:visited {
    color: #3377aa
}

.vector-menu-tabs .selected a,.vector-menu-tabs .selected a:visited,body.skin--responsive #p-cactions li.selected a {
    color: lightgrey;
    font-weight: bold
}

body.skin--responsive #p-cactions li.selected a {
    background: #27272e
}

.vector-menu-tabs li {
    background: #212126
}

#mw-site-navigation .sidebar-chunk,#mw-site-navigation .sidebar-chunk,#mw-related-navigation .sidebar-chunk,body.skin--responsive .portlet,body.skin--responsive .pBody {
    background: #212126;
    color: lightgrey;
    border-color: #1b1b1f;
    border: 1px solid black;
    border-radius:1.4rem;
}

#p-logo-text a {
    color: lightgrey
}

#ca-nstab-mediawiki.a {
    color: lightgrey
}

#mw-changeslist-links {
    background: #212126;
    color: lightgrey
}

#simpleSearch {
    background: #27272e;
    border: 1px solid #37373e;
    color: lightgrey
}

#searchInput {
    color: white
}

#pt-createaccount {
    visibility: hidden;
    display: none
}

.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,#personal .dropdown {
    background: #27272e;
    border: 1px solid black;
    color: lightgrey
}

body.skin--responsive #p-cactions li.selected {
    border: #37373e
}

.vector-menu-tabs .selected {
    background: #1b1b1f
}

#pagehistory li.selected {
    background: #1B4D3E;
    font-weight: bold
}

div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon,div.titleblacklist-warning {
    background: #7C0A02;
    border: 1px solid #bb7070
}

/* Style for wikitable tables */
.wikitable {
    border-spacing: 1px;
    padding: 12px;
    border-collapse: separate;
    border: 1px solid black;
    border-radius: 1em;
    background: #27272e;
    color: #dbdbdb;
}

.wikitable>*>tr>*{
    padding: 0.4em !important;
    margin: 0 !important;
    border: none;
}

.wikitable>*>tr>th {
    background: #27272e;
    color: white;
}

.wikitable>*>tr>td {
    background: #32323c;
}

.wikitable p, .wikitable h1, .wikitable h2, .wikitable h3, .wikitable h4, .wikitable h5, .wikitable h6, .wikitable li {
    color: #dbdbdb;
}

/* Rounding the upper left corner of the first cell */
.wikitable thead tr:first-child th:first-child,
.wikitable thead tr:first-child td:first-child,
.wikitable:not(:has(thead)) tr:first-child th:first-child,
.wikitable:not(:has(thead)) tr:first-child td:first-child {
    border-top-left-radius: 4px;
}

/* Rounding the upper right corner of the last cell */
.wikitable thead tr:first-child th:last-child,
.wikitable thead tr:first-child td:last-child,
.wikitable:not(:has(thead)) tbody > tr:first-child th:last-child,
.wikitable:not(:has(thead)) tbody > tr:first-child td:last-child {
    border-top-right-radius: 4px;
}

/* Rounding the lower left corner of the first cell of the last row 
.wikitable tbody tr:last-child th:first-child,
.wikitable tbody tr:last-child td:first-child {
    border-bottom-left-radius: 4px;
}*/

/* Rounding the bottom right corner of the last cell of the last row 
.wikitable tbody tr:last-child th:last-child,
.wikitable tbody tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
}*/

/* Tables on phones */
@media screen and (max-width: 850px) {
    .wikitable {
        font-size: 0.65em;
        padding: 5px !important;
    }
    
	.wikitable img[width="64"][height="64"] {
		width: 32px;
		height: 32px;
	}
	
	.wikitable img[width="64"][height="128"] {
		width: 32px;
		height: 64px;
	}
}

.toc {
    background: #27272E;
    border: 1px solid black;
    color: white
}

.mw-content-ltr .tocnumber {
    color: grey
}

.quickbox {
    border: 1px solid #303038;
    background: #27272e
}

.quickboxhead {
    border-bottom: 1px solid #303038;
    background: #1b1b1f;
    text-align: center
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,.mw-rcfilters-ui-changesListWrapperWidget {
    background: #27272e;
    border: 1px solid #303038;
    color: white
}

.mw-changeslist-legend {
    display: none
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
    background: #27272e;
    border: 1px solid #303038;
    color: white
}

.oo-ui-popupWidget-popup {
    background: #303037;
    border: 1px solid #37373e;
    color: white
}

.mw-editform #wpTextbox1,textarea {
    background: #303037;
    border: 1px solid #37373e;
    color: white
}

.wikiEditor-ui-toolbar {
    background: #27272e;
    color: white
}

.wikiEditor-ui-toolbar .group {
    border: 1px solid #37373e;
    color: white
}

.wikiEditor-ui-toolbar .group .label {
    color: white
}

.wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
    color: #151518;
    font-weight: bold
}

.wikiEditor-ui .wikiEditor-ui-top {
    border-bottom: 1px solid #37373e
}

.wikiEditor-ui .wikiEditor-ui-view {
    border: 1px solid #37373e
}

.editOptions,.mw-editform .editOptions {
    background: #212126;
    border: 1px solid #37373e;
    color: white
}

@media screen {
    .mw-body-content .recipeimg a>img {
        padding: 0;
        margin: 0;
        border: 0;
        width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;
        max-height: 32px !important
    }
}

.positive {
    color: #00FF00;
    font-weight: bold
}

.negative {
    color: #FF0000;
    font-weight: bold
}

.anglerect {
    --angle-rect-clip-size: 16px;
    clip-path: polygon(0 0,calc(100% - var(--angle-rect-clip-size)) 0,100% var(--angle-rect-clip-size),100% 100%,var(--angle-rect-clip-size) 100%,0 calc(100% - var(--angle-rect-clip-size)))
}

.flex {
    display: flex
}

.mw-body {
    padding: 0.5em;
    box-shadow: 0 0 2px black
}

.mw-body dd {
    margin: 0.2em;
    margin-left: 1.6em
}

.tabs-label {
    cursor: pointer;
    padding: 1px 6px;
    background: transparent !important;
    border: 1px solid black
}

.tabs-tabbox > .tabs-input:checked + .tabs-label,.tabs-input-0:checked + .tabs-input-1 + .tabs-label {
    z-index: 2;
    box-shadow: 0px 2px 1px #3366cc
}

.tabs-tabbox > .tabs-input+ .tabs-input+ .tabs-label {
    margin: 0
}

.tabs-label:hover {
    box-shadow: 0px 2px 1px darkblue;
    z-index: 2
}

.tabs-tabbox > .tabs-container {
    margin-top: -1px;
    padding: 2px 10px;
    background: #303037;
    border-radius: 0;
    position: relative;
    border: 1px solid #000000;
    width: inherit;
    max-width: inherit;
    min-width: inherit;
    z-index: 1
}

.tabs-tabbox > .tabs-label {
    margin: 0;
    background: transparent;
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    border-radius: 0
}

.tooltip {
    position: relative;
    display: inline
}

.tooltiptext {
    position: absolute;
    min-width: 240px;
    max-width: 100%;
    left: -240px;
    right: -240px;
    top: 125%;
    margin-left: auto;
    margin-right: auto;
    z-index: 99;
    padding: 22px;
    pointer-events: none;
    visibility: hidden;
    transition: all 0.05s;
    border: 1px solid #3366cc;
    border-radius: 1.4rem;
    background-color: #27272E;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.tooltip:hover>.tooltiptext {
    visibility: visible;
    opacity: 1;
}

@media screen and (min-width: 851px) {
    .mobile {
        display:none
    }

    .headder {
        width: 25%;
        float: right;
        margin-left: 1em
    }

    .stiky {
        position: sticky;
        top: 0.1em
    }
}

@media screen and (max-width: 850px) {
    .nomobile {
        display:none
    }

    .headder {
        width: 100%;
        margin-left: 0
    }

    .sidebar-inner {
        background: #27272e;
        border: 1px solid black;
        color: lightgrey
    }

    .tooltip {
        position: static
    }

    .tooltiptext {
        box-shadow: 0px 0px 100vw 100vh rgb(0 0 0 / 60%);
        position: fixed!important;
        width: 80vw !important;
        top: 40vh !important;
        left: 0 !important;
        margin: 0 auto !important;
        right: 0!important;
    }
    /*
    .mobilefont {
        font-size: 80%
    }
    */
    
    .mobile-image img {
        width: 32px;
        height: 32px;
    }
}

.mw-mmv-above-fold,.mw-mmv-dialog,.mw-mmv-image-links li,.mw-mmv-options-cancel-button.mw-ui-button.mw-ui-quiet,.mw-mmv-options-dialog-header,.mw-mmv-options-text-header {
    color: #e0e0e0
}

.mw-mmv-above-fold {
    background: #222;
    border-top: 1px solid #333
}

.mw-mmv-image-metadata {
    background-color: #111;
    border-color: #333
}

.mw-mmv-dialog {
    border: 1px solid #333;
    background: #222;
    box-shadow: none
}

.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
    background: #222;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333
}

.mw-mmv-options-enable-alert {
    background: #333;
    color: #e0e0e0
}

.mw-mmv-filepage-buttons .mw-ui-button {
    background: #36c;
    color: #e0e0e0;
    border-color: #1d4699
}

.mw-default-size {
    background-color: #21212600 !important;
    border-color: black !important
}

.mw-default-size img {
    border-color: black !important
}

.mw-default-size figcaption {
    background-color: #21212600 !important;
    border-color: black !important
}

.mw-halign-right {
    background-color: #27272E00 !important;
    border-color: black !important
}

.mw-halign-right img {
    border-color: black !important
}

.mw-halign-right figcaption {
    background-color: #27272E00 !important;
    border-color: black !important
}

.mw-halign-left {
    background-color: #27272E00 !important;
    border-color: black !important
}

.mw-halign-left img {
    border-color: black !important
}

.mw-halign-left figcaption {
    background-color: #27272E00 !important;
    border-color: black !important
}

.mw-halign-center {
    background-color: #27272E00 !important;
    border-color: black !important
}

.mw-halign-center img {
    border-color: black !important
}

.mw-halign-center figcaption {
    background-color: #27272E00 !important;
    border-color: black !important
}

.reference {
    background-color: #27272E00;
}

ol.references li:target,sup.reference:target {
    background-color: #ffffff0f;
    padding: 0px 1px 3px 1px;
}

.oo-ui-inputWidget-input {
    background-color: #27272e !important;
    border: #37373e !important;
    color: #ffffff !important
}

.mw-search-profile-tabs {
    background-color: #27272e !important;
    border: #37373e !important
}

.search-types .current a {
    color: #d3d3d3 !important;
    cursor: default !important
}

.mw-message-box-error {
    background-color: #7b1919 !important;
    border-color: #af2424 !important
}

.mw-message-box-warning {
    background-color: #7b6919 !important;
    border-color: #af9a24 !important
}

#mw-header-nav-hack {
    border-top: solid 2px #212126 !important;
    display: block;
    position: absolute;
    z-index: 98;
    background: #212126 !important;
    width: 100%
}

.ui-widget-overlay {
    background: #000000 !important;
    opacity: .3 !important
}

.ui-widget-content {
    border: 1px solid #4a4a57 !important;
    background: #212126 !important;
    color: #e0e0e0 !important
}

.ui-widget-header {
    border: 1px solid #4a4a57 !important;
    background: #212126 !important;
    color: #e0e0e0 !important;
    font-weight: bold !important
}

#wikieditor-toolbar-file-target,#wikieditor-toolbar-file-caption,#wikieditor-toolbar-file-alt {
    width: 100% !important;
    background-color: #27272e !important;
    color: #e0e0e0 !important
}

.wikiEditor-toolbar-dialog .ui-dialog-content input[type='text'] {
    box-sizing: border-box !important;
    background-color: #27272e !important;
    color: #e0e0e0 !important
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family: Verdana,Arial,sans-serif !important;
    font-size: 1em !important;
    background-color: #27272e !important;
    color: #e0e0e0 !important
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    border: 1px solid #4a4a57 !important;
    background: #27272e !important;
    font-weight: normal !important;
    color: #e0e0e0 !important
}

.ui-state-hover,.ui-widget-contetn .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
    border: 1px solid #4a4a57 !important;
    background: #4c4c59 !important;
    font-weight: normal !important;
    color: #e0e0e0 !important
}

body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
    right: 0.9em !important;
    background: #4c4c59 !important
}

.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0 !important;
    background: #6c6c80 !important
}

ul#filetoc,.toc,.toccolours,.mw-warning {
    display: table !important;
    background-color: #27272e !important;
    border: solid #000000 !important;
    border-radius: 0.9em;
    border-width: 1px 1px 0.2em !important;
    box-shadow: 0 1px 2px 1px rgb(39 0 255 / 17%) !important;
    padding: 1.25em 1.75em !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    min-width: 15em !important;
    font-size: 100% !important
}

.mw-body h1 {
    font-family: 'oswald';
    font-size: 2em
}

.mw-body .toctitle h2 {
    font-family: 'oswald';
    font-size: 1.2em
}

.diff-editfont-monospace .diff-addedline,.diff-editfont-monospace .diff-deletedline,.diff-editfont-monospace .diff-context {
    font-family: monospace,monospace !important;
    background-color: #1b1b1f !important;
    border-color: #1b1b1f !important;
    color: white !important
}

.diff-deletedline .diffchange {
    background: #4c3c16 !important
}

.diff-addedline .diffchange {
    background: #16324d !important
}

.mw-json th,.mw-json td {
    border: 1px solid #000000;
    font-size: 16px;
    padding: 0.5em 1em
}

.mw-json tr {
    background-color: #212126;
    margin-bottom: 0.5em
}

.mw-json th {
    background-color: #303037;
    font-weight: normal;
    vertical-align: top;
    color: #d3d3d3
}

.mw-json th span {
    -webkit-position: sticky;
    position: sticky;
    top: 0.5em
}

.mw-json-value,.mw-json-single-value {
    background-color: #1b5929;
    font-family: monospace,monospace;
    white-space: pre-wrap;
    color: #d3d3d3
}

.mw-json-empty {
    background-color: #1b5929;
    font-style: italic;
    color: #d3d3d3
}

.hover_img_special {
    top: 0;
    left: 0;
    display: none
}

.img_special:hover .hover_img_special {
    display: inline
}

.img_special:hover .img_spec {
    display: none
}

.ace-tm .ace_gutter {
    background: #212126;
    color: #333
}

.ace-tm .ace_print-margin {
    width: 1px;
    background-color: #1b1b1f
}

.ace-tm {
    background-color: #1b1b1f;
    color: lightgrey
}

.ace-tm .ace_cursor {
    color: white
}

.ace-tm .ace_storage,.ace-tm .ace_keyword {
    color: rgb(153,153,255)
}

.ace-tm .ace_constant.ace_numeric {
    color: rgb(153,153,205)
}

.ace-tm .ace_constant {
    color: rgb(241,89,92)
}

.ace-tm .ace_support.ace_function {
    color: rgb(68,118,235)
}

.ace-tm .ace_support.ace_constant {
    color: rgb(23,202,33)
}

.ace-tm .ace_support.ace_type,.ace-tm .ace_support.ace_class {
    color: rgb(182,187,236)
}

.ace-tm .ace_string {
    color: rgb(6,142,13)
}

.ace-tm .ace_comment {
    color: rgb(103,193,150)
}

.ace-tm .ace_constant.ace_numeric {
    color: rgb(153,153,255)
}

.ace-tm .ace_marker-layer .ace_selection {
    background: rgb(28,45,68)
}

.ace-tm .ace_marker-layer .ace_bracket {
    margin: -1px 0 0 -1px;
    border: 1px solid rgb(94,94,94)
}

.ace-tm .ace_marker-layer .ace_active-line {
    background: rgb(153,153,183,7%)
}

.ace-tm .ace_gutter-active-line {
    background-color: rgb(44,44,51)
}

.ace-tm .ace_marker-layer .ace_selected-word {
    background: rgb(37,59,89);
    border: 1px solid rgb(36,36,42)
}

.codeEditor-status {
    clear: both;
    width: 100%;
    background-color: #212126;
    border-top: 1px solid #40404b;
    display: table
}

.codeEditor-status-message {
    border-left: 1px solid #40404b;
    border-right: 1px solid #40404b;
    padding: 0 0.3em;
    width: 100%;
    display: table-cell
}

.ace_search {
    background-color: #212126;
    color: #d3d3d3;
    border: 1px solid #383843;
    border-top: 0 none;
    overflow: hidden;
    margin: 0;
    padding: 4px 6px 0 4px;
    position: absolute;
    top: 0;
    z-index: 99;
    white-space: normal
}

.ace_search_form.ace_nomatch {
    outline: 1px solid #922626
}

.ace_search_field {
    border-radius: 3px 0 0 3px;
    background-color: #27272e;
    color: #d3d3d3;
    border: 1px solid #383843;
    border-right: 0 none;
    outline: 0;
    padding: 0;
    font-size: inherit;
    margin: 0;
    line-height: inherit;
    padding: 0 6px;
    min-width: 17em;
    vertical-align: top;
    min-height: 1.8em;
    box-sizing: content-box
}

.ace_searchbtn {
    border: 1px solid #383843;
    line-height: inherit;
    display: inline-block;
    padding: 0 6px;
    background: #27272e;
    border-right: 0 none;
    border-left: 1px solid #383843;
    cursor: pointer;
    margin: 0;
    position: relative;
    color: #d3d3d3
}

.ace_searchbtn:last-child {
    border-radius: 0 3px 3px 0;
    border-right: 1px solid #383843
}

.ace_searchbtn:hover {
    background-color: #1b1b1f
}

.ace_searchbtn.prev:after {
    content: "";
    border: solid 2px #d3d3d3;
    width: 0.5em;
    height: 0.5em;
    border-width: 2px 0 0 2px;
    display: inline-block;
    transform: rotate(-45deg)
}

.ace_searchbtn.next:after {
    content: "";
    border: solid 2px #d3d3d3;
    width: 0.5em;
    height: 0.5em;
    border-width: 2px 0 0 2px;
    display: inline-block;
    transform: rotate(135deg)
}

.ace_button {
    margin-left: 2px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    opacity: 0.7;
    border: 1px solid rgb(56,56,68);
    padding: 1px;
    box-sizing: border-box!important;
    color: #d3d3d3;
    background-color: #27272e
}

.ace_button:hover {
    background-color: #1b1b1f;
    opacity: 1
}

.ace_button:active {
    background-color: #101013
}

::-webkit-scrollbar {
    background-color: #424242
}

::-webkit-scrollbar-thumb {
    background-color: #686868;
    border: 2px solid #424242;
    border-radius: 4px
}

::-webkit-scrollbar-thumb:hover {
    background-color: #7b7b7b
}

::-webkit-scrollbar-thumb:active {
    background-color: #a1a1a1
}

.style-for-sub-numbered-lists ol {
    counter-reset: item
}

.style-for-sub-numbered-lists li {
    display: block
}

.style-for-sub-numbered-lists li:before {
    content: counters(item,".") ". ";
    counter-increment: item
}

.section {
    display: flex;
    flex-wrap: wrap
}

.section .col {
    flex: 1 1 auto
}

.section .line-break {
    flex-basis: 100%;
    width: 0px;
    height: 0px;
    overflow: hidden
}

.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,.mw-changeslist-legend,.mw-body .mw-search-profile-tabs,.mw-body fieldset#mw-searchoptions,.mw_metadata,.mw-datatable {
    color: #d3d3d3;
    background: #303037;
    border: solid #000000;
    border-width: 1px 1px 0.2em;
    padding: 1.25em 1.75em;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02)
}

.mw_metadata > tr > th,.mw-datatable > tr > th,.wikitable > tr > th,.mw_metadata > tr > td,.mw-datatable > tr > td,.wikitable > tr > td,.mw_metadata > * > tr > th,.mw-datatable > * > tr > th,.wikitable > * > tr > th,.mw_metadata > * > tr > td,.mw-datatable > * > tr > td,.wikitable > * > tr > td {
    border:none;
    padding:0.5em;
}

.mw-datatable th {
    background: #212126
}

.mw-datatable td {
    background-color: #303037
}

.mw-datatable tr:hover td {
    background-color: #3f3f48
}

.pretoclip-copy-button {
    float: right
}

.mw-scribunto-console-fieldset {
    color: #d3d3d3;
    background: none;
    border: 3px solid #27272e
}

.mw-scribunto-message {
    color: #008000;
    background: none
}

#mw-scribunto-input {
    width: 100%;
    border: 0;
    overflow: auto;
    background: #303037
}

.mw-scribunto-input {
    color: #d3d3d3;
    font: inherit;
    font-weight: bold;
    margin-top: 0.5em
}

.table-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly
}

.boxes-flex {
    padding: 0;
    margin: 0;
    text-align: center
}

.role-big-title {
    margin: 0px;
    text-align: center;
    font-size: 40px;
    line-height: 50px;
    border-radius: 8px
}

.role-block-radius {
    border-radius: 8px
}

.role-block-name {
    padding: 2px;
    border-radius: .3em;
    margin-bottom: .2em
}

.story-text {
    text-indent: 19px;
    text-align: justify
}

.story-dialogue {
    line-height: 1.2
}

.oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
    display: block;
    position: relative;
    margin: 0px 25%
}

.mw-gallery-slideshow .gallerybox.slideshow-current {
    background: #28282e
}

.gallerytext {
    overflow: hidden;
    font-size: 94%;
    padding: 2px 4px;
    word-wrap: break-word;
    text-align: center
}

#content .gallerybox div.thumb {
    background-color: #f8f9fa00
}

.mw-body li.gallerybox div.thumb {
    background: #f8f9fa00;
    border: solid #28282e;
    border-width: 1px 1px 0.2em;
    padding: 1.25em 1.75em;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
    padding: 0
}

.title-no-bottom-border {
    border-bottom: none !important
}

.title-top-border {
    border-top: solid 2px #c8ccd1
}

/* for preferences panel */
@media screen and (min-width: 1100px) and (max-width: 1339px) {
    #mw-content-wrapper {
        float: right;
        margin-left: -14em;
        width: 100%;
        background: #1b1b1f;
        color: lightgrey;
        border: #1b1b1f
    }
}

@media (min-width: 1340px) {
    #mw-content-block {
        display:block
    }

    #mw-content {
        margin-left: 14em;
        padding: 2em 0 0;
        background: #1b1b1f;
        color: lightgrey;
        border: #1b1b1f
    }

    #mw-content-wrapper {
        float: right;
        margin-left: -14em;
        width: 100%;
        background: #1b1b1f;
        color: lightgrey;
        border: #1b1b1f
    }

    #mw-related-navigation {
        width: 14em;
        padding: 0 1em 0 0
    }

    .color-middle {
        margin-right: 0
    }

    .mw-wiki-logo {
        display: inline-block
    }

    #catlinks {
        margin-left: 14em
    }
}

#footer {
    padding-right: 1em
}

.mw-body h2 {
    font-size: 1.8em;
    border-bottom: solid 2px #3366cc
}

#mw-site-navigation .sidebar-chunk h3,#mw-related-navigation .sidebar-chunk h3 {
    border-bottom: solid 2px #3366cc
}

.target {
    border-bottom: 1px solid darkblue
}

.target:target {
    border-bottom: 2px solid gold;
    transition: border 0.7s cubic-bezier(0.4,0,0.2,1)
}

.backlight:hover {
    box-shadow: 0 0 0.3em gold;
    background-color: #00000025;
}

#main.backlight:hover {
    box-shadow: inset 0 0 23em #00000066;
    border-radius: 8px
}

#strongwhite, #strongwhite p, #strongwhite h1, #strongwhite h2, #strongwhite h3, #strongwhite h4, #strongwhite h5, #strongwhite h6, #strongwhite li {
    color: #e9e9e9 !important
}
/*cell phone blackout*/
#menus-cover {
    background: #000000;
    opacity: 0.4
}
.oo-ui-tagMultiselectWidget-handle,.oo-ui-panelLayout-padded {
    background: #1b1b1f;
    border: 1px solid black;
    border-radius: 0
}
/*Beautiful pictures*/
.mw-content-ltr figure[typeof~='mw:File/Thumb'], .mw-content-ltr figure[typeof~='mw:File/Frame'] {
    margin: 0 0 0.5em 0.5em;
    border:1px solid black;
    border-bottom:0;
    border-radius:0.9em 0.9em 0 0;
    background:#1b1b1f;
}
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
    border-radius: 0 0 0.9em 0.9em;
    border:1px solid black;
    border-top:0;
    background:#1b1b1f;
    padding-bottom:5px;
    font-family:oswald;
    font-size:1em;
}

figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) {
    margin: 5px;
    border-radius: 0.4em;
}
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame']{
    border-collapse:separate;
}
.mw-content-ltr figure[typeof~='mw:File/Thumb']:not([typeof~='mw:Error']) > a.mw-file-description:after{
    border-bottom: 1px solid #3366cc;
}

/*button for the main menu*/
.StupidButton {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

/*Colors of tables for different departments*/

/* Table */
#MED.wikitable {
	background: #01453e;
	border-spacing: 0px;
}

/* Header */
#MED.wikitable thead tr th,
#MED.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #01453e;
    border-bottom: 4px solid #00000015;
}

/* Title cell */
#MED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#MED.wikitable thead + tbody > tr th {
    background: #005b53;
    border-bottom: 1px solid #01453e;
}

/* Cell with contents */
#MED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#MED.wikitable thead + tbody > tr td {
    background: #1f635d;
    border-bottom: 1px solid #01453e;
    border-left: 1px solid #005b53;
}

#ENG.wikitable {
	background: #775f0e;
	border-spacing: 0px;
}

#ENG.wikitable thead tr th,
#ENG.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #775f0e;
    border-bottom: 4px solid #00000015;
}

#ENG.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#ENG.wikitable thead + tbody > tr th {
    background: #8f7210;
    border-bottom: 1px solid #775f0e;
}

#ENG.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#ENG.wikitable thead + tbody > tr td {
    background: #977e31;
    border-bottom: 1px solid #775f0e;
    border-left: 1px solid #8f7210;
}

#SEC.wikitable {
    background: #404144;
    color: #dddddd;
}

#SEC.wikitable>*>tr>th {
    background: #912424;
    color: #dddddd;
}

#SEC.wikitable > * > tr > td {
    background: #515255;
    color: #dddddd;
}

#SRV.wikitable {
    background: #316f20;
    color: #dddddd;
}

#SRV.wikitable>*>tr>th {
    background: #316f20;
    color: #dddddd;
}

#SRV.wikitable >*> tr > td {
    background: #40852b;
    color: #dddddd;
}

#RND.wikitable {
	background: #630069;
	border-spacing: 0px;
}

#RND.wikitable thead tr th,
#RND.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #630069;
    border-bottom: 4px solid #00000015;
}

#RND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#RND.wikitable thead + tbody > tr th {
    background: #7c0183;
    border-bottom: 1px solid #630069;
}

#RND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#RND.wikitable thead + tbody > tr td {
    background: #84328f;
    border-bottom: 1px solid #630069;
    border-left: 1px solid #7c0183;
}

#SUP.wikitable {
	background: #6f3d0a;
	border-spacing: 0px;
}

#SUP.wikitable thead tr th,
#SUP.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #6f3d0a;
    border-bottom: 4px solid #00000015;
}

#SUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#SUP.wikitable thead + tbody > tr th {
    background: #85490c;
    border-bottom: 1px solid #6f3d0a;
}

#SUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#SUP.wikitable thead + tbody > tr td {
    background: #8f5a23;
    border-bottom: 1px solid #6f3d0a;
    border-left: 1px solid #85490c;
}


#aMED.wikitable thead tr th,
#aMED.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #004d45;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

#aMED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#aMED.wikitable thead + tbody > tr th {
    background: #0d747f;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}

#aENG.wikitable thead tr th,
#aENG.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #715609;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

#aENG.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#aENG.wikitable thead + tbody > tr th {
    background: #957710;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}

#aRND.wikitable thead tr th,
#aRND.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #4e0163;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

#aRND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#aRND.wikitable thead + tbody > tr th {
    background: #78027f;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}

#aSUP.wikitable thead tr th,
#aSUP.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #6f390a;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

#aSUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#aSUP.wikitable thead + tbody > tr th {
    background: #874b0e;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}

#aSEC.wikitable {
    background: #27272E;
    color: #dddddd;
}

#aSEC.wikitable>*>tr>th {
    background: #912424;
    color: #dddddd;
}

#aSEC.wikitable > * > tr > td {
    background: #32323C;
    color: #dddddd;
}

#aSRV.wikitable {
	background: #216321;
	border-spacing: 0px;
}

#aSRV.wikitable thead tr th,
#aSRV.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #216321;
    border-bottom: 0.2em solid #00000021;
}

#aSRV.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#aSRV.wikitable thead + tbody > tr th {
    background: #297929;
    border-bottom: 1px solid #216321;
}

#aSRV.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#aSRV.wikitable thead + tbody > tr td {
    background: #3f833f;
    border-bottom: 1px solid #216321;
    border-left: 1px solid #297929;
}    

#BOTANY.wikitable {
	background: #0d3f28;
}


#BOTANY.wikitable thead tr th,
#BOTANY.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #04673e !important;
    border-bottom: 0.2em solid #00000021;
}


#BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#BOTANY.wikitable thead + tbody > tr th {
    background: #0d7b39;
}


#BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-of-type,
#BOTANY.wikitable thead + tbody > tr th:first-of-type {
    border-left: 0.2em solid #0000003b;
}


#BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#BOTANY.wikitable thead + tbody > tr td {
    background: #2a834e;
}


#MUTATION.wikitable {
	background: #220f3b;
}


#MUTATION.wikitable thead tr th,
#MUTATION.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #330b65 !important;
    border-bottom: 0.2em solid #00000021;
}


#MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#MUTATION.wikitable thead + tbody > tr th {
    background: #3a1769;
}


#MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-of-type,
#MUTATION.wikitable thead + tbody > tr th:first-of-type {
    border-left: 0.2em solid #0000003b;
}


#MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#MUTATION.wikitable thead + tbody > tr td {
    background: #422371;
}

/* Unbroken spaces in horizontal lists 
   @source: https://ru.wikipedia.org/wiki/MediaWiki:Common.css
   @Sported under CC BY-SA 4.0
   @author: [[Contributor:WindEwriX]]*/
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
.hlist-items-nowrap dd,
.hlist-items-nowrap dt,
.hlist-items-nowrap li {
	white-space: nowrap;
}
/* Termination of CC BY-SA 4.0 license*/

/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 9 (2016-08-10)
   @Sported under CC BY-SA 4.0
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist.hlist ol,
.hlist.hlist ul {
	margin: 0;
	padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
	margin: 0;
	display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
	display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
	display: none;
}
/* Generate bullets */
.hlist dt:after {
	content: ": ";
}
.hlist dd:after,
.hlist li:after {
	content: "\00a0· ";
	font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
	content: " (";
	font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
	content: ")";
	font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
	counter-reset: listitem;
}
.hlist ol > li {
	counter-increment: listitem;
}
.hlist ol > li:before {
	content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
	content: " (" counter(listitem) "\a0";
}
/* Termination of CC BY-SA 4.0 license*/

.pseudomodal--caller {
  cursor:pointer;
}

.pseudomodal {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    background-color: #212126;
    width: 60%;
    height: 80%;
    border: 1px solid black;
    border-radius: 0.5rem;
    padding: 5px 25px;
    position: fixed;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100 !important;
    box-shadow: 0px 0px 0px 100vh rgba(0,0,0,0.6);
}

.pseudomodal--caller:focus-within + .pseudomodal {
  visibility: visible;
  opacity: 1;
}

.pseudomodal:hover {
  visibility: visible;
  opacity: 1;
}

.pseudomodal--header {
  text-align: center;
  font-size: 1.1em;
  position: relative;
}

.pseudomodal--header-hr{
  margin: 20px 0;
  padding: 0;
  height: 0;
  border: none;
  border-top: 1px solid darkgray;
}

.pseudomodal--body{
  height: 100%;
  position: relative;
}

.pseudomodal::-webkit-scrollbar {
  width: 0.15rem;
  background-color:transparent;
}

.pseudomodal::-webkit-scrollbar-track {
  margin:1em;
  background: transparent;
}

.pseudomodal::-webkit-scrollbar-thumb {
  background-color: transparent;
  border: solid #373737;
}

/* Key press */
.keyboard-key {
    border: 1px solid #555555;
    border-radius: 0.2em;
    box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(to bottom, #1e1e1e, #393838, #1e1e1e);
    color: lightgrey;
    padding: 0.1em 0.3em;
    font-family: inherit;
    font-size: 0.8em;
}

@media only screen and (max-width: 600px) {
	.flex--row-column {
		flex-direction:column; width: 50%; margin: auto;
	}
}

.forumMessage, .wikiMessage {
	background: #1b1b1f;
}

.forumMessage {
	padding: 10px 10px 30px;
}

.wikiMessage {
	padding: 10px 10px 10px;
	margin-bottom: 10px;
}

.forumMessageInfo, .wikiMessageInfo{
	padding: 0;
	margin-left: 160px;
	border-bottom: 1px none black;
	zoom: 1;
	color: rgb(255, 255, 255);
}

.forumMessageContent, .wikiMessageContent {
	padding-bottom: 2px;
	padding-left:4px;
	border-style: hidden;
	min-height: 100px;
	overflow: hidden;
}
.forumMessageContent {
	background-color: #303037
}

.forumMessageUserInfo, .wikiIMG {
	float: left;
	width: 140px;
	position: relative;
}

.forumAvatarHolder, .wikiIMGHolder {
	padding: 10px;
	text-align: center;
	position:relative;
}

.forumAvatarHolder {
	background:#303037
}

.forumUserText {
	padding: 1px 10px;
	background:#303037
}

.forumUserName {
	font-size: 14px;
	color: rgb(255, 148, 7);
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
	line-height: 16px;
	text-align: center;
}

.forumBanner {
	font-size: 11px;
	text-align: center;
	padding: 5px;
	color: black;
	border-color: silver;
	height: 16px;
	width: 105px;
	display: block;
	margin-bottom: 5px
}

.forumAdmin {
	background: silver
}
/* CodeMirror */
.CodeMirror {
    position: relative;
    overflow: hidden;
    background: #1b1b1f;
    color: inherit;
}

.CodeMirror-gutters {
    border-right: 1px solid #212126;
    background-color: #212126;
    white-space: nowrap;
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
    background: #1c2d44;
}

.noExternal>.external {
  padding-right:0px !important;
  background-image:none !important;
}

.mw-mmv-image>*, .fullImageLink>*>* {
	image-rendering: auto !important;
}

.skameykatable{
	border:1px solid black;
	border-radius:1.4rem;
}
.skameykatable>*>tr>th{
      text-align:center;
    font-weight:bold;
    }
.skameykatable>*>tr>td{
       border:none;
    }
.skameykatable>*>tr:not(:first-child)>*{
    border-top:1px solid black !important;
}
.skameykatable>*>tr:not(:first-child):not(:last-child):hover{
box-shadow: inset 30em 30em 0 #1b1b20;
}
.skameykatable>*>tr:last-child{
    box-shadow: inset 30em 30em 0 #1b1b20;
    border-bottom-left-radius:1.3rem;
    border-bottom-right-radius:1.3rem;
}

.skameykatable>*>tr>*{
     padding:0.4em;
    background:transparent;
           border:none !important;
    }
    
.headerSort::after {
	content: "\21C5";
}
    
.headerSort.headerSortUp::after {
    content: "\2191";
}

.headerSort.headerSortDown::after {
    content: "\2193";
}


.headerSort {
	background-size: 0 0 !important;
	white-space: nowrap;
}


.pseudomodal p {
	margin: 0 !important;
}

/**
* SS220 import
* 
* Taken from https://wiki.ss220.space/index.php?title=MediaWiki:Common.css&oldid=35625
*/

/* Hide noscript only elements */
.client-js *.noscript {
    display: none;
}


/* SS220 import end*/

#highlighted-header.wikitable thead tr th,

#highlighted-header.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #3d3d4f;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}


#highlighted-header.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,

#highlighted-header.wikitable thead + tbody > tr th {
    background: #972626;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}

#highlighted-header-classic.wikitable thead tr th,
#highlighted-header-classic.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #323245;
    border-bottom: 0.2em solid #0000002b;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

#highlighted-header-classic.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-classic.wikitable thead + tbody > tr th {
    background: #3d3d51;
    border-bottom: 0.1em solid #0000000d;
    border-left: 0.2em solid #00000024;
}

#highlighted-header-cold.wikitable thead tr th,
#highlighted-header-cold.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #006587;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

#highlighted-header-cold.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-cold.wikitable thead + tbody > tr th {
    background: #00707b;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}

#highlighted-header-dark.wikitable thead tr th,
#highlighted-header-dark.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #3d3d4f;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

#highlighted-header-dark.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-dark.wikitable thead + tbody > tr th {
    background: #8d2121;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}

#highlighted-header-CM.wikitable thead tr th,
#highlighted-header-CM.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #313d45;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

#highlighted-header-CM.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-CM.wikitable thead + tbody > tr th {
    background: #355f54;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}

#highlighted-header-xenomorph.wikitable thead tr th,
#highlighted-header-xenomorph.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #3c1d5f;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

#highlighted-header-xenomorph.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-xenomorph.wikitable thead + tbody > tr th {
    background: #5d1c55;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}

#no-highlight {
    border-bottom: none !important;
    box-shadow: none !important;
}



#VIOLET.wikitable {
	background: #391b5d;
	border-spacing: 0px;
}


#VIOLET.wikitable thead tr th,
#VIOLET.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #391b5d;
    border-bottom: 0.2em solid #00000021;
}

#VIOLET.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#VIOLET.wikitable thead + tbody > tr th {
    background: #44206f;
    border-bottom: 1px solid #391b5d;
}


#VIOLET.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#VIOLET.wikitable thead + tbody > tr td {
    background: #4a2b6f;
    border-bottom: 1px solid #391b5d;
}



#YELLOW.wikitable {
	background: #405d1b;
	border-spacing: 0px;
}


#YELLOW.wikitable thead tr th,
#YELLOW.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #405d1b;
    border-bottom: 0.2em solid #00000021;
}


#YELLOW.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#YELLOW.wikitable thead + tbody > tr th {
    background: #4c6d20;
    border-bottom: 1px solid #405d1b;
}


#YELLOW.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#YELLOW.wikitable thead + tbody > tr td {
    background: #577332;
    border-bottom: 1px solid #405d1b;
}

@media (max-width: 800px) {
    .grid-adaptive {
        grid-template-columns: 1fr !important;
    }
}

.no-margin-edges > :first-child {
    margin-top: 0 !important;
}

.no-margin-edges > :last-child {
    margin-bottom: 0 !important;
}

.modern-button {
    position: relative;
    display: flex;
    min-width: 45%;
    background: #31313b;
    border-radius: 8px;
    min-height: 64px;
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}

.modern-button__image {
    display: flex;
    align-items: center;
    background: #40404d;
    padding: 4px;
    box-shadow: inset 20px 0px 20px 0px rgba(0, 0, 0, 0.05);
}

.modern-button__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    width: 100%;
    padding: 8px 10px;
}

.modern-button__title {
    font-size: 1.8em;
    line-height: 1;
    font-family: "Oswald";
}

.modern-button__subtext {
    font-size: 0.8em;
}

.modern-frame {
    display: flex;
    flex-direction: column;
}

.modern-frame__title {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 32px;
    padding: 2px 8px;
    color: #e5e5e5;
    font-size: 15px;
    font-family: "noto sans";
    border-radius: 0.3em 0.3em 0 0;
    border-bottom: 3px solid #00000045 !important;
}

.modern-frame__content {
    border-radius: 0 0 0.3em 0.3em;
    box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
}

@media (max-width: 800px) {
    .modern-frame__content {
        gap: 6px;
        padding: 8px;
    }
}

.gradient-header-frame-sub {
    border: 1px solid #3a3a46;
    border-radius: 0.3em;
}

.gradient-header-frame-sub__header {
    color: #efefef;
    font-size: 1.15em;
    font-family: "noto sans";
    padding: 6px 10px;
    background: linear-gradient(90deg, #3a3a45 0%, #3a3a45 10%, #2f2f37 50%);
    text-align: left;
}

.gradient-header-frame-sub__content {

}

.gradient-header-frame-sub__content::-webkit-scrollbar { width: 10px; }
.gradient-header-frame-sub__content::-webkit-scrollbar-track  { background: #2c2c33; }
.gradient-header-frame-sub__content::-webkit-scrollbar-thumb { background: #44444d; border: 2px solid #2c2c33; border-radius: 0; }

.gradient-header-frame {
    border: 1px solid #3a3a46;
    border-radius: 0.3em;
}

.gradient-header-frame__header {
    color: #efefef;
    font-size: 1.15em;
    font-family: "noto sans";
    padding: 6px 10px;
    background: linear-gradient(90deg, #2f2f37 0%, #3a3a45 40%, #3b3b47 50%, #3a3a45 60%, #2f2f37 100%);
    text-align: center;
}

.gradient-header-frame__content {

}

.gradient-header-frame__content::-webkit-scrollbar { width: 10px; }
.gradient-header-frame__content::-webkit-scrollbar-track  { background: #2c2c33; }
.gradient-header-frame__content::-webkit-scrollbar-thumb { background: #44444d; border: 2px solid #2c2c33; border-radius: 0; }

.link-card {
    display: inline-block;
    position: relative;
    border-radius: 0.3em;
    transition: all 0.15s ease;
    overflow: hidden;
    min-width: 110px;
    text-align: center;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
    border: 1px outset rgb(0 0 0 / 30%);
}

.link-card__image {
    padding: 6px;
}

.link-card__name {
    background: #00000040;
    padding: 2px 4px;
    font-size: 0.8em;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 800px) {
    .link-card  {
        display: flex;
        width: 100%;
        text-align: left;
    }

    .link-card__name {
        background: #00000020;
        padding: 4px 6px;
        font-size: 0.9em;
        display: flex;
        align-items: center;
    }

    .link-card__image {
        padding: 4px;
    }
}

.serverStatusFrame {
    display: flex;
    flex-direction: column;
    color: lightgrey;
}

.serverTitle {
    font-size: 18px;
    color: lightgrey;
    text-align: center;
    margin: 0;
    padding: 4px 8px;
    border-radius: 0.3em 0.3em 0 0;
    border-bottom: 3px solid #00000045 !important;
}

.serverInfo {
    padding: 6px;
    border-radius: 0 0 0.3em 0.3em;
    box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
}

serverInfo > div {
    margin-bottom: 3px;
}

.serverInfo div[class*="Set"] {
    font-size: 14px;
}

.progressBarContainer {
    width: 100%;
    background-color: rgba(150, 150, 150, 0.5);
    border-radius: 5px;
    overflow: hidden;
    margin-top: 3px;
}

.progressBar {
    background-color: rgba(100, 200, 100, 0.8);
    height: 15px;
    transition: width 0.3s;
}

.percentageDisplay {
    text-align: right;
    font-size: 12px;
    color: lightgrey;
}

.copy-icon {
    cursor: pointer;
}

.serverConnectContainer {
    display: flex;
    align-items: flex-start;
    margin-top: 3px;
    min-height: calc(3em + 5px);
}

.serverConnectSet {
    margin-right: 1px;
    flex-grow: 1;
    overflow-wrap: break-word;
}

.tools-inline li a {
    filter: invert(100%);
}

.tools-inline span {
    filter: invert(100%);
    color: var(--text-color);
}

#personal h2,
#site-tools h2,
#site-navigation h2,
#searchButton {
    filter: invert(100%);
}

#personal h2 span {
    filter: invert(100%);
}

.suggestions .suggestions-special {
    background-color: #303037;
    border: 1px solid #474752;
}

.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,.mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
    border-color: var(--border-color-base, #ccc);
}

#preferences .mw-htmlform-submit-buttons {
    background-color: var(--background-color-interactive, #fff);
}

.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    background-color: var(--background-color-interactive, #f9f9f9);
    border: 1px solid var(--border-color-base, #aaa);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon {
    opacity: 0.67;
    filter: invert(100%);
}

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

/* for impotant options on ANY page on wiki */
html {
	color-scheme: dark !important;
}

:root {
    --background-color-interactive: #43434d;
    --background-color-base: #1b1b1f;
    --background-color-interactive-subtle: #43434d;
    --border-color-base: #2c2c33;
    --color-base: #d3d3d3;
    --color-emphasized: #b3b3b3;
	
    --bg-color: hsl(240, 7%, 11%);
    --bg-color-light: hsl(240, 7%, 14%);
    --bg-color-light-x2: hsl(240, 8%, 17%);
    --bg-color-light-x3: hsl(240, 7%, 20%);
    --bg-color-light-x4: hsl(240, 7%, 23%);
    --bg-color-light-x5: hsl(240, 7%, 26%);
    --bg-color-light-x6: hsl(240, 7%, 32%);

    --border-color-light: hsl(240, 7%, 35%);
    --border-color-light-x2: hsl(240, 7%, 45%);
    --border-color: hsl(240, 7%, 24%);

    --text-color: lightgrey;
    --text-color-grayed-out: gray;

    --code-color-bg: hsl(195, 7%, 11%);
    --code-color-bg-light: hsl(195, 7%, 18%);
    --code-color-text: hsl(36, 10%, 90%);
    --code-color-border: hsl(197, 6%, 22%);

    --link-color: lightblue;
    --link-color-visited: #007fff;

    --action-color-light-x2: var(--blue-color-light-x2);
    --action-color-light: var(--blue-color-light);
    --action-color: var(--blue-color);
    --action-color-dark: var(--blue-color-dark);
    --action-color-dark-x2: var(--blue-color-dark-x2);

	--warning-color: hsl(54 100% 15% / 1);
	--warning-color-border: hsl(60, 55%, 30%);

	--danger-color: var(--red-color);
	--danger-color-dark: var(--red-color-dark);
	--danger-color-dark-x2: var(--red-color-dark-x2);
	--danger-color-border: var(--red-color-border);

    --blue-color-light-x2: hsl(220, 66%, 63%);
    --blue-color-light: hsl(220, 60%, 56%);
    --blue-color: hsl(220, 60%, 50%);
    --blue-color-dark: hsl(220, 54%, 43%);
    --blue-color-dark-x2: hsl(220, 54%, 36%);

    --green-color-light: hsl(167, 80%, 50%);
    --green-color: hsl(167, 80%, 45%);
    --green-color-dark: hsl(167, 74%, 30%);

    --red-color: hsl(0, 75%, 50%);
    --red-color-dark: hsl(0, 67%, 42%);
    --red-color-dark-x2: hsl(0, 62%, 36%);
    --red-color-border: hsl(0, 47%, 22%);


    /* ============= */
    /* ICONS GO HERE */
    /* ============= */
    
    /* white table sort icon */
    --icon-table-sort-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjEiIGhlaWdodD0iOSI+PGRlZnM+PGZpbHRlciBpZD0iZGFya3JlYWRlci1pbWFnZS1maWx0ZXIiPjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwLjI0OSAtMC42MTQgLTAuNjcyIDAuMDAwIDEuMDM1IC0wLjY0NiAwLjI4OCAtMC42NjQgMC4wMDAgMS4wMjAgLTAuNjM2IC0wLjYwOSAwLjI1MCAwLjAwMCAwLjk5NCAwLjAwMCAwLjAwMCAwLjAwMCAxLjAwMCAwLjAwMCIgLz48L2ZpbHRlcj48L2RlZnM+PGltYWdlIHdpZHRoPSIyMSIgaGVpZ2h0PSI5IiBmaWx0ZXI9InVybCgjZGFya3JlYWRlci1pbWFnZS1maWx0ZXIpIiB4bGluazpocmVmPSJkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBEOTRiV3dnZG1WeWMybHZiajBpTVM0d0lpQmxibU52WkdsdVp6MGlWVlJHTFRnaVB6NEtQSE4yWnlCNGJXeHVjejBpYUhSMGNEb3ZMM2QzZHk1M015NXZjbWN2TWpBd01DOXpkbWNpSUhkcFpIUm9QU0l5TVNJZ2FHVnBaMmgwUFNJNUlpQjJhV1YzUW05NFBTSXdJREFnTWpFZ09TSStDZ2s4Y0dGMGFDQmtQU0p0TVRRdU5TQTFMVFFnTkMwMExUUjZiVEF0TVMwMExUUXROQ0EwZWlJdlBnbzhMM04yWno0SyIgLz48L3N2Zz4=");

    /* wiki help button icon - transparent question mark in circle of cosmoBlue */
    --icon-wiki-help-cosmoBlue: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KCTx0aXRsZT4KCQloZWxwCgk8L3RpdGxlPgoJPHBhdGggZmlsbD0icmdiKDIxMiAyMzYgMjU1KSIgZD0iTTEwIDBhMTAgMTAgMCAxIDAgMTAgMTBBMTAgMTAgMCAwIDAgMTAgMHptMSAxNkg5di0yaDJ6bTIuNzEtNy42YTIuNjQgMi42NCAwIDAgMS0uMzMuNzQgMy4xNiAzLjE2IDAgMCAxLS40OC41NWwtLjU0LjQ4Yy0uMjEuMTgtLjQxLjM1LS41OC41MmEyLjU0IDIuNTQgMCAwIDAtLjQ3LjU2QTIuMyAyLjMgMCAwIDAgMTEgMTJhMy43OSAzLjc5IDAgMCAwLS4xMSAxSDkuMDhhOC45IDguOSAwIDAgMSAuMDctMS4yNSAzLjI4IDMuMjggMCAwIDEgLjI1LS45IDIuNzkgMi43OSAwIDAgMSAuNDEtLjY3IDQgNCAwIDAgMSAuNTgtLjU4Yy4xNy0uMTYuMzQtLjMuNTEtLjQ0YTMgMyAwIDAgMCAuNDMtLjQ0IDEuODMgMS44MyAwIDAgMCAuMy0uNTUgMiAyIDAgMCAwIC4xMS0uNzIgMi4wNiAyLjA2IDAgMCAwLS4xNy0uODYgMS43MSAxLjcxIDAgMCAwLTEtLjkgMS43IDEuNyAwIDAgMC0uNS0uMSAxLjc3IDEuNzcgMCAwIDAtMS41My42OCAzIDMgMCAwIDAtLjUgMS44Mkg2LjE2YTQuNzQgNC43NCAwIDAgMSAuMjgtMS42OCAzLjU2IDMuNTYgMCAwIDEgLjgtMS4yOSAzLjg4IDMuODggMCAwIDEgMS4yOC0uODNBNC41OSA0LjU5IDAgMCAxIDEwLjE4IDRhNC40NCA0LjQ0IDAgMCAxIDEuNDQuMjMgMy41MSAzLjUxIDAgMCAxIDEuMTUuNjUgMy4wOCAzLjA4IDAgMCAxIC43OCAxLjA2IDMuNTQgMy41NCAwIDAgMSAuMjkgMS40NSAzLjM5IDMuMzkgMCAwIDEtLjEzIDEuMDF6Ii8+Cjwvc3ZnPg==");

    /* navbar search magnifying glass search icon in greyish colors */
    --icon-navbar-search-greyish: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KCTx0aXRsZT4KCQlzZWFyY2gKCTwvdGl0bGU+Cgk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IndoaXRlIiBkPSJNMTIuMiAxMy42YTcgNyAwIDEgMSAxLjQtMS40bDUuNCA1LjQtMS40IDEuNC01LjQtNS40ek0xMyA4QTUgNSAwIDEgMSAzIDhhNSA1IDAgMCAxIDEwIDB6Ii8+Cjwvc3ZnPgo=");

    /* transparent exclamation mark in a circle filled with cosmoGreen */
    --icon-popup-notice-info-cosmoGreen: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KCTx0aXRsZT4KCQlub3RpY2UKCTwvdGl0bGU+Cgk8cGF0aCBmaWxsPSJyZ2IoMTAsIDIxMiwgOTgpIiBkPSJNMTAgMGExMCAxMCAwIDEgMCAxMCAxMEExMCAxMCAwIDAgMCAxMCAwem0xIDE2SDl2LTJoMnptMC00SDlWNGgyeiIvPgo8L3N2Zz4=");
    
    /* transparent exclamation mark in a circle filled with some kind of orange */
    --icon-popup-notice-warn-cosmoGreen: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj4gPHRpdGxlPiBhbGVydCA8L3RpdGxlPiA8cGF0aCBmaWxsPSJoc2woMzksIDEwMCUsIDUwJSkiIGQ9Ik02IDBhNiA2IDAgMCAwLTYgNiA2IDYgMCAwIDAgNiA2IDYgNiAwIDAgMCA2LTYgNiA2IDAgMCAwLTYtNnpNNSAyaDJ2NUg1VjJ6bTAgNmgydjJINVY4eiIvPiA8L3N2Zz4=");

    /* an icon to use to mark external links, in cosmoGreen */
    --icon-external-link-cosmoGreen: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IGV4dGVybmFsIGxpbmsgPC90aXRsZT48cGF0aCBmaWxsPSJyZ2IoMTAsIDIxMiwgOTgpIiBkPSJNMTcgMTdIM1YzaDVWMUgzYTIgMiAwIDAgMC0yIDJ2MTRhMiAyIDAgMCAwIDIgMmgxNGEyIDIgMCAwIDAgMi0ydi01aC0yeiIvPjxwYXRoIGZpbGw9InJnYigxMCwgMjEyLCA5OCkiIGQ9Im0xMSAxIDMuMjkgMy4yOS01LjczIDUuNzMgMS40MiAxLjQyIDUuNzMtNS43M0wxOSA5VjF6Ii8+PC9zdmc+");

    /* an asterisk icon used to mark required template fields, in yellow */
    --icon-asterisk-yellow: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IHJlcXVpcmVkIDwvdGl0bGU+PHBhdGggZmlsbD0iaHNsKDM5LCAxMDAlLCA1MCUpIiBkPSJNOC41IDBoM3YyMGgtM3oiLz48cGF0aCBmaWxsPSJoc2woMzksIDEwMCUsIDUwJSkiIGQ9Ik0xOS40IDEzLjcgMTggMTYuMy42IDYuMyAyIDMuN3oiLz48cGF0aCBmaWxsPSJoc2woMzksIDEwMCUsIDUwJSkiIGQ9Im0xOCAzLjcgMS40IDIuNi0xNy4zIDEwLTEuNS0yLjZ6Ii8+PC9zdmc+");
    
    /* source editor icon - double brackets [[]], cosmoGreen color */
    --icon-source-editor-cosmoGreen: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IFdpa2l0ZXh0IDwvdGl0bGU+PGcgZmlsbD0icmdiKDEwLCAyMTIsIDk4KSI+PHBhdGggZD0iTTEgM3YxNGgzdi0ySDNWNWgxVjN6bTQgMHYxNGg0di0ySDdWNWgyVjN6bTExIDB2MmgxdjEwaC0xdjJoM1Yzem0tNSAwdjJoMnYxMGgtMnYyaDRWM3oiLz48L2c+PC9zdmc+");

    /* source editor mode switch icon in active state (which you open mode switch menu) - a pencil, in cosmo green */
    --icon-source-editor-mode-switch-active-cosmoGreen: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IGVkaXQgPC90aXRsZT48cGF0aCBmaWxsPSJyZ2IoMTAsIDIxMiwgOTgpIiBkPSJtMTYuNzcgOCAxLjk0LTJhMSAxIDAgMCAwIDAtMS40MWwtMy4zNC0zLjNhMSAxIDAgMCAwLTEuNDEgMEwxMiAzLjIzek0xIDE0LjI1VjE5aDQuNzVsOS45Ni05Ljk2LTQuNzUtNC43NXoiLz48L3N2Zz4=");

    /* source editor syntax highlight icon in active state (when syntax higlighting is on) - a pen, in cosmo green */
    --icon-source-editor-syntax-highlight-mode-active-cosmoGreen: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IGhpZ2hsaWdodCA8L3RpdGxlPjxnIGZpbGw9IiMzNmMiPjxwYXRoIGZpbGw9InJnYigxMCwgMjEyLCA5OCkiIGQ9Ik0xNS4xNCAyLjI3YTEgMSAwIDAgMC0xLjQxIDBsLTEwIDEwYTEgMSAwIDAgMCAwIDEuNDFMNCAxNGwtMyA0aDVsMS0xIC4yOS4yOWExIDEgMCAwIDAgMS40MSAwbDEwLTEwYTEgMSAwIDAgMCAuMDMtMS40M3pNNyAxNWwtMi0yIDktOSAyIDJ6Ii8+PC9nPjwvc3ZnPg==");

    /* a puzzle icon present in templates in visual editor, in white */
    --icon-template-puzzle-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IHB1enpsZSA8L3RpdGxlPjxjaXJjbGUgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSJ3aGl0ZSIgY3g9IjE3IiBjeT0iMTAiIHI9IjMiLz48cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Ik0xMC41OCAzQTMgMyAwIDAgMSAxMSA0LjVhMyAzIDAgMCAxLTYgMEEzIDMgMCAwIDEgNS40MiAzSDF2MTJhMiAyIDAgMCAwIDIgMmgxMlYzeiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=");

    /* tabber icon present in visual editor → insert, in black */
    --icon-tabber-black: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiPiA8dGl0bGU+dGFiYmVyPC90aXRsZT4gPHBhdGggZmlsbD0iIzA5YWJmMSIgZD0iTTE4IDJIMkMuOSAyIDAgMi45IDAgNHYxMmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjRjMC0xLjEtLjktMi0yLTJ6bTEgNWgtOGMtLjYgMC0xLS40LTEtMVYzaDhjLjYgMCAxIC40IDEgMXYzeiIvPiA8L3N2Zz4=");

    /* dropdown icon (arrow-like), in cosmo blue */
    --icon-dropdown-cosmoBlue: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48dGl0bGU+IGRvd24gPC90aXRsZT48cGF0aCBmaWxsPSIjZDZlZGZmIiBkPSJNOS45IDIuOSA2IDYuOCAyLjEgMi45IDEgNGw1IDUgNS01eiIvPjwvc3ZnPg==");

}
Retrieved from "https://ss14-starlight.wiki/index.php?title=MediaWiki:Common.css&oldid=798"