MediaWiki:Common.css: Difference between revisions

From Starlight wiki
← Older edit
No edit summary
Tag: Reverted
No edit summary
 
(18 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
}


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


    --action-color-light-x2: var(--blue-color-light-x2);
.mw-rcfilters-enabled .mw-specialpage-summary {
    --action-color-light: var(--blue-color-light);
     margin-top: 1em
     --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:target {
--warning-color-border: hsl(60, 55%, 30%);
    background-color: rgba(0,127,255,0.133)
}


--danger-color: var(--red-color);
.citation {
--danger-color-dark: var(--red-color-dark);
    word-wrap: break-word
--danger-color-dark-x2: var(--red-color-dark-x2);
}
--danger-color-border: var(--red-color-border);


    --blue-color-light-x2: hsl(220, 66%, 63%);
ol.references {
     --blue-color-light: hsl(220, 60%, 56%);
     font-size: 90%;
     --blue-color: hsl(220, 60%, 50%);
     margin-bottom: 0.5em
    --blue-color-dark: hsl(220, 54%, 43%);
}
    --blue-color-dark-x2: hsl(220, 54%, 36%);


    --green-color-light: hsl(167, 80%, 50%);
.hlist dl,.hlist ol,.hlist ul {
     --green-color: hsl(167, 80%, 45%);
     margin: 0;
     --green-color-dark: hsl(167, 74%, 30%);
     padding: 0
}


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


.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 {
     /* ICONS GO HERE */
     display: none
    /* ============= */
}
   
    /* 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 dt:after {
     --icon-wiki-help-cosmoBlue: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KCTx0aXRsZT4KCQloZWxwCgk8L3RpdGxlPgoJPHBhdGggZmlsbD0icmdiKDIxMiAyMzYgMjU1KSIgZD0iTTEwIDBhMTAgMTAgMCAxIDAgMTAgMTBBMTAgMTAgMCAwIDAgMTAgMHptMSAxNkg5di0yaDJ6bTIuNzEtNy42YTIuNjQgMi42NCAwIDAgMS0uMzMuNzQgMy4xNiAzLjE2IDAgMCAxLS40OC41NWwtLjU0LjQ4Yy0uMjEuMTgtLjQxLjM1LS41OC41MmEyLjU0IDIuNTQgMCAwIDAtLjQ3LjU2QTIuMyAyLjMgMCAwIDAgMTEgMTJhMy43OSAzLjc5IDAgMCAwLS4xMSAxSDkuMDhhOC45IDguOSAwIDAgMSAuMDctMS4yNSAzLjI4IDMuMjggMCAwIDEgLjI1LS45IDIuNzkgMi43OSAwIDAgMSAuNDEtLjY3IDQgNCAwIDAgMSAuNTgtLjU4Yy4xNy0uMTYuMzQtLjMuNTEtLjQ0YTMgMyAwIDAgMCAuNDMtLjQ0IDEuODMgMS44MyAwIDAgMCAuMy0uNTUgMiAyIDAgMCAwIC4xMS0uNzIgMi4wNiAyLjA2IDAgMCAwLS4xNy0uODYgMS43MSAxLjcxIDAgMCAwLTEtLjkgMS43IDEuNyAwIDAgMC0uNS0uMSAxLjc3IDEuNzcgMCAwIDAtMS41My42OCAzIDMgMCAwIDAtLjUgMS44Mkg2LjE2YTQuNzQgNC43NCAwIDAgMSAuMjgtMS42OCAzLjU2IDMuNTYgMCAwIDEgLjgtMS4yOSAzLjg4IDMuODggMCAwIDEgMS4yOC0uODNBNC41OSA0LjU5IDAgMCAxIDEwLjE4IDRhNC40NCA0LjQ0IDAgMCAxIDEuNDQuMjMgMy41MSAzLjUxIDAgMCAxIDEuMTUuNjUgMy4wOCAzLjA4IDAgMCAxIC43OCAxLjA2IDMuNTQgMy41NCAwIDAgMSAuMjkgMS40NSAzLjM5IDMuMzkgMCAwIDEtLjEzIDEuMDF6Ii8+Cjwvc3ZnPg==");
     content: ":"
}


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


    /* transparent exclamation mark in a circle filled with cosmoGreen */
.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
    --icon-popup-notice-info-cosmoGreen: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KCTx0aXRsZT4KCQlub3RpY2UKCTwvdGl0bGU+Cgk8cGF0aCBmaWxsPSJyZ2IoMTAsIDIxMiwgOTgpIiBkPSJNMTAgMGExMCAxMCAwIDEgMCAxMCAxMEExMCAxMCAwIDAgMCAxMCAwem0xIDE2SDl2LTJoMnptMC00SDlWNGgyeiIvPgo8L3N2Zz4=");
     content: none
      
}
    /* 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: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-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 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-asterisk-yellow: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IHJlcXVpcmVkIDwvdGl0bGU+PHBhdGggZmlsbD0iaHNsKDM5LCAxMDAlLCA1MCUpIiBkPSJNOC41IDBoM3YyMGgtM3oiLz48cGF0aCBmaWxsPSJoc2woMzksIDEwMCUsIDUwJSkiIGQ9Ik0xOS40IDEzLjcgMTggMTYuMy42IDYuMyAyIDMuN3oiLz48cGF0aCBmaWxsPSJoc2woMzksIDEwMCUsIDUwJSkiIGQ9Im0xOCAzLjcgMS40IDIuNi0xNy4zIDEwLTEuNS0yLjZ6Ii8+PC9zdmc+");
    content: ")";
   
    font-weight: normal
    /* 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 {
     --icon-source-editor-mode-switch-active-cosmoGreen: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IGVkaXQgPC90aXRsZT48cGF0aCBmaWxsPSJyZ2IoMTAsIDIxMiwgOTgpIiBkPSJtMTYuNzcgOCAxLjk0LTJhMSAxIDAgMCAwIDAtMS40MWwtMy4zNC0zLjNhMSAxIDAgMCAwLTEuNDEgMEwxMiAzLjIzek0xIDE0LjI1VjE5aDQuNzVsOS45Ni05Ljk2LTQuNzUtNC43NXoiLz48L3N2Zz4=");
     counter-reset: listitem
}


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


    /* a puzzle icon present in templates in visual editor, in white */
.hlist ol>li: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 */
.hlist dd ol>li:first-child:before,.hlist dt ol>li:first-child:before,.hlist li ol>li:first-child:before {
     --icon-tabber-black: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiPiA8dGl0bGU+dGFiYmVyPC90aXRsZT4gPHBhdGggZmlsbD0iIzA5YWJmMSIgZD0iTTE4IDJIMkMuOSAyIDAgMi45IDAgNHYxMmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjRjMC0xLjEtLjktMi0yLTJ6bTEgNWgtOGMtLjYgMC0xLS40LTEtMVYzaDhjLjYgMCAxIC40IDEgMXYzeiIvPiA8L3N2Zz4=");
     content: " (" counter(listitem) "\a0"
}


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


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


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


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


/* Straight quote marks for <q> */
.navbox+.navbox {
q {
     margin-top: -1px
     quotes: '"' '"' "'" "'";
}
}


/* Avoid collision of blockquote with floating elements by swapping margin and padding */
.navbox-inner,.navbox-subgroup {
blockquote {
     width: 100%
     overflow: hidden;
    margin: 1em 0;
    padding: 0 40px;
}
}


/* Consistent size for <small>, <sub> and <sup> */
.navbox-group,.navbox-title,.navbox-abovebelow {
small {
    padding: 0.25em 1em;
     font-size: 85%;
     line-height: 1.5em;
    text-align: center
}
}


.mw-body-content sub,
th.navbox-group {
  .mw-body-content sup,
    white-space: nowrap;
  span.reference /* for Parsoid */ {
     text-align: right
     font-size: 80%;
}
}


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


/* Main page fixes */
.navbox-list {
#interwiki-completelist {
     line-height: 1.5em;
     font-weight: bold;
    border-color: #fdfdfd
}
}


.biglink {
tr+tr>.navbox-abovebelow,tr+tr>.navbox-group,tr+tr>.navbox-image,tr+tr>.navbox-list {
    font-family: "Teko";
     border-top: 2px solid #fdfdfd
    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 th,.navbox-title {
.client-js .mw-special-Watchlist #watchlist-message,
     background-color: #ccccff
  .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-abovebelow,th.navbox-group,.navbox-subgroup .navbox-title {
.mw-rcfilters-enabled .mw-specialpage-summary {
     background-color: #ddddff
     margin-top: 1em;
}
}


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


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


/* Make the list of references smaller
.navbox-odd {
  * Keep in sync with Template:Refbegin/styles.css
     background-color: transparent
  * And Template:Reflist/styles.css
  */
ol.references {
     font-size: 90%;
    margin-bottom: 0.5em;
}
}


/* Style for horizontal lists (separator following item).
.navbox .hlist td dl,.navbox .hlist td ol,.navbox .hlist td ul,.navbox td.hlist dl,.navbox td.hlist ol,.navbox td.hlist ul {
@source mediawiki.org/wiki/Snippets/Horizontal_lists
     padding: 0.125em 0
@revision 8 (2016-05-21)
@author [[User:Edokter]]
  */
.hlist dl,
.hlist ol,
.hlist ul {
     margin: 0;
    padding: 0;
}
}


/* Display list items inline */
.mw-parser-output .mw-collapsible-toggle {
.hlist dd,
    font-weight: normal;
.hlist dt,
     text-align: right;
.hlist li {
    padding-right: 0.2em;
     margin: 0; /* don't trust the note that says margin doesn't work with inline
     padding-left: 0.2em
  * removing margin: 0 makes dds have margins again */
     display: inline;
}
}


/* Display nested lists inline */
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
.hlist.inline,
     float: left;
.hlist.inline dl,
    text-align: left
.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 */
.infobox {
.hlist .mw-empty-li {
    border: 1px solid #a2a9b1;
     display: none;
    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
}
}


/* 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;
}
 
table.mw-hiero-table td {
     vertical-align: middle
}
}


.hlist ol > li {
.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 {
     counter-increment: listitem;
     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
}
 
.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)
}
}


table.cmbox-move {
.compact-ambox .hide-when-compact {
     background-color: #e4d8ff; /* Purple */
     display: none
}
}


table.cmbox-protection {
.nounderlines a,.IPA a:link,.IPA a:visited {
     background-color: #efefe1; /* Gray-gold */
     text-decoration: none !important
}
}


/* Other pages message box styles */
.nowrap,.nowraplinks a {
table.ombox {
     white-space: nowrap
     margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #a2a9b1; /* Default "notice" gray */
    background-color: #f8f9fa;
    box-sizing: border-box;
}
}


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


table.ombox-speedy {
#wpUploadDescription {
     border: 2px solid #b32424; /* Red */
     height: 13em
    background-color: #fee7e6; /* Pink */
}
}


table.ombox-delete {
.thumbinner {
     border: 2px solid #b32424; /* Red */
    min-width: 100px;
    background: #303037;
     border: solid #37373e
}
}


table.ombox-content {
.thumbinner .thumbimage,.thumbborder {
     border: 1px solid #f28500; /* Orange */
     border: solid 1px #37373e
}
}


table.ombox-style {
#mw-subcategories,#mw-pages,#mw-category-media,#filehistory,#wikiPreview,#wikiDiff {
     border: 1px solid #fc3; /* Yellow */
     clear: both
}
}


table.ombox-move {
.wpb .wpb-header {
     border: 1px solid #9932cc; /* Purple */
     display: none
}
}


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


/* Talk page message box styles */
.wpbs-inner .wpb-outside {
table.tmbox {
     display: none
     margin: 4px 10%;
}
    border-collapse: collapse;
 
    border: 1px solid #c0c090; /* Default "notice" gray-brown */
.mw-tag-markers {
     background-color: #f8eaba;
     font-style: italic;
     min-width: 80%;
     font-size: 90%
    box-sizing: border-box;
}
}


.tmbox.mbox-small {
.checkuser-show,.sysop-show,.abusefilter-show,.abusefilter-helper-show,.patroller-show,.templateeditor-show,.extendedmover-show,.extendedconfirmed-show,.autoconfirmed-show,.user-show {
     min-width: 0; /* reset the min-width of tmbox above        */
     display: none
}
}


.mediawiki .mbox-inside .tmbox {
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,.ve-ui-mwNoticesPopupTool-item .mbox-image,.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
    /* For tmboxes inside other templates. The "mediawiki" class ensures that */
     display: none !important
    margin: 2px 0; /* this declaration overrides other styles (including mbox-small above)  */
     width: 100%; /* For Safari and Opera */
}
}


.mbox-inside .tmbox.mbox-small {
ul.permissions-errors>li {
     /* "small" tmboxes should not be small when  */
     list-style: none none
    line-height: 1.5em; /* also "nested", so reset styles that are  */
    font-size: 100%; /* set in "mbox-small" above.                */
}
}


table.tmbox-speedy {
ul.permissions-errors {
     border: 2px solid #b32424; /* Red */
     margin: 0
    background-color: #fee7e6; /* Pink */
}
}


table.tmbox-delete {
span.texhtml {
     border: 2px solid #b32424; /* Red */
    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-content {
span.texhtml span.texhtml {
     border: 2px solid #f28500; /* Orange */
     font-size: 100%
}
}


table.tmbox-style {
span.mwe-math-mathml-inline {
     border: 2px solid #fc3; /* Yellow */
     font-size: 118%
}
}


table.tmbox-move {
.mwe-math-fallback-image-display,.mwe-math-mathml-display {
     border: 2px solid #9932cc; /* Purple */
     margin-left: 1.6em !important;
    margin-top: 0.6em;
    margin-bottom: 0.6em
}
}


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


/* Footer and header message box styles */
.k-player .k-attribution {
table.fmbox {
     visibility: hidden
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #a2a9b1;
    background-color: #f8f9fa; /* Default "system" gray */
     box-sizing: border-box;
}
}


table.fmbox-system {
.PopUpMediaTransform a .play-btn-large {
     background-color: #191970;
     margin: 0;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0
}
}


table.fmbox-warning {
@media screen {
    border: 1px solid #bb7070; /* Dark pink */
    #content .gallerybox div.thumb {
     background-color: #ffdbdb; /* Pink */
        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
    }
}
}


table.fmbox-editnotice {
.flaggedrevs_draft_synced,.flaggedrevs_stable_synced,#t-upload,.mw-special-Book #coll-downloadbox {
     background-color: transparent;
     display: none
}
}


/* Div based "warning" style fmbox messages. */
#site-tools {
div.mw-warning-with-logexcerpt,
     display: none !important
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]] */
span.comment {
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {
     overflow-wrap: break-word
     border-color: #fc3;
    background-color: #fef6e7;
}
}


/* These mbox-small classes must be placed after all other
#mw-page-base {
ambox/tmbox/ombox etc classes. "html body.mediawiki" is so
     background: #1b1b1f;
they override "table.ambox + table.ambox" above. */
     color: lightgrey;
html body.mediawiki .mbox-small {
     border: #1b1b1f
     /* For the "small=yes" option. */
    /* @noflip */
    clear: right;
    /* @noflip */
    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
}
 
body.skin--responsive #p-cactions li.selected {
    border: #37373e
}
}


span.mwe-math-mathml-inline {
.vector-menu-tabs .selected {
     font-size: 118%;
     background: #1b1b1f
}
}


/* Make <math display="block"> be left aligned with one space indent for
#pagehistory li.selected {
  * compatibility with style conventions
     background: #1B4D3E;
  */
     font-weight: bold
.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 {
div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon,div.titleblacklist-warning {
     display: inline;
     background: #7C0A02;
    border: 1px solid #bb7070
}
}


/* Work-around for [[phab:T25965]] / [[phab:T100106]] (Kaltura advertisement) */
/* Style for wikitable tables */
.k-player .k-attribution {
.wikitable {
     visibility: hidden;
    border-spacing: 1px;
    padding: 12px;
    border-collapse: separate;
    border: 1px solid black;
    border-radius: 1em;
    background: #27272e;
     color: #dbdbdb;
}
}


/* Move 'play' button of video player to bottom left corner */
.wikitable>*>tr>*{
.PopUpMediaTransform a .play-btn-large {
     padding: 0.4em !important;
     margin: 0;
     margin: 0 !important;
     top: auto;
     border: none;
    right: auto;
    bottom: 0;
     left: 0;
}
}


@media screen {
.wikitable>*>tr>th {
    /* Put a chequered background behind images, only visible if they have transparency.
     background: #27272e;
'.filehistory a img' and '#file img:hover' are handled by MediaWiki core (as of 1.19) */
     color: white;
     .gallerybox .thumb img {
}
        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>td {
do not apply to print mode */
     background: #32323c;
     /*
  #siteSub {
  display: block;
  }
  */
}
}


/* Hide FlaggedRevs notice UI when there are no pending changes */
.wikitable p, .wikitable h1, .wikitable h2, .wikitable h3, .wikitable h4, .wikitable h5, .wikitable h6, .wikitable li {
.flaggedrevs_draft_synced,
     color: #dbdbdb;
  .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 */
/* Rounding the upper left corner of the first cell */
span.comment {
.wikitable thead tr:first-child th:first-child,
     overflow-wrap: break-word;
.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;
}*/
 
/* 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;
}
}
}


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


#mw-panel {
.mw-content-ltr .tocnumber {
    background: #1b1b1f;
     color: grey
     color: var(--text-color);
    border: #1b1b1f;
}
}


#mw-content-container,
.quickbox {
#mw-header-container,
     border: 1px solid #303038;
#mw-header-nav-hack,
     background: #27272e
#mw-content-wrapper,
#mw-content,
#p-logo {
     background: #1b1b1f;
     color: var(--text-color);
    border: #1b1b1f;
}
}


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


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


footer,
.mw-changeslist-legend {
#footer-info-lastmod,
     display: none
#footer-info-copyright {
     color: var(--text-color);
}
}


p,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
h1,
    background: #27272e;
h2,
    border: 1px solid #303038;
h3,
     color: white
h4,
h5,
h6,
li {
     color: var(--text-color);
}
}


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


a:visited,
.mw-editform #wpTextbox1,textarea {
.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 {
.wikiEditor-ui-toolbar {
     background: var(--bg-color-light-x2);
     background: #27272e;
    color: white
}
}


.mw-prefs-buttons {
.wikiEditor-ui-toolbar .group {
     background: var(--bg-color-light-x2);
     border: 1px solid #37373e;
    color: white
}
}


a.extiw:visited,
.wikiEditor-ui-toolbar .group .label {
a.external:visited,
     color: white
.mw-parser-output a.extiw:visited,
.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 .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
.vector-menu-tabs .selected a:visited,
     color: #151518;
body.skin--responsive #p-cactions li.selected a {
     font-weight: bold
     color: var(--text-color);
     font-weight: bold;
}
}


body.skin--responsive #p-cactions li.selected a {
.wikiEditor-ui .wikiEditor-ui-top {
     background: var(--bg-color-light-x2);
     border-bottom: 1px solid #37373e
}
}


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


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


.tools-inline span {
@media screen {
    filter: invert(100%);
    .mw-body-content .recipeimg a>img {
    color: var(--text-color);
        padding: 0;
        margin: 0;
        border: 0;
        width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;
        max-height: 32px !important
    }
}
}


#personal h2,
.positive {
#site-tools h2,
    color: #00FF00;
#site-navigation h2,
    font-weight: bold
#searchButton {
    filter: invert(100%);
}
}


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


#mw-site-navigation .sidebar-chunk,
.anglerect {
#mw-site-navigation .sidebar-chunk,
    --angle-rect-clip-size: 16px;
#mw-related-navigation .sidebar-chunk,
    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)))
body.skin--responsive .portlet,
body.skin--responsive .pBody {
    background: #212126;
    color: var(--text-color);
    border: #1b1b1f;
}
}


#p-logo-text a {
.flex {
     color: var(--text-color);
     display: flex
}
}


#ca-nstab-mediawiki.a {
.mw-body {
     color: var(--text-color);
     padding: 0.5em;
    box-shadow: 0 0 2px black
}
}


#mw-changeslist-links {
.mw-body dd {
     background: #212126;
     margin: 0.2em;
     color: var(--text-color);
     margin-left: 1.6em
}
}


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


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


#pt-createaccount {
.tabs-tabbox > .tabs-input+ .tabs-input+ .tabs-label {
     visibility: hidden;
     margin: 0
}
}


.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.tabs-label:hover {
#personal .dropdown {
     box-shadow: 0px 2px 1px darkblue;
     background: var(--bg-color-light-x2);
     z-index: 2
    border: 1px solid var(--bg-color-light-x4);
     color: var(--text-color);
}
}


body.skin--responsive #p-cactions li.selected {
.tabs-tabbox > .tabs-container {
     border: var(--bg-color-light-x4);
    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
}
}


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


#pagehistory li.selected {
.tooltip {
     background: #1b4d3e;
     position: relative;
     font-weight: bold;
     display: inline
}
}


div.mw-warning-with-logexcerpt,
.tooltiptext {
div.mw-lag-warn-high,
    position: absolute;
div.mw-cascadeprotectedwarning,
    min-width: 240px;
div#mw-protect-cascadeon,
    max-width: 100%;
div.titleblacklist-warning {
    left: -240px;
     background: #7c0a02;
    right: -240px;
     border: 1px solid #bb7070;
    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);
}
}


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


.toc {
@media screen and (min-width: 851px) {
    background: var(--bg-color-light-x3);
     .mobile {
     border: 1px solid var(--bg-color-light-x4);
        display:none
     color: var(--text-color);
     }
}


.mw-content-ltr .tocnumber {
    .headder {
    color: grey;
        width: 25%;
        float: right;
        margin-left: 1em
    }
 
    .stiky {
        position: sticky;
        top: 0.1em
    }
}
}


.wikitable > tr > th,
@media screen and (max-width: 850px) {
.wikitable > tr > td,
    .nomobile {
.wikitable > * > tr > th,
        display:none
.wikitable > * > tr > td {
    }
    border: 1px solid var(--bg-color-light-x4);
 
    .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;
    }
}
}


.wikitable > * > tr > th {
.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 {
    background: var(--bg-color-light-x2);
    color: #e0e0e0
    border: 1px solid var(--bg-color-light-x4);
    color: var(--text-color);
}
}


.quickbox {
.mw-mmv-above-fold {
     border: 1px solid #303038;
     background: #222;
     background: var(--bg-color-light-x2);
     border-top: 1px solid #333
}
}


.quickboxhead {
.mw-mmv-image-metadata {
     border-bottom: 1px solid #303038;
     background-color: #111;
     background: #1b1b1f;
     border-color: #333
    text-align: center;
}
}


.thumbinner,
.mw-mmv-dialog {
.thumbinner .thumbimage {
     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.ombox tbody,
.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
table.ombox {
     background: #222;
     background: var(--bg-color-light-x2);
     border-bottom: 1px solid #333;
     border: 1px solid var(--bg-color-light-x4);
     border-right: 1px solid #333
     color: var(--text-color);
}
}


table.ambox tbody,
.mw-mmv-options-enable-alert {
table.ambox {
     background: #333;
     background: var(--bg-color-light-x2);
     color: #e0e0e0
     border-top: 1px solid var(--bg-color-light-x4);
}
     border-bottom: 1px solid var(--bg-color-light-x4);
 
     border-right: 1px solid var(--bg-color-light-x4);
.mw-mmv-filepage-buttons .mw-ui-button {
     color: var(--text-color);
     background: #36c;
     color: #e0e0e0;
     border-color: #1d4699
}
}


table.imbox tbody,
.mw-default-size {
table.imbox {
     background-color: #21212600 !important;
     background: var(--bg-color-light-x2);
     border-color: black !important
     border: 1px solid var(--bg-color-light-x4);
    color: var(--text-color);
}
}


/* OOUI PAIN */
.mw-default-size img {
/* Recent Changes */
     border-color: black !important
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled
    .oo-ui-tagMultiselectWidget-handle,
.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 figcaption {
.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-halign-right {
     background: var(--bg-color-light-x3);
     background-color: #27272E00 !important;
     border: 1px solid var(--bg-color-light-x4);
     border-color: black !important
    color: var(--text-color);
}
}


/* SITE SPECIFIC */
.mw-halign-right img {
/*
    border-color: black !important
  .chemrecipeimg img {
  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 figcaption {
     color: #00ff00;
     background-color: #27272E00 !important;
     font-weight: bold;
     border-color: black !important
}
}


.negative {
.mw-halign-left {
     color: #ff0000;
     background-color: #27272E00 !important;
     font-weight: bold;
     border-color: black !important
}
}


.anglerect {
.mw-halign-left img {
    --angle-rect-clip-size: 16px;
     border-color: black !important
     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))
    );
}
}


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


@media screen and (min-width: 851px) {
.mw-halign-center {
     .mobile {
     background-color: #27272E00 !important;
        display: none;
     border-color: black !important
     }
}
}


@media screen and (max-width: 850px) {
.mw-halign-center img {
     .nomobile {
     border-color: black !important
        display: none;
    }
}
}


img {
.mw-halign-center figcaption {
    -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 */
.reference {
img.smooth-render,
     background-color: #27272E00;
.smooth-render img {
     image-rendering: auto;
}
}


.layered {
ol.references li:target,sup.reference:target {
     position: absolute;
     background-color: #ffffff0f;
    top: 0;
     padding: 0px 1px 3px 1px;
     left: 0;
}
}


.blend {
.oo-ui-inputWidget-input {
     mix-blend-mode: multiply;
     background-color: #27272e !important;
    border: #37373e !important;
    color: #ffffff !important
}
}


/* replace pencil icon in "edit section" buttons with a version that's visible */
.mw-search-profile-tabs {
.mw-editsection {
     background-color: #27272e !important;
     background-image: url(/w/images/a/a9/Pencil-lightblue.svg);
    border: #37373e !important
}
}


/* #endregion */
.search-types .current a {
    color: #d3d3d3 !important;
    cursor: default !important
}


/* ============ */
.mw-message-box-error {
/* #region GENERAL STYLES */
    background-color: #7b1919 !important;
/* ============ */
    border-color: #af2424 !important
}


/* page content */
.mw-message-box-warning {
#mw-content-text {
     background-color: #7b6919 !important;
     overflow: auto;
    border-color: #af9a24 !important
}
}


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


pre {
.ui-widget-overlay {
    color: var(--code-color-text);
     background: #000000 !important;
     background-color: var(--code-color-bg);
     opacity: .3 !important
     border: 1px solid var(--code-color-border);
}
}


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


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


a:visited {
#wikieditor-toolbar-file-target,#wikieditor-toolbar-file-caption,#wikieditor-toolbar-file-alt {
     color: var(--link-color-visited);
     width: 100% !important;
    background-color: #27272e !important;
    color: #e0e0e0 !important
}
}


a:visited:hover {
.wikiEditor-toolbar-dialog .ui-dialog-content input[type='text'] {
     /* keep the same color */
     box-sizing: border-box !important;
     color: var(--link-color-visited);
     background-color: #27272e !important;
     /* keep underline */
     color: #e0e0e0 !important
    text-decoration: underline;
}
}


/* big links on the main page */
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
.biglink > a:hover {
    font-family: Verdana,Arial,sans-serif !important;
     color: #2952a3;
    font-size: 1em !important;
     background-color: #27272e !important;
    color: #e0e0e0 !important
}
}


/* big links on the main page */
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
.biglink > a:visited:hover {
    border: 1px solid #4a4a57 !important;
     color: #1e3666;
    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 {
/* #endregion */
    border: 1px solid #4a4a57 !important;
/* ============ */
    background: #4c4c59 !important;
    font-weight: normal !important;
    color: #e0e0e0 !important
}


/* ============ */
body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
/* #region SYSTEM MESSAGES */
    right: 0.9em !important;
/* ============ */
    background: #4c4c59 !important
}


/* system message banner */
.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus {
.mw-message-box {
     padding: 0 !important;
    color: var(--text-color);
     background: #6c6c80 !important
     border-color: var(--border-color-light);
     background-color: var(--bg-color-light-x4);
}
}


/* system success banner */
ul#filetoc,.toc,.toccolours,.mw-warning {
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
    display: table !important;
     background-color: hsl(167 37% 27% / 1);
     background-color: #27272e !important;
     border-color: #096450;
    border: solid #000000 !important;
     color: var(--text-color);
    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
}
}


/* system warning banner (e.g. when you preview changes in the source editor and the "changes not yeh published" banner pops up) */
.mw-body h1 {
.mw-message-box-warning,
     font-family: 'oswald';
/* another system warning banner */
     font-size: 2em
.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 */
.mw-body .toctitle h2 {
.mw-message-box-error,
     font-family: 'oswald';
/* system error banner (e.g., when you remove the parameter name from templateData param) */
     font-size: 1.2em
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {
     color: var(--text-color);
    background-color: var(--danger-color-dark-x2);
     border-color: var(--danger-color-border);
}
}


/* #endregion */
.diff-editfont-monospace .diff-addedline,.diff-editfont-monospace .diff-deletedline,.diff-editfont-monospace .diff-context {
 
    font-family: monospace,monospace !important;
/* ============ */
    background-color: #1b1b1f !important;
/* #region IMAGES & GALLERIES */
    border-color: #1b1b1f !important;
/* ============ */
    color: white !important
}


/* images with "thumb" type */
.diff-deletedline .diffchange {
figure[typeof~='mw:File/Thumb'],
    background: #4c3c16 !important
/* images with "frame" type */
figure[typeof~='mw:File/Frame'],
/* images with "thumb" type → caption */
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-addedline .diffchange {
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element,
    background: #16324d !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 */
.mw-json th,.mw-json td {
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-description::after,
    border: 1px solid #000000;
/* images with "thumb" type → ????? (something alike to the above) */
    font-size: 16px;
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after {
    padding: 0.5em 1em
filter: invert(100%);
}
}


/* #endregion */
.mw-json tr {
 
     background-color: #212126;
/* ============ */
     margin-bottom: 0.5em
/* #region PAGE DIFF */
/* ============ */
 
/* page versions diff → diff entry (one cell) */
.diff .diff-context {
     background: var(--code-color-bg);
    color: var(--text-color);
     border-color: var(--border-color);
}
}


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


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


/* page versions diff → cell → inline diff */
.mw-json-value,.mw-json-single-value {
.diff .diffchange {
     background-color: #1b5929;
     background-color: var(--blue-color-dark-x2);
    font-family: monospace,monospace;
    white-space: pre-wrap;
    color: #d3d3d3
}
}


/* ============ */
.mw-json-empty {
/* #endregion */
    background-color: #1b5929;
/* ============ */
    font-style: italic;
    color: #d3d3d3
}


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


/* SEARCH BAR */
.img_special:hover .hover_img_special {
    display: inline
}


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


/* search form → search bar → search icon */
.ace-tm .ace_gutter {
.mw-search-form-wrapper #mw-search-top-table .oo-ui-icon-search,
    background: #212126;
/* search form → search bar → clear search icon */
     color: #333
.mw-search-form-wrapper #mw-search-top-table .oo-ui-indicator-clear {
     filter: invert(100%);
}
}


/* search form → search bar → search button */
.ace-tm .ace_print-margin {
.mw-search-form-wrapper #mw-search-top-table button[type=submit],
     width: 1px;
/* search form → advanced search options → all/none toggle container → button */
     background-color: #1b1b1f
.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 {
.mw-search-form-wrapper #mw-search-top-table button[type=submit]:hover,
     background-color: #1b1b1f;
/* search form → advanced search options → all/none toggle container → button hover */
     color: lightgrey
.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 .ace_cursor {
.mw-search-form-wrapper #mw-search-top-table button[type=submit]:active,
     color: white
/* search form → advanced search options → all/none toggle container → button active */
.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_storage,.ace-tm .ace_keyword {
.oo-ui-defaultOverlay > .oo-ui-selectWidget .mw-advancedSearch-namespace-border {
     color: rgb(153,153,255)
     border-color: var(--bg-color-light-x3);
}
}


/* SEARCH BAR END */
.ace-tm .ace_constant.ace_numeric {
 
     color: rgb(153,153,205)
/* search form → results count info */
.mw-search-form-wrapper #mw-search-top-table .results-info {
     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;
    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
}


/* #endregion */
.ace_searchbtn:last-child {
    border-radius: 0 3px 3px 0;
    border-right: 1px solid #383843
}


/* ============ */
.ace_searchbtn:hover {
/* #region Popups */
    background-color: #1b1b1f
/* various popup windows */
}
/* some of them live in ".oo-ui-defaultOverlay" */
/* ============ */


/* OPTION SELECT */
.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)
}


/* option select popup */
.ace_searchbtn.next: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(135deg)
}
}


/* option select popup → option */
.ace_button {
.oo-ui-selectWidget > .oo-ui-menuOptionWidget.oo-ui-menuOptionWidget {
    margin-left: 2px;
     background-color: var(--bg-color);
    cursor: pointer;
     transition: background-color 100ms ease-in;
    -webkit-user-select: none;
     color: var(--text-color);
    -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 → option hover */
.ace_button:hover {
.oo-ui-selectWidget > .oo-ui-menuOptionWidget.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
     background-color: #1b1b1f;
     background-color: var(--bg-color-light);
     opacity: 1
     transition: none;
}
}


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


/* option select popup → option active */
::-webkit-scrollbar {
.oo-ui-selectWidget > .oo-ui-menuOptionWidget.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed,
     background-color: #424242
/* 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-thumb {
    background-color: #686868;
    border: 2px solid #424242;
    border-radius: 4px
}


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


::-webkit-scrollbar-thumb:active {
    background-color: #a1a1a1
}


/* ============ */
.style-for-sub-numbered-lists ol {
/* #region =📕= SOURCE EDITOR =📕= */
    counter-reset: item
/* ============ */
}


/* existing styles */
.style-for-sub-numbered-lists li {
    display: block
}


textarea {
.style-for-sub-numbered-lists li:before {
    background: var(--bg-color-light-x3);
     content: counters(item,".") ". ";
     border: 1px solid var(--bg-color-light-x4);
     counter-increment: item
     color: var(--text-color);
}
}


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


/* 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;
.title-top-border {
     border-top: solid 2px #c8ccd1
}
}


/* text editor toolbar selected tab */
@media (min-width: 1340px) {
.wikiEditor-ui-toolbar .tabs span.tab a.current,
    #mw-content-block {
  /* text editor toolbar selected tab, visited */
        display:block
  .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;
     #mw-content {
}
        margin-left: 14em;
        padding: 2em 0 0
    }


/* an arrow icon to the left in text editor toolbar tabs */
    #mw-content-wrapper {
.wikiEditor-ui-toolbar .tabs span.tab a::before {
        float: right;
    filter: invert(100%);
        margin-left: -14em;
}
        background: transparent;
        width: 100%
    }


/* editor footer → checkbox */
    #mw-related-navigation {
.oo-ui-checkboxInputWidget [type="checkbox"] + span {
        width: 14em;
    background-color: var(--bg-color-light-x2);
        padding: 0 1em 0 0
    border-color: var(--border-color-light);
    }
}


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


/* editor footer → checkbox active */
    .mw-wiki-logo {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled
        display: inline-block
    [type="checkbox"]:active
     }
    + span {
    background-color: var(--action-color);
    /* same as the bg color to make it seamless
  !important here overrides the more lighter color in hover state*/
    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 */
    #catlinks {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span {
        margin-left: 14em
     /* background-color: var(--action-color-dark-x2er); */
     }
}
}


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


/* editor footer → checkbox (checked) hover */
.mw-body h2 {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled
     font-size: 1.8em;
     [type="checkbox"]:checked
     border-bottom: solid 2px #3366cc
     + span:hover {
    background-color: var(--action-color-light-x2);
}
}


/* editor footer → checkbox (checked) active */
#mw-site-navigation .sidebar-chunk h3,#mw-related-navigation .sidebar-chunk h3 {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled
     border-bottom: solid 2px #3366cc
    [type="checkbox"]:checked
    + span:active {
     background-color: var(--action-color-dark);
}
}


/* legal stuff above the buttons at the footer of the editor
.target {
  note: this just adds additional spacing between the text and the checkboxes for visual clarity */
     border-bottom: 1px solid darkblue
#editpage-copywarn {
     margin-top: 1rem;
}
}


/* override for page editor toolbar → help tab → table → th */
.target:target {
.wikiEditor-ui-toolbar .page-table th {
     border-bottom: 2px solid gold;
     text-align: center;
     transition: border 0.7s cubic-bezier(0.4,0,0.2,1)
     color: var(--text-color);
}
}


/* override for page editor toolbar → help tab → table → td */
.backlight:hover {
.wikiEditor-ui-toolbar .page-table td {
    box-shadow: 0 0 0.3em gold;
     color: var(--text-color);
     background-color: #00000025;
}
}


/* override page editor toolbar → tabs → left section
#main.backlight:hover {
  note: both these overrides are done just
    box-shadow: inset 0 0 23em #00000066;
  to make the help section a little larger and thus more readable */
    border-radius: 8px
.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) */
#strongwhite, #strongwhite p, #strongwhite h1, #strongwhite h2, #strongwhite h3, #strongwhite h4, #strongwhite h5, #strongwhite h6, #strongwhite li {
.wikiEditor-ui-toolbar .oo-ui-popupToolGroup-tools {
     color: #e9e9e9 !important
     background-color: var(--bg-color-light);
}
}
 
/*cell phone blackout*/
/* editor → toolbar → mode switch button → popup on click → inactive mode (span) */
#menus-cover {
.wikiEditor-ui-toolbar .oo-ui-toolbar-popups .oo-ui-widget-enabled {
     background: #000000;
     transition: background-color 100ms ease-in;
     opacity: 0.4
     color: var(--text-color);
}
}
 
.oo-ui-tagMultiselectWidget-handle,.oo-ui-panelLayout-padded {
/* editor → toolbar → mode switch button → popup on click → inactive mode (span) hover */
     background: #1b1b1f;
.wikiEditor-ui-toolbar .oo-ui-toolbar-popups .oo-ui-widget-enabled:hover,
     border: 1px solid black;
  /* editor → toolbar → mode switch button → popup on click → inactive mode (a) active */
     border-radius: 0
  .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;
}
}
 
/*Beautiful pictures*/
/* editor → toolbar → mode switch button → popup on click → inactive mode (a) hover */
.mw-content-ltr figure[typeof~='mw:File/Thumb'], .mw-content-ltr figure[typeof~='mw:File/Frame'] {
.wikiEditor-ui-toolbar
     margin: 0 0 0.5em 0.5em;
    .oo-ui-toolbar-popups
    border:1px solid black;
     .oo-ui-widget-enabled
     border-bottom:0;
     .oo-ui-tool-link:hover {
     border-radius:0.9em 0.9em 0 0;
     /* duplicate background, removing it */
     background:#1b1b1f;
     background-color: transparent;
}
}
 
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
/* editor → toolbar → mode switch button → popup on click → selected mode (span) */
    border-radius: 0 0 0.9em 0.9em;
.wikiEditor-ui-toolbar .oo-ui-toolbar-popups .oo-ui-widget-enabled.oo-ui-tool-active,
    border:1px solid black;
  /* editor → toolbar → mode switch button → popup on click → selected mode (a) */
    border-top:0;
  .wikiEditor-ui-toolbar .oo-ui-toolbar-popups .oo-ui-widget-enabled.oo-ui-tool-active .oo-ui-tool-link,
    background:#1b1b1f;
  /* editor → toolbar → mode switch button → popup on click → selected mode (a) active */
    padding-bottom:5px;
  .wikiEditor-ui-toolbar .oo-ui-toolbar-popups .oo-ui-widget-enabled.oo-ui-tool-active .oo-ui-tool-link:active {
    font-family:oswald;
     background-color: var(--bg-color-light-x3);
     font-size:1em;
}
}


/* editor → toolbar → mode switch button → popup on click → selected mode (a) hover */
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-active
     .oo-ui-tool-link:hover {
     background-color: var(--bg-color-light-x3);
}
}
 
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame']{
/* editor → toolbar → mode switch button → popup on click → visual editing source mode active → title */
     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-tool-title {
    color: var(--text-color);
}
}
 
.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 → visual editing source mode active → icon */
     border-bottom: 1px solid #3366cc;
.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%);
}
}


/* editor → toolbar → mode switch button → popup on click → source editing mode active → title */
/*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-tool-title {
     position: absolute;
     color: var(--text-color);
     top: 0;
    left: 0
}
}


/* editor → toolbar → mode switch button → popup on click → source editing mode active → icon */
/*Colors of tables for different departments*/
.wikiEditor-ui-toolbar
    .oo-ui-toolbar-popups
    .oo-ui-widget-enabled.oo-ui-tool-name-editModeSource.oo-ui-tool-active
    .oo-ui-iconElement-icon {
    /* cosmoGreen "source editing" mode icon */
    background-image: linear-gradient(transparent, transparent),
        var(--se-mode-icon);
    /* disable the hue rotating filter since the correct icon is provided */
    filter: none;
}


/* #region borders */
/* Table */
 
#MED.wikitable {
/* editor toolbar and content combined */
background: #01453e;
.wikiEditor-ui .wikiEditor-ui-view,
border-spacing: 0px;
  /* editor toolbar section that open with tabs */
  .wikiEditor-ui-toolbar .sections .section,
  /* 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 */
:root {
.oo-ui-windowManager-modal .oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover {
     color-scheme: dark;
     border-color: var(--color-red);
}


/* visual editor → modal → required indicator (for params only I guess?) */
    --bg-color: hsl(240, 7%, 11%);
.oo-ui-windowManager-modal .oo-ui-indicator-required {
    --bg-color-light: hsl(240, 7%, 14%);
     /* same icon, "warning-color-border" color */
    --bg-color-light-x2: hsl(240, 8%, 17%);
     background-image:  
     --bg-color-light-x3: hsl(240, 7%, 20%);
        linear-gradient(transparent,transparent),
     --bg-color-light-x4: hsl(240, 7%, 23%);
        var(--icon-asterisk-yellow);
    --bg-color-light-x5: hsl(240, 7%, 26%);
}
    --bg-color-light-x6: hsl(240, 7%, 32%);


/* visual editor → modal → param input dropdown button (for suggested values) */
    --border-color-light: hsl(240, 7%, 35%);
.oo-ui-windowManager-modal .oo-ui-widget-enabled .oo-ui-comboBoxInputWidget-dropdownButton a {
     --border-color-light-x2: hsl(240, 7%, 45%);
    background-color: var(--bg-color);
     --border-color: hsl(240, 7%, 24%);
     border-color: var(--bg-color-light-x2);
     border-left: none;
}


/* visual editor → modal → param input dropdown button (for suggested values) hover */
    --text-color: lightgrey;
.oo-ui-windowManager-modal .oo-ui-widget-enabled .oo-ui-comboBoxInputWidget-dropdownButton a:hover,
     --text-color-grayed-out: gray;
/* 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 */
    --code-color-bg: hsl(195, 7%, 11%);
.oo-ui-windowManager-modal .oo-ui-comboBoxInputWidget-open .oo-ui-comboBoxInputWidget-dropdownButton a {
    --code-color-bg-light: hsl(195, 7%, 18%);
    /* disable default transition, so the color will change instantly, because dropdown appears instantly too */
    --code-color-text: hsl(36, 10%, 90%);
     transition: background-color 0s;
     --code-color-border: hsl(197, 6%, 22%);
}


/* visual editor → modal → param input dropdown button (for suggested values) → icon */
    --link-color: lightblue;
.oo-ui-windowManager-modal .oo-ui-comboBoxInputWidget-dropdownButton a .oo-ui-indicatorElement-indicator {
    --link-color-visited: #007fff;
    filter: invert(100%);
}


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


/* visual editor → modal → "add undocumented paramter" block → button hover  */
--danger-color: var(--red-color);
.oo-ui-windowManager-modal .ve-ui-mwTransclusionDialog-addParameterFieldset .oo-ui-buttonElement-button:hover {
--danger-color-dark: var(--red-color-dark);
    background-color: var(--bg-color-light);
--danger-color-dark-x2: var(--red-color-dark-x2);
}
--danger-color-border: var(--red-color-border);


/* visual editor → modal → "add undocumented paramter" block → button → icon */
    --blue-color-light-x2: hsl(220, 66%, 63%);
.oo-ui-windowManager-modal .ve-ui-mwTransclusionDialog-addParameterFieldset .oo-ui-buttonElement-button .oo-ui-iconElement-icon  {
    --blue-color-light: hsl(220, 60%, 56%);
     filter: invert(100%);
    --blue-color: hsl(220, 60%, 50%);
}
     --blue-color-dark: hsl(220, 54%, 43%);
    --blue-color-dark-x2: hsl(220, 54%, 36%);


/* visual editor → modal → "add undocumented paramter" block → button → label */
    --green-color-light: hsl(167, 80%, 50%);
.oo-ui-windowManager-modal .ve-ui-mwTransclusionDialog-addParameterFieldset .oo-ui-buttonElement-button .oo-ui-labelElement-label {
    --green-color: hsl(167, 80%, 45%);
    color: var(--text-color);
    --green-color-dark: hsl(167, 74%, 30%);
}


/* visual editor → modal → "add undocumented paramter" block → description */
    --red-color: hsl(0, 75%, 50%);
.oo-ui-windowManager-modal .ve-ui-mwTransclusionDialog-addParameterFieldset .oo-ui-inline-help  {
    --red-color-dark: hsl(0, 67%, 42%);
     color: var(--bg-color-light-x4);
    --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=");


/* visual editor → modal → modal message dialog → action button (a) focus */
    /* wiki help button icon - transparent question mark in circle of cosmoBlue */
.oo-ui-windowManager-modal .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button:focus,
    --icon-wiki-help-cosmoBlue: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KCTx0aXRsZT4KCQloZWxwCgk8L3RpdGxlPgoJPHBhdGggZmlsbD0icmdiKDIxMiAyMzYgMjU1KSIgZD0iTTEwIDBhMTAgMTAgMCAxIDAgMTAgMTBBMTAgMTAgMCAwIDAgMTAgMHptMSAxNkg5di0yaDJ6bTIuNzEtNy42YTIuNjQgMi42NCAwIDAgMS0uMzMuNzQgMy4xNiAzLjE2IDAgMCAxLS40OC41NWwtLjU0LjQ4Yy0uMjEuMTgtLjQxLjM1LS41OC41MmEyLjU0IDIuNTQgMCAwIDAtLjQ3LjU2QTIuMyAyLjMgMCAwIDAgMTEgMTJhMy43OSAzLjc5IDAgMCAwLS4xMSAxSDkuMDhhOC45IDguOSAwIDAgMSAuMDctMS4yNSAzLjI4IDMuMjggMCAwIDEgLjI1LS45IDIuNzkgMi43OSAwIDAgMSAuNDEtLjY3IDQgNCAwIDAgMSAuNTgtLjU4Yy4xNy0uMTYuMzQtLjMuNTEtLjQ0YTMgMyAwIDAgMCAuNDMtLjQ0IDEuODMgMS44MyAwIDAgMCAuMy0uNTUgMiAyIDAgMCAwIC4xMS0uNzIgMi4wNiAyLjA2IDAgMCAwLS4xNy0uODYgMS43MSAxLjcxIDAgMCAwLTEtLjkgMS43IDEuNyAwIDAgMC0uNS0uMSAxLjc3IDEuNzcgMCAwIDAtMS41My42OCAzIDMgMCAwIDAtLjUgMS44Mkg2LjE2YTQuNzQgNC43NCAwIDAgMSAuMjgtMS42OCAzLjU2IDMuNTYgMCAwIDEgLjgtMS4yOSAzLjg4IDMuODggMCAwIDEgMS4yOC0uODNBNC41OSA0LjU5IDAgMCAxIDEwLjE4IDRhNC40NCA0LjQ0IDAgMCAxIDEuNDQuMjMgMy41MSAzLjUxIDAgMCAxIDEuMTUuNjUgMy4wOCAzLjA4IDAgMCAxIC43OCAxLjA2IDMuNTQgMy41NCAwIDAgMSAuMjkgMS40NSAzLjM5IDMuMzkgMCAwIDEtLjEzIDEuMDF6Ii8+Cjwvc3ZnPg==");
/* visual editor → save changes modal → «review changes» button (a) focus */
.oo-ui-windowManager-modal .ve-ui-mwSaveDialog .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button:focus {
    border-color: var(--bg-color-light-x4);  
}


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


/* visual editor → modal → modal message dialog → "destructive" action button */
    /* an icon to use to mark external links, in cosmoGreen */
.oo-ui-windowManager-modal .oo-ui-messageDialog-actions .oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button  {
    --icon-external-link-cosmoGreen: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IGV4dGVybmFsIGxpbmsgPC90aXRsZT48cGF0aCBmaWxsPSJyZ2IoMTAsIDIxMiwgOTgpIiBkPSJNMTcgMTdIM1YzaDVWMUgzYTIgMiAwIDAgMC0yIDJ2MTRhMiAyIDAgMCAwIDIgMmgxNGEyIDIgMCAwIDAgMi0ydi01aC0yeiIvPjxwYXRoIGZpbGw9InJnYigxMCwgMjEyLCA5OCkiIGQ9Im0xMSAxIDMuMjkgMy4yOS01LjczIDUuNzMgMS40MiAxLjQyIDUuNzMtNS43M0wxOSA5VjF6Ii8+PC9zdmc+");
    background-color: var(--color-red);


     transition: background-color 100ms ease-in;
     /* 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 → modal message dialog → "destructive" action button hover */
    /* 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-messageDialog-actions .oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover  {
    --icon-source-editor-mode-switch-active-cosmoGreen: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IGVkaXQgPC90aXRsZT48cGF0aCBmaWxsPSJyZ2IoMTAsIDIxMiwgOTgpIiBkPSJtMTYuNzcgOCAxLjk0LTJhMSAxIDAgMCAwIDAtMS40MWwtMy4zNC0zLjNhMSAxIDAgMCAwLTEuNDEgMEwxMiAzLjIzek0xIDE0LjI1VjE5aDQuNzVsOS45Ni05Ljk2LTQuNzUtNC43NXoiLz48L3N2Zz4=");
    background-color: var(--color-red-light);


     transition: background-color 100ms ease-out;
     /* 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 → modal message dialog → "destructive" action button pressed */
    /* a puzzle icon present in templates in visual editor, in white */
.oo-ui-windowManager-modal .oo-ui-messageDialog-actions .oo-ui-widget-enabled.oo-ui-buttonElement-pressed.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button  {
    --icon-template-puzzle-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IHB1enpsZSA8L3RpdGxlPjxjaXJjbGUgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSJ3aGl0ZSIgY3g9IjE3IiBjeT0iMTAiIHI9IjMiLz48cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Ik0xMC41OCAzQTMgMyAwIDAgMSAxMSA0LjVhMyAzIDAgMCAxLTYgMEEzIDMgMCAwIDEgNS40MiAzSDF2MTJhMiAyIDAgMCAwIDIgMmgxMlYzeiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=");
    background-color: var(--color-red-dark);


     transition: background-color 100ms ease-out;
     /* 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==");


/* visual editor → modal → left menu */
.oo-ui-windowManager-modal .oo-ui-menuLayout-menu {
    border-color: var(--bg-color-light-x2);
}
/* visual editor → modal → left menu → search block */
.oo-ui-windowManager-modal .oo-ui-menuLayout-menu .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {
    /* override default */
background-color: var(--bg-color);
}
/* visual editor → modal → left menu → search block → query input → placeholder */
.oo-ui-windowManager-modal .oo-ui-menuLayout-menu .ve-ui-mwTransclusionOutlineTemplateWidget-sticky input::placeholder {
    color: var(--bg-color-light-x4);
}
/* visual editor → modal → search icon */
.oo-ui-windowManager-modal .oo-ui-icon-search {
    filter: invert(100%);
}
/* visual editor → modal → left menu → search block → "hide unused" (params) button → label */
.oo-ui-windowManager-modal .oo-ui-menuLayout-menu .ve-ui-mwTransclusionOutlineTemplateWidget-sticky .ve-ui-mwTransclusionOutlineToggleUnusedWidget .oo-ui-labelElement-label {
    color: var(--action-color-light-x2);
    transition: color 100ms ease-in;
}
/* visual editor → modal → left menu → search block → "hide unused" (params) button hover → label */
.oo-ui-windowManager-modal .oo-ui-menuLayout-menu .ve-ui-mwTransclusionOutlineTemplateWidget-sticky .ve-ui-mwTransclusionOutlineToggleUnusedWidget .oo-ui-labelElement-label:hover {
    color: var(--action-color-light-x3);
    transition: color 100ms ease-out;
}
/* visual editor → modal → left menu → params container → item */
.oo-ui-windowManager-modal .oo-ui-menuLayout-menu div[role='listbox'] > * {
    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:22, 2 January 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
    }
}

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

@media (min-width: 1340px) {
    #mw-content-block {
        display:block
    }

    #mw-content {
        margin-left: 14em;
        padding: 2em 0 0
    }

    #mw-content-wrapper {
        float: right;
        margin-left: -14em;
        background: transparent;
        width: 100%
    }

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

:root {
    color-scheme: dark;

    --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=86"