MediaWiki:Common.css: Difference between revisions

From WIDEVERSE Wiki
Jump to navigation Jump to search
No edit summary
Tag: Reverted
No edit summary
 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* <pre> */
/* <pre> */
body.wgl-darkmode {
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap);
     background-image: url('filepath://RuneScape_Wiki_background_dark.jpg?width=1000');
@font-face {  
    background-color: #071022;
     font-family: 'IBM Plex Sans';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('filepath://IBMPlexSans-Regular.woff') format('woff');
}
}


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
@font-face {
     body.wgl-darkmode {
    font-family: 'IBM Plex Sans';
          background-image: url('filepath://RuneScape_Wiki_background_dark.jpg');
    font-weight: normal;
    }
    font-style: italic;
     font-display: swap;
    src: url('filepath://IBMPlexSans-Italic.woff') format('woff');
}


@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url('filepath://IBMPlexSans-Bold.woff') format('woff');
}
}


body.wgl-darkmode .mw-special-ApiHelp {
@font-face {
     background-image: none;
    font-family: 'IBM Plex Sans';
     background-color: #172136;
    font-weight: bold;
     font-style: italic;
     font-display: swap;
    src: url('filepath://IBMPlexSans-BoldItalic.woff') format('woff');
}
}


body.wgl-darkmode .mw-body {
@font-face {
     color: #cbd9f4;
    font-family: 'PT Serif';
     background-color: #172136;
    font-weight: normal;
     font-style: normal;
     font-display: swap;
    src: url('filepath://PT-Serif_Regular.woff') format('woff');
}
}


body.wgl-darkmode h1,
@font-face {
body.wgl-darkmode h2,
    font-family: 'PT Serif';
body.wgl-darkmode h3,
    font-weight: normal;
body.wgl-darkmode h4,
    font-style: italic;
body.wgl-darkmode h5,
    font-display: swap;
body.wgl-darkmode h6 {
     src: url('filepath://PT-Serif_Italic.woff') format('woff');
    color: #cbd9f4;
     border-color: #596e96;
}
}


body.wgl-darkmode h2 {
@font-face {  
     border: none;
     font-family: 'PT Serif';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url('filepath://PT-Serif_Bold.woff') format('woff');
}
}


body.wgl-darkmode pre,
@font-face {
body.wgl-darkmode code,
    font-family: 'PT Serif';
body.wgl-darkmode pre.mw-code.mw-script {
    font-weight: bold;
     background-color: #313e59;
    font-style: italic;
     border-color: #172136;
     font-display: swap;
     src: url('filepath://PT-Serif_Bold-Italic.woff') format('woff');
}
}


body.wgl-darkmode .mw-highlight pre {
@font-face {
     background: inherit;
    font-family: 'RuneScape';
    font-style: normal;
    font-weight: normal;
     src: local("RuneScape Chat 2"),
        local("RuneScape Chat"),
        url('filepath://RuneScape.woff') format('woff');
}
}


body.wgl-darkmode ul {
@font-face {  
     list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%238cabe6'/%3E %3C/svg%3E");
     font-family: 'RuneScape';
    font-style: normal;
    font-weight: bold;
    src: local("RuneScape Chat Bold 2"),
        local("RuneScape Chat Bold"),
        url('filepath://RuneScape_Bold.woff') format('woff');
}
}


body.wgl-darkmode hr {
@font-face {  
     border-color: #596e96;
     font-family: 'RuneScape Small';
    font-style: normal;
    font-weight: normal;
    src: local("RuneScape Small"),
        url('filepath://RuneScape_Small.woff') format('woff');
}
}


body.wgl-darkmode .tabber .tabbertab {
@font-face {  
     background-color: #313e59;
     font-family: 'RuneScape Classic';
     border-color: #172136;
    font-style: normal;
     font-weight: normal;
    src: local("RuneScape Classic"),
        url('filepath://RuneScape_Classic.woff') format('woff');
}
}


body.wgl-darkmode ul.tabbernav li.tabberactive a {
@font-face {  
     color: #cbd9f4;
     font-family: 'KingthingsPetrock';
     background-color: #313e59;
     font-style: normal;
     border-color: #313e59;
     font-weight: normal;
    src: local("Kingthings Petrock"),
        url('filepath://Kingthings_Petrock-webfont.woff') format('woff');
}
}


body.wgl-darkmode ul.tabbernav li.tabberactive a:hover,
@font-face {
body.wgl-darkmode ul.tabbernav li.tabberactive a:visited {
    font-family: 'MuseoSans';
     color: #cbd9f4;
     font-style: normal;
     background-color: #313e59;
     font-weight: normal;
     border-color: #313e59;
     src: local("Museo Sans"),
        url('filepath://Museo_Sans_500.woff') format('woff');
}
}


body.wgl-darkmode ul.tabbernav li a {
@font-face {  
     background: #222e45;
     font-family: 'League Spartan';
     color: #cbd9f4;
     font-style: normal;
     border-color: #172136;
     font-weight: bold;
    src: local("League Spartan"),
        url('filepath://Leaguespartan-bold.woff') format('woff');
}
}


body.wgl-darkmode ul.tabbernav li a:hover {
/* a,
     background-color: #27354f;
image a {
     border-color: #172136;
     color: #327ba7;
}
} */
 
/* a:visited,
image a:visited,
a:active,
image a:active {
     color: #327ba7;
} */


body.wgl-darkmode ul.tabbernav li a:link,
a.new,
body.wgl-darkmode ul.tabbernav li a:visited {
image a.new {
     color: #cbd9f4;
     color: #ba0000;
}
}


body.wgl-darkmode .mw-input input,
a.new:visited,
body.wgl-darkmode .jcInput input {
image a.new:visited {
     background-color: #384766;
     color: #ba0000;
    border: 1px solid #475980;
    color: #cbd9f4;
    padding: 2px 1px;
    border-radius: 2px;
}
}


body.wgl-darkmode .mw-input select,
div.vectorTabs li a,
body.wgl-darkmode .jcInput select {
div.vectorMenu li a,
     background-color: #384766;
#mw-panel .portal .body li a,
    border: 1px solid #475980;
div.vectorTabs li a:visited,
     color: #cbd9f4;
div.vectorMenu li a:visited,
     border-radius: 2px;
#mw-panel .portal .body li a:visited,
div.vectorTabs li a:active,
div.vectorMenu li a:active,
/* #mw-panel .portal .body li a:active {
     color: #327ba7;
} */
 
div.vectorTabs li.new a,
div.vectorMenu li.new a,
#mw-panel .portal .body li.new a,
div.vectorTabs li.new a:visited,
div.vectorMenu li.new a:visited,
#mw-panel .portal .body li.new a:visited,
div.vectorTabs li.new a:active,
div.vectorMenu li.new a:active,
/*#mw-panel .portal .body li.new a:active {
     color: #ba0000;
} */
 
/* .mw-body-content a.external,
.mw-body-content a.extiw {
     color: #3869bb;
}
}


body.wgl-darkmode .mw-input textarea,
.mw-body-content a.external:visited,
body.wgl-darkmode .jcInput textarea {
.mw-body-content a.extiw:visited,
    background-color: #384766;
.mw-body-content a.external:active,
    border: 1px solid #475980;
.mw-body-content a.extiw:active {
     color: #cbd9f4;
     color: #3869bb;
    border-radius: 2px;
} */
}


body.wgl-darkmode input[type="submit"],
.jsPurgeLink a.external {
body.wgl-darkmode button[type="submit"],
     color: #327ba7;
body.wgl-darkmode input[type="button"],
body.wgl-darkmode button[type="button"] {
     background-color: #313e59;
    border: 1px solid #3f5073;
    color: #cbd9f4;
    padding: 2px 7px;
    border-radius: 2px;
    cursor: pointer;
}
}


body.wgl-darkmode input[type="submit"]:hover,
html {
body.wgl-darkmode button[type="submit"]:hover,
    -webkit-text-size-adjust: 100%;
body.wgl-darkmode input[type="button"]:hover,
body.wgl-darkmode button[type="button"]:hover {
    background-color: #384766;
    border: 1px solid #475980;
    color: #cbd9f4;
}
}


body.wgl-darkmode form#mw-upload-form fieldset input,
body {
body.wgl-darkmode form:not(.mw-htmlform) fieldset:not(.jcTable):not(.mw-contributions-table) input,
    font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
body.wgl-darkmode form#mw-upload-form fieldset select,
body.wgl-darkmode form:not(.mw-htmlform) fieldset:not(.jcTable):not(.mw-contributions-table) select {
    background-color: #384766;
    border: 1px solid #475980;
    border-radius: 2px;
    color: #cbd9f4;
}
}


body.wgl-darkmode form#mw-upload-form fieldset,
.mw-body {
body.wgl-darkmode form:not(.mw-htmlform) fieldset {
    color: #36414f;
     border-color: #596e96;
     background-color: #fbfbfb;
}
}


body.wgl-darkmode .createbox input.mw-ui-input,
.mw-body-content {
body.wgl-darkmode .forumsearchbox input.mw-ui-input,
     font-size: 0.9em;
body.wgl-darkmode .searchbox input.mw-ui-input,
     line-height: 1.75;
body.wgl-darkmode .createbox input[type="submit"],
body.wgl-darkmode .forumsearchbox input[type="submit"],
body.wgl-darkmode .searchbox input[type="submit"] {
     padding: 0.546875em 1em;
     box-shadow: none;
}
}


body.wgl-darkmode select {
.mw-body-content p {
     background: #313e59;
     margin: 0 0 0.8em;
    color: #cbd9f4;
    border-color: #596e96;
    border-block-end-color: #596e96;
    border-block-start-color: #596e96;
}
}


body.wgl-darkmode a,
h1,
body.wgl-darkmode image a,
h2,
body.wgl-darkmode #mw-panel .portal .body li a,
h3,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container a {
h4,
     color: #8cabe6;
h5,
h6 {
     color: #444e5a;
    border-color: #e4eaee;
}
}


body.wgl-darkmode a:visited,
h1 {
body.wgl-darkmode image a:visited,
     font-weight: bold;
body.wgl-darkmode #mw-panel .portal .body li a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container a:visited,
body.wgl-darkmode a:active,
body.wgl-darkmode image a:active,
body.wgl-darkmode #mw-panel .portal .body li a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container a:active {
     color: #8cabe6;
}
}


body.wgl-darkmode a.new,
h2 {
body.wgl-darkmode image a.new,
     border: none;
body.wgl-darkmode #mw-panel .portal .body li a.new,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container a.new {
     color: #f26d60;
}
}


body.wgl-darkmode a.new:visited,
.mw-body h1,
body.wgl-darkmode image a.new:visited,
.mw-body-content h1,
body.wgl-darkmode #mw-panel .portal .body li a.new:visited,
.mw-body-content h2,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container a.new:visited {
.mw-body-content h3,
     color: #f26d60;
.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6 {
    font-family: 'PT Serif', 'Palatino', 'Georgia', serif;
     margin-bottom: 0.3em;
}
}


body.wgl-darkmode a.mw-selflink.selflink {
.mw-body h1,
     color: #cbd9f4;
.mw-body-content h1,
.mw-body-content h2 {
     padding: 0 0 0.15em;
}
}


body.wgl-darkmode .mw-body-content a.external,
.mw-parser-output h2:first-of-type {
body.wgl-darkmode .mw-body-content a.extiw {
     clear: left;
     color: #8cabe6;
}
}


body.wgl-darkmode .mw-body-content a.external:visited,
pre,
body.wgl-darkmode .mw-body-content a.extiw:visited,
code,
body.wgl-darkmode .mw-body-content a.external:active,
pre.mw-code.mw-script {
body.wgl-darkmode .mw-body-content a.extiw:active {
    color: inherit;
     color: #8cabe6;
    background-color: #ffffff;
     border-color: #e4eaee;
    overflow: auto;
}
}


body.wgl-darkmode div.thumbinner {
ul {
     border: none;
     list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
}
}


body.wgl-darkmode .thumbimage {
.mw-content-ltr ul {
     background: #222e45;
     margin-top: 0;
    margin-bottom: 0.8em;
}
}


body.wgl-darkmode .thumbcaption {
.mw-content-ltr ul ul {
     color: #cbd9f4;
     margin-bottom: 0;
    background: #313e59;
    border: none;
}
}


body.wgl-darkmode #file img,
.mw-content-ltr ol {
body.wgl-darkmode #file img:hover,
     margin: 0 0 0.8em 2em;
body.wgl-darkmode .filehistory a img,
body.wgl-darkmode table.filehistory img {
     background-image: url('filepath://Dark_mode_checkered_transparency.png');
}
}


body.wgl-darkmode #filetoc {
.mw-content-ltr ol ol {
     background: #313e59;
     margin-bottom: 0;
    border: none;
}
}


body.wgl-darkmode img.thumbborder {
table.wikitable ul,
     border-color: #26375a;
table.wikitable ol {
     margin-bottom: 0;
}
}


body.wgl-darkmode li.gallerybox div.thumb {
dl {
     background: #172136;
     margin: 0;
    border-color: #222e45;
}
}


body.wgl-darkmode .gallery-bg .gallerybox .thumb,
dd {
body.wgl-darkmode .gallery-bg.mw-gallery-packed .gallerybox .thumb,
     min-width: 17.85em;
body.wgl-darkmode .gallery-bg-1 .gallerybox:nth-of-type(1) .thumb,
body.wgl-darkmode .gallery-bg-2 .gallerybox:nth-of-type(2) .thumb,
body.wgl-darkmode .gallery-bg-3 .gallerybox:nth-of-type(3) .thumb,
body.wgl-darkmode .gallery-bg-4 .gallerybox:nth-of-type(4) .thumb,
body.wgl-darkmode .gallery-bg-5 .gallerybox:nth-of-type(5) .thumb,
body.wgl-darkmode .gallery-bg-6 .gallerybox:nth-of-type(6) .thumb,
body.wgl-darkmode .gallery-bg-7 .gallerybox:nth-of-type(7) .thumb,
body.wgl-darkmode .gallery-bg-8 .gallerybox:nth-of-type(8) .thumb,
body.wgl-darkmode .gallery-bg-9 .gallerybox:nth-of-type(9) .thumb,
body.wgl-darkmode .gallery-bg-10 .gallerybox:nth-of-type(10) .thumb {
     background-color: #313e59;
}
}


body.wgl-darkmode ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,
hr {
body.wgl-darkmode ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,
    border-color: #e4eaee;
body.wgl-darkmode ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
    border-style: solid;
     background: rgba(7, 16, 34, 0.7);
    border-width: 1px 0 0 0;
     height: initial;
}
}


body.wgl-darkmode div.gallerytext {
div.thumbinner {
     color: #cbd9f4;
     border: 1px solid #e4eaee;
    background: none;
    padding: 0;
}
}


body.wgl-darkmode .musicplayer {
html .thumbimage {
    background: #313e59;
     border: none;
     border: none;
}
}


body.wgl-darkmode #mw-panel .portal h3 {
html .thumbcaption {
     color: #cbd9f4;
    color: #5d6773;
    background: #ffffff;
    border-top: 1px solid #e4eaee;
    padding: 0.4em 0.6em;
    box-sizing: border-box;
     word-wrap: break-word;
}
}


body.wgl-darkmode #n-Discord a {
.thumbcaption .magnify {
     background-color: #525ee0;
     display: none;
}
}


body.wgl-darkmode #n-Discord a:hover {
.article-thumb {
     background-color: #4c57d0;
     padding: 2px;
}
}


body.wgl-darkmode div.vectorTabs,
li.gallerybox div.thumb {
body.wgl-darkmode div.vectorTabs ul,
     background: #ffffff;
body.wgl-darkmode div.vectorTabs ul li,
    border-color: #e4eaee;
body.wgl-darkmode div#mw-head div.vectorMenu h3 {
     background: #222e45;
}
}


body.wgl-darkmode div.vectorTabs li.selected {
div.gallerytext {
     background: #172136;
     color: #5d6773;
    font-size: 0.85em;
    line-height: 1.6em;
}
}


body.wgl-darkmode div.vectorTabs li.selected a,
div.gallerytext p {
body.wgl-darkmode div.vectorTabs li.selected a:visited {
     margin: 0.5em 0;
     color: #cbd9f4;
}
}


body.wgl-darkmode div.vectorTabs li a,
.gallery-image-wrapper {
body.wgl-darkmode div.vectorTabs li a:visited,
     border: none !important;
body.wgl-darkmode div.vectorTabs li a:active {
     color: #8cabe6;
}
}


body.wgl-darkmode div.vectorTabs li.new a,
.gallery-bg .gallerybox .thumb,
body.wgl-darkmode div.vectorTabs li.new a:visited,
.gallery-bg.mw-gallery-packed .gallerybox .thumb,
body.wgl-darkmode div.vectorTabs li.new a:active {
.gallery-bg-1 .gallerybox:nth-of-type(1) .thumb,
     color: #f26d60;
.gallery-bg-2 .gallerybox:nth-of-type(2) .thumb,
.gallery-bg-3 .gallerybox:nth-of-type(3) .thumb,
.gallery-bg-4 .gallerybox:nth-of-type(4) .thumb,
.gallery-bg-5 .gallerybox:nth-of-type(5) .thumb,
.gallery-bg-6 .gallerybox:nth-of-type(6) .thumb,
.gallery-bg-7 .gallerybox:nth-of-type(7) .thumb,
.gallery-bg-8 .gallerybox:nth-of-type(8) .thumb,
.gallery-bg-9 .gallerybox:nth-of-type(9) .thumb,
.gallery-bg-10 .gallerybox:nth-of-type(10) .thumb {
     background-color: #5d6773;
    overflow: hidden;
}
}


body.wgl-darkmode div.vectorMenu ul {
.gallery-bg .gallerybox img,
    list-style-type: none;
.gallery-bg-1 .gallerybox:nth-of-type(1) img,
    list-style-image: none;
.gallery-bg-2 .gallerybox:nth-of-type(2) img,
.gallery-bg-3 .gallerybox:nth-of-type(3) img,
.gallery-bg-4 .gallerybox:nth-of-type(4) img,
.gallery-bg-5 .gallerybox:nth-of-type(5) img,
.gallery-bg-6 .gallerybox:nth-of-type(6) img,
.gallery-bg-7 .gallerybox:nth-of-type(7) img,
.gallery-bg-8 .gallerybox:nth-of-type(8) img,
.gallery-bg-9 .gallerybox:nth-of-type(9) img,
.gallery-bg-10 .gallerybox:nth-of-type(10) img {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
}


body.wgl-darkmode div.vectorMenu li a,
#filetoc {
body.wgl-darkmode div.vectorMenu li a:visited,
    background: #ffffff;
body.wgl-darkmode div.vectorMenu li a:active {
    border: 1px solid #e4eaee;
     color: #8cabe6;
    border-radius: 4px;
    padding: 10px;
     margin-bottom: 1.5em;
}
}


body.wgl-darkmode #p-cactions:hover #p-cactions-label,
.gallery-inv-items img {
body.wgl-darkmode div.vectorTabs ul li:not(.selected):hover,
     image-rendering: pixelated;
body.wgl-darkmode div#mw-head div.vectorMenu h3:hover {
     background: #293753;
}
}


body.wgl-darkmode .vectorTabs #ca-watch.icon a {
#mw-content-text .mw-userlink[title="User:Abuse filter"],
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22%3E %3Cpath fill=%22transparent%22 stroke=%22%238cabe6%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E");
#mw-content-text .mw-userlink[title="User:New user message"],
#mw-content-text .mw-userlink[title="User:Cresbot"],
#mw-content-text .mw-userlink[title="User:Gaz GEBot"] {
    color: #f7861b;
}
}


body.wgl-darkmode .vectorTabs #ca-watch.icon a:hover,
#mw-content-text .mw-userlink[title="User:AesBot"],
body.wgl-darkmode .vectorTabs #ca-watch.icon a:focus {
#mw-content-text .mw-userlink[title="User:AvocadoBot"],
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22%3E %3Cpath fill=%22transparent%22 stroke=%22%23f7861b%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E");
#mw-content-text .mw-userlink[title="User:Bot2Pla"],
#mw-content-text .mw-userlink[title="User:Botsey"],
#mw-content-text .mw-userlink[title="User:BrenBot"],
#mw-content-text .mw-userlink[title="User:Cåmdroid"],
#mw-content-text .mw-userlink[title="User:CapitalWillowBot"],
#mw-content-text .mw-userlink[title="User:CephBot"],
#mw-content-text .mw-userlink[title="User:CookBot"],
#mw-content-text .mw-userlink[title="User:Dalek AWB"],
#mw-content-text .mw-userlink[title="User:Gaz Bot"],
#mw-content-text .mw-userlink[title="User:HabbletAWB"],
#mw-content-text .mw-userlink[title="User:HaidroBot"],
#mw-content-text .mw-userlink[title="User:HawkBot"],
#mw-content-text .mw-userlink[title="User:Iiii I I I's sockpuppet"],
#mw-content-text .mw-userlink[title="User:JaydenBot"],
#mw-content-text .mw-userlink[title="User:MAGE-BOT-R"],
#mw-content-text .mw-userlink[title="User:Merds Bot"],
#mw-content-text .mw-userlink[title="User:Michabotbot"],
#mw-content-text .mw-userlink[title="User:MrBot"],
#mw-content-text .mw-userlink[title="User:MuudyBot"],
#mw-content-text .mw-userlink[title="User:NBottinger"],
#mw-content-text .mw-userlink[title="User:NexBot"],
#mw-content-text .mw-userlink[title="User:NXTGenBot"],
#mw-content-text .mw-userlink[title="User:Riblet15 bot account"],
#mw-content-text .mw-userlink[title="User:ScuzzBot"],
#mw-content-text .mw-userlink[title="User:Sir KITT"],
#mw-content-text .mw-userlink[title="User:SparkyKittyBot"],
#mw-content-text .mw-userlink[title="User:TailsBot"],
#mw-content-text .mw-userlink[title="User:Trahaearn automaton"] {
    color: #e874cf;
}
}


body.wgl-darkmode .vectorTabs #ca-unwatch.icon a {
#mw-content-text .mw-userlink[title="User:JagexKieren"],
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22%3E %3Cpath fill=%22%238cabe6%22 stroke=%22%238cabe6%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E");
#mw-content-text .mw-userlink[title="User:JagexPebble"],
#mw-content-text .mw-userlink[title="User:JagexRyan"],
#mw-content-text .mw-userlink[title="User:Jagex Stu"],
#mw-content-text .mw-userlink[title="User:Jimwip"],
#mw-content-text .mw-userlink[title="User:Kelvin"],
#mw-content-text .mw-userlink[title="User:Mod Ave"],
#mw-content-text .mw-userlink[title="User:Mod Breezy"],
#mw-content-text .mw-userlink[title="User:Mod Jam"],
#mw-content-text .mw-userlink[title="User:Ramen"],
#mw-content-text .mw-userlink[title="User:Mod Sukotto"],
#mw-content-text .mw-userlink[title="User:Starieeena"] {
    background: url('filepath://Jagex_moderator_crown.png') left no-repeat;
    padding-left: 15px;
}
}


body.wgl-darkmode .vectorTabs #ca-unwatch.icon a:hover,
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body.wgl-darkmode .vectorTabs #ca-unwatch.icon a:focus {
    #mw-content-text .mw-userlink[title="User:JagexKieren"],
     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22%3E %3Cpath fill=%22%238cabe6%22 stroke=%22%23f7861b%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E");
    #mw-content-text .mw-userlink[title="User:JagexPebble"],
}
    #mw-content-text .mw-userlink[title="User:JagexRyan"],
    #mw-content-text .mw-userlink[title="User:Jagex Stu"],
    #mw-content-text .mw-userlink[title="User:Jimwip"],
     #mw-content-text .mw-userlink[title="User:Kelvin"],
    #mw-content-text .mw-userlink[title="User:Mod Ave"],
    #mw-content-text .mw-userlink[title="User:Mod Breezy"],
    #mw-content-text .mw-userlink[title="User:Mod Jam"],
    #mw-content-text .mw-userlink[title="User:Ramen"],
    #mw-content-text .mw-userlink[title="User:Mod Sukotto"],
    #mw-content-text .mw-userlink[title="User:Starieeena"] {
          image-rendering: -moz-crisp-edges;
          image-rendering: pixelated;
          image-rendering: crisp-edges;
    }


body.wgl-darkmode div.vectorMenu h3 span {
    color: #8cabe6;
}
}


body.wgl-darkmode div.vectorMenu h3 span:after {
#viewingold-warning,
     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22 fill=%22%238cabe6%22/%3E %3C/svg%3E");
#viewingnew-warning {
     background: #ffffff;
    border: 1px solid #e4eaee;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.4em;
    margin: 1em 0 0.5em;
    padding: 0.75em 1.5em;
}
}


body.wgl-darkmode #p-personal {
#mw-revision-reason {
     background: rgba(7, 16, 34, 0.7);
     font-style: italic;
    top: 0;
    right: 0;
    border-radius: 0 0 0 0.3em;
}
}


body.wgl-darkmode #p-personal ul {
#mw-revision-nav {
     padding: 0.15em 1em 0 0.4em;
     text-align: center;
}
}


body.wgl-darkmode #pt-skin-toggles .oo-ui-icon-advanced {
div.mw-warning-with-logexcerpt,
     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%23cbd9f4' fill-rule='evenodd'/%3E%3C/svg%3E");
#sp-contributions-footer {
     background-color: #ffffff;
    border: 1px solid #e4eaee;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
}


body.wgl-darkmode #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,
div.mw-warning-with-logexcerpt {
body.wgl-darkmode #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,
     padding: 1em 1.5em;
body.wgl-darkmode #pt-notifications-alert .mw-echo-notifications-badge:before,
body.wgl-darkmode #pt-notifications-notice .mw-echo-notifications-badge:before {
     opacity: 1;
}
}


body.wgl-darkmode #pt-notifications-alert .mw-echo-notifications-badge:before {
#sp-contributions-footer {
     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E bell %3C/title%3E%3Cpath fill='%23cbd9f4' d='M16 7a5.38 5.38 0 0 0-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 0 0 4 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 0 0 3-3H7a3 3 0 0 0 3 3z'/%3E%3C/svg%3E");
     font-size: 0.9em;
    text-align: center;
    padding: 1em 1.5em 0.5em;
    margin-top: 1.5em;
}
}


body.wgl-darkmode .mw-echo-alert:visited,
.warningbox {
body.wgl-darkmode .mw-echo-alert:active,
    padding: 1.5em 2em;
body.wgl-darkmode .mw-echo-alert:hover {
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    color: #222;
}
}


body.wgl-darkmode #pt-notifications-notice .mw-echo-notifications-badge:before {
#mw-anon-edit-warning {
     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E tray %3C/title%3E%3Cpath fill='%23cbd9f4' d='M17 1H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 12h-4l-1 2H8l-1-2H3V3h14z'/%3E%3C/svg%3E");
     font-size: 0.9em;
    padding: 1.5em 2em 0.75em;
}
}


body.wgl-darkmode #pt-userpage,
#mw-anon-edit-warning .editwarning-title {
body.wgl-darkmode #pt-anonuserpage {
     font-size: 1.2em;
     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill='%23cbd9f4' d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill='%23cbd9f4' d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E");
    margin-bottom: 0.4em;
}
}


body.wgl-darkmode #pt-anonuserpage {
.mw-editform #editpage-copywarn {
     color: #cbd9f4;
     line-height: 1.6em;
    padding: 0 0 0.5em;
}
}


body.wgl-darkmode div#simpleSearch {
.mw-warning {
     background: #313e59;
    color: #705000;
    border: 1px solid #fde29b;
     background-color: #fdf1d1;
    box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.1);
    margin: 1em 5em;
}
}


body.wgl-darkmode div#simpleSearch #searchInput {
#pagehistory {
     color: #cbd9f4;
     margin: 15px 0;
    list-style: none;
}
}


body.wgl-darkmode div#simpleSearch #searchInput::placeholder {
#pagehistory li {
     color: #cbd9f4;
     padding: 1px 10px;
     opacity: 0.6;
     border-color: transparent;
}
}


body.wgl-darkmode div#simpleSearch #searchButton {
#pagehistory li.selected {
     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213%22%3E %3Cg fill=%22none%22 stroke=%22%238cabe6%22 stroke-width=%222%22%3E %3Cpath d=%22M11.29 11.71l-4-4%22/%3E %3Ccircle cx=%225%22 cy=%225%22 r=%224%22/%3E %3C/g%3E %3C/svg%3E");
    border: 1px solid #e4eaee;
     background: #ffffff;
}
}


body.wgl-darkmode .suggestions-results,
#pagehistory .mw-history-histlinks {
body.wgl-darkmode .suggestions-special {
     padding-right: 5px;
     background-color: #313e59;
    border-color: #596e96;
}
}


body.wgl-darkmode .suggestions-result,
#pagehistory .mw-userlink {
body.wgl-darkmode .suggestions-special .special-query {
     font-weight: bold;
     color: #cbd9f4;
}
}


body.wgl-darkmode .suggestions-special .special-label {
#mw-history-compare > div:first-of-type {
     color: #8cabe6;
     position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fbfbfb;
    border-bottom: 1px solid #e4eaee;
    padding: 0.25em 0;
}
}


body.wgl-darkmode .suggestions-result-current {
.wgl-stickyheader #mw-history-compare > div:first-of-type {
     background-color: #2a4b8d;
     top: 2.75em;
}
}


body.wgl-darkmode .search-types ul {
.updatedmarker {
     list-style: none;
    color: #2e5e05;
    background-color: #c3e8a3;
    padding: 0 5px;
    border-radius: 3px;
     display: inline-block;
}
}


body.wgl-darkmode .mw-notification {
.updatedmarker::first-letter {
     background-color: #313e59;
     text-transform: capitalize;
    border: 1px solid #596e96;
    color: #cbd9f4;
}
}


body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer,
body.wgl-stickyheader.action-view .mw-headline:target::before {
body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
    display: block;
     border-color: #596e96;
    content: '';
    margin-top: -3rem;
    height: 3rem;
    visibility: hidden;
     pointer-events: none;
}
}


body.wgl-darkmode div.vectorMenu div.menu {
#contentSub {
     background-color: #313e59;
     margin-left: 0;
    border: 1px solid #596e96;
}
}


body.wgl-darkmode #footer ul li {
.smwfact {
     color: #cbd9f4;
     display: none;
}
}


body.wgl-darkmode #footer-copyrightico div {
body.wgl-stickyheader .mw-notification-area {
     background-image: url('filepath://Creative_Commons_footer_dark.png?width=88');
     padding-top: 4.5em;
}
}


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body.wgl-stickyheader .postedit-container {
    body.wgl-darkmode #footer-copyrightico div {
    top: 4.5em;
          background-image: url('filepath://Creative_Commons_footer_dark.png');
}
    }


.subpages + .mw-redirectedfrom {
    display: block;
    margin-top: 0.3em;
}
}


body.wgl-darkmode #footer-poweredbyico div {
.smw-column-header {
     background-image: url('filepath://Weird_Gloop_footer_dark.png?width=88');
     color: inherit;
}
}


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
input[name="model"][value="Scribunto"] ~ .wikiEditor-ui #wpTextbox1,
    body.wgl-darkmode #footer-poweredbyico div {
input[name="model"][value="css"] ~ .wikiEditor-ui #wpTextbox1,
          background-image: url('filepath://Weird_Gloop_footer_dark.png');
input[name="model"][value="less"] ~ .wikiEditor-ui #wpTextbox1,
    }
input[name="model"][value="javascript"] ~ .wikiEditor-ui #wpTextbox1,
input[name="model"][value="json"] ~ .wikiEditor-ui #wpTextbox1 {
    height: 600px;
}


#mw-scribunto-input,
#mw-scribunto-output {
    padding: 3px;
    font-family: monospace;
    font-size: 13px;
    line-height: 1.5em;
}
}


body.wgl-darkmode .catlinks {
.cm-mw-pagename {
     background: #313e59;
     text-decoration: none;
    border: none;
}
}


body.wgl-darkmode .catlinks li {
td.diff-context {
     border-color: #596e96;
    background: #fdfdfd;
     border-color: #f1f1f1;
    opacity: 0.8;
}
}


body.wgl-darkmode .mw-content-ltr .mw-editsection-bracket:first-of-type,
td.diff-addedline {
body.wgl-darkmode .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) {
    background: #ffffff;
     color: #cbd9f4;
     border-color: #438ab5;
}
}


body.wgl-darkmode #contentSub,
td.diff-addedline .diffchange {
body.wgl-darkmode #contentSub2 {
     background: #bddff2;
     color: #99aad0;
}
}


body.wgl-darkmode .warningbox {
td.diff-deletedline {
    color: #feecea;
     background: #ffffff;
     background: #801c13;
     border-color: #379541;
     border: none;
}
}


body.wgl-darkmode .warningbox a {
td.diff-deletedline .diffchange {
     color: #fbc0ba;
     background: #c1edbf;
}
}


body.wgl-darkmode .warningbox.tdg-editscreen-error-msg {
hr.diff-hr {
     color: #feecea;
     display: none;
}
}


body.wgl-darkmode .updatedmarker {
.ajaxpoll {
     color: #ecf8e3;
     background: #ffffff;
     background-color: #3c780a;
    border: 1px solid #e4eaee;
     box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    padding: 20px 30px;
}
}


body.wgl-darkmode div.mw-warning-with-logexcerpt,
.ajaxpoll .ajaxpoll-question {
body.wgl-darkmode #sp-contributions-footer {
     margin-bottom: 8px;
     background-color: #313e59;
    border: none;
}
}


body.wgl-darkmode #viewingold-warning,
.ajaxpoll input {
body.wgl-darkmode #viewingnew-warning {
     margin-bottom: 3px;
     background-color: #313e59;
     margin-right: 8px;
     border: none;
    color: #cbd9f4;
}
}


body.wgl-darkmode .mwe-popups {
.ajaxpoll .ajaxpoll-answer {
     background: #313e59;
     margin-bottom: 8px;
}
}


body.wgl-darkmode .mwe-popups.flipped_x_y:before,
.ajaxpoll .ajaxpoll-answer-vote {
body.wgl-darkmode .mwe-popups.flipped_y:before {
    border: none;
     border-top: none;
    background: #f6f6f6;
     width: calc(100% - 40px);
    margin: 0 auto;
}
}


body.wgl-darkmode .mwe-popups.mwe-popups-no-image-tri:before {
.ajaxpoll .ajaxpoll-answer-vote span {
     border-bottom: none;
    font-weight: bold;
     top: -2px;
}
}


body.wgl-darkmode .mwe-popups.flipped_x_y:after,
.ajaxpoll .ajaxpoll-answer-vote div {
body.wgl-darkmode .mwe-popups.flipped_y:after {
    background: #ccd2d8;
     border-top-color: #313e59;
     border: none;
}
}


body.wgl-darkmode .mwe-popups.mwe-popups-no-image-tri:after {
.ajaxpoll .ajaxpoll-our-vote div {
     border-bottom-color: #313e59;
    top: 0;
     left: 0;
}
}


body.wgl-darkmode .mwe-popups .mwe-popups-extract {
.ajaxpoll .ajaxpoll-hover-revoke,
     color: #cbd9f4;
.ajaxpoll .ajaxpoll-hover-vote {
     background: none;
}
}


body.wgl-darkmode .mwe-popups .mwe-popups-extract[dir='ltr']:after {
.ajaxpoll .ajaxpoll-ajax {
     background-image: linear-gradient(to right, rgba(49, 62, 89, 0), #313e59 50%);
    color: #949eaa;
    font-size: 0.9em;
     background: #f9f9f9;
    border-radius: 3px;
    padding: 2px 6px;
    margin-bottom: 8px;
}
}


body.wgl-darkmode #pagehistory li {
.ajaxpoll .ajaxpoll-misc,
     border-color: transparent;
.ajaxpoll .ajaxpoll-info {
    color: #949eaa;
     font-size: 0.9em;
}
}


body.wgl-darkmode #pagehistory li.selected {
.ajaxpoll .ajaxpoll-info {
     border: 1px solid #313e59;
     margin-top: 10px;
    background: #222e45;
    color: #cbd9f4;
}
}


body.wgl-darkmode #mw-history-compare > div:first-of-type {
.ajaxpoll .ajaxpoll-id-info {
     background-color: #172136;
     display: none;
    border-color: #313e59;
}
}


body.wgl-darkmode #deletedtextmessage {
.poll-result-outer {
     background: #313e59 !important;
     cursor: default;
     color: #cbd9f4 !important;
     background: #f6f6f6;
     padding: 1em;
     width: 100%;
     border-radius: 2px;
     height: 14px;
     margin-bottom: 1em;
     margin-bottom: 0.5em;
}
}


body.wgl-darkmode .autocomment {
.poll-result-inner {
     color: #cbd9f4;
     background: #ccd2d8;
     opacity: 0.8;
     display: block;
    height: 100%;
    font-size: 11px;
    line-height: 14px;
}
}


body.wgl-darkmode #mw-search-top-table .results-info {
@keyframes slide-up {
     color: inherit;
    from {
          opacity: 0;
          transform: translateY(1rem);
    }
 
     to {
          opacity: 1;
          transform: translateY(0);
    }
 
}
}


body.wgl-darkmode #mw-search-top-table input {
@keyframes slide-down {
     background-color: #313e59;
     from {
     border-color: #222e45;
          opacity: 0;
    color: #cbd9f4;
          transform: translateY(-1rem);
     }
 
    to {
          opacity: 1;
          transform: translateY(0);
    }
 
}
}


body.wgl-darkmode .mw-widget-searchWidget-menu {
.slide-up {
     background-color: #313e59;
     animation: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-up;
    border-color: #222e45;
}
}


body.wgl-darkmode .mw-content-ltr .redirectText li:first-child {
.slide-up-2 {
     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2247%22 height=%2220%22 viewBox=%220 0 47 20%22%3E %3Cpath fill=%22none%22 stroke=%22%23cbd9f4%22 stroke-width=%222%22 stroke-miterlimit=%2210%22 d=%22M14.98 2.5V11c0 1.04 1.02 1.98 2.02 1.98h6l3 .02%22/%3E %3Cpath fill=%22%23cbd9f4%22 d=%22M23.48 9.5l.02 7L30 13z%22/%3E %3C/svg%3E");
     animation: 0.8s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-up;
}
}


body.wgl-darkmode .mw-mmv-overlay {
.slide-up-3 {
     background-color: #071022;
     animation: 0.8s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-up;
}
}


body.wgl-darkmode .mw-mmv-post-image.mw-mmv-untruncated,
.slide-down {
body.wgl-darkmode .jq-fullscreened .mw-mmv-post-image {
     animation: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-down;
     box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.3);
}
}


body.wgl-darkmode .mw-mmv-post-image {
.slide-down-2 {
     color: #cbd9f4;
     animation: 0.8s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-down;
    background-color: #222e45;
}
}


body.wgl-darkmode .mw-mmv-image-metadata {
.slide-down-3 {
     color: #cbd9f4;
    animation: 0.8s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-down;
     background-color: #313e59;
}
    border-top: none;
 
    transition: 0.1s ease;
.censored {
     color: #000000;
     background-color: #000000;
}
}


body.wgl-darkmode .mw-mmv-main.metadata-panel-is-open .mw-mmv-image-metadata {
.censored a {
     padding-top: 1em;
     color: #000000;
    text-decoration: underline;
}
}


body.wgl-darkmode .mw-mmv-image-links li {
.censored:hover {
     color: inherit;
     background-color: #fff;
}
}


body.wgl-darkmode .mw-mmv-image-links li::before {
.oo-ui-window-foot.mw-kartographer-mapDialog-foot .mw-kartographer-inlinefoot .mw-kartographer-captionfoot {
     filter: brightness(1.5);
     font-size: 1.25em;
}
}


body.wgl-darkmode td.diff-context {
.mw-kartographer-interactive {
    background: #222e45;
    border-color: #313e59;
    color: #cbd9f4;
}
}


body.wgl-darkmode td.diff-addedline {
.mw-kartographer-interactive.leaflet-container .marker-description img {
     background: #222e45;
     margin-bottom: 0.5em;
}
}


body.wgl-darkmode td.diff-addedline .diffchange {
.mw-kartographer-interactive.leaflet-container .marker-description p:last-child {
     color: #ffffff;
     margin-bottom: 0;
    background: #438ab5;
}
}


body.wgl-darkmode td.diff-deletedline {
.mw-kartographer-interactive .leaflet-tooltip-left::before {
     background: #222e45;
     margin-right: -10px;
}
}


body.wgl-darkmode td.diff-deletedline .diffchange {
.mw-kartographer-interactive .leaflet-tooltip-right::before {
     color: #ffffff;
     margin-left: -10px;
    background: #379541;
}
}


body.wgl-darkmode .oo-ui-widget {
.mw-kartographer-interactive .leaflet-tooltip-top::before {
     color: #cbd9f4;
     margin-bottom: -10px;
}
}


body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
.mw-kartographer-interactive .leaflet-tooltip-bottom::before {
     color: #cbd9f4;
     margin-top: -10px;
    background-color: #313e59;
    border-color: #3f5073;
}
}


body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
.mw-kartographer-interactive.leaflet-container,
    background-color: #313e59;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container,
    border-color: #3f5073;
.map-style-preview,
    opacity: 0.6;
body.wgl-darkmode .map-style-preview {
}
}


body.wgl-darkmode .oo-ui-widget-disabled > .oo-ui-buttonElement-button {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip,
     border-left-color: #3f5073 !important;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip,
.map-style-preview .leaflet-vis-tooltip,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip {
     color: #fff;
    text-shadow: 0 0 1px #000;
}
}


body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip a,
    opacity: 0.6;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip a,
     filter: none !important;
.map-style-preview .leaflet-vis-tooltip a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip a:visited,
.map-style-preview .leaflet-vis-tooltip a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip a:active,
.map-style-preview .leaflet-vis-tooltip a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip a.mw-selflink.selflink {
     color: #ffffff;
}
}


body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button:hover {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.large-label,
     color: #cbd9f4;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.large-label,
    background-color: #384766;
.map-style-preview .leaflet-vis-tooltip.large-label,
     border-color: #475980;
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.large-label {
     font-size: 1.2em;
     font-weight: bold;
}
}


body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label,
     background-color: #20386a;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label,
     border-color: #20386a;
.map-style-preview .leaflet-vis-tooltip.dark-label,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.dark-label {
     color: #000;
     text-shadow: 0 0 1px #fff;
}
}


body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label a,
    background-color: #222e45;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label a,
     border-color: #2f4060;
.map-style-preview .leaflet-vis-tooltip.dark-label a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.dark-label a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label a:visited,
.map-style-preview .leaflet-vis-tooltip.dark-label a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.dark-label a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label a:active,
.map-style-preview .leaflet-vis-tooltip.dark-label a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.dark-label a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.dark-label a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.dark-label a.mw-selflink.selflink {
     color: #000;
}
}


body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red,
     background-color: #384766;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red,
     border-color: #475980;
.map-style-preview .leaflet-vis-tooltip.lbl-bg-red,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-red {
     background: #fbc0ba;
    color: #801c13;
     text-shadow: none;
}
}


body.wgl-darkmode .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content .oo-ui-tagMultiselectWidget-group:empty + input {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red a,
     color: #cbd9f4;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red a,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-red a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-red a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-red a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-red a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-red a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-red a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-red a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-red a.mw-selflink.selflink {
     color: #801c13;
}
}


body.wgl-darkmode .oo-ui-menuSelectWidget {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-left::before,
     border-color: #2f4060;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-left::before {
    display: block;
     border-left-color: #fbc0ba;
}
}


body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-right::before,
     background-color: #313e59;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-right::before,
     border-color: #3f5073;
.map-style-preview .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-right::before {
     display: block;
     border-right-color: #fbc0ba;
}
}


body.wgl-darkmode .oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-top::before,
     background-color: #313e59;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-top::before,
     border-color: #3f5073;
.map-style-preview .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-top::before {
     display: block;
     border-top-color: #fbc0ba;
}
}


body.wgl-darkmode .oo-ui-textInputWidget input,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-bottom::before,
body.wgl-darkmode .oo-ui-textInputWidget textarea {
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-bottom::before,
     color: #cbd9f4;
.map-style-preview .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-bottom::before,
     background-color: #384766;
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-bottom::before {
    border-color: #475980;
     display: block;
     border-bottom-color: #fbc0ba;
}
}


body.wgl-darkmode .oo-ui-inputWidget-input::placeholder {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange,
     color: rgba(203, 217, 244, 0.6);
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-orange,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-orange {
    background: #fbcfa6;
    color: #7a3f08;
     text-shadow: none;
}
}


body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange a,
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea {
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange a,
     border-color: #556c9b;
.map-style-preview .leaflet-vis-tooltip.lbl-bg-orange a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-orange a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-orange a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-orange a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-orange a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-orange a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-orange a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-orange a.mw-selflink.selflink {
     color: #7a3f08;
}
}


body.wgl-darkmode .oo-ui-textInputWidget .oo-ui-pendingElement-pending {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-left::before,
     background-color: #fff;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-left::before {
     display: block;
    border-left-color: #fbcfa6;
}
}


body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-right::before,
     background-color: #313e59;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-right::before,
     border-color: #3f5073;
.map-style-preview .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-right::before,
    opacity: 0.6;
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-right::before {
     display: block;
     border-right-color: #fbcfa6;
}
}


body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled input,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-top::before,
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-top::before,
     text-shadow: none;
.map-style-preview .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-top::before {
     display: block;
    border-top-color: #fbcfa6;
}
}


body.wgl-darkmode .oo-ui-numberInputWidget.oo-ui-widget-disabled.oo-ui-numberInputWidget-buttoned .oo-ui-iconElement-icon {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-bottom::before,
     filter: none;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-bottom::before,
     opacity: 0.6;
.map-style-preview .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-bottom::before {
     display: block;
     border-bottom-color: #fbcfa6;
}
}


body.wgl-darkmode .oo-ui-pendingElement-pending {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow,
     background-image: url(data:image/gif;base64,R0lGODlhGAAYAKECADhHZhchNgAruwAruyH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAQACACwAAAAAGAAYAAACNYwDqcvnyKJ6R1pqrMRQL955AChOXJmQqFqyouvBmnydq93irx7zs1/DoFLCITD4GI6KN0MBACH5BAUBAAMALAAAAAAYABgAAAI0jB+gy43YIntHWmqsxEk77H1UOIGkwnVkegLs+a5cG4e1d2v5NcO9bAKOfEHbz1hEPlquAgAh+QQFAQADACwAAAAAGAAYAAACM4x/oMuN2CJ7SUpq7MU64tA5XLh8ZDme5gl8oLqSLjvDaVjLMb53OX/z9TQ/YZA4tBQ1BQAh+QQFAQADACwAAAAAGAAYAAACNISDmcbtCp1kUM1Z15U5bJ59TyhSZAl06HGW6vqisTt/nSfX2w3rF59r2XwYIki4M46QjgIAIfkEBQEAAwAsAAAAABgAGAAAAjWEHal67bjWmyBK6izDTSfeeWBojYdoVlqqlilqwqMM0pyNecGLTzq/ivUeP2FwNswkSa5JAQAh+QQFAQADACwAAAAAGAAYAAACNIRvobvozuKbIDL6bMNIK9554OEFYyKe5YlabKW9qRqz83iDObdjPbWi1XC/TBFyDA11uwIAIfkEBQEAAwAsAAAAABgAGAAAAjWEj6G76M7imyAy+mzDSQfeaeDhfWPlnah4lqr7sq08prGlrtK9zzh/AW58v5rNSOPAkEVAAQAh+QQFAQADACwAAAAAGAAYAAACNISPF8ucr1qDUE6arMNIL955YKSNhheYAKqypjvCoMzRddnirx7zs3+zqFZAjCgnRCZ7pQIAIfkEBQEAAwAsAAAAABgAGAAAAjSEjxnLnH+ahFA2+qzDSC/eeWAkjoAXmGc5oqprwi0LyjXN2belrvyr6eFyQeAvVkQeZ5YCACH5BAEBAAMALAAAAAAYABgAAAI1jIGpa90LlXOxzlfhxTnt03lfKG4k8gUnkK7t+ZJxOHd1dlsjvMs9/QNeViyTy8gbHpVJQwEAOw==);
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow {
     background: #fcea94;
    color: #786300;
    text-shadow: none;
}
}


body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow a,
    color: #cbd9f4;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow a,
    background-color: #313e59;
.map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow a,
     border-color: #3f5073;
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow a.mw-selflink.selflink {
     color: #786300;
}
}


body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-left::before,
    color: #cbd9f4;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-left::before,
     background-color: #313e59;
.map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-left::before,
     border-color: #475980;
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-left::before {
     display: block;
     border-left-color: #fcea94;
}
}


body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-right::before,
     background-color: #384766;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-right::before {
     display: block;
    border-right-color: #fcea94;
}
}


body.wgl-darkmode .oo-ui-menuSelectWidget {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-top::before,
     background-color: #313e59;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-top::before {
     display: block;
    border-top-color: #fcea94;
}
}


body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-bottom::before,
     background-color: #2a354c;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-bottom::before {
     display: block;
    border-bottom-color: #fcea94;
}
}


body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green,
     background-color: #384766;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-green,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-green {
     background: #c3e8a3;
    color: #2e5e05;
    text-shadow: none;
}
}


body.wgl-darkmode .mw-widget-dateInputWidget-handle {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green a,
    background: #384766;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green a,
     border-color: #475980;
.map-style-preview .leaflet-vis-tooltip.lbl-bg-green a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-green a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-green a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-green a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-green a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-green a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-green a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-green a.mw-selflink.selflink {
     color: #2e5e05;
}
}


body.wgl-darkmode .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-left::before,
     border-color: #556c9b;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-left::before {
    display: block;
     border-left-color: #c3e8a3;
}
}


body.wgl-darkmode .oo-ui-windowManager-modal > .oo-ui-dialog {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-right::before,
     background-color: rgba(25, 25, 25, 0.6);
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-right::before {
     display: block;
    border-right-color: #c3e8a3;
}
}


body.wgl-darkmode .oo-ui-labelElement-label {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-top::before,
     color: #cbd9f4;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-top::before {
     display: block;
    border-top-color: #c3e8a3;
}
}


body.wgl-darkmode .tdg-templateDataDialog-panels .oo-ui-labelElement-label {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-bottom::before,
     color: #cbd9f4;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-bottom::before {
     display: block;
    border-bottom-color: #c3e8a3;
}
}


body.wgl-darkmode .tdg-templateDataDialog-panels .oo-ui-dropdownWidget .oo-ui-labelElement-label,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue,
body.wgl-darkmode .tdg-templateDataDialog-panels .tdg-templateDataParamWidget-param-alias {
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue,
     color: #cbd9f4;
.map-style-preview .leaflet-vis-tooltip.lbl-bg-blue,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-blue {
    background: #aad9f5;
     color: #03436b;
    text-shadow: none;
}
}


body.wgl-darkmode .tdg-templateDataDialog-panels .errorbox {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue a,
    background-color: #9f261e;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue a,
    border-color: #9f261e;
.map-style-preview .leaflet-vis-tooltip.lbl-bg-blue a,
     color: #ffffff;
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-blue a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-blue a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-blue a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-blue a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-blue a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-blue a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-blue a.mw-selflink.selflink {
     color: #03436b;
}
}


body.wgl-darkmode .tdg-templateDataDialog-panels .successbox {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-left::before,
     background-color: #3c780a;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-left::before,
     border-color: #3c780a;
.map-style-preview .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-left::before,
    color: #ffffff;
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-left::before {
     display: block;
     border-left-color: #aad9f5;
}
}


body.wgl-darkmode .oo-ui-panelLayout-framed {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-right::before,
     background-color: #222e45;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-right::before,
     border-color: #2f4060;
.map-style-preview .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-right::before {
     display: block;
     border-right-color: #aad9f5;
}
}


body.wgl-darkmode .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:first-child td,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-top::before,
     background-color: transparent;
.map-style-preview .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-top::before {
     display: block;
    border-top-color: #aad9f5;
}
}


body.wgl-darkmode .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:not(:first-child):hover td {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-bottom::before,
     background-color: #2f4060;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-bottom::before {
     display: block;
    border-bottom-color: #aad9f5;
}
}


body.wgl-darkmode .oo-ui-popupWidget-popup {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple,
     background-color: #222e45;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple,
     border-color: #2f4060;
.map-style-preview .leaflet-vis-tooltip.lbl-bg-purple,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-purple {
     background: #cfc0f0;
    color: #3d276b;
     text-shadow: none;
}
}


body.wgl-darkmode .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple a,
     border-right-color: #222e45;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple a,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-purple a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-purple a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-purple a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-purple a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-purple a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-purple a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-purple a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-purple a.mw-selflink.selflink {
     color: #3d276b;
}
}


body.wgl-darkmode .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-left::before,
     border-right-color: #2f4060;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-left::before {
    display: block;
     border-left-color: #cfc0f0;
}
}


body.wgl-darkmode .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-right::before,
     border-left-color: #222e45;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-right::before {
    display: block;
     border-right-color: #cfc0f0;
}
}


body.wgl-darkmode .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-top::before,
     border-left-color: #2f4060;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-top::before {
    display: block;
     border-top-color: #cfc0f0;
}
}


body.wgl-darkmode .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-bottom::before,
     border-top-color: #222e45;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-bottom::before {
    display: block;
     border-bottom-color: #cfc0f0;
}
}


body.wgl-darkmode .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink,
     border-top-color: #2f4060;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-pink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-pink {
    background: #f5c8ec;
     color: #6d3662;
    text-shadow: none;
}
}


body.wgl-darkmode .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink a,
     border-bottom-color: #222e45;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink a,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-pink a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-pink a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-pink a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-pink a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-pink a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-pink a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-pink a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-pink a.mw-selflink.selflink {
     color: #6d3662;
}
}


body.wgl-darkmode .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-left::before,
     border-bottom-color: #2f4060;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-left::before {
    display: block;
     border-left-color: #f5c8ec;
}
}


body.wgl-darkmode .oo-ui-buttonInputWidget:not(.oo-ui-flaggedElement-primary) .oo-ui-labelElement-label,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-right::before,
body.wgl-darkmode .oo-ui-buttonOptionWidget:not(.oo-ui-optionWidget-selected) .oo-ui-labelElement-label,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-right::before,
body.wgl-darkmode .dis-calc-select-junk-menu .oo-ui-optionWidget-selected .oo-ui-labelElement-label {
.map-style-preview .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-right::before,
     color: #cbd9f4;
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-right::before {
     display: block;
    border-right-color: #f5c8ec;
}
}


body.wgl-darkmode .mw-widget-calendarWidget {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-top::before,
     border-color: #475980;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-top::before {
    display: block;
     border-top-color: #f5c8ec;
}
}


body.wgl-darkmode .mw-widget-dateInputWidget-calendar {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-bottom::before,
     background: #384766;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-bottom::before {
     display: block;
    border-bottom-color: #f5c8ec;
}
}


body.wgl-darkmode .mw-widget-calendarWidget-item:hover {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray,
     background: #556c9b;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-gray,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-gray,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-grey,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-grey {
     background: #e4eaee;
    color: #444e5a;
    text-shadow: none;
}
}


body.wgl-darkmode .mw-widget-calendarWidget-day-heading {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray a,
     color: #cbd9f4;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray a,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-gray a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-gray a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey a,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-grey a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-grey a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-gray a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-gray a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-grey a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-grey a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-gray a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-gray a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-grey a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-grey a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-gray a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-gray a.mw-selflink.selflink,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {
     color: #444e5a;
}
}


body.wgl-darkmode .mw-widget-calendarWidget-day {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-left::before,
     color: #cbd9f4;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-left::before,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before {
     display: block;
    border-left-color: #e4eaee;
}
}


body.wgl-darkmode .mw-widget-calendarWidget-day-additional {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-right::before,
    color: rgba(203, 217, 244, 0.5);
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-right::before,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before {
    display: block;
    border-right-color: #e4eaee;
}
}


body.wgl-darkmode .oo-ui-iconElement-icon:not(.oo-ui-image-destructive):not(.oo-ui-image-warning):not(.oo-ui-image-progressive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-icon-page-existing) {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-top::before,
     filter: invert(1);
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-top::before,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before {
     display: block;
    border-top-color: #e4eaee;
}
}


body.wgl-darkmode .oo-ui-indicatorElement-indicator {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-bottom::before,
     filter: invert(1);
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-bottom::before,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before {
     display: block;
    border-bottom-color: #e4eaee;
}
}


body.wgl-darkmode .oo-ui-iconElement-icon.oo-ui-icon-stop.oo-ui-image-invert,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red,
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupToolGroup-handle .oo-ui-indicator-down {
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red,
     filter: none !important;
.map-style-preview .leaflet-vis-tooltip.lbl-red,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-red {
     color: #c22010;
    text-shadow: none;
    background: #fff;
    border: solid 2px #c22010;
}
}


body.wgl-darkmode .oswf-tile .oo-ui-iconElement-icon.oo-ui-icon-expand,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red a,
body.wgl-darkmode .oswf-tile .oo-ui-iconElement-icon.oo-ui-icon-collapse {
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red a,
     filter: none !important;
.map-style-preview .leaflet-vis-tooltip.lbl-red a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-red a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-red a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-red a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-red a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-red a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-red a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-red a.mw-selflink.selflink {
     color: #c22010;
}
}


body.wgl-darkmode .oo-ui-window-content {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-left::before,
     background-color: #313e59;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-left::before {
     display: block;
    border-left-color: #c22010;
    margin-right: -12px;
}
}


body.wgl-darkmode .oo-ui-window-content p,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-right::before,
body.wgl-darkmode .oo-ui-window-content table.wikitable {
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-right::before,
     color: #cbd9f4;
.map-style-preview .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-right::before {
     display: block;
    border-right-color: #c22010;
    margin-left: -12px;
}
}


body.wgl-darkmode .oo-ui-window-content .oo-ui-widget-enabled:not(.oo-ui-buttonElement-active):not(.oo-ui-buttonElement-frameless):not(.light-mode-button):not(.dark-mode-button) > a.oo-ui-buttonElement-button {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-top::before,
     background-color: #3f5073 !important;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-top::before,
     border-color: #475980 !important;
.map-style-preview .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-top::before {
     display: block;
    border-top-color: #c22010;
     margin-bottom: -12px;
}
}


body.wgl-darkmode .oo-ui-window-content .oo-ui-widget-enabled:not(.oo-ui-buttonElement-active):not(.oo-ui-buttonElement-frameless):not(.light-mode-button):not(.dark-mode-button) > a.oo-ui-buttonElement-button:hover {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-bottom::before,
     background-color: #4e638e !important;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-bottom::before,
     border-color: #4e638e !important;
.map-style-preview .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-bottom::before {
     display: block;
    border-bottom-color: #c22010;
     margin-top: -12px;
}
}


body.wgl-darkmode .oo-ui-window-content .oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-buttonElement-framed:not(.light-mode-button):not(.dark-mode-button) > a.oo-ui-buttonElement-button {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange,
     background-color: #24407a !important;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange,
.map-style-preview .leaflet-vis-tooltip.lbl-orange,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-orange {
    color: #bf6007;
    text-shadow: none;
     background: #fff;
    border: solid 2px #bf6007;
}
}


body.wgl-darkmode .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange a,
     background-color: #172136;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange a,
.map-style-preview .leaflet-vis-tooltip.lbl-orange a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-orange a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-orange a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-orange a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-orange a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-orange a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-orange a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-orange a.mw-selflink.selflink {
     color: #bf6007;
}
}


body.wgl-darkmode .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-left::before,
     background-color: #313e59;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-left::before {
     display: block;
    border-left-color: #bf6007;
    margin-right: -12px;
}
}


body.wgl-darkmode .mw-apisandbox-optionalWidget.oo-ui-widget-disabled .oo-ui-widget-disabled * {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-right::before,
     background-color: #cccccc;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-right::before,
     color: #36414f;
.map-style-preview .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-right::before,
     border-color: #36414f;
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-right::before {
     display: block;
     border-right-color: #bf6007;
     margin-left: -12px;
}
}


body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-top::before,
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-top::before,
     background-color: #313e59;
.map-style-preview .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-top::before {
     display: block;
    border-top-color: #bf6007;
    margin-bottom: -12px;
}
}


body.wgl-darkmode .mw-highlight {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-bottom::before,
     background: none;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-bottom::before {
     display: block;
    border-bottom-color: #bf6007;
    margin-top: -12px;
}
}


body.wgl-darkmode .mw-highlight pre {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow,
     background-color: #222e45;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow,
.map-style-preview .leaflet-vis-tooltip.lbl-yellow,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-yellow {
    color: #ad9000;
    text-shadow: none;
     background: #fff;
    border: solid 2px #ad9000;
}
}


body.wgl-darkmode .mw-highlight pre .hll {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow a,
     background-color: #49483e;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow a,
.map-style-preview .leaflet-vis-tooltip.lbl-yellow a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-yellow a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-yellow a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-yellow a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-yellow a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-yellow a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-yellow a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-yellow a.mw-selflink.selflink {
     color: #ad9000;
}
}


body.wgl-darkmode .mw-highlight pre .c {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-left::before,
     color: #949eaa;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-left::before {
     display: block;
    border-left-color: #ad9000;
    margin-right: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .err {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-right::before,
     color: #960050;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-right::before {
     display: block;
    border-right-color: #ad9000;
    margin-left: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .k {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-top::before,
     color: #66d9ef;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-top::before {
     display: block;
    border-top-color: #ad9000;
    margin-bottom: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .l {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-bottom::before,
     color: #ae81ff;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-bottom::before {
     display: block;
    border-bottom-color: #ad9000;
    margin-top: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .n {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green,
     color: #f8f8f2;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green,
.map-style-preview .leaflet-vis-tooltip.lbl-green,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-green {
     color: #478515;
    text-shadow: none;
    background: #fff;
    border: solid 2px #478515;
}
}


body.wgl-darkmode .mw-highlight pre .o {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green a,
     color: #f92672;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green a,
.map-style-preview .leaflet-vis-tooltip.lbl-green a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-green a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-green a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-green a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-green a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-green a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-green a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-green a.mw-selflink.selflink {
     color: #478515;
}
}


body.wgl-darkmode .mw-highlight pre .p {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-left::before,
     color: #f8f8f2;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-left::before {
     display: block;
    border-left-color: #478515;
    margin-right: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .ch {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-right::before,
     color: #949eaa;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-right::before {
     display: block;
    border-right-color: #478515;
    margin-left: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .cm {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-top::before,
     color: #949eaa;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-top::before {
     display: block;
    border-top-color: #478515;
    margin-bottom: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .cp {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-bottom::before,
     color: #949eaa;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-bottom::before {
     display: block;
    border-bottom-color: #478515;
    margin-top: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .cpf {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue,
     color: #949eaa;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue,
.map-style-preview .leaflet-vis-tooltip.lbl-blue,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-blue {
     color: #1980bf;
    text-shadow: none;
    background: #fff;
    border: solid 2px #1980bf;
}
}


body.wgl-darkmode .mw-highlight pre .c1 {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue a,
     color: #949eaa;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue a,
.map-style-preview .leaflet-vis-tooltip.lbl-blue a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-blue a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-blue a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-blue a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-blue a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-blue a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-blue a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-blue a.mw-selflink.selflink {
     color: #1980bf;
}
}


body.wgl-darkmode .mw-highlight pre .cs {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-left::before,
     color: #949eaa;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-left::before {
     display: block;
    border-left-color: #1980bf;
    margin-right: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .gd {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-right::before,
     color: #f92672;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-right::before {
     display: block;
    border-right-color: #1980bf;
    margin-left: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .ge {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-top::before,
     font-style: italic;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-top::before {
     display: block;
    border-top-color: #1980bf;
    margin-bottom: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .gi {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-bottom::before,
     color: #a6e22e;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-bottom::before {
     display: block;
    border-bottom-color: #1980bf;
    margin-top: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .gs {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple,
     font-weight: bold;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple,
.map-style-preview .leaflet-vis-tooltip.lbl-purple,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-purple {
     color: #5c2dbb;
    text-shadow: none;
    background: #fff;
    border: solid 2px #5c2dbb;
}
}


body.wgl-darkmode .mw-highlight pre .gu {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple a,
     color: #949eaa;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple a,
.map-style-preview .leaflet-vis-tooltip.lbl-purple a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-purple a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-purple a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-purple a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-purple a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-purple a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-purple a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-purple a.mw-selflink.selflink {
     color: #5c2dbb;
}
}


body.wgl-darkmode .mw-highlight pre .kc {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-left::before,
     color: #66d9ef;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-left::before {
     display: block;
    border-left-color: #5c2dbb;
    margin-right: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .kd {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-right::before,
     color: #66d9ef;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-right::before {
     display: block;
    border-right-color: #5c2dbb;
    margin-left: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .kn {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-top::before,
     color: #f92672;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-top::before {
     display: block;
    border-top-color: #5c2dbb;
    margin-bottom: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .kp {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-bottom::before,
     color: #66d9ef;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-bottom::before {
     display: block;
    border-bottom-color: #5c2dbb;
    margin-top: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .kr {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink,
     color: #66d9ef;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink,
.map-style-preview .leaflet-vis-tooltip.lbl-pink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-pink {
     color: #dd32b8;
    text-shadow: none;
    background: #fff;
    border: solid 2px #dd32b8;
}
}


body.wgl-darkmode .mw-highlight pre .kt {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink a,
     color: #66d9ef;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink a,
.map-style-preview .leaflet-vis-tooltip.lbl-pink a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-pink a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-pink a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-pink a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-pink a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-pink a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-pink a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-pink a.mw-selflink.selflink {
     color: #dd32b8;
}
}


body.wgl-darkmode .mw-highlight pre .ld {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-left::before,
     color: #e6db74;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-left::before {
     display: block;
    border-left-color: #dd32b8;
    margin-right: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .m {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-right::before,
     color: #ae81ff;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-right::before {
     display: block;
    border-right-color: #dd32b8;
    margin-left: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .s {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-top::before,
     color: #e6db74;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-top::before {
     display: block;
    border-top-color: #dd32b8;
    margin-bottom: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .na {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-bottom::before,
     color: #a6e22e;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-bottom::before {
     display: block;
    border-bottom-color: #dd32b8;
    margin-top: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .nb {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray,
     color: #f8f8f2;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray,
.map-style-preview .leaflet-vis-tooltip.lbl-gray,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-gray,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey,
.map-style-preview .leaflet-vis-tooltip.lbl-grey,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-grey {
     color: #6b7787;
    text-shadow: none;
    background: #fff;
    border: solid 2px #6b7787;
}
}


body.wgl-darkmode .mw-highlight pre .nc {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray a,
     color: #a6e22e;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray a,
.map-style-preview .leaflet-vis-tooltip.lbl-gray a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-gray a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey a,
.map-style-preview .leaflet-vis-tooltip.lbl-grey a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-grey a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-gray a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-gray a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-grey a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-grey a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-gray a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-gray a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-grey a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-grey a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-gray a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-gray a.mw-selflink.selflink,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-grey a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-grey a.mw-selflink.selflink {
     color: #6b7787;
}
}


body.wgl-darkmode .mw-highlight pre .no {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-left::before,
     color: #66d9ef;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-left::before,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-left::before {
     display: block;
    border-left-color: #6b7787;
    margin-right: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .nd {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-right::before,
     color: #a6e22e;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-right::before,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-right::before {
     display: block;
    border-right-color: #6b7787;
    margin-left: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .ni {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-top::before,
     color: #f8f8f2;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-top::before,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-top::before {
     display: block;
    border-top-color: #6b7787;
    margin-bottom: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .ne {
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-bottom::before,
     color: #a6e22e;
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-bottom::before,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-bottom::before {
     display: block;
    border-bottom-color: #6b7787;
    margin-top: -12px;
}
}


body.wgl-darkmode .mw-highlight pre .nf {
.advanced-map {
     color: #a6e22e;
     background: #000000;
    padding: 10px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    max-width: 100%;
    max-width: calc(100% - 20px);
}
}


body.wgl-darkmode .mw-highlight pre .nl {
.advanced-map.amap-left {
     color: #f8f8f2;
     float: left;
    clear: left;
    margin: 0.3em 0.5em 0.5em 0;
}
}


body.wgl-darkmode .mw-highlight pre .nn {
.advanced-map.amap-right {
     color: #f8f8f2;
     float: right;
    clear: right;
    margin: 0 0 1em 1em;
}
}


body.wgl-darkmode .mw-highlight pre .nx {
.advanced-map .advanced-map {
     color: #a6e22e;
     padding: 0;
}
}


body.wgl-darkmode .mw-highlight pre .py {
.advanced-map .amap-nav {
     color: #f8f8f2;
     position: absolute;
    top: 3px;
    left: 5px;
    text-align: left;
    font-size: xx-small;
    white-space: nowrap;
}
}


body.wgl-darkmode .mw-highlight pre .nt {
.advanced-map .amap-nav a,
     color: #f92672;
.advanced-map .amap-nav a:visited,
.advanced-map .amap-nav a:active,
.advanced-map .amap-nav a.mw-selflink.selflink {
     color: #ffffff;
}
}


body.wgl-darkmode .mw-highlight pre .nv {
.advanced-map .amap-title {
     color: #f8f8f2;
    margin-bottom: 10px;
    font-size: 1.2em;
    text-align: center;
     color: #ffffff;
}
}


body.wgl-darkmode .mw-highlight pre .ow {
.advanced-map .amap-title a,
     color: #f92672;
.advanced-map .amap-title a:visited,
.advanced-map .amap-title a:active,
.advanced-map .amap-title a.mw-selflink.selflink {
     color: #ffffff;
}
}


body.wgl-darkmode .mw-highlight pre .w {
.advanced-map .amap-title > a,
     color: #f8f8f2;
.advanced-map .amap-title > span {
     padding: 0.3em 30px;
    background-image: url("/images/6/63/TitleBackground-left.png?8d416"), url("/images/c/c7/TitleBackground-right.png?8d416"), url("/images/6/69/TitleBackground-center.png?8d416");
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-size: auto 100%, auto 100%, auto 100%;
    background-position: left, right, center;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
}


body.wgl-darkmode .mw-highlight pre .mb {
.advanced-map.amap-droplight img.leaflet-marker-icon {
     color: #ae81ff;
     -webkit-filter: drop-shadow(0px 0px 3px #fff);
    filter: drop-shadow(0px 0px 3px #fff);
}
}


body.wgl-darkmode .mw-highlight pre .mf {
.advanced-map.amap-dropdark img.leaflet-marker-icon {
     color: #ae81ff;
     -webkit-filter: drop-shadow(0px 0px 3px #000);
    filter: drop-shadow(0px 0px 3px #000);
}
}


body.wgl-darkmode .mw-highlight pre .mh {
.advanced-map .thumbcaption,
     color: #ae81ff;
body.wgl-darkmode .advanced-map .thumbcaption {
    background: #000000;
     color: #ffffff;
}
}


body.wgl-darkmode .mw-highlight pre .mi {
.advanced-map .amap-key {
     color: #ae81ff;
    margin-top: 10px;
     color: #ffffff;
}
}


body.wgl-darkmode .mw-highlight pre .mo {
.advanced-map .amap-key a,
     color: #ae81ff;
.advanced-map .amap-key a:active,
.advanced-map .amap-key a:visited,
.advanced-map .amap-key a.mw-selflink.selflink {
     color: #ffffff;
}
}


body.wgl-darkmode .mw-highlight pre .sa {
.advanced-map .amap-key ul {
     color: #e6db74;
     list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
}
}


body.wgl-darkmode .mw-highlight pre .sb {
.advanced-map .amap-key li {
     color: #e6db74;
    flex: 1 1 50%;
    min-width: 200px;
    margin-bottom: 0.4em;
    display: flex;
     align-items: center;
}
}


body.wgl-darkmode .mw-highlight pre .sc {
.advanced-map .amap-key .amap-key-text.amap-key-compass {
     color: #e6db74;
     flex-grow: 1;
    text-align: center;
}
}


body.wgl-darkmode .mw-highlight pre .dl {
.advanced-map .amap-key .amap-key-symb {
     color: #e6db74;
     width: 30px;
    padding: 0 10px;
}
}


body.wgl-darkmode .mw-highlight pre .sd {
.advanced-map .amap-key .amap-key-symb.amap-key-nosymb {
     color: #e6db74;
     width: 10px;
    padding: 0;
}
}


body.wgl-darkmode .mw-highlight pre .s2 {
.advanced-map .amap-key .amap-key-symb div,
     color: #e6db74;
.advanced-map .amap-key .amap-key-symb img {
     display: block;
    text-align: center;
    margin: 0 auto;
}
}


body.wgl-darkmode .mw-highlight pre .se {
.advanced-map .amap-key .amap-key-symb .amap-key-dots {
     color: #ae81ff;
     width: 12px;
    height: 12px;
}
}


body.wgl-darkmode .mw-highlight pre .sh {
.advanced-map .amap-key .amap-key-symb .amap-key-dots div {
     color: #e6db74;
     width: 100%;
    height: 100%;
}
}


body.wgl-darkmode .mw-highlight pre .si {
.advanced-map .amap-key .amap-key-symb .amap-key-dots .leaflet-dot {
     color: #e6db74;
     border-radius: 50%;
}
}


body.wgl-darkmode .mw-highlight pre .sx {
.advanced-map .amap-key .amap-key-symb .amap-key-circ,
     color: #e6db74;
.advanced-map .amap-key .amap-key-symb .amap-key-poly {
     width: 20px;
    height: 20px;
}
}


body.wgl-darkmode .mw-highlight pre .sr {
.advanced-map .amap-key .amap-key-symb .amap-key-circ div,
     color: #e6db74;
.advanced-map .amap-key .amap-key-symb .amap-key-poly div {
     width: 100%;
    height: 100%;
}
}


body.wgl-darkmode .mw-highlight pre .s1 {
.advanced-map .amap-key .amap-key-symb .amap-key-circ {
     color: #e6db74;
     border-radius: 50%;
}
}


body.wgl-darkmode .mw-highlight pre .ss {
.advanced-map .amap-key .amap-key-symb .amap-key-circ div {
     color: #e6db74;
     border-radius: 50%;
}
}


body.wgl-darkmode .mw-highlight pre .bp {
#mw-content-text .show,
     color: #f8f8f2;
#mw-content-text .hover:hover.hide {
     display: none;
}
}


body.wgl-darkmode .mw-highlight pre .fm {
#mw-content-text .hover:hover .show {
     color: #a6e22e;
     display: inline;
}
}


body.wgl-darkmode .mw-highlight pre .vc {
#mw-content-text .hover:hover div.show {
     color: #f8f8f2;
     display: block;
}
}


body.wgl-darkmode .mw-highlight pre .vg {
#mw-content-text .toc.show {
     color: #f8f8f2;
     display: table;
}
}


body.wgl-darkmode .mw-highlight pre .vi {
.ChooseOption {
     color: #f8f8f2;
    background: #fff;
    border: 3px double black;
     color: #c6b895;
    display: inline-block;
    line-height: 1.1;
}
}


body.wgl-darkmode .mw-highlight pre .vm {
.ChooseOption:hover .OptionWindow {
     color: #f8f8f2;
     display: inline;
}
}


body.wgl-darkmode .mw-highlight pre .il {
.ChooseOption.bold {
     color: #ae81ff;
     font-weight: bold;
}
}


body.wgl-darkmode .mw-highlight pre .lineno {
.OptionHover {
     color: #949eaa;
     background: #0d1e25;
    cursor: default;
    display: inline-block;
}
}


body.wgl-darkmode .mw-json th {
.OptionHeader {
     background-color: #222e45;
     background: #0b0c05;
     border-color: #172136;
     border-bottom: 1px solid #223239;
     font-size: inherit;
     cursor: default;
    display: block;
}
}


body.wgl-darkmode .mw-json td {
.OptionWindow {
     background-color: #313e59;
     background: white;
     border-color: #172136;
    border: 3px double black;
     font-size: inherit;
    border-radius: 4px 4px 2px 2px;
    display: none;
     font-family: RuneScape;
     font-size: 16px;
    font-weight: normal !important;
    position: absolute;
    margin-top: -3px;
    z-index: 3;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_gutter {
.OptionWindow .content {
     background: #313e59;
     background: #0d1e25;
     color: #cbd9f4;
     display: block;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_print-margin {
.OptionWindow .content > *:not(.OptionHeader),
     width: 1px;
.OptionWindow a {
     background: #555651;
     color: inherit;
    cursor: default;
    display: block;
    padding: 0 1px;
     text-shadow: #000 1px 1px 0px;
    white-space: nowrap;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm {
.OptionWindow .content > *:not(.OptionHeader):hover,
     background-color: #222e45;
.OptionWindow a:hover {
     color: #F8F8F2;
     text-decoration: none;
     background: #1d2e55;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_cursor {
.OptionWindow strong,
     color: #F8F8F0;
.OptionWindow b,
.OptionWindow * {
     font-weight: normal !important;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_marker-layer .ace_selection {
.OptionWindow .item {
     background: #334567;
     color: #ff9040;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm.ace_multiselect .ace_selection.ace_start {
.OptionWindow .NPC,
     box-shadow: 0 0 3px 0px #334567;
.OptionWindow .npc {
     color: #ff0;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_marker-layer .ace_step {
.OptionWindow .player {
     background: #665200;
     color: #fff;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_marker-layer .ace_bracket {
.OptionWindow .scenery {
     margin: -1px 0 0 -1px;
     color: #0ff;
    border: 1px solid #49483E;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_marker-layer .ace_active-line {
.OptionWindow .cb-min {
     background: #2a3956;
     color: #0f0;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_gutter-active-line {
.OptionWindow .cb-same {
     background-color: #43557a;
     color: #ff0;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_marker-layer .ace_selected-word {
.OptionWindow .cb-max {
     border: 1px solid #49483E;
     color: #f00;
    background: #49483E;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_invisible {
.ChooseOption.bold .OptionWindow *,
     color: #52524d;
.OptionWindow.bold *,
.OptionHeader.bold * {
     font-family: RuneScape !important;
    font-weight: bold !important;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_entity.ace_name.ace_tag,
.hover-text {
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_keyword,
    border-bottom: 1px black dotted;
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_meta.ace_tag,
     cursor: help;
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_storage {
     color: #F92672;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_punctuation,
.nodesktop {
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_punctuation.ace_tag {
     display: none;
     color: #fff;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_constant.ace_character,
.tile {
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_constant.ace_language,
    background: #ffffff;
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_constant.ace_numeric,
    border: 1px solid #e4eaee;
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_constant.ace_other {
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
     color: #AE81FF;
    padding: 1.5em 2em 1em;
     max-width: 40em;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_invalid {
.tile h2 {
     color: #F8F8F0;
    font-size: 1.4em;
     background-color: #F92672;
    font-weight: bold;
     border: none;
     margin: 0 0 0.4em;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_invalid.ace_deprecated {
.tile .byline + h2 {
     color: #F8F8F0;
     margin-top: -0.5em;
    background-color: #AE81FF;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_support.ace_constant,
.tile.link-button {
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_support.ace_function {
     padding: 0;
     color: #66D9EF;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_fold {
.tile.link-button a {
     background-color: #A6E22E;
     color: inherit;
     border-color: #F8F8F2;
     display: block;
    padding: 1.25em 1.5em 0.75em;
    text-decoration: none;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_storage.ace_type,
.tile.dark {
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_support.ace_class,
    color: #ffffff;
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_support.ace_type {
    background: #5d6773;
    color: #66D9EF;
    border: none;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_entity.ace_name.ace_function,
.tile.dark h2,
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_entity.ace_other,
.tile.dark h3 {
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_entity.ace_other.ace_attribute-name,
     color: #ffffff;
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_variable {
     color: #A6E22E;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_variable.ace_parameter {
.tile.dark a {
     color: #FD971F;
     color: #ccd2d8;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_string {
.tile.dark .byline {
     color: #E6DB74;
     color: rgba(255, 255, 255, 0.7);
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_keyword.ace_operator {
.byline {
    font-size: 0.9em;
     color: #949eaa;
     color: #949eaa;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_comment {
.byline a {
     color: #949eaa;
     color: #949eaa;
}
}


body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_indent-guide {
.tile-row {
     background: none;
     display: flex;
     border-right: solid 1px #334567;
     flex-flow: row wrap;
     margin-left: -1px;
     margin-bottom: 1em;
}
}


body.wgl-darkmode #mw-scribunto-input {
.tile-halves {
     background-color: #384766;
     display: flex;
     border: 1px solid #475980;
    flex-flow: row wrap;
     border: 1px solid #e4eaee;
    background: #ffffff;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
}


body.wgl-darkmode .mw-scribunto-console-fieldset {
.tile-halves h2 {
     color: #cbd9f4;
     font-size: 1.4em;
     background-color: #222e45;
     font-weight: bold;
     border-color: #2f4060;
     border: none;
    margin: 0 0 0.4em;
}
}


body.wgl-darkmode .mw-scribunto-normalOutput,
.tile-halves .byline + h2 {
body.wgl-darkmode .mw-scribunto-print,
    margin-top: -0.5em;
body.wgl-darkmode .mw-scribunto-error,
body.wgl-darkmode .mw-scribunto-propList,
body.wgl-darkmode .mw-scribunto-message,
body.wgl-darkmode .mw-scribunto-tabcomplete {
    background: none;
}
}


body.wgl-darkmode .mw-scribunto-input {
.tile-top {
     color: #3ea6e6;
     width: 100%;
    padding: 1.3rem 1.5rem 0.6rem;
}
}


body.wgl-darkmode .mw-scribunto-normalOutput {
.tile-top.tile-image {
     color: #cbd9f4;
display: flex;
     background-color: #949eaa;
    overflow: hidden;
    padding: 0;
    height: 13vw;
    max-height: 12em;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    justify-content: center;
}
}


body.wgl-darkmode .mw-scribunto-print {
.tile-top.tile-image a {
     color: #f9d000;
     width: 100%;
}
}


body.wgl-darkmode .mw-scribunto-error {
.tile-top.tile-image img {
     color: #ee4231;
     width: 100%;
    height: auto;
    transition: 0.4s ease-out;
}
}


body.wgl-darkmode .mw-scribunto-propList,
.tile-bottom {
body.wgl-darkmode .mw-scribunto-message {
    background: #ffffff;
     color: #6bc71f;
    border-top: 1px solid #e4eaee;
    width: 100%;
     padding: 1rem 1.5rem 0.6rem;
}
}


body.wgl-darkmode .mw-scribunto-tabcomplete {
.tile-bottom.link-button {
     color: #855cd8;
    align-self: flex-end;
     padding: 0;
}
}


body.wgl-darkmode .mw-scribunto-clear {
.tile-bottom.link-button a {
     color: #ee4231;
     display: block;
     border-bottom-color: #ee4231;
     text-align: center;
    padding: 0.75em 1.5em 0.8em;
    text-decoration: none;
}
}


body.wgl-darkmode .ui-dialog,
.tile-bottom.read-more {
body.wgl-darkmode .ui-widget-content {
     background: #f9fafa;
     background-color: #313e59;
     transition: 0.3s ease-out;
     border-color: #222e45;
    background-image: none;
}
}


body.wgl-darkmode .ui-dialog .ui-dialog-content,
.tile-bottom.read-more a {
body.wgl-darkmode .ui-widget-content .ui-dialog-content {
     color: #949eaa;
     background-color: #313e59;
    font-weight: bold;
     border-color: #222e45;
     text-align: right;
}
}


body.wgl-darkmode .ui-dialog .ui-widget-header,
.tile-bottom.read-more:hover {
body.wgl-darkmode .ui-widget-content .ui-widget-header,
     background: #f2f4f4;
body.wgl-darkmode .ui-dialog .ui-dialog-buttonpane,
body.wgl-darkmode .ui-widget-content .ui-dialog-buttonpane {
     background-image: none !important;
    background-color: #172136 !important;
    color: #cbd9f4;
    border-color: #222e45 !important;
}
}


body.wgl-darkmode .ui-dialog .ui-widget-header > .ui-dialog-titlebar-close,
.tile-bottom.read-more:hover .arrow {
body.wgl-darkmode .ui-widget-content .ui-widget-header > .ui-dialog-titlebar-close {
     transform: translateX(50%);
     background-color: #313e59;
    background-image: none;
}
}


body.wgl-darkmode .ui-dialog .ui-widget-header > .ui-dialog-titlebar-close:hover,
.tile-bottom.read-more .arrow {
body.wgl-darkmode .ui-widget-content .ui-widget-header > .ui-dialog-titlebar-close:hover {
     filter: invert(43%) sepia(50%) hue-rotate(175deg);
     background-color: #556c9b;
     margin-left: 0.4em;
     color: #e0e8f8;
     transition: 0.3s ease-out;
     border: none;
}
}


body.wgl-darkmode .ui-dialog .ui-widget-header > .ui-dialog-titlebar-close .ui-icon-closethick,
.tile.oswf-day {
body.wgl-darkmode .ui-widget-content .ui-widget-header > .ui-dialog-titlebar-close .ui-icon-closethick {
     margin-left: 0.5em;
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAA0UlEQVQY013PvS9DURyH8ed7LlEv181ptybNNUh1USEq6dDw7zTRuSMLk5W/xmKql8HQAXcVI27QoeKcn6mReKbP+uj6odxxSu5Axf3V46b3i1rbyscyW/+x0BHAzdPXhYN+tDBwaAG5MzM732ulhwIYjZ594n0hITPmwKbT77eNXjsvHUC323i3aEOgJpFFbNhr5yWAY5Zj/o+qzCyAy9uXapZlhRkRQCKZfH40D3brrw5gNU1PgRoxHEULx0B1aXnlBED/NwG291tjsGa00PkFoDBODlNCW14AAAAASUVORK5CYII=) no-repeat 50% 50% !important;
}
}


body.wgl-darkmode .ui-dialog .ui-widget-header > .ui-dialog-titlebar-close .ui-icon-closethick:hover,
.oswf-tile {
body.wgl-darkmode .ui-widget-content .ui-widget-header > .ui-dialog-titlebar-close .ui-icon-closethick:hover {
     margin: 1em;
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAA0ElEQVQY012PsUrDYBhFz/1rm0YQTeOiCEWRZhAdhPo84iboM+iik2v7Uh1LKAStFbR0ULSFYAzk/5zi4JkOh7tcPb7kp42WG0lk76/p8TQMdRYfjM04rMz3BfA8/x7K6dK8vzYpcNKDmQ32d8IrAaTpMlqPgwyQzNZAP6uySE66W1/UTOf5xWxR2GxR2NNbfl53V4tJzb+1U7tWAUwmq047amUCD2BYo1x+9pJk98MBhJvNe0Hszd/4yt8KdYKN6A5A/28CbO8djc3oVaXv/wJSoVb/a7Dn4QAAAABJRU5ErkJggg==) no-repeat 50% 50% !important;
}
}


body.wgl-darkmode .ui-dialog .ui-widget-content,
.oswf-tile.oswf-complete {
body.wgl-darkmode .ui-widget-content .ui-widget-content {
     opacity: 0.75;
     color: #cbd9f4;
}
}


body.wgl-darkmode .ui-dialog .ui-widget-content .ui-dialog-buttonset > .ui-button,
.oswf-tile .oswf-summary {
body.wgl-darkmode .ui-widget-content .ui-widget-content .ui-dialog-buttonset > .ui-button {
     font-size: 105%;
     background-color: #313e59 !important;
     line-height: 1.6;
     background-image: none !important;
     margin-top: -0.4em;
     color: #cbd9f4;
    border-color: #222e45 !important;
}
}


body.wgl-darkmode .ui-dialog .ui-widget-content .ui-dialog-buttonset > .ui-button:hover,
.oswf-tile .oswf-img {
body.wgl-darkmode .ui-widget-content .ui-widget-content .ui-dialog-buttonset > .ui-button:hover {
    display: block;
     background-color: #556c9b !important;
     max-width: 75px;
     color: #e0e8f8;
     float: right;
}
}


body.wgl-darkmode ul.ui-autocomplete {
.oswf-tile .oswf-img img {
     list-style-image: none;
     max-width: 100%;
    height: auto;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui,
.oswf-tile .oswf-guidance {
body.wgl-darkmode .mw-editform {
    border-top: 1px solid #eeeeee;
    padding-top: 1em;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-view,
.js-tooltip-text {
body.wgl-darkmode .mw-editform .wikiEditor-ui-view,
     padding: 5px;
body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top,
body.wgl-darkmode .mw-editform .wikiEditor-ui-top {
     border-color: #172136;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar,
.js-tooltip-wrapper {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar {
    position: absolute;
     background-color: #313e59;
    z-index: 999999;
     background-image: none;
    max-width: 75%;
     color: #cbd9f4;
    padding: 5px;
     border-color: #172136;
    border: 3px solid #438ab5;
     background: #ffffff;
    -webkit-box-shadow: 3px 3px 10px -5px #333;
     -moz-box-shadow: 3px 3px 10px -5px #333;
     box-shadow: 3px 3px 10px -5px #333;
     font-size: 12px;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-iconElement-icon:not(.oo-ui-image-progressive),
.js-tooltip-click {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-iconElement-icon:not(.oo-ui-image-progressive) {
    color: white;
     filter: invert(1);
    background: #438ab5;
    border-radius: 2em;
    border: 2px solid #438ab5;
    cursor: pointer;
    padding: 0 0.3em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
     user-select: none;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-iconElement-icon.oo-ui-image-progressive,
.js-tooltip-arrow {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-iconElement-icon.oo-ui-image-progressive {
    position: absolute;
     filter: brightness(1.5);
    border-color: transparent;
    border-style: solid;
    z-index: 900001;
    width: 0;
     height: 0;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupToolGroup-handle .oo-ui-indicator-down,
.js-tooltip-arrow.js-tooltip-arrow-pointleft {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupToolGroup-handle .oo-ui-indicator-down {
    border-right-color: #438ab5;
     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%238cabe6'%3E%3Ctitle%3Edown%3C/title%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5'/%3E%3C/svg%3E");
    border-left-color: transparent;
     border-left-width: 0;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupToolGroup-handle .oo-ui-indicator-down:hover,
.js-tooltip-arrow.js-tooltip-arrow-pointright {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupToolGroup-handle .oo-ui-indicator-down:hover {
    border-left-color: #438ab5;
     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%23e0e8f8'%3E%3Ctitle%3Edown%3C/title%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5'/%3E%3C/svg%3E");
    border-right-color: transparent;
     border-right-width: 0;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupToolGroup-handle:hover,
.js-tooltip-close {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupToolGroup-handle:hover,
    float: right;
body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle,
    margin-left: 10px;
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
    margin-right: -5px;
     background-color: #556c9b;
    margin-top: -5px;
    margin-bottom: 1px;
     background: #438ab5;
    border: 0;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable,
.transcript {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable {
    background: #ffffff;
     border-color: #172136;
    border: 1px solid #e4eaee;
     background-color: #313e59;
    border-radius: 0 0 120px 120px / 0 0 8px 8px;
    box-shadow: 0 5px 7px -7px rgba(0, 0, 0, 0.4);
    max-width: 90ch;
    overflow: hidden;
     padding: 2em;
     margin-bottom: 1em;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable .oo-ui-tool-name-editModeVisual,
.transcript.godletter {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable .oo-ui-tool-name-editModeVisual {
    margin: 20px auto;
     background-color: #313e59;
     padding: 20px 30px;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable .oo-ui-tool-name-editModeVisual:hover,
.ns-120 .mw-parser-output > ul,
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable .oo-ui-tool-name-editModeVisual:hover {
.transcript > ul {
     background-color: #556c9b;
     list-style: none;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable .oo-ui-tool-name-editModeVisual .oo-ui-tool-title,
.ns-120 .mw-parser-output > ul li,
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable .oo-ui-tool-name-editModeVisual .oo-ui-tool-title {
.transcript > ul li {
     color: #8cabe6;
    list-style: none;
    border-left: 1px dashed #bdc5cd;
    padding-left: 15px;
    margin: 12px 0;
     line-height: 1.65;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable .oo-ui-tool-name-editModeVisual .oo-ui-tool-title:hover,
.ns-120 .mw-parser-output > ul li b:first-of-type,
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable .oo-ui-tool-name-editModeVisual .oo-ui-tool-title:hover {
.transcript > ul li b:first-of-type {
     color: #e0e8f8;
     display: block;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable .oo-ui-tool-name-editModeSource,
.ns-120 .mw-parser-output > ul li:last-of-type,
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable .oo-ui-tool-name-editModeSource {
.transcript > ul li:last-of-type {
     background-color: #556c9b;
     margin-bottom: 0;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable .oo-ui-tool-name-editModeSource .oo-ui-tool-title,
.ns-120 .mw-parser-output > ul li:hover,
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable .oo-ui-tool-name-editModeSource .oo-ui-tool-title {
.transcript > ul li:hover {
     color: #e0e8f8;
     border-color: #444e5a;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupWidget-popup,
.quest-action {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupWidget-popup {
     text-align: center;
     background-color: #313e59;
     font-style: italic;
     border-color: #172136;
     margin: 0 5%;
     color: #cbd9f4;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupWidget-popup .oo-ui-buttonElement-button,
.quest-action:before,
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupWidget-popup .oo-ui-buttonElement-button {
.quest-action:after {
     background-color: #313e59;
     content: '———';
     background-image: none;
    margin: 4px;
     letter-spacing: -1px;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupWidget-popup .oo-ui-buttonElement-button:hover,
ul.actionbar,
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupWidget-popup .oo-ui-buttonElement-button:hover {
ul.actionbar-revolution {
     background-color: #556c9b;
    -webkit-box-sizing: border-box;
     color: #e0e8f8;
    -moz-box-sizing: border-box;
     border: none;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 39px 0 0 6px;
     margin: 0;
     width: 530px;
     height: 76px;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupWidget-popup .oo-ui-buttonElement-button .oo-ui-icon-close,
ul.actionbar li,
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupWidget-popup .oo-ui-buttonElement-button .oo-ui-icon-close {
ul.actionbar-revolution li {
     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='%238cabe6'%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath d='M3.636 2.224l14.142 14.142-1.414 1.414L2.222 3.638z'/%3E%3Cpath d='M17.776 3.636L3.634 17.778 2.22 16.364 16.362 2.222z'/%3E%3C/svg%3E");
     list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin-right: 4px;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupWidget-popup .oo-ui-buttonElement-button .oo-ui-icon-close:hover,
ul.actionbar {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupWidget-popup .oo-ui-buttonElement-button .oo-ui-icon-close:hover {
     background: url('filepath://Template_action_bar.png');
     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='%23e0e8f8'%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath d='M3.636 2.224l14.142 14.142-1.414 1.414L2.222 3.638z'/%3E%3Cpath d='M17.776 3.636L3.634 17.778 2.22 16.364 16.362 2.222z'/%3E%3C/svg%3E");
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupWidget-anchor::before,
ul.actionbar .mw-empty-elt {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupWidget-anchor::before {
     display: block;
     border-bottom-color: #172136;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupWidget-anchor::after,
ul.actionbar-revolution {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupWidget-anchor::after {
     background: url('filepath://Template_action_bar_revolution.png');
     border-bottom-color: #556c9b;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .tabs a,
.ability-rotation {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .tabs a,
    border-width: 1px;
body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .tabs > .tab > a,
    border-style: solid;
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .tabs > .tab > a {
    border-radius: 2px;
    color: #8cabe6;
    line-height: 40px;
    padding: 0.5em 1em;
    display: inline-block;
    margin-top: 0.2em;
    background-color: #e4eaee;
    border-color: #bdc5cd;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .group > .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement,
body.wgl-stickyheader.action-view .wgl-anchor:target::before {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .group > .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement,
    display: block;
body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-iconElement-icon.oo-ui-icon-markup,
    content: '';
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-iconElement-icon.oo-ui-icon-markup {
    margin-top: -4rem;
     background-color: transparent;
     height: 4rem;
     box-shadow: none;
     visibility: hidden;
     outline: none;
     pointer-events: none;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .group > .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover,
body.wgl-stickyheader.action-view .wgl-anchor:target {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .group > .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover,
     display: block;
body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-iconElement-icon.oo-ui-icon-markup:hover,
     position: relative;
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-iconElement-icon.oo-ui-icon-markup:hover {
     background-color: #556c9b;
     color: #e0e8f8;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-image-progressive.oo-ui-icon-markup,
.archive {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-image-progressive.oo-ui-icon-markup,
    border: 1px solid #e4eaee;
body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-iconElement-icon.oo-ui-icon-markup,
    background-color: #ffffff;
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-iconElement-icon.oo-ui-icon-markup {
    text-align: center;
     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='%238cabe6'%3E%3Ctitle xmlns:default='http://www.w3.org/2000/svg'%3Emarkup%3C/title%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' d='M6.5 3.5l-5 5L0 10l1.5 1.5 5 5L8 15l-5-5 5-5-1.5-1.5zm12 5l-5-5L12 5l5 5-5 5 1.5 1.5 5-5L20 10l-1.5-1.5z'/%3E%3C/g%3E%3C/svg%3E");
    margin: 5px;
    padding: 5px;
    float: right;
     width: 120px;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-image-progressive.oo-ui-icon-markup:hover,
.attack-speed {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-image-progressive.oo-ui-icon-markup:hover,
    max-width: 150px;
body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-iconElement-icon.oo-ui-icon-markup:hover,
    line-height: 1.3em;
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-iconElement-icon.oo-ui-icon-markup:hover {
    display: block;
     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='%23e0e8f8'%3E%3Ctitle xmlns:default='http://www.w3.org/2000/svg'%3Emarkup%3C/title%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' d='M6.5 3.5l-5 5L0 10l1.5 1.5 5 5L8 15l-5-5 5-5-1.5-1.5zm12 5l-5-5L12 5l5 5-5 5 1.5 1.5 5-5L20 10l-1.5-1.5z'/%3E%3C/g%3E%3C/svg%3E");
     text-align: center;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .sections .toolbar,
.attack-speed b {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .sections .toolbar {
    width: 100%;
     background-color: #313e59;
     background-color: #dedede;
     color: #cbd9f4;
     box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.2);
     border-color: #172136;
    display: block;
     border-radius: 2.5px;
    height: 5px;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .sections .toolbar .group > .label,
.attack-speed b::after {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .sections .toolbar .group > .label {
    border-radius: 2.5px;
    color: #cbd9f4;
    height: 5px;
    content: "";
    background-color: #999999;
    display: inline-block;
    width: 0%;
    float: left;
    box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.1);
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .sections .toolbar a,
.attack-speed.weapon {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .sections .toolbar a {
     max-width: 150px;
     color: #8cabe6;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .sections .toolbar .tool > .label,
.attack-speed.weapon b {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .sections .toolbar .tool > .label {
     background-color: #c6dce8;
     color: #cbd9f4;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .sections .toolbar .tool,
.attack-speed.weapon b::after {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .sections .toolbar .tool {
     background-color: #438ab5;
     background-color: #313e59;
    border-color: #172136;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .sections .toolbar .tool .options,
.attack-speed.monster {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .sections .toolbar .tool .options {
     max-width: 123px;
     border-color: #172136;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .sections .toolbar .tool .option,
.attack-speed.monster b {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .sections .toolbar .tool .option {
     background-color: #ecccc6;
     background-color: #313e59;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .wikiEditor-ui-toolbar .sections .toolbar .tool .option:hover,
.attack-speed.monster b::after {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .sections .toolbar .tool .option:hover {
     background-color: #861c10;
     background-color: #556c9b;
    color: #e0e8f8;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .booklet,
.attack-speed.weapon.fastest b::after {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .booklet {
     width: 100%;
    background-color: #313e59;
    background-image: none;
    color: #cbd9f4;
     border-color: #172136;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .booklet a,
.attack-speed.weapon.fast b::after {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .booklet a,
     width: 80%;
body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .booklet .index > div,
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .booklet .index > div {
     color: #8cabe6;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .booklet .index > div.current,
.attack-speed.weapon.average b::after {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .booklet .index > div.current {
     width: 60%;
     background-color: #556c9b;
    color: #e0e8f8;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .booklet .pages,
.attack-speed.weapon.slow b::after {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .booklet .pages {
     width: 40%;
     background-color: #313e59;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .booklet .pages .page-characters span,
.attack-speed.weapon.slowest b::after {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .booklet .pages .page-characters span {
     width: 20%;
     color: #cbd9f4;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .booklet .pages .page-characters span:hover,
.attack-speed.monster.t1 b::after {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .booklet .pages .page-characters span:hover {
     width: 100%;
     background-color: #556c9b;
    color: #e0e8f8;
    border-color: #26375a;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .booklet .pages th,
.attack-speed.monster.t2 b::after {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .booklet .pages th {
     width: 90%;
     color: #fff;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-top .booklet .pages > .page-table > table span,
.attack-speed.monster.t3 b::after {
body.wgl-darkmode .mw-editform .wikiEditor-ui-top .booklet .pages > .page-table > table span {
     width: 80%;
     color: #cbd9f4;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .editOptions,
.attack-speed.monster.t4 b::after {
body.wgl-darkmode .mw-editform .editOptions {
     width: 70%;
    color: #cbd9f4;
    background-color: #222e45;
     border-color: #222e45;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui #editpage-copywarn,
.attack-speed.monster.t5 b::after {
body.wgl-darkmode .mw-editform #editpage-copywarn {
     width: 60%;
     color: #cbd9f4;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-left .ace_editor .ace_gutter,
.attack-speed.monster.t6 b::after {
body.wgl-darkmode .mw-editform .wikiEditor-ui-left .ace_editor .ace_gutter {
     width: 50%;
     background: #313e59;
    color: #cbd9f4;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-left .ace_editor .ace_gutter-active-line,
.attack-speed.monster.t7 b::after {
body.wgl-darkmode .mw-editform .wikiEditor-ui-left .ace_editor .ace_gutter-active-line {
     width: 40%;
     background: #556c9b;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-left .ace_editor .ace_search,
.attack-speed.monster.t8 b::after {
body.wgl-darkmode .mw-editform .wikiEditor-ui-left .ace_editor .ace_search {
     width: 30%;
    background-color: #313e59;
    color: #cbd9f4;
     border-color: #596e96;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-left .ace_editor .ace_search .ace_search_field,
.attack-speed.monster.t9 b::after {
body.wgl-darkmode .mw-editform .wikiEditor-ui-left .ace_editor .ace_search .ace_search_field {
     width: 20%;
     background-color: #556c9b;
    border-color: #172136;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-left .ace_editor .ace_search .ace_search_field::placeholder,
.attack-speed.monster.t10 b::after {
body.wgl-darkmode .mw-editform .wikiEditor-ui-left .ace_editor .ace_search .ace_search_field::placeholder {
     width: 10%;
     color: #cbd9f4;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-left .ace_editor .ace_search .ace_search_field:-ms-input-placeholder,
@-webkit-keyframes "random-speed" {
body.wgl-darkmode .mw-editform .wikiEditor-ui-left .ace_editor .ace_search .ace_search_field:-ms-input-placeholder {
    0% {
     color: #cbd9f4;
          width: 20%;
}
    }
 
    25% {
          width: 40%;
    }
 
    50% {
          width: 60%;
    }
 
    75% {
          width: 80%;
    }
 
     100% {
          width: 100%;
    }


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-left .ace_editor .ace_search .ace_search_field::-ms-input-placeholder,
body.wgl-darkmode .mw-editform .wikiEditor-ui-left .ace_editor .ace_search .ace_search_field::-ms-input-placeholder {
    color: #cbd9f4;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-left .ace_editor .ace_search .ace_searchbtn,
@keyframes "random-speed" {
body.wgl-darkmode .mw-editform .wikiEditor-ui-left .ace_editor .ace_search .ace_searchbtn {
    0% {
     border-color: #172136;
          width: 20%;
     background-color: #556c9b;
     }
     color: #cbd9f4;
 
    25% {
          width: 40%;
    }
 
    50% {
          width: 60%;
     }
 
    75% {
          width: 80%;
     }
 
    100% {
          width: 100%;
    }
 
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-left .ace_editor .ace_search .ace_searchbtn::after,
.attack-speed.random b::after {
body.wgl-darkmode .mw-editform .wikiEditor-ui-left .ace_editor .ace_search .ace_searchbtn::after {
    -webkit-animation-name: random-speed;
     border-color: #cbd9f4;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-name: random-speed;
    animation-duration: 5s;
    animation-iteration-count: infinite;
     animation-direction: alternate;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-left .ace_editor .ace_search .ace_searchbtn:hover,
.chat-options span {
body.wgl-darkmode .mw-editform .wikiEditor-ui-left .ace_editor .ace_search .ace_searchbtn:hover {
     padding: 0 1px;
     background-color: #6178a8;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-left .ace_editor .ace_search .ace_button,
.chat-options .chat-options-underline {
body.wgl-darkmode .mw-editform .wikiEditor-ui-left .ace_editor .ace_search .ace_button {
     border-bottom: 1px dotted #15f;
     color: #cbd9f4;
     cursor: help;
     border-color: #3d588f;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-left .ace_editor .ace_search .ace_button:hover,
.chat-options-dialogue {
body.wgl-darkmode .mw-editform .wikiEditor-ui-left .ace_editor .ace_search .ace_button:hover {
    color: inherit;
     background-color: #556c9b;
    background: #ffffff;
    border: 1px solid #e4eaee;
    border-radius: 5px;
     margin-left: 3px;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-left .ace_editor .ace_search .ace_button.checked,
.clear-both {
body.wgl-darkmode .mw-editform .wikiEditor-ui-left .ace_editor .ace_search .ace_button.checked {
     clear: both;
     border-color: #172136;
    background-color: #43557a;
}
}


body.wgl-darkmode #mw-content-text .wikiEditor-ui .wikiEditor-ui-left .codeEditor-status,
.clear-left {
body.wgl-darkmode .mw-editform .wikiEditor-ui-left .codeEditor-status {
     clear: left;
     border-color: #172136;
    background-color: #313e59;
}
}


body.wgl-darkmode.action-edit .oo-ui-window-content {
.clear-right {
     background-color: #313e59;
     clear: right;
}
}


body.wgl-darkmode.action-edit .oo-ui-window-content .oo-ui-window-body,
.coins {
body.wgl-darkmode.action-edit .oo-ui-window-content .oo-ui-window-head {
    color: green;
     outline-color: #172136;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    display: inline-block;
     padding: 0;
}
}


body.wgl-darkmode.action-edit .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget,
.coins-pos {
body.wgl-darkmode.action-edit .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget,
     color: #014cc0;
body.wgl-darkmode.action-edit .oo-ui-window-content .oo-ui-selectFileWidget-info {
     background-color: #3a4969;
}
}


body.wgl-darkmode.action-edit .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel,
.coins-neg {
body.wgl-darkmode.action-edit .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel,
     color: #c02614;
body.wgl-darkmode.action-edit .oo-ui-window-content .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-dropLabel {
     color: #cbd9f4;
}
}


body.wgl-darkmode.action-edit .oo-ui-window-content .mw-foreignStructuredUpload-bookletLayout-license {
.rusty-coins-10000 {
     color: #cbd9f4;
    background-image: url('filepath://Rusty_coins_10000.png');
     padding: 7px 0 1px 35px;
}
}


body.wgl-darkmode.action-edit .oo-ui-window-content .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
.rusty-coins-1000 {
     background-color: #556c9b;
     background-image: url('filepath://Rusty_coins_1000.png');
     border-color: #172136;
     padding: 1px 0 1px 35px;
}
}


body.wgl-darkmode.action-edit .oo-ui-window-content .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
.rusty-coins-250 {
     background-color: #313e59;
     background-image: url('filepath://Rusty_coins_250.png');
     border-color: #172136;
     padding: 1px 0 1px 35px;
}
}


body.wgl-darkmode.action-edit .oo-ui-window-content .oo-ui-actionWidget,
.rusty-coins-100 {
body.wgl-darkmode.action-edit .oo-ui-window-content .oo-ui-window-foot {
     background-image: url('filepath://Rusty_coins_100.png');
     border-color: #172136;
     padding: 1px 0px 1px 32px;
     outline-color: #172136;
}
}


body.wgl-darkmode.action-edit .oo-ui-window-content .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
.rusty-coins-25 {
     background-color: #556c9b;
    background-image: url('filepath://Rusty_coins_25.png');
     padding-left: 30px;
}
}


body.wgl-darkmode .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
.rusty-coins-5 {
     border-color: #172136;
    background-image: url('filepath://Rusty_coins_5.png');
     padding-left: 30px;
}
}


body.wgl-darkmode .CodeMirror {
.rusty-coins-4 {
     background: #222e45;
     background-image: url('filepath://Rusty_coins_4.png');
     caret-color: #61afef;
     padding-left: 30px;
}
}


body.wgl-darkmode .CodeMirror pre {
.rusty-coins-3 {
     color: #cbd9f4;
    background-image: url('filepath://Rusty_coins_3.png');
     padding-left: 30px;
}
}


body.wgl-darkmode .CodeMirror-cursor {
.rusty-coins-2 {
     border-left-color: #61afef;
     background-image: url('filepath://Rusty_coins_2.png');
    padding-left: 23px;
}
}


body.wgl-darkmode pre.cm-mw-section-1,
.rusty-coins-1 {
body.wgl-darkmode pre.cm-mw-section-2,
    background-image: url('filepath://Rusty_coins_1.png');
body.wgl-darkmode pre.cm-mw-section-3,
    padding-left: 15px;
body.wgl-darkmode pre.cm-mw-section-4,
body.wgl-darkmode pre.cm-mw-section-5,
body.wgl-darkmode pre.cm-mw-section-6 {
    color: #ffffff;
}
}


body.wgl-darkmode pre.cm-mw-section-1 {
.coins-10000 {
     font-size: 1.7em;
     background-image: url('filepath://Coins_10000.png');
    padding: 7px 0 1px 35px;
}
}


body.wgl-darkmode pre.cm-mw-section-2 {
.coins-1000 {
     font-size: 1.35em;
     background-image: url('filepath://Coins_1000.png');
    padding: 1px 0 1px 35px;
}
}


body.wgl-darkmode pre.cm-mw-section-3 {
.coins-250 {
     font-size: 1.1em;
     background-image: url('filepath://Coins_250.png');
    padding: 1px 0 1px 35px;
}
}


body.wgl-darkmode .cm-mw-section-header {
.coins-100 {
     color: #84be5b;
    background-image: url('filepath://Coins_100.png');
     padding: 1px 0px 1px 32px;
}
}


body.wgl-darkmode .cm-mw-apostrophes-bold,
.coins-25 {
body.wgl-darkmode .cm-mw-apostrophes-italic,
    background-image: url('filepath://Coins_25.png');
body.wgl-darkmode .cm-mw-doubleUnderscore,
    padding-left: 30px;
body.wgl-darkmode .cm-mw-indenting,
body.wgl-darkmode .cm-mw-signature,
body.wgl-darkmode .cm-mw-hr,
body.wgl-darkmode .cm-mw-list {
    color: #3b9ff1;
}
}


body.wgl-darkmode .cm-mw-doubleUnderscore,
.coins-5 {
body.wgl-darkmode .cm-mw-indenting,
     background-image: url('filepath://Coins_5.png');
body.wgl-darkmode .cm-mw-signature,
    padding-left: 30px;
body.wgl-darkmode .cm-mw-hr,
body.wgl-darkmode .cm-mw-list {
     background: rgba(97, 175, 239, 0.1);
}
}


body.wgl-darkmode .cm-mw-skipformatting {
.coins-4 {
     background: rgba(97, 175, 239, 0.5);
     background-image: url('filepath://Coins_4.png');
    padding-left: 30px;
}
}


body.wgl-darkmode .cm-mw-mnemonic {
.coins-3 {
     color: #98c379;
    background-image: url('filepath://Coins_3.png');
     padding-left: 30px;
}
}


body.wgl-darkmode .cm-mw-comment {
.coins-2 {
     color: #cbd9f4;
     background-image: url('filepath://Coins_2.png');
     opacity: 0.7;
     padding-left: 23px;
}
}


body.wgl-darkmode .cm-mw-link-pagename,
.coins-1 {
body.wgl-darkmode .cm-mw-link,
    background-image: url('filepath://Coins_1.png');
body.wgl-darkmode .cm-mw-extlink,
    padding-left: 15px;
body.wgl-darkmode .cm-mw-free-extlink {
    color: #61afef;
}
}


body.wgl-darkmode .cm-mw-link-tosection,
.chimes-1000 {
body.wgl-darkmode .cm-mw-extlink-protocol,
    background-image: url('filepath://Chimes_1000.png');
body.wgl-darkmode .cm-mw-free-extlink-protocol {
     padding: 3px 0 3px 33px;
     color: #85bfef;
}
}


body.wgl-darkmode .cm-mw-link-bracket,
.chimes-100 {
body.wgl-darkmode .cm-mw-link-delimiter,
    background-image: url('filepath://Chimes_100.png');
body.wgl-darkmode .cm-mw-extlink-bracket {
     padding: 1px 0 1px 30px;
     color: #3b9ff1;
}
}


body.wgl-darkmode .cm-mw-template-bracket,
.chimes-50 {
body.wgl-darkmode .cm-mw-template-delimiter {
    background-image: url('filepath://Chimes_50.png');
     color: #c78343;
     padding-left: 31px;
}
}


body.wgl-darkmode .cm-mw-template-name,
.chimes-20 {
body.wgl-darkmode .cm-mw-template-argument-name {
    background-image: url('filepath://Chimes_20.png');
     color: #ca9564;
     padding-left: 24px;
}
}


body.wgl-darkmode .cm-mw-template {
.chimes-1 {
     color: #cfa783;
    background-image: url('filepath://Chimes_1.png');
     padding-left: 19px;
}
}


body.wgl-darkmode .cm-mw-table-bracket,
.zemomark-10000 {
body.wgl-darkmode .cm-mw-table-delimiter {
    background-image: url('filepath://Zemomark_10000.png');
     color: #3bacba;
     padding: 7px 0 1px 26px;
}
}


body.wgl-darkmode .cm-mw-table-definition {
.zemomark-1000 {
     color: #56b6c2;
    background-image: url('filepath://Zemomark_1000.png');
     padding: 1px 0 1px 27px;
}
}


body.wgl-darkmode .cm-mw-templatevariable-bracket,
.zemomark-250 {
body.wgl-darkmode .cm-mw-templatevariable-delimiter {
    background-image: url('filepath://Zemomark_250.png');
     color: #bd56db;
     padding: 1px 0 1px 25px;
}
}


body.wgl-darkmode .cm-mw-templatevariable-name,
.zemomark-100 {
body.wgl-darkmode .cm-mw-templatevariable {
    background-image: url('filepath://Zemomark_100.png');
     color: #c678dd;
     padding: 1px 0px 1px 30px;
}
}


body.wgl-darkmode .cm-mw-parserfunction-bracket {
.zemomark-25 {
     color: #de4955;
    background-image: url('filepath://Zemomark_25.png');
     padding-left: 30px;
}
}


body.wgl-darkmode .cm-mw-parserfunction-name,
.zemomark-5 {
body.wgl-darkmode .cm-mw-parserfunction-delimiter {
    background-image: url('filepath://Zemomark_5.png');
     color: #df6c75;
     padding-left: 30px;
}
}


body.wgl-darkmode .CodeMirror-selected {
.zemomark-4 {
     background-color: rgba(140, 171, 230, 0.1);
     background-image: url('filepath://Zemomark_4.png');
    padding-left: 25px;
}
}


.CodeMirror-focused body.wgl-darkmode .CodeMirror-selected {
.zemomark-3 {
     background-color: rgba(140, 171, 230, 0.2);
     background-image: url('filepath://Zemomark_3.png');
    padding-left: 25px;
}
}


body.wgl-darkmode .CodeMirror-line::selection,
.zemomark-2 {
body.wgl-darkmode .CodeMirror-line > span::selection,
    background-image: url('filepath://Zemomark_2.png');
body.wgl-darkmode .CodeMirror-line > span > span::selection {
     padding-left: 23px;
     background: rgba(140, 171, 230, 0.2);
}
}


body.wgl-darkmode .CodeMirror-line::-moz-selection,
.zemomark-1 {
body.wgl-darkmode .CodeMirror-line > span::-moz-selection,
    background-image: url('filepath://Zemomark_1.png');
body.wgl-darkmode .CodeMirror-line > span > span::-moz-selection {
     padding-left: 18px;
     background: rgba(140, 171, 230, 0.2);
}
}


body.wgl-darkmode pre.CodeMirror-line {
.chronotes-10000 {
     background: none;
     background-image: url('filepath://Chronotes_10000.png');
    padding: 1px 0 1px 34px;
}
}


body.wgl-darkmode .cm-mw-htmltag-bracket,
.chronotes-1000 {
body.wgl-darkmode .cm-mw-exttag-bracket {
    background-image: url('filepath://Chronotes_1000.png');
     color: #84be5b;
     padding: 1px 0 1px 34px;
}
}


body.wgl-darkmode .cm-mw-htmltag-name,
.chronotes-250 {
body.wgl-darkmode .cm-mw-htmltag-attribute,
    background-image: url('filepath://Chronotes_250.png');
body.wgl-darkmode .cm-mw-exttag-name,
     padding: 1px 0 1px 32px;
body.wgl-darkmode .cm-mw-exttag-attribute {
     color: #98c379;
}
}


body.wgl-darkmode pre.cm-mw-exttag {
.chronotes-100 {
     background: rgba(255, 255, 255, 0.05);
     background-image: url('filepath://Chronotes_100.png');
    padding: 1px 0px 1px 32px;
}
}


body.wgl-darkmode .mw-editform #wpTextbox1 {
.chronotes-25 {
     color: #cbd9f4;
     background-image: url('filepath://Chronotes_25.png');
    background: #222e45;
     padding-left: 32px;
     border-color: #172136;
}
}


body.wgl-darkmode .mw-editTools select#std-preload-list {
.chronotes-5 {
     background-color: #384766;
     background-image: url('filepath://Chronotes_5.png');
    border: 1px solid #475980;
     padding-left: 32px;
     color: #cbd9f4;
}
}


body.wgl-darkmode .mw-editTools input#cust-preload-input {
.chronotes-4 {
     background-color: #384766;
     background-image: url('filepath://Chronotes_4.png');
    border: 1px solid #475980;
     padding-left: 30px;
    color: #cbd9f4;
     padding: 2px 1px;
}
}


body.wgl-darkmode .mw-editTools input#cust-preload-button {
.chronotes-3 {
     background-color: #313e59;
     background-image: url('filepath://Chronotes_3.png');
    border: 1px solid #3f5073;
     padding-left: 30px;
     border-left: none;
}
     color: #cbd9f4;
 
     padding: 2px 7px;
.chronotes-2 {
    cursor: pointer;
     background-image: url('filepath://Chronotes_2.png');
     padding-left: 30px;
}
}


body.wgl-darkmode .mw-editTools input#cust-preload-button:hover {
.chronotes-1 {
     background-color: #384766;
     background-image: url('filepath://Chronotes_1.png');
    border: 1px solid #475980;
     padding-left: 28px;
     border-left: none;
}
}


body.wgl-darkmode .ve-ui-mwTransclusionDialog-multiple .oo-ui-outlineControlsWidget {
#DisassemblyT .disassembly-border {
     background: none;
     border-top: 0.5em solid #ffffff;
}
}


body.wgl-darkmode .ve-ui-mwTransclusionDialog-multiple .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
.documentation {
body.wgl-darkmode .ve-ui-mwTransclusionDialog-multiple .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
    background: #ffffff;
    background-color: #3f5073;
    border: 1px solid #e4eaee;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
}


body.wgl-darkmode .ve-ui-mwTransclusionDialog-multiple .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget,
.documentation pre,
body.wgl-darkmode .ve-ui-mwTransclusionDialog-multiple .oo-ui-searchWidget-query,
.documentation code {
body.wgl-darkmode .ve-ui-mwTransclusionDialog-multiple .ve-ui-mwTransclusionDialog-addParameterFieldset .ve-ui-mwParameterSearchWidget {
     background-color: #f9fafa;
     border-color: #596e96;
}
}


.ve-active body.wgl-darkmode #content .oo-ui-widget,
.documentation-header {
.ve-active body.wgl-darkmode #content .ve-ui-commentContextItem .ve-ui-linearContextItem-body {
    color: #ffffff;
     color: #cbd9f4;
    background: #949eaa;
    font-weight: bold;
     padding: 1em 1.5em;
}
}


.ve-active body.wgl-darkmode #content .oo-ui-toolbar-bar {
.documentation-title {
     background-color: #222e45;
     font-size: 1.25em;
}
}


.ve-active body.wgl-darkmode #content .oo-ui-iconElement-icon,
.documentation-subheader {
.ve-active body.wgl-darkmode #content .oo-ui-indicatorElement-indicator,
    color: #ffffff;
.ve-active body.wgl-darkmode #content .oo-ui-icon-notice,
    background: #808c9a;
.ve-active body.wgl-darkmode #content .mw-ui-icon-notice:before {
    padding: 0.5em 1.5em;
    filter: invert(100%);
}
}


.ve-active body.wgl-darkmode #content .oo-ui-iconElement-icon.oo-ui-icon-cancel,
.documentation-subheader a,
.ve-active body.wgl-darkmode #content .ve-ui-mwInternalLinkContextItem-withImage .oo-ui-iconElement-icon {
.documentation-subheader .documentation-links a,
     filter: invert(0%);
.documentation-subheader a:visited,
.documentation-subheader .documentation-links a:visited,
.documentation-subheader a:active,
.documentation-subheader .documentation-links a:active {
     color: #e4eaee;
}
}


.ve-active body.wgl-darkmode #content .ve-ce-linkAnnotation-active {
.documentation-documentation,
     background: #222e45;
.documentation-links {
    box-shadow: 0 0 0 1px #313e59;
     font-size: 0.85em;
}
}


.ve-active body.wgl-darkmode #content .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-tool-active {
.documentation-content {
     background: #313e59;
     padding: 1em 1.5em;
}
}


.ve-active body.wgl-darkmode #content .oo-ui-popupToolGroup-handle:hover,
.dropsline-noted {
.ve-active body.wgl-darkmode #content .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-widget-enabled:hover {
     color: #949eaa;
     background: #384766;
}
}


.ve-active body.wgl-darkmode #content .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
.item-drops .beast-version {
     background: #313e59;
    font-size: smaller;
     font-style: italic;
}
}


.ve-active body.wgl-darkmode #content .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-tool-active,
.editnotice {
.ve-active body.wgl-darkmode #content .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled {
    font-size: 0.9em;
     background: #384766;
    padding-bottom: 0.75em;
     margin-bottom: 0.6em;
}
}


.ve-active body.wgl-darkmode #content .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
.editnotice .editnotice-title {
     background: #222e45;
    font-size: 1.2em;
     border-color: #2f4060;
     font-weight: bold;
     margin-bottom: 0.4em;
}
}


.ve-active body.wgl-darkmode #content .oo-ui-tool-title {
.equipmenttable {
     color: #cbd9f4;
    background-image: url('filepath://Worn_equipment_interface_blank.png');
    background-repeat: no-repeat;
    background-position: top left;
    width: 225px;
    height: 320px;
    text-align: center;
     display: inline-block;
}
}


.ve-active body.wgl-darkmode #content .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
.equipmenttable.equipmenttable-float-right {
     color: rgba(203, 217, 244, 0.5);
     float: right;
}
}


.ve-active body.wgl-darkmode #content .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
.equipmenttable.equipmenttable-float-left {
     border-bottom-color: #2f4060;
     float: left;
}
}


.ve-active body.wgl-darkmode #content .oo-ui-toolGroup {
.equipmenttable.equipmenttable-float-center {
     border-right-color: #2f4060;
     display: block;
    margin: 0 auto;
}
}


.ve-active body.wgl-darkmode #content .oo-ui-toolbar-actions .oo-ui-toolGroup {
.equipmenttable .equipmentrow {
     border-left-color: #2f4060;
     position: relative;
}
}


.ve-active body.wgl-darkmode #content .oo-ui-toolbar-actions > .oo-ui-toolbar:not(:last-child) {
.equipmenttable .equipmentrow.equipmentrow1 {
     border-right-color: #2f4060;
     top: 65px;
}
}


.ve-active body.wgl-darkmode #content .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
.equipmenttable .equipmentrow.equipmentrow2 {
     background-color: #596e96;
     top: 73px;
}
}


.ve-active body.wgl-darkmode #content .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button .oo-ui-labelElement-label {
.equipmenttable .equipmentrow.equipmentrow3 {
     color: rgba(203, 217, 244, 0.5);
     top: 81px;
}
}


.ve-active body.wgl-darkmode #content .oo-ui-popupWidget-popup {
.equipmenttable .equipmentrow.equipmentrow4 {
     background-color: #222e45;
     top: 88px;
    border-color: #2f4060;
}
}


.ve-active body.wgl-darkmode #content .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
.equipmenttable .equipmentrow.equipmentrow5 {
     border-bottom-color: #222e45;
     top: 98px;
}
}


.ve-active body.wgl-darkmode #content .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
.equipmenttable .equipmentrow .equipmentslot {
     border-bottom-color: #2f4060;
    display: table-cell;
    position: relative;
    height: 32px;
    width: 32px;
     vertical-align: middle;
}
}


.ve-active body.wgl-darkmode #content .ve-ce-branchNode-blockSlug,
.equipmenttable .equipmentrow .equipmentslot img {
.ve-active body.wgl-darkmode #content .ve-ce-branchNode-newSlug {
     max-height: 32px;
     outline-color: #2f4060;
     max-width: 32px;
     background-color: #222e45;
}
}


body.wgl-darkmode .ve-ui-mwTemplatePage-description,
.equipmenttable .equipmentrow .equipmentslot.emptyslot img {
body.wgl-darkmode .ve-ui-mwParameterPage-label {
     opacity: 0.5;
     color: #cbd9f4;
    line-height: 1.6em;
}
}


body.wgl-darkmode .ve-ui-mwGalleryDialog-menuLayout > .oo-ui-menuLayout-menu,
.equipmenttable .equipmentrow .equipmentslot.auraslot {
body.wgl-darkmode .ve-ui-mwGalleryDialog-innerMenuLayout > .oo-ui-menuLayout-menu,
     left: 57px;
body.wgl-darkmode .ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container,
body.wgl-darkmode .ve-ui-targetWidget {
     border-color: #2f4060;
}
}


body.wgl-darkmode .ve-ui-mwGalleryDialog-highlighted-image {
.equipmenttable .equipmentrow .equipmentslot.headslot {
     background-color: #222e45;
     left: 65px;
}
}


body.wgl-darkmode .ve-ui-mwSaveDialog {
.equipmenttable .equipmentrow .equipmentslot.pocketslot {
     color: #cbd9f4;
     left: 73px;
}
}


body.wgl-darkmode .ve-ui-mwSaveDialog-options {
.equipmenttable .equipmentrow .equipmentslot.capeslot {
     background-color: #222e45;
     left: 57px;
    border-color: #2f4060;
}
}


body.wgl-darkmode .ve-ui-mwSaveDialog-editSummary-count {
.equipmenttable .equipmentrow .equipmentslot.neckslot {
     border-color: #2f4060;
     left: 65px;
}
}


body.wgl-darkmode .ve-ui-mwSaveDialog-license {
.equipmenttable .equipmentrow .equipmentslot.ammoslot {
     color: #cbd9f4;
     left: 73px;
}
}


body.wgl-darkmode .mw-summary-preview {
.equipmenttable .equipmentrow .equipmentslot.weaponslot {
     border-bottom-color: #172136;
     left: 37px;
}
}


body.wgl-darkmode [data-diff-action='remove'],
.equipmenttable .equipmentrow .equipmentslot.torsoslot {
body.wgl-darkmode table[data-diff-action='remove'] > caption,
     left: 65px;
body.wgl-darkmode figure[data-diff-action='remove'] > figcaption {
     color: #ffffff;
    background: #9f261e !important;
    box-shadow: 0 0 0 1px #9f261e;
}
}


body.wgl-darkmode [data-diff-action='insert'],
.equipmenttable .equipmentrow .equipmentslot.shieldslot {
body.wgl-darkmode table[data-diff-action='insert'] > caption,
     left: 93px;
body.wgl-darkmode figure[data-diff-action='insert'] > figcaption {
     color: #ffffff;
    background: #3c780a !important;
    box-shadow: 0 0 0 1px #3c780a;
}
}


body.wgl-darkmode table.wikitable {
.equipmenttable .equipmentrow .equipmentslot.legsslot {
     background: #313e59;
     left: 97px;
}
}


body.wgl-darkmode table.wikitable > * > tr > th {
.equipmenttable .equipmentrow .equipmentslot.glovesslot {
     background-color: #222e45;
     left: 37px;
    border-color: #172136;
}
}


body.wgl-darkmode table.wikitable > * > tr > td {
.equipmenttable .equipmentrow .equipmentslot.bootsslot {
     border-color: #172136;
     left: 65px;
}
}


body.wgl-darkmode .table-bg-red {
.equipmenttable .equipmentrow .equipmentslot.ringslot {
     background: #9f261e;
     left: 93px;
    color: #feecea;
}
}


body.wgl-darkmode .table-bg-red a:not(.mw-selflink) {
.extimage div,
     color: #fbc0ba;
.extimage a,
.extimage img {
    height: inherit;
    max-height: inherit;
    max-width: inherit;
     width: inherit;
}
}


body.wgl-darkmode .table-bg-orange {
.extimage .caption {
     background: #b55e0c;
     color: #696969;
     color: #fef0e4;
     padding: 3px 6px;
}
}


body.wgl-darkmode .table-bg-orange a:not(.mw-selflink) {
.fact-text {
     color: #fbcfa6;
     color: #15f;
    font-style: italic;
    cursor: help;
    border-bottom: dotted 1px black;
}
}


body.wgl-darkmode .table-bg-yellow {
.fairycode {
     background: #a48900;
    font-family: "KingthingsPetrock", sans-serif;
     color: #fef9de;
    font-size: 120%;
    font-weight: bold;
     text-transform: uppercase;
     letter-spacing: 1px;
}
}


body.wgl-darkmode .table-bg-yellow a:not(.mw-selflink) {
.fairycode b ~ b:before {
     color: #fcea94;
     content: " ";
}
}


body.wgl-darkmode .table-bg-green {
.floornumber > .floornumber-us,
     background: #3c780a;
.floornumber-setting-gb .floornumber > .floornumber-us,
    color: #ecf8e3;
.floornumber-setting-us .floornumber > .floornumber-gb {
     display: none;
}
}


body.wgl-darkmode .table-bg-green a:not(.mw-selflink) {
.floornumber-setting-gb .floornumber > .floornumber-gb,
     color: #c3e8a3;
.floornumber-setting-us .floornumber > .floornumber-us {
     display: inline;
}
}


body.wgl-darkmode .table-bg-blue {
.floornumber-override-gb .floornumber > .floornumber-us,
     background: #0b5884;
.floornumber-override-us .floornumber > .floornumber-gb {
    color: #e5f3fc;
     display: none !important;
}
}


body.wgl-darkmode .table-bg-blue a:not(.mw-selflink) {
.floornumber-override-gb .floornumber > .floornumber-gb,
     color: #aad9f5;
.floornumber-override-us .floornumber > .floornumber-us {
     display: inline !important;
}
}


body.wgl-darkmode .table-bg-purple {
.rsw-infobox {
     background: #4f348b;
     background: #ffffff;
     color: #f0ecfa;
    font-size: 0.85em;
    width: 300px;
    margin: 0.5em 0 1em 1em;
     border-collapse: collapse;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    float: right;
}
}


body.wgl-darkmode .table-bg-purple a:not(.mw-selflink) {
.rsw-infobox .rsw-infobox-switch-buttons .button {
     color: #cfc0f0;
     margin: 1px;
}
}


body.wgl-darkmode .table-bg-pink {
.rsw-infobox .infobox-header {
     background: #984c89;
    color: #ffffff;
     color: #fceef9;
    font-size: 1.15em;
    line-height: 1.4em;
     background: #246c97;
     border-bottom: 0.5em solid #ffffff;
    padding: 0.5em 0;
}
}


body.wgl-darkmode .table-bg-pink a:not(.mw-selflink) {
.rsw-infobox .infobox-subheader {
     color: #f5c8ec;
    background: #6ba5c8;
    color: #ffffff;
    line-height: 2em;
    border-top: 0.5em solid #ffffff;
     border-bottom: 0.5em solid #ffffff;
}
}


body.wgl-darkmode .table-bg-gray,
.rsw-infobox .infobox-subheader a {
body.wgl-darkmode .table-bg-grey {
     color: #ffffff;
    background: #5d6773;
     color: #f9fafa;
}
}


body.wgl-darkmode .table-bg-gray a:not(.mw-selflink),
.rsw-infobox fieldset#rs-qc-form {
body.wgl-darkmode .table-bg-grey a:not(.mw-selflink) {
     margin-bottom: 5px;
     color: #e4eaee;
}
}


body.wgl-darkmode table.alternating-rows tr:nth-child(odd),
.rsw-infobox .infobox-image {
body.wgl-darkmode table.alternating-cols td:nth-child(odd) {
     text-align: center;
     background: #2a3651;
}
}


body.wgl-darkmode tr.store-hist {
.rsw-infobox .infobox-image.bordered-image {
     background: #5d6773;
     border: 1px solid #e4eaee;
     color: #f9fafa;
     border-bottom: none;
    padding: 0.4em;
}
}


body.wgl-darkmode tr.store-hist a:not(.mw-selflink) {
.rsw-infobox .infobox-image.noted-image div {
     color: #e4eaee;
     width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
}


body.wgl-darkmode .table-na {
.rsw-infobox .infobox-image.noted-image div > :first-child {
     background: #2c374f;
     margin-right: 10px;
    color: #596e96;
}
}


body.wgl-darkmode table.lighttable .highlight-over .table-na {
.rsw-infobox .infobox-image.noted-image div > :last-child {
     color: rgba(236, 248, 227, 0.5);
     display: inline-block;
     background: #336508;
    width: 31px;
    height: 30px;
    background-image: url("filepath://Note.png");
     position: relative;
}
}


body.wgl-darkmode table.lighttable .highlight-on .table-na {
.rsw-infobox .infobox-image.noted-image div > :last-child img {
     color: rgba(236, 248, 227, 0.4);
     height: auto;
     background: #254b04;
    width: auto;
    max-width: 20px;
    max-height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
     transform: translate(-50%, -50%);
}
}


body.wgl-darkmode .mw_metadata td,
.rsw-infobox .infobox-image a.image + a.image {
body.wgl-darkmode .mw_metadata th {
     margin-left: 0.1em;
     border-color: #172136;
}
}


body.wgl-darkmode .mw_metadata th {
.rsw-infobox .infobox-image img {
     background-color: #222e45;
     max-width: 100%;
    height: auto;
}
}


body.wgl-darkmode .mw_metadata td {
.rsw-infobox .infobox-map {
     background-color: #313e59;
     border-left: 1px solid #e4eaee;
    border-right: 1px solid #e4eaee;
    text-align: center;
}
}


body.wgl-darkmode table.jquery-tablesorter th.headerSort {
.rsw-infobox .infobox-map > img,
     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cg fill=%22%23cbd9f4%22%3E %3Cpath d=%22M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z%22/%3E %3C/g%3E %3C/svg%3E");
.rsw-infobox .infobox-map > a > img {
     max-width: 100%;
    height: auto;
    margin: 0.5em 0;
}
}


body.wgl-darkmode table.jquery-tablesorter th.headerSortUp {
.rsw-infobox .infobox-map a.mw-kartographer-container,
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cg fill=%22%23cbd9f4%22%3E %3Cpath d=%22M6.5 4l4-4 4 4z%22/%3E %3C/g%3E %3C/svg%3E");
.rsw-infobox .infobox-map div.mw-kartographer-container {
    margin: 0.5em auto;
}
}


body.wgl-darkmode table.jquery-tablesorter th.headerSortDown {
.rsw-infobox th:not(.infobox-header):not(.infobox-subheader) {
     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cg fill=%22%23cbd9f4%22%3E %3Cpath d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/g%3E %3C/svg%3E");
     text-align: right;
    vertical-align: top;
    border-left: 1px solid #e4eaee;
    border-right: 0.175em solid #6ba5c8;
    padding: 0.2em 0.5em;
}
}


body.wgl-darkmode .rsw-infobox {
.rsw-infobox td:not(.infobox-image):not(.infobox-map) {
     background: #313e59;
     border-right: 1px solid #e4eaee;
    padding: 0.25em 0.5em;
    line-height: 1.6em;
}
}


body.wgl-darkmode .rsw-infobox .infobox-header {
.rsw-infobox td[colspan="2"]:not(.infobox-image):not(.infobox-map) {
     background: #172136;
     border: 1px solid #e4eaee;
     border-color: #313e59;
     padding-bottom: 0.6em;
}
}


body.wgl-darkmode .rsw-infobox .infobox-subheader {
.rsw-infobox td ul {
     background: #222e45;
     margin: 0 0 0 1.25em;
    border-color: #313e59;
}
}


body.wgl-darkmode .rsw-infobox .infobox-image.bordered-image {
.rsw-infobox .infobox-cell-hidden {
     border: none;
     display: none;
}
}


body.wgl-darkmode .rsw-infobox .infobox-map {
.rsw-infobox .infobox-template-links {
     border: none;
     text-align: center;
}
}


body.wgl-darkmode .rsw-infobox th:not(.infobox-header):not(.infobox-subheader) {
.rsw-infobox .advanced-data {
     border-left: none;
     display: none;
    border-right-color: #222e45;
}
}


body.wgl-darkmode .rsw-infobox td:not(.infobox-image):not(.infobox-map) {
.rsw-infobox .advanced-data td {
     border-right: none;
     line-break: anywhere;
}
}


body.wgl-darkmode .rsw-infobox td[colspan="2"]:not(.infobox-image):not(.infobox-map) {
.rsw-infobox .infobox-imgbg {
    border: none;
    background-color: rgba(0, 0, 0, 0.2);
}
}


body.wgl-darkmode .rsw-infobox.infobox-monster th.defensive-subheader {
.rsw-infobox.skill-info {
     color: #36414f;
     float: none;
    margin: 0 0 1em 0;
    table-layout: fixed;
}
}


body.wgl-darkmode .rsw-infobox.infobox-monster th.defensive-subheader:not(:last-child) {
.rsw-databox th:not(.infobox-header):not(.infobox-template-links) {
     border-right: 0.175em solid #438ab5;
     text-align: right;
    vertical-align: top;
    padding: 0.2em 0.5em;
}
}


body.wgl-darkmode .rsw-infobox.infobox-monster th:not(.infobox-header):not(.infobox-subheader):last-child {
.rsw-databox .databox-cell-hidden {
     border: none;
     display: none;
}
}


body.wgl-darkmode .rsw-infobox.infobox-monster th.slayer-header {
.multi-infobox {
     background: #1f1f1f;
    float: right;
    margin-left: 5px;
     box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
}


body.wgl-darkmode .rsw-infobox.infobox-monster th.slayer-subheader {
.multi-infobox .tabber {
     background-color: #333333;
     margin: 0;
    color: #ffffff;
}
}


body.wgl-darkmode .rsw-infobox.infobox-monster th.slayer-subheader:not(:last-child) {
.multi-infobox .tabber .tabbernav {
     border-right: 0.175em solid #1f1f1f !important;
    text-align: center;
    margin-left: 0;
     margin-right: 0;
}
}


body.wgl-darkmode .rsw-infobox.infobox-monster td:not(.infobox-image):not(.infobox-map) {
.multi-infobox .tabber .tabbernav a {
     border: none;
     padding: 0.5em 0.8em;
}
}


body.wgl-darkmode .rsw-infobox#infobox-familiar th:last-child:not([colspan="4"]) {
.multi-infobox .tabber .tabbertab {
     border-right: none;
     padding: 5px;
}
}


body.wgl-darkmode .rsw-infobox#infobox-familiar td.infobox-template-links {
.multi-infobox .rsw-infobox {
     border: none !important;
     margin: 0;
     padding-bottom: 0.6em;
     box-shadow: none;
}
}


body.wgl-darkmode .rsw-infobox#infobox-familiar td:first-child {
.infobox-wrapper {
     border-left: none !important;
    display: table;
     float: right;
}
}


body.wgl-darkmode .rsw-infobox#infobox-familiar td:last-child {
.rsw-infobox.infobox-monster {
     border-right: none !important;
    text-align: center;
     table-layout: fixed;
}
}


body.wgl-darkmode .infobox-bonuses th {
.rsw-infobox.infobox-monster th:not(.infobox-header):not(.infobox-subheader):last-child {
     border-color: #172136;
     border-right: 1px solid #e4eaee;
    background: #222e45;
}
}


body.wgl-darkmode .infobox-bonuses td {
.rsw-infobox.infobox-monster td:not(.infobox-image):not(.infobox-map) {
     border-color: #172136;
     border-left: 1px solid #e4eaee;
    background: #313e59;
}
}


body.wgl-darkmode .infobox-bonuses .oo-ui-labelElement-label {
.rsw-infobox.infobox-monster th.combat-subheader {
     color: #cbd9f4;
     text-align: center;
}
}


body.wgl-darkmode .multi-infobox ul.tabbernav li:not(.tabberactive) a {
.rsw-infobox.infobox-monster th.offensive-header {
     border-bottom: 1px solid #222e45;
     background-color: #801c13;
    color: #ffffff;
    text-align: center;
}
}


body.wgl-darkmode #DisassemblyT .disassembly-border {
.rsw-infobox.infobox-monster th.offensive-subheader {
     border-top-color: #313e59;
     background-color: #ecccc6;
    color: #801c13;
    text-align: center;
}
}


body.wgl-darkmode .infotableBonuses .attribute-value,
.rsw-infobox.infobox-monster th.offensive-subheader a {
body.wgl-darkmode .infotableBonuses .attribute-total,
     color: #801c13;
body.wgl-darkmode .infotableBonuses .attribute-total .attribute-value {
     background: #2a3651;
}
}


body.wgl-darkmode .rsw-infobox.infobox-user-stats .infobox-header {
.rsw-infobox.infobox-monster th.offensive-subheader:not(:last-child) {
     background: #313e59;
     border-right: 0.175em solid #801c13;
}
}


body.wgl-darkmode .rsw-infobox.infobox-user-stats .infobox-header a {
.rsw-infobox.infobox-monster th.defensive-header {
    background-color: #438ab5;
     color: #ffffff;
     color: #ffffff;
    text-align: center;
}
}


body.wgl-darkmode .rsw-infobox.infobox-user-stats td:not(.infobox-image):not(.infobox-map):not(:last-child) {
.rsw-infobox.infobox-monster th.defensive-subheader {
     border-right: 1px solid #222e45;
    background-color: #c1deed;
    color: #36414f;
     text-align: center;
}
}


body.wgl-darkmode .messagebox {
.rsw-infobox.infobox-monster th.defensive-subheader a {
     border-color: #222e45;
     color: #36414f;
    background-color: #313e59;
}
}


body.wgl-darkmode .messagebox.obsolete,
.rsw-infobox.infobox-monster th.slayer-header {
body.wgl-darkmode .messagebox.info,
     background: #4c4c4c;
body.wgl-darkmode .messagebox.disambig {
     color: #ffffff;
     color: #ddd;
     text-align: center;
     background-color: #464646;
     border-color: #333;
}
}


body.wgl-darkmode .messagebox.obsolete a,
.rsw-infobox.infobox-monster th.slayer-subheader {
body.wgl-darkmode .messagebox.info a,
    background-color: #cccccc;
body.wgl-darkmode .messagebox.disambig a,
    color: #4c4c4c;
body.wgl-darkmode .messagebox.obsolete a:visited,
    text-align: center;
body.wgl-darkmode .messagebox.info a:visited,
body.wgl-darkmode .messagebox.disambig a:visited,
body.wgl-darkmode .messagebox.obsolete a:active,
body.wgl-darkmode .messagebox.info a:active,
body.wgl-darkmode .messagebox.disambig a:active {
    color: #bbb;
}
}


body.wgl-darkmode .messagebox.action {
.rsw-infobox.infobox-monster th.slayer-subheader:not(:last-child) {
    background-color: #45697d;
     border-right: 0.175em solid #4c4c4c;
     border-color: #2d5266;
}
}


body.wgl-darkmode .messagebox.action a,
.rsw-infobox.infobox-monster .infobox-monster-susceptibility-cell img[alt="Undead Slayer.png"],
body.wgl-darkmode .messagebox.action a:visited,
.rsw-infobox.infobox-monster .infobox-monster-susceptibility-cell img[alt="Demon Slayer (perk).png"],
body.wgl-darkmode .messagebox.action a:active {
.rsw-infobox.infobox-monster .infobox-monster-susceptibility-cell img[alt="Dragon Slayer (perk).png"] {
     color: #b8d5e5;
     filter: drop-shadow(0px 0px 1px black);
}
}


body.wgl-darkmode .messagebox.file,
.infobox-thieving .thvloot-cell {
body.wgl-darkmode .messagebox.task {
     padding: 0;
     background-color: #617ebc;
    border-color: #4563a4;
}
}


body.wgl-darkmode .messagebox.file a,
.infobox-thieving .thvloot-cell .wikitable {
body.wgl-darkmode .messagebox.task a,
    margin: -0.5px;
body.wgl-darkmode .messagebox.file a:visited,
     width: calc(100% + 1px);
body.wgl-darkmode .messagebox.task a:visited,
body.wgl-darkmode .messagebox.file a:active,
body.wgl-darkmode .messagebox.task a:active {
     color: #a6c2ff;
}
}


body.wgl-darkmode .messagebox.warn {
.rsw-infobox#infobox-familiar th:last-child:not([colspan="4"]) {
    color: #f9fafa;
     border-right: 1px solid #e4eaee;
    background-color: #9f261e;
     border-color: #801c13;
}
}


body.wgl-darkmode .messagebox.warn a,
.rsw-infobox#infobox-familiar td.infobox-template-links {
body.wgl-darkmode .messagebox.warn a:visited,
     border: 1px solid #e4eaee !important;
body.wgl-darkmode .messagebox.warn a:active {
     color: #ffe3e0;
}
}


body.wgl-darkmode .messagebox.warning {
.rsw-infobox#infobox-familiar td:first-child {
    background: #b55e0c;
     border-left: 1px solid #e4eaee !important;
    color: #fef0e4;
     border-color: #9d520a;
}
}


body.wgl-darkmode .messagebox.warning a:not(.mw-selflink),
.rsw-infobox#infobox-familiar td:last-child {
body.wgl-darkmode .messagebox.warning a:visited,
     border-right: 1px solid #e4eaee !important;
body.wgl-darkmode .messagebox.warning a:active {
     color: #fbcfa6;
}
}


body.wgl-darkmode .messagebox.unsafe {
.rsw-infobox#infobox-familiar td:not(.infobox-image):not(.infobox-map) {
    color: #f9f6d0;
     border: none;
    background-color: #a48900;
     border-color: #7a6600;
}
}


body.wgl-darkmode .messagebox.unsafe a,
.rsw-infobox#infobox-familiar td[colspan="2"]:not(.infobox-image):not(.infobox-map) {
body.wgl-darkmode .messagebox.unsafe a:visited,
    border: none;
body.wgl-darkmode .messagebox.unsafe a:active {
     padding: 0.25em 0.5em;
     color: #e8e3b3;
}
}


body.wgl-darkmode .messagebox.safe {
.infobox-disassembly-migration .rsw-disassembly-calc-popup-button {
     color: #e9f6e7;
     float: none;
     background-color: #1b8408;
     margin: 0.5em 0;
    border-color: #126802;
}
}


body.wgl-darkmode .messagebox.safe a,
.infobox-disassembly-migration .rsw-disassembly-calc-popup-button .oo-ui-labelElement-label {
body.wgl-darkmode .messagebox.safe a:visited,
     font-size: 0;
body.wgl-darkmode .messagebox.safe a:active {
     color: #c1e0bb;
}
}


body.wgl-darkmode .messagebox.easter {
.infobox-disassembly-migration .rsw-disassembly-calc-popup-button .oo-ui-labelElement-label:after {
     background-color: #2e5e05;
     content: "Open calculator";
     border-color: #254b04;
     font-size: 12px;
}
}


body.wgl-darkmode .messagebox.easter a,
.infobox-disassembly-migration.rsw-infobox td[colspan="2"].disassembly-materials-header:not(.infobox-image):not(.infobox-map) {
body.wgl-darkmode .messagebox.easter a:visited,
    border-top: 0;
body.wgl-darkmode .messagebox.easter a:active {
     padding: 0;
     color: #5dbf0a;
}
}


body.wgl-darkmode .messagebox.halloween {
.infobox-recipe .ref-left sup.reference {
     background-color: #6d3662;
     float: left;
     border-color: #5f2f56;
     margin-left: -0.25em;
}
}


body.wgl-darkmode .messagebox.halloween a,
.skill-info a[href$="?action=edit"] + a[href$="?action=edit"] {
body.wgl-darkmode .messagebox.halloween a:visited,
     display: none;
body.wgl-darkmode .messagebox.halloween a:active {
     color: #bf7db2;
}
}


body.wgl-darkmode .messagebox.christmas {
.infobox-bottom-links {
     background-color: #0b5884;
     clear: right;
     border-color: #03436b;
    float: right;
    font-size: xx-small;
     margin-top: -1.5em;
}
}


body.wgl-darkmode .messagebox.christmas a,
.infobox-buttons {
body.wgl-darkmode .messagebox.christmas a:visited,
    text-align: center;
body.wgl-darkmode .messagebox.christmas a:active {
    max-width: 250px;
     color: #3ea6e6;
    display: none;
     margin: 0 auto;
}
}


body.wgl-darkmode .messagebox.bigRaffle {
.infobox-buttons .button {
     background-color: #5d5641;
     margin: 0 3px;
    border-color: #631414;
}
}


body.wgl-darkmode .messagebox.bigRaffle a,
.infobox-switch-resources {
body.wgl-darkmode .messagebox.bigRaffle a:visited,
     display: none;
body.wgl-darkmode .messagebox.bigRaffle a:active {
     color: #eccf6e;
}
}


body.wgl-darkmode .messagebox.thanksgiving {
.infobox .infobox-cell-hidden {
     background-color: #7a3f08;
     display: none;
    border-color: #673507;
}
}


body.wgl-darkmode .messagebox.thanksgiving a,
.switch-infobox .switch-infobox-triggers,
body.wgl-darkmode .messagebox.thanksgiving a:visited,
.switch-infobox .loading-button {
body.wgl-darkmode .messagebox.thanksgiving a:active {
     clear: left;
     color: #f18a2a;
}
}


body.wgl-darkmode .messagebox.welcomenotice .wordmark {
.switch-infobox .switch-infobox-triggers {
     filter: none;
     padding-bottom: 0.25em;
}
}


body.wgl-darkmode .messagebox.alphabetical {
.switch-infobox .switch-infobox-triggers .trigger.button {
     border-color: #222e45;
     margin: 1px;
     background-color: #313e59;
     float: right;
}
}


body.wgl-darkmode .messagebox2 {
.infobox .nestedinfo td table {
     background: #313e59;
     min-width: 263px;
     box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
     margin: -1px;
    width: calc(100% + 2px) !important;
}
}


body.wgl-darkmode .messagebox2 .messagebox-title {
.infobox .nestedinfo td {
     color: #f1f1f1;
     width: 100%;
    padding: 0;
}
}


body.wgl-darkmode .messagebox2.warn .messagebox-header {
.infobox {
     background: #9f261e;
     border: 1px solid #aaaaaa;
     border-bottom-color: #731911;
     background-color: #f9f9f9;
    color: inherit !important;
    margin: 0 0 0.5em 0.2em !important;
    padding: 0.2em;
    float: right;
    clear: right;
}
}


body.wgl-darkmode .messagebox2.warn .messagebox-header a,
.infobox td,
body.wgl-darkmode .messagebox2.warn .messagebox-header a:visited,
.infobox th {
body.wgl-darkmode .messagebox2.warn .messagebox-header a:active {
     vertical-align: top;
     color: #f1a8a1;
}
}


body.wgl-darkmode .messagebox2.action .messagebox-header {
.infobox caption {
     background: #b55e0c;
     font-size: larger;
     border-bottom-color: #6c3807;
     padding-bottom: 10px !important;
    margin-left: 0 !important;
    color: inherit !important;
    font-weight: bold;
}
}


body.wgl-darkmode .messagebox2.action .messagebox-header a,
.infobox.bordered {
body.wgl-darkmode .messagebox2.action .messagebox-header a:visited,
     border-collapse: collapse;
body.wgl-darkmode .messagebox2.action .messagebox-header a:active {
     color: #f7bf8a;
}
}


body.wgl-darkmode .messagebox2.safe .messagebox-header {
.infobox.bordered td,
    background: #3c780a;
.infobox.bordered th {
     border-bottom-color: #274f04;
     border: 1px solid #aaaaaa;
}
}


body.wgl-darkmode .messagebox2.safe .messagebox-header a,
.infobox.bordered .borderless td,
body.wgl-darkmode .messagebox2.safe .messagebox-header a:visited,
.infobox.bordered .borderless th {
body.wgl-darkmode .messagebox2.safe .messagebox-header a:active {
     border: 0;
     color: #abf76b;
}
}


body.wgl-darkmode .messagebox2.file .messagebox-header {
.infobox ul {
     background: #246c97;
     margin: 0.3em 0 0 1.6em;
    border-bottom-color: #0f4f75;
}
}


body.wgl-darkmode .messagebox2.file .messagebox-header a,
.infobox .wikitable.mw-collapsible {
body.wgl-darkmode .messagebox2.file .messagebox-header a:visited,
    margin: -1px;
body.wgl-darkmode .messagebox2.file .messagebox-header a:active {
     width: calc(100% + 2px) !important;
     color: #a0d4f3;
}
}


body.wgl-darkmode .messagebox2.task .messagebox-header {
.infobox a.image + a.image {
     background: #246c97;
     margin-left: 3px;
    border-bottom-color: #0f4f75;
}
}


body.wgl-darkmode .messagebox2.task .messagebox-header a,
.infobox .infobox-image {
body.wgl-darkmode .messagebox2.task .messagebox-header a:visited,
    text-align: center;
body.wgl-darkmode .messagebox2.task .messagebox-header a:active {
    word-spacing: 0;
    color: #a0d4f3;
}
}


body.wgl-darkmode .messagebox2.task .messagebox-reason {
.infobox .infobox-image img {
     display: flex;
     height: inherit;
     flex-wrap: wrap;
     max-width: 250px;
}
}


body.wgl-darkmode .messagebox2.task .messagebox-reason .task-info {
.infobox td .new {
     flex: 1 0 auto;
     word-spacing: 0;
    padding-right: 1em;
}
}


body.wgl-darkmode .messagebox2.task .messagebox-reason a.mw-selflink {
.infobox input#QtyCalc {
     font-weight: normal;
     width: 50px !important;
}
}


body.wgl-darkmode .messagebox2.event .messagebox-header {
.infobox .infobox-cell-hidden {
     background: #984c89;
     display: none;
    border-bottom-color: #633159;
}
}


body.wgl-darkmode .messagebox2.event .messagebox-header a,
.infobox-bonuses.wikitable th {
body.wgl-darkmode .messagebox2.event .messagebox-header a:visited,
    padding: 0.25em 0.4em;
body.wgl-darkmode .messagebox2.event .messagebox-header a:active {
    text-align: center;
     color: #e1c1da;
    white-space: nowrap;
     width: 70px !important;
}
}


body.wgl-darkmode .messagebox2.info .messagebox-header {
.infobox-bonuses.wikitable td {
     background: #5d6773;
     text-align: center;
    border-bottom-color: #3d4651;
}
}


body.wgl-darkmode .messagebox2.info .messagebox-header a,
.infobox-bonuses.wikitable .combat-attributes {
body.wgl-darkmode .messagebox2.info .messagebox-header a:visited,
     text-align: left;
body.wgl-darkmode .messagebox2.info .messagebox-header a:active {
     color: #c8ced5;
}
}


body.wgl-darkmode .messagebox2.obsolete .messagebox-header {
.infobox-bonuses.wikitable .combat-attributes .image {
     background: #4c4c4c;
     display: inline-block;
     border-bottom-color: #2b2b2b;
     margin-right: 4px;
    width: 23px;
}
}


body.wgl-darkmode .messagebox2.obsolete .messagebox-header a,
.infotableBonuses .attribute-value {
body.wgl-darkmode .messagebox2.obsolete .messagebox-header a:visited,
     background: #f5f5f5;
body.wgl-darkmode .messagebox2.obsolete .messagebox-header a:active {
     color: #b3b3b3;
}
}


body.wgl-darkmode .messagebox2.discord .messagebox-header {
.infotableBonuses .attribute-total {
     background: #7289DA;
     background: #f2f2f2;
    border-bottom-color: #5265a5;
}
}


body.wgl-darkmode .messagebox2.discord .messagebox-header a,
.infotableBonuses .attribute-total .attribute-value {
body.wgl-darkmode .messagebox2.discord .messagebox-header a:visited,
     background: #f2f2f2;
body.wgl-darkmode .messagebox2.discord .messagebox-header a:active {
     color: #ffffff;
}
}


body.wgl-darkmode .messagebox-header {
.inventorytable {
     background: #222e45;
    background-image: url('filepath://Inventory_interface.png');
     border-width: 0 0 0.3em 0;
    background-repeat: no-repeat;
     border-bottom-color: #1b2537;
     background-position: top left;
     width: 174px;
    height: 328px;
    padding: 37px 0 42px;
     border-spacing: 0;
}
}


body.wgl-darkmode .messagebox-text {
.inventorytable td {
     border: none;
    padding: 0 !important;
     border: 0 !important;
    text-align: center;
    position: relative;
    width: 46px;
    height: 36px;
}
}


body.wgl-darkmode .usermessage {
.inventorytable .inv-quantity-text {
     background-color: #444e5a;
     top: -1px;
     border-color: #23282e;
    text-shadow: #000 1px 1px;
     color: white;
    position: absolute;
    color: yellow;
     font-family: 'RuneScape Small';
    left: 6px;
     font-size: 16px;
}
}


body.wgl-darkmode .usermessage a {
.inventorytable .inv-quantity-text.qty-100k {
     color: #a1baeb;
     color: #FFFFFF;
}
}


body.wgl-darkmode .navbox {
.inventorytable .inv-quantity-text.qty-10m {
     background: #313e59;
     color: #01FF80;
}
}


body.wgl-darkmode .navbox .navbox-title,
.inventorytable .noted-item a {
body.wgl-darkmode .navbox .navbox-footer {
    width: 32px;
     background: #222e45;
    line-height: 28px;
     border-bottom: 1px solid #172136;
    background-image: url(/images/c/cc/Note.png?37169);
    background-repeat: no-repeat;
     display: inline-block;
     background-position: center;
}
}


body.wgl-darkmode .navbox .navbox-group-title {
.inventorytable .noted-item img {
     background: #222e45;
     transform: scale(0.65);
    border-color: #172136;
}
}


body.wgl-darkmode .navbox .navbox-group-title a:visited {
table .im-task-reqs {
     color: #8cabe6;
     text-align: left;
}
}


body.wgl-darkmode .navbox .navbox-list {
table .im-task-reqs p {
     border-color: #172136;
     margin: 0.8em 0 0 0;
}
}


body.wgl-darkmode .navbox .navbox.navbox-collapsible .navbox-title {
.keypress {
     background: #222e45;
    background: #eeeeee;
    color: #333333;
    font-family: monospace;
    text-shadow: 0 1px 0 #ffffff;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0.1em;
    padding: 0.1em 0.5em;
    line-height: 1.4;
    white-space: nowrap;
     display: inline-block;
}
}


body.wgl-darkmode .text-red {
.license {
     color: #f8948a;
     background: #cfd8eb;
    border: none;
}
}


body.wgl-darkmode .text-orange {
.license th {
     color: #f9b575;
    padding-right: 0.4em;
    background-color: #617ebc;
     color: #fff;
    width: 25%;
}
}


body.wgl-darkmode .text-yellow {
.license th[colspan="2"] {
     color: #fbe062;
     font-size: 16px;
}
}


body.wgl-darkmode .text-green {
.license a {
     color: #a8de7a;
     color: #556d97;
}
}


body.wgl-darkmode .text-blue {
.musicplayer {
     color: #7cc5f0;
    border: 1px solid #e4eaee;
    font-size: 90%;
    line-height: 1.6em;
    background: #ffffff;
    -webkit-box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    max-width: 300px;
    margin: 0 0 1em 1em;
    padding: 0.75em;
     spacing: 0px;
}
}


body.wgl-darkmode .text-purple {
.musicplayer .mediaContainer {
     color: #b097e6;
     margin-top: 0.75em;
}
}


body.wgl-darkmode .text-pink {
.pronunciation {
    color: #ed9ddd;
}
}


body.wgl-darkmode .text-gray,
.pronunciation .k-options,
body.wgl-darkmode .text-grey {
.pronunciation .volume-slider,
     color: #c5d2da;
.pronunciation .volume_control,
.pronunciation .timed-text,
.pronunciation .time-disp,
.pronunciation .play_head,
.pronunciation .videoHolder {
     display: none;
}
}


body.wgl-darkmode #toc,
.pronunciation .mediaContainer,
body.wgl-darkmode .toc {
.pronunciation .k-player {
     background: #313e59;
     display: inline-block;
    width: 20px !important;
}
}


body.wgl-darkmode #toc .toctitle,
.pronunciation .k-player .control-bar {
body.wgl-darkmode .toc .toctitle {
    background: #222e45;
     border: none;
     border: none;
    background: none;
    padding: 0;
}
}


body.wgl-darkmode #toc .toctitle h2,
.pronunciation .mwPlayerContainer {
body.wgl-darkmode .toc .toctitle h2,
     background: none;
body.wgl-darkmode #toc .toctitle a,
body.wgl-darkmode .toc .toctitle a {
     color: #ffffff;
}
}


body.wgl-darkmode #toc .toclevel-1 a,
.messagebox {
body.wgl-darkmode .toc .toclevel-1 a,
    width: 65%;
body.wgl-darkmode #toc .toclevel-2 a,
    margin-left: auto;
body.wgl-darkmode .toc .toclevel-2 a {
    margin-right: auto;
     color: #cbd9f4;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 3px 3px 3px 0;
    border-left: 15px solid #90c2dd;
     background-color: #f1f1f1;
    overflow: auto;
}
}


body.wgl-darkmode #toc > ul,
.messagebox.obsolete {
body.wgl-darkmode .toc > ul {
    background-color: #cfcfcf;
     border: none;
     border-color: #464646;
}
}


body.wgl-darkmode #toc ul ul,
.messagebox.obsolete a,
body.wgl-darkmode .toc ul ul {
.messagebox.obsolete a:visited,
     border-color: #596e96;
.messagebox.obsolete a:active {
     color: #6c6c6c;
}
}


body.wgl-darkmode #toc li,
.messagebox.info {
body.wgl-darkmode .toc li {
     background-color: #ebebeb;
     list-style-type: none;
     border-color: #898989;
     list-style-image: none;
}
}


body.wgl-darkmode .mwe-math-fallback-image-inline {
.messagebox.info a,
    -webkit-filter: invert(100%);
.messagebox.info a:visited,
     filter: invert(100%);
.messagebox.info a:active {
     color: #6c6c6c;
}
}


body.wgl-darkmode .chat-options-dialogue {
.messagebox.action {
     background: #313e59;
     background-color: #cbdae2;
     border-color: #596e96;
     border-color: #45697D;
}
}


body.wgl-darkmode .coins {
.messagebox.action a,
     color: #6bc71f;
.messagebox.action a:visited,
.messagebox.action a:active {
     color: #3c5c6e;
}
}


body.wgl-darkmode .coins-pos {
.messagebox.file,
     color: #3ea6e6;
.messagebox.task {
    background-color: #cfd8eb;
     border-color: #617ebc;
}
}


body.wgl-darkmode .coins-neg {
.messagebox.file a,
     color: #ee4231;
.messagebox.task a,
.messagebox.file a:visited,
.messagebox.task a:visited,
.messagebox.file a:active,
.messagebox.task a:active {
     color: #556d97;
}
}


body.wgl-darkmode [class^="table-bg-"] .coins,
.messagebox.warn {
body.wgl-darkmode [class^="table-bg-"] .coins-pos,
    background-color: #ecd8d5;
body.wgl-darkmode [class^="table-bg-"] .coins-neg {
    border-color: #861c10;
    color: inherit;
}
}


body.wgl-darkmode blockquote {
.messagebox.warn a,
     color: inherit;
.messagebox.warn a:visited,
.messagebox.warn a:active {
     color: #861c10;
}
}


body.wgl-darkmode blockquote p:not(.quote-source) {
.messagebox.warning {
     border-color: #313e59;
    background: #fbcfa6;
    color: #7a3f08;
     border-color: #fac28e;
}
}


body.wgl-darkmode .questdetails,
.messagebox.warning a:not(.mw-selflink),
body.wgl-darkmode .trainingdetails {
.messagebox.warning a:visited,
     background-color: #313e59;
.messagebox.warning a:active {
    border: none;
     color: #b55e0c;
}
}


body.wgl-darkmode .questdetails .questdetails-header,
.messagebox.disambig {
body.wgl-darkmode .trainingdetails .questdetails-header {
    background-color: #ebebeb;
     background-color: #222e45;
    border-color: #898989;
    margin-top: 20px !important;
     margin-bottom: 30px !important;
}
}


body.wgl-darkmode .questreq ul {
.messagebox.disambig a,
     border-color: #596e96;
.messagebox.disambig a:visited,
    list-style: none;
.messagebox.disambig a:active {
     color: #6c6c6c;
}
}


body.wgl-darkmode .portal-link a {
.messagebox.safe {
     color: #cbd9f4;
     background-color: #d8f0d3;
     background-color: #313e59;
     border-color: #1b8408;
}
}


body.wgl-darkmode .portal-link a:hover {
.messagebox.safe a,
     background-color: #394661;
.messagebox.safe a:visited,
.messagebox.safe a:active {
     color: #1b8408;
}
}


body.wgl-darkmode .archive,
.messagebox.unsafe {
body.wgl-darkmode .shortcut {
     background-color: #ffee88;
     background: #313e59;
     border-color: #997700;
     border: none;
}
}


body.wgl-darkmode .documentation {
.messagebox.unsafe a,
     background-color: #313e59;
.messagebox.unsafe a:visited,
    border: none;
.messagebox.unsafe a:active {
     color: #997700;
}
}


body.wgl-darkmode .documentation pre,
.messagebox.easter {
body.wgl-darkmode .documentation code {
    background-color: #e5f9c2;
     background-color: #222e45;
     border-color: #598014;
}
}


body.wgl-darkmode .documentation-header {
.messagebox.easter a,
     background: #222e45;
.messagebox.easter a:visited,
.messagebox.easter a:active {
     color: #598014;
}
}


body.wgl-darkmode .documentation-subheader {
.messagebox.halloween {
     background: #1f293e;
     background-color: #e8d8ea;
    border-color: #794080;
}
}


body.wgl-darkmode .production-selected {
.messagebox.halloween a,
    background-color: #2e5e05;
.messagebox.halloween a:visited,
     color: #c3e8a3;
.messagebox.halloween a:active {
     color: #794080;
}
}


body.wgl-darkmode .production-selected a.mw-selflink {
.messagebox.thanksgiving {
     color: #c3e8a3;
    background-color: #f0cba8;
     border-color: #a65800;
}
}


body.wgl-darkmode .forumheader {
.messagebox.thanksgiving a,
    border-color: #222e45;
.messagebox.thanksgiving a:visited,
     background-color: #313e59;
.messagebox.thanksgiving a:active {
     color: #a65800;
}
}


body.wgl-darkmode .forumsearchbox {
.messagebox.christmas {
     color: #cbd9f4;
     background-color: #d4eaf6;
     background-color: #313e59;
     border-color: #428bb5;
}
}


body.wgl-darkmode .forumsearchbox .mw-ui-button.mw-ui-progressive:disabled {
.messagebox.christmas a,
     color: #444e5a;
.messagebox.christmas a:visited,
.messagebox.christmas a:active {
     color: #3a799d;
}
}


body.wgl-darkmode .forumlist.archive {
.messagebox.bigRaffle {
     background: transparent;
     background-color: #f1de9f;
     text-align: initial;
     border-color: #640000;
}
}


body.wgl-darkmode .official {
.messagebox.bigRaffle a,
     background: #313e59;
.messagebox.bigRaffle a:visited,
    border: none;
.messagebox.bigRaffle a:active {
     color: #640000;
}
}


body.wgl-darkmode .succession th {
.messagebox.discord {
     background: #222e45;
     background-color: #5865F2;
    border-color: #4d58d0;
    color: #ffffff;
}
}


body.wgl-darkmode .succession td {
.messagebox.discord a,
     background: #313e59;
.messagebox.discord a:visited,
.messagebox.discord a:active {
     color: #d2e5fc;
}
}


body.wgl-darkmode td.famtreeleaf {
.messagebox.discord a.external.text,
     background: #313e59;
.messagebox.discord a:visited.external.text,
.messagebox.discord a:active.external.text {
     color: #d2e5fc;
    font-style: italic;
}
}


body.wgl-darkmode .chat-options .chat-options-underline {
.messagebox.stub {
     border-color: #8cabe6;
     width: 40%;
}
}


body.wgl-darkmode .gemw-header .gemw-name a {
.messagebox.welcomenotice {
     color: #8cabe6;
     padding: 1em;
    width: 90%;
}
}


body.wgl-darkmode .gemw-header .gemw-examine,
.messagebox.welcomenotice .wordmark {
body.wgl-darkmode .gemw-header .gemw-price::after,
    filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.1));
body.wgl-darkmode .gemw-header .gemw-updated,
body.wgl-darkmode .gemw-header .gemw-time {
    color: #cbd9f4;
}
}


body.wgl-darkmode .gemw-body .gemw-section-left a,
.messagebox.hasdialogue {
body.wgl-darkmode .gemw-body .gemw-property dt {
     width: auto;
     color: #8cabe6;
}
}


body.wgl-darkmode .gemw-body .gemw-property {
.messagebox.alphabetical {
     border-color: #596e96;
    width: auto;
    font-size: 95%;
    padding: 5px 10px;
    text-align: center;
     border-radius: 5px;
    background-color: #f9f9f9;
    border: 1px solid #eee;
}
}


body.wgl-darkmode .gemw-body .gemw-links {
.wikipedia {
     color: #cbd9f4;
    border: solid #aaa 1px;
    font-size: 90%;
     background: #f9f9f9;
    padding: 4px;
    spacing: 0px;
    margin-top: 10px;
}
}


body.wgl-darkmode .fact-text {
.messagebox2 {
     color: #3ea6e6;
     background: #ffffff;
     border-color: #8cabe6;
    width: 60vw;
    max-width: 600px;
    margin: 1em auto;
     border-collapse: collapse;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
}


body.wgl-darkmode .wikipedia {
.messagebox2 + .messagebox2 {
     background: #313e59;
     margin-top: calc(-1em - 1px);
    border-color: #222e45;
}
}


body.wgl-darkmode .ajaxpoll {
.messagebox-header {
     background: #313e59;
     background: #ddedf6;
    border: 1px solid #c5e0ef;
    border-bottom: 0.3em solid #589ac1;
    display: flex;
}
}


body.wgl-darkmode .ajaxpoll .ajaxpoll-answer-vote {
.messagebox-image {
     background: #222e45;
    width: 55px;
    display: flex;
    justify-content: center;
     align-items: center;
}
}


body.wgl-darkmode .ajaxpoll .ajaxpoll-answer-vote div {
.messagebox-title {
     background: #596e96;
    line-height: 1.55em;
    font-weight: bold;
    padding: 0.6em 0.6em 0.6em 0;
     flex: 1;
}
}


body.wgl-darkmode .ajaxpoll .ajaxpoll-id-info {
.messagebox-text {
     color: #313e59;
    font-size: 0.85em;
    line-height: 1.6em;
    padding: 0.65em 0.65em 0.65em 55px;
     border: 1px solid #e4eaee;
    border-top-width: 0;
}
}


body.wgl-darkmode .poll-result-outer {
.messagebox2.warn .messagebox-header {
     background: #222e45;
     background: #feecea;
    border-color: #fdd6d2;
    border-bottom-color: #ed3523;
}
}


body.wgl-darkmode .poll-result-inner {
.messagebox2.warn .messagebox-header a {
     background: #596e96;
     color: #da2412;
}
}


body.wgl-darkmode .update-type a,
.messagebox2.action .messagebox-header {
body.wgl-darkmode .update-type a:visited {
    background: #fef0e4;
     color: #ffffff;
    border-color: #fde2cb;
     border-bottom-color: #f67e0c;
}
}


body.wgl-darkmode .update-history {
.messagebox2.action .messagebox-header a {
     background: #222e45;
     color: #d76d08;
    border-color: #313e59;
}
}


body.wgl-darkmode .ability-rotation {
.messagebox2.safe .messagebox-header {
     background-color: #222e45;
     background: #ecf8e3;
     border-color: #596e96;
    border-color: #def3cf;
     border-bottom-color: #64ba1d;
}
}


body.wgl-darkmode #revocalc-settings select {
.messagebox2.safe .messagebox-header a {
    background-color: #384766;
     color: #539b18;
    border: 1px solid #475980;
     color: #cbd9f4;
    border-radius: 2px;
}
}


body.wgl-darkmode .menaphite-script img {
.messagebox2.file .messagebox-header {
     filter: invert(100%);
     background: #e2e9f7;
    border-color: #cedaf1;
    border-bottom-color: #5675b7;
}
}


body.wgl-darkmode .discussiontable.noresults .topic,
.messagebox2.file .messagebox-header a {
body.wgl-darkmode .discussiontable.noresults .edited,
     color: #4664a4;
body.wgl-darkmode .discussiontable.noresults .edited-by,
body.wgl-darkmode .discussiontable.noresults .yg-archive {
     color: #cbd9f4;
    background-color: #313e59;
}
}


body.wgl-darkmode .discussiontable.noresults th {
.messagebox2.task .messagebox-header {
     color: #cbd9f4;
     background: #e2e9f7;
     background-color: #222e45;
    border-color: #cedaf1;
     border-bottom-color: #5675b7;
}
}


body.wgl-darkmode .discussiontable.noresults th a {
.messagebox2.task .messagebox-header a {
     color: #cbd9f4;
     color: #4664a4;
}
}


body.wgl-darkmode .discussiontable th {
.messagebox2.task .messagebox-reason {
     color: #cbd9f4;
     display: flex;
     background-color: #222e45;
     flex-wrap: wrap;
}
}


body.wgl-darkmode .discussiontable th a {
.messagebox2.task .messagebox-reason .task-info {
     color: #cbd9f4;
     flex: 1 0 auto;
    padding-right: 1em;
}
}


body.wgl-darkmode .discussiontable .topic,
.messagebox2.task .messagebox-reason a.mw-selflink {
body.wgl-darkmode .discussiontable .edited,
     font-weight: normal;
body.wgl-darkmode .discussiontable .edited-by,
body.wgl-darkmode .discussiontable .yg-archive {
     color: #cbd9f4;
    background-color: #313e59;
}
}


body.wgl-darkmode .forumactiveheader,
.messagebox2.event .messagebox-header {
body.wgl-darkmode .forumarchiveheader,
    background: #fceef9;
body.wgl-darkmode .forumoldarchives {
    border-color: #f8d8f1;
     background-color: #222e45;
     border-bottom-color: #e667ca;
}
}


body.wgl-darkmode .forumcolumnheader {
.messagebox2.event .messagebox-header a {
    background-color: #313e59;
     color: #e148c0;
     color: #cbd9f4;
}
}


body.wgl-darkmode .mainpage-recent-updates p:not(.byline),
.messagebox2.info .messagebox-header {
body.wgl-darkmode .mainpage-body h2 a,
    background: #e4eaee;
body.wgl-darkmode .mainpage-skills li a:last-child {
    border-color: #d4dee4;
    color: #cbd9f4;
    border-bottom-color: #8b96a3;
}
}


body.wgl-darkmode .tile.big-tile {
.messagebox2.info .messagebox-header a {
     background: linear-gradient(to left, rgba(49, 62, 89, 0), rgba(49, 62, 89, 0.75), #313e59 50%), url("filepath://Main page Shauny night.png") right / auto 100% no-repeat #313e59;
     color: #788493;
}
}


body.wgl-darkmode .tile.big-tile.dxp {
.messagebox2.obsolete .messagebox-header {
     background: linear-gradient(to left, rgba(49, 62, 89, 0.5), #313e59 50%), url("filepath://Lumbridge Market.png") right / auto 150% no-repeat #313e59;
     background: #eeeeee;
    border-color: #e1e1e1;
    border-bottom-color: #6f6f6f;
}
}


body.wgl-darkmode .tile.big-tile.rs-mobile {
.messagebox2.obsolete .messagebox-header a {
     background: linear-gradient(to left, rgba(49, 62, 89, 0.5), #313e59 50%), url("filepath://RuneScape Mobile promo.png") right / auto 150% no-repeat #313e59;
     color: #5e5e5e;
}
}


body.wgl-darkmode .tile.big-tile.archaeology {
.messagebox2.discord .messagebox-header {
     background: linear-gradient(to left, rgba(49, 62, 89, 0.85), rgba(49, 62, 89, 0.85)), url("filepath://Archaeology key art.png") right / 100% auto no-repeat #313e59;
     background: #5865F2;
     padding: 1.5em 2em 1em;
     border-color: #404ff0;
     text-align: center;
     border-bottom-color: #414dcd;
}
}


body.wgl-darkmode .tile.big-tile.archaeology h3#arch-countdown {
.messagebox2.discord .messagebox-header a {
     font-size: 2em;
     color: #313cb9;
}
}


body.wgl-darkmode #mw-indicator-mw-helplink a {
.messagebox2.discord .messagebox-title {
     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23cbd9f4' viewBox='0 0 24 24'%3E %3Cpath d='M12.001 2.085c-5.478 0-9.916 4.438-9.916 9.916 0 5.476 4.438 9.914 9.916 9.914 5.476 0 9.914-4.438 9.914-9.914 0-5.478-4.438-9.916-9.914-9.916zm.001 18c-4.465 0-8.084-3.619-8.084-8.083 0-4.465 3.619-8.084 8.084-8.084 4.464 0 8.083 3.619 8.083 8.084 0 4.464-3.619 8.083-8.083 8.083z'/%3E %3Cpath d='M11.766 6.688c-2.5 0-3.219 2.188-3.219 2.188l1.411.854s.298-.791.901-1.229c.516-.375 1.625-.625 2.219.125.701.885-.17 1.587-1.078 2.719-.953 1.186-1 3.655-1 3.655h1.969s.135-2.318 1.041-3.381c.603-.707 1.443-1.338 1.443-2.494s-1.187-2.437-3.687-2.437zM11 16h2v2h-2z'/%3E %3C/svg%3E");
     color: #ffffff;
}
}


body.wgl-darkmode #signupstart,
.menaphite-script {
body.wgl-darkmode #userloginprompt {
     word-spacing: 15px;
     border: none;
     width: 85%;
     background: #313e59;
}
}


body.wgl-darkmode #userloginForm input {
.menaphite-script img {
     box-shadow: none;
     padding: 0 3px;
}
}


body.wgl-darkmode .signup-realname-tip {
.menaphite-script p:first-of-type {
     color: inherit;
     margin-top: 1em;
    opacity: 0.8;
}
}


body.wgl-darkmode .mw-plusminus-pos {
.menaphite-script .js-tooltip-click {
     color: #6bc71f;
     font-size: 12px;
    border-radius: 5px;
    background-color: #898989;
    border-color: #898989;
    padding-right: 0.4em;
    margin-left: 0.5em;
}
}


body.wgl-darkmode .mw-plusminus-neg {
.thumbinner {
     color: #ee4231;
     display: flex;
    flex-direction: column;
}
}


body.wgl-darkmode .mw-plusminus-null {
.trow {
     color: #bdc5cd;
    display: flex;
    flex-direction: row;
    clear: left;
    flex-wrap: wrap;
    width: 100%;
     box-sizing: border-box;
}
}


body.wgl-darkmode.page-Special_RecentChanges .mw-rcfilters-ui-changesListWrapperWidget {
.tsingle {
     color: #cbd9f4;
     margin: 1px;
    float: left;
}
}


body.wgl-darkmode .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {
.theader {
     border-color: #596e96;
    clear: both;
    font-weight: bold;
    text-align: center;
    align-self: center;
     background-color: transparent;
    width: 100%;
}
}


body.wgl-darkmode .mw-rcfilters-ui-filterMenuHeaderWidget-header {
.thumbcaption {
     background-color: #222e45;
     background-color: transparent;
    border-color: #2f4060;
}
}


body.wgl-darkmode .mw-rcfilters-ui-menuSelectWidget-body {
.text-align-left {
     background-color: #313e59;
     text-align: left;
}
}


body.wgl-darkmode .mw-rcfilters-ui-filterMenuSectionOptionWidget {
.text-align-right {
     background-color: #172136;
     text-align: right;
}
}


body.wgl-darkmode .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
.text-align-center {
     color: #cbd9f4;
     text-align: center;
}
}


body.wgl-darkmode .mw-rcfilters-ui-itemMenuOptionWidget {
@media all and (max-width: 720px) {
    background-color: #313e59;
    .thumbinner {
}
          width: 100% !important;
          box-sizing: border-box;
          max-width: none !important;
          align-items: center;
    }


body.wgl-darkmode .mw-rcfilters-ui-itemMenuOptionWidget:hover {
    .trow {
    background-color: #384766;
          justify-content: center;
}
    }


body.wgl-darkmode .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    .tsingle {
    color: rgba(203, 217, 244, 0.75);
          float: none !important;
}
          max-width: 100% !important;
          box-sizing: border-box;
          text-align: center;
    }


body.wgl-darkmode .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child) {
    .tsingle .thumbcaption {
    border-color: #3f5073;
          text-align: left;
}
    }
 
    .trow > .thumbcaption {
          text-align: center;
    }


body.wgl-darkmode .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
    background-color: #2a354c;
}
}


body.wgl-darkmode .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.navbox {
body.wgl-darkmode .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    font-size: 0.85em;
     color: rgba(203, 217, 244, 0.4);
    background: #ffffff;
    margin: 15px auto;
    width: 100%;
     clear: both;
}
}


body.wgl-darkmode .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
.navbox:not(.navbox-collapsible) {
     color: #cbd9f4;
     box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.1);
}
}


body.wgl-darkmode .mw-rcfilters-ui-menuSelectWidget-footer {
.navbox .navbox-title {
     background-color: #222e45;
    font-size: 110%;
     border-color: #2f4060;
     background: #438ab5;
    color: #ffffff;
     text-align: center;
    padding: 3px 8px;
}
}


body.wgl-darkmode .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
.navbox .navbox-title .mw-collapsible-toggle {
     background-color: #313e59;
    font-size: 0.9em;
     border-color: #3f5073;
     margin-left: 6em;
     float: right;
}
}


body.wgl-darkmode .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
.navbox .navbox-title a {
     border-color: #596e96;
     color: #ffffff;
}
}


body.wgl-darkmode .mw-rcfilters-ui-datePopupWidget {
.navbox .navbox-title a:visited {
     border-color: #2f4060;
     color: #ffffff;
}
}


body.wgl-darkmode .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
.navbox .navbox-footer {
     color: #cbd9f4;
    background: #438ab5;
    border-top: 1px;
    text-align: center;
     font-size: smaller;
}
}


body.wgl-darkmode #editcount input[type="text"] {
.navbox .navbox-footer a {
     background-color: #384766;
     color: #ffffff;
    border: 1px solid #475980;
    color: #cbd9f4;
    padding: 2px 1px;
    border-radius: 2px;
}
}


body.wgl-darkmode #editcount table[border="1"] {
.navbox .navbox-footer a:visited {
     background: #313e59 !important;
     color: #ffffff;
    border-color: #172136 !important;
}
}


body.wgl-darkmode #editcount table[border="1"] th {
.navbox .navbox-group-title {
     background: #222e45;
     background: #f2f5f6;
     border: 1px solid #172136;
     border: 1px solid #d8e5ff;
    border-width: 0 1px 1px 0;
    font-weight: bold;
    padding: 0 10px 5px 10px;
    width: 100px;
}
}


body.wgl-darkmode #editcount table[border="1"] td {
.navbox .navbox-group-title a:visited {
     border: 1px solid #172136;
     color: #438ab5;
}
}


body.wgl-darkmode #editcount table[border="1"] tr:nth-child(odd) {
.navbox .navbox-list {
     background-color: #2c3851;
     border-bottom: 1px solid #d8e5ff;
    padding: 0 7px;
}
}


body.wgl-darkmode input#LQT-BlockTime,
.navbox .navbox-list ul {
body.wgl-darkmode input#LQT-DeleteReason,
     margin: 0;
body.wgl-darkmode input.mw-ui-input-inline {
     background-color: #384766;
    border: 1px solid #475980;
    color: #cbd9f4;
    padding: 2px 1px;
    border-radius: 2px;
}
}


body.wgl-darkmode select#namespace {
.navbox .navbox-list li {
     background-color: #384766;
     display: inline-block;
    border: 1px solid #475980;
    color: #cbd9f4;
    border-radius: 2px;
}
}


body.wgl-darkmode .mw-widget-calendarWidget-day-today {
.navbox .navbox-list li + li::before {
    background-color: #313e59;
     content: ' • ';
    color: #cbd9f4;
     white-space: nowrap;
     box-shadow: none;
     border-color: #3f5073;
}
}


body.wgl-darkmode .mw-search-profile-tabs {
.navbox .navbox-subgroup {
     background-color: #313e59;
     border-spacing: 0;
     border-color: #172136;
     width: 100%;
}
}


body.wgl-darkmode .search-types .current a {
.navbox .navbox-subgroup .navbox-group-title {
     color: #cbd9f4;
     padding-bottom: 5px;
}
}


body.wgl-darkmode #mw-searchoptions {
.navbox .navbox.navbox-collapsible {
     background-color: #313e59;
     font-size: 100%;
     border-color: #172136;
     margin: 5px 0 0;
}
}


body.wgl-darkmode #mw-searchoptions .divider {
.navbox .navbox.navbox-collapsible .navbox-title {
     border-color: #172136;
     background: #6ba5c8;
    padding: 0 8px;
}
}


body.wgl-darkmode .mw-datatable,
.navbox img {
body.wgl-darkmode .mw-datatable td,
    height: auto;
body.wgl-darkmode .mw-datatable th {
    width: auto;
     border-color: #172136;
    max-height: 1.6em;
     padding: 0 1px;
}
}


body.wgl-darkmode .mw-datatable th {
.navbox + .navbox {
     background-color: #222e45;
     margin-top: -8px;
}
}


body.wgl-darkmode .mw-datatable td,
.navbox-data {
body.wgl-darkmode .mw-datatable tr:hover td {
     display: none;
     background-color: #313e59;
}
}


body.wgl-darkmode table.mw-abuselog-details {
.navbox-data + .navbox {
     background: #313e59;
     margin-top: -8px;
    border-color: #172136;
}
}


body.wgl-darkmode table.mw-abuselog-details th {
.pathmap .wikitable.lighttable > tfoot {
     background: #222e45;
     display: none;
}
}


body.wgl-darkmode table.mw-abuselog-details th,
.pathmap table.wikitable.lighttable {
body.wgl-darkmode table.mw-abuselog-details td {
    width: auto !important;
     border-color: #172136;
    display: table-cell;
     border: none;
}
}


body.wgl-darkmode .mw-abusefilter-history-changed {
.pathmap table.wikitable.lighttable td {
     background: #9f261e;
     height: 30px;
    width: 30px;
    padding: 0 !important;
    border-bottom-width: 2px;
}
}


body.wgl-darkmode ul.fileupload-results li.ful-success {
.perk-link {
     background: #2e5e05;
     background: #09222F;
    border-radius: 111px;
    width: 35px;
    height: 35px;
    line-height: 30px;
    display: inline-table;
    margin-right: 5px;
    text-align: center;
}
}


body.wgl-darkmode ul.fileupload-results li.ful-success a {
.perk-link.perk-link-nobg {
     color: #c3e8a3;
     background: transparent;
}
}


body.wgl-darkmode .smwb-title {
.perk-link > a {
     background-color: #1e283c;
     vertical-align: middle;
    border: none;
}
}


body.wgl-darkmode .smwb-theme-light .smwb-actions {
.perk-link .perk-link-rank {
     background-color: #1e283c;
    position: relative;
    top: -26px;
    left: 5px;
    margin-bottom: -28px;
     line-height: 0;
    float: left;
}
}


body.wgl-darkmode .smwb-theme-light .smwb-factbox {
.perk-background {
     border-left-color: #1e283c;
     background: #09222F;
}
}


body.wgl-darkmode .smwb-theme-light .smwb-ifactbox {
.navbox .perk-link img {
     border-right-color: #1e283c;
     max-height: initial;
}
}


body.wgl-darkmode .smwb-propvalue {
.gizmo-interface {
     background-color: #313e59;
    background-image: url('filepath://Empty_gizmo_interface.png');
    background-repeat: no-repeat;
     min-height: 132px;
    padding: 11px 53px;
    width: 216px;
}
}


body.wgl-darkmode .smwb-propvalue .smwb-prophead,
.gizmo-interface td {
body.wgl-darkmode .smwb-ipropvalue .smwb-prophead {
    border: 0;
     background-color: #222e45;
    height: 32px;
     border-color: #172136;
    padding: 1px;
    text-align: center;
     vertical-align: middle;
     width: 32px;
}
}


body.wgl-darkmode .smwb-propvalue .smwb-propval,
.gizmo-interface.gizmo-ancient {
body.wgl-darkmode .smwb-ipropvalue .smwb-propval {
     background-image: url('filepath://Perk_calculator_background_ancient.png');
     background-color: #313e59;
     background-size: 216px;
     border-color: #172136;
}
}


body.wgl-darkmode .smwb-center {
.gizmo-interface-parts a {
     background-color: #1e283c;
     position: relative;
    border-color: #1e283c;
}
}


body.wgl-darkmode #preferences {
.gizmo-interface-parts a:hover {
     background: #313e59;
     text-decoration: none;
    border-color: #313e59;
}
}


body.wgl-darkmode #preferences fieldset {
.gizmo-interface-parts a:before {
     border-color: #8cabe6;
    color: #fff;
    content: "5";
    font-family: 'RuneScape Small';
    font-size: 12pt;
    margin-left: 1px;
    margin-top: -4px;
    position: absolute;
     text-shadow: 1px 1px 1px #000;
}
}


body.wgl-darkmode #preferences legend,
table.alternating-rows .gizmo-interface tr:nth-child(2n+1),
body.wgl-darkmode #preferences .signup-realname-tip,
table.alternating-cols .gizmo-interface td:nth-child(2n+1) {
body.wgl-darkmode #preferences .htmlform-tip {
     background: none;
     color: #cbd9f4;
}
}


body.wgl-darkmode #preftoc {
body.wgl-darkmode table.alternating-rows .gizmo-interface tr:nth-child(2n+1),
body.wgl-darkmode table.alternating-cols .gizmo-interface td:nth-child(2n+1) {
     background: none;
     background: none;
    border: none;
}
}


body.wgl-darkmode #preftoc a,
.pic-link + a,
body.wgl-darkmode #preftoc a:active {
.chathead-link + a {
     color: #8cabe6;
     margin-left: 0.25em;
}
}


body.wgl-darkmode #preftoc li {
.normal-POH {
     background: none;
     line-height: normal !important;
    border: none;
    padding-bottom: 0.25em;
}
}


body.wgl-darkmode #preftoc li.selected a {
.normal-POH a,
    background: #313e59;
.normal-POH .mw-selflink {
     color: #cbd9f4;
     color: #4c4c4c;
}
}


body.wgl-darkmode .smw-ask-otheroptions > tbody > tr {
.portal-link-wrapper {
     background: #313e59 !important;
    text-align: center;
    margin-bottom: 0.5em;
    display: flex;
    flex-wrap: wrap;
     justify-content: center;
}
}


body.wgl-darkmode .smw-ask-otheroptions > tbody > tr:nth-child(even) {
.portal-link a {
     background: #222e45 !important;
    height: 120px;
    width: 300px;
    display: inline-flex;
    justify-content: center !important;
    align-items: center !important;
    margin: 7px;
    border-radius: 5px;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1.4em;
    font-family: 'League Spartan', sans-serif;
    text-transform: uppercase;
    background-color: #fafafa;
    color: #404040;
    box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.03);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
     transition: 0.2s;
}
}


body.wgl-darkmode .smw-ask-toplinks {
.portal-link a:hover {
     background-color: #222e45;
    text-decoration: none;
     background-color: #f2f2f2;
}
}


body.wgl-darkmode .smw-ask-toplinks span.smw-icon-info {
.portal-link.wide a {
     filter: invert(1);
     width: 618px;
    opacity: 0.7;
}
}


body.wgl-darkmode #ask .smw-ask-options #options-toggle:not(:checked) + #options-list .options-parameter-list:after {
.portal-link.compact a {
     background-image: linear-gradient(to bottom, rgba(34, 46, 69, 0), #222e45 90%);
    font-size: 15px;
    height: 100px;
     width: 200px;
}
}


body.wgl-darkmode #ask .smw-ask-options .smw-table.smw-ask-options-list .smw-ask-options-row-odd {
.portal-link.short a {
     background-color: #313e59;
    font-size: 15px;
    height: 50px;
    width: 200px;
    font-variant: small-caps;
     text-transform: none;
}
}


body.wgl-darkmode #ask .smw-ask-options .smw-table.smw-ask-options-list .smw-ask-options-row-even {
.portal-link.article a {
     background-color: #222e45;
     border-top: 8px solid #90c2dd;
}
}


body.wgl-darkmode #ask .smw-tabs .smw-icon-compact,
.portal-link.article a:hover {
body.wgl-darkmode #ask .smw-tabs .smw-icon-pen {
     background-color: #90c2dd;
     filter: invert(1);
     color: #fff;
     opacity: 0.7;
}
}


body.wgl-darkmode #ask .smw-tabs input.nav-tab:checked + label.nav-label {
.portal-link.file a {
    color: #cbd9f4;
     border-top: 8px solid #617ebc;
     border-color: #596e96;
     background-color: #cfd8eb;
     border-top-color: #337ab7;
}
}


body.wgl-darkmode #ask .smw-tabs section,
.portal-link.file a:hover {
body.wgl-darkmode #ask .smw-tabs .subtab-content {
    background-color: #617ebc;
     border-color: #596e96;
     color: #fff;
}
}


body.wgl-darkmode #ask .smw-debug {
.portal-link.template a {
     background-color: #a48900 !important;
     border-top: 8px solid #898989;
     border-color: #786300 !important;
     background-color: #ebebeb;
    color: white;
}
}


body.wgl-darkmode #ask .smw-debug .smwpre {
.portal-link.template a:hover {
     background-color: #fcea94;
     background-color: #898989;
     border-color: #a48900;
     color: #fff;
}
}


body.wgl-darkmode #mw-allmessagestable .allmessages-customised .am_default {
.questdetails,
     background-color: #a48900;
.trainingdetails {
     color: #f9f9f9;
    text-align: left;
    margin: 0 auto 10px;
    padding: 1px;
     background-color: #fff;
     border: 1px solid #aaaaaa;
}
}


body.wgl-darkmode #mw-allmessagestable .allmessages-customised .am_actual {
.questdetails .questdetails-header,
     background-color: #3c780a;
.trainingdetails .questdetails-header {
     color: #f9f9f9;
    width: 15%;
    padding: 0 1em;
    font-weight: bold;
     background-color: #f2f2f2;
     vertical-align: top;
}
}


body.wgl-darkmode #mw-allmessagestable .allmessages-customised:hover .am_default {
.questdetails .questdetails-info,
     background-color: #b89a00;
.trainingdetails .questdetails-info {
    width: 85%;
     padding-left: 1em;
}
}


body.wgl-darkmode #mw-allmessagestable .allmessages-customised:hover + .allmessages-customised .am_actual {
.questreq ul {
     background-color: #458b0c;
    margin-left: 0;
    padding-left: 10px;
    list-style: none;
     border-left: 1px dotted #333333;
}
}


body.wgl-darkmode table.mw-interwikitable.body td.mw-interwikitable-local-yes {
.questreq ul ul {
     background-color: #3c780a;
     margin-left: 25px;
}
}


body.wgl-darkmode .mw-widgets-datetime-dateTimeInputWidget-handle {
.quote-source {
     background-color: #384766;
     text-align: right;
    border-color: #475980;
    color: #cbd9f4;
}
}


body.wgl-darkmode .mw-widgets-datetime-dateTimeInputWidget-editField .mw-widgets-datetime-dateTimeInputWidget-field {
.quote-source::before {
     border: none;
     content: '— ';
}
}


body.wgl-darkmode .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {
blockquote {
     background-color: #3f5073;
     color: #5d6773;
}
}


body.wgl-darkmode .mw-widgets-datetime-calendarWidget-dependent {
blockquote p:not(.quote-source) {
     background-color: #384766;
     border-left: 3px solid #e4eaee;
     border: 1px solid #475980 !important;
     padding-left: 1em;
}
}


body.wgl-darkmode .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {
.pullquote {
     background-color: #3f5073;
     border-collapse: collapse;
    border: none;
    margin: 1em auto;
}
}


body.wgl-darkmode .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button:hover {
.pullquote .quotation-mark {
     background-color: #556c9b;
    color: #949eaa;
     border: #5e76a6;
    font-size: 3em;
    font-family: serif;
    font-weight: bold;
    padding: 0.3em;
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
}


body.wgl-darkmode .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button .oo-ui-labelElement-label {
.pullquote .quotation-mark.left {
     color: #cbd9f4;
    text-align: left;
     vertical-align: top;
}
}


body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head {
.pullquote .quotation-mark.right {
     border-color: #2f4060;
    text-align: right;
     vertical-align: bottom;
}
}


body.wgl-darkmode .mw-echo-ui-overlay .oo-ui-popupWidget-head .oo-ui-iconElement-icon {
.pullquote .quotation-text {
     filter: invert(1);
    vertical-align: top;
     padding: 0.2em 0.5em;
}
}


body.wgl-darkmode .mw-echo-ui-notificationItemWidget {
.pullquote .quotation-source {
     background-color: #2a3751;
     text-align: right;
    border-color: #2f4060;
}
}


body.wgl-darkmode .mw-echo-ui-notificationItemWidget:hover {
.rsw-infobox .recolour-table {
     background: #2f3d57;
     margin: auto;
}
}


body.wgl-darkmode .mw-echo-ui-notificationItemWidget-content-message-body {
.recolour-table .rec-empty-row,
     color: #cbd9f4;
.recolour-table .rec-empty-cell {
     padding: 0;
    border: none;
}
}


body.wgl-darkmode .mw-echo-ui-notificationItemWidget-icon {
.recolour-table .rec-empty-row {
     filter: brightness(150%);
     height: 9px;
}
}


body.wgl-darkmode .mw-echo-ui-notificationItemWidget-content-message-header {
.recolour-table .rec-empty-cell {
     color: #cbd9f4;
     width: 9px;
}
}


body.wgl-darkmode .mw-echo-ui-menuItemWidget > .oo-ui-labelElement-label {
.recolour-table .rec-cell {
     color: rgba(203, 217, 244, 0.85);
     border: 2px ridge #8c8264 !important;
    padding: 0 !important;
    height: 15px;
    width: 15px;
}
}


body.wgl-darkmode .mw-echo-ui-menuItemWidget > .oo-ui-iconElement-icon {
ol.references {
     filter: invert(1);
     font-size: 100%;
}
}


body.wgl-darkmode .mw-echo-ui-crossWikiNotificationItemWidget-separator,
.references-small {
body.wgl-darkmode .mw-echo-ui-bundleNotificationItemWidget-separator {
     font-size: 90%;
     border-color: #2f4060;
}
}


body.wgl-darkmode .mw-echo-ui-crossWikiNotificationItemWidget-group,
.hideQuotes .refhide {
body.wgl-darkmode .mw-echo-ui-bundleNotificationItemWidget-group {
     display: none;
     background-color: #2a3751;
}
}


body.wgl-darkmode .mw-echo-ui-notificationItemWidget-unread {
.hideRefBacklinks .references a {
     background-color: #3e4c66;
     display: none;
}
}


@keyframes unseen-fadeout-to-unread {
.shortcut {
     from {
     background: #ffffff;
          background-color: #2f3d57;
    border: 1px solid #e4eaee;
     }
     margin: 0.5em 0 0.5em 1em;
 
    padding: 0.5em;
     to {
     text-align: center;
          background-color: #3e4c66;
    font-size: 75%;
     }
     float: right;
}


.speaksin {
    border-left: none;
    padding: 0 10px;
}
}


@keyframes unseen-fadeout-to-read {
.speaksin-title {
     from {
     text-align: center;
          background-color: #2f3d57;
     font-weight: bold;
     }
     padding: 0.3em 0;
 
    to {
          background-color: #2a3751;
     }
 
}
}


.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > body.wgl-darkmode .oo-ui-popupWidget-footer {
.speaksin-list {
     border-color: #3f5073;
    border-top: 1px solid;
    padding-top: 0.5em;
    -moz-columns: auto 2;
    -webkit-columns: auto 2;
     columns: auto 2;
}
}


body.wgl-darkmode .oo-ui-popupWidget-footer .oo-ui-buttonElement .oo-ui-buttonElement-button {
.spoiler-warning {
     background-color: #313e59;
    padding: 0.25em 1em;
    background: #9f261e;
    color: #ffffff;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
     border: 1px solid #801c13;
}
}


body.wgl-darkmode .oo-ui-popupWidget-footer .oo-ui-iconElement-icon {
.spoiler-warning p {
     filter: invert(1);
     margin: 0;
}
}


.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > body.wgl-darkmode .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
section {
     border-color: #3f5073;
     transition: filter 0.5s ease;
}
}


body.wgl-darkmode .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
section.spoiler {
     background: transparent;
     filter: blur(3px);
     box-shadow: none;
     cursor: pointer;
}
}


body.wgl-darkmode .mw-echo-ui-notificationItemWidget:last-child {
.spoiler {
     border-color: #2f4060;
     filter: blur(10px);
}
}


body.wgl-darkmode .mw-echo-ui-crossWikiUnreadFilterWidget {
.spoiler * {
     border-color: #2f4060;
     transition: filter 0.5s ease;
}
}


body.wgl-darkmode .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
.spoiler .gallerybox.spoiler-item .thumb {
     background-color: #3366cc;
     overflow: hidden;
    position: relative;
}
}


body.wgl-darkmode .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {
.spoiler .gallerybox.spoiler-item .thumb::before {
     color: #cbd9f4;
    content: "Click to reveal";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px 2px rgb(45 45 45);
    position: absolute;
    z-index: 9999;
     cursor: pointer;
}
}


body.wgl-darkmode .mw-echo-ui-pageNotificationsOptionWidget-icon .oo-ui-iconElement-icon {
.spoiler .gallerybox.spoiler-item .thumb::after {
     filter: invert(1);
     position: absolute;
    content: " ";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    cursor: pointer;
}
}


body.wgl-darkmode .mw-echo-ui-pageNotificationsOptionWidget-label-count {
.spoiler .gallerybox.spoiler-item .thumb img {
     background-color: #222e45;
     filter: blur(10px);
}
}


body.wgl-darkmode .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {
.spoiler .gallerybox.spoiler-item .gallerytext {
     background-color: #222e45;
     filter: blur(3px);
    cursor: pointer;
}
}


body.wgl-darkmode .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {
.statbox {
     color: rgba(203, 217, 244, 0.85);
    width: 197px;
    height: 280px;
    cursor: default;
    font-family: runescape;
    font-size: 16px;
    color: #ff8c00;
    text-shadow: #000 1px 1px 0;
    background-color: #000;
    background-image: url('filepath://Statstable_bg.png');
    background-repeat: no-repeat;
    border-spacing: 0;
     padding: 7px;
}
}


body.wgl-darkmode .mw-echo-ui-specialHelpMenuWidget .oo-ui-iconElement-icon,
.statbox td {
body.wgl-darkmode .mw-echo-ui-specialHelpMenuWidget .oo-ui-indicator-down {
    position: relative;
     filter: invert(1);
    background-image: url('filepath://Statstable_background.png');
    background-repeat: no-repeat;
    vertical-align: middle;
    text-align: right;
    width: 62px;
    height: 25px;
    padding: 0 10px 0 4px;
     border-spacing: 0;
}
}


body.wgl-darkmode .mw-echo-ui-specialHelpMenuWidget-menu .oo-ui-buttonWidget:hover {
.statbox td img {
     background-color: #384766;
    float: left;
    margin-bottom: -3px;
     margin-top: -1px;
}
}


body.wgl-darkmode .mw-echo-ui-specialHelpMenuWidget-menu .oo-ui-iconElement-icon {
.statbox td img[height^="1"] {
     filter: invert(1);
     margin-top: 4px;
}
}


body.wgl-darkmode .oo-ui-window-body {
.statbox td .xpbox {
     outline: none;
    display: none;
    z-index: 3;
    position: absolute;
    text-align: left;
    background-color: #0d0d0d;
    border: 1px solid #ebece6;
    color: #f5b241;
     text-shadow: none;
    padding: 2px 1px 0 1px;
    font-family: runescape;
    min-width: 119px;
    line-height: 15px;
    margin-left: 7px;
}
}


body.wgl-darkmode #mw-head.sticky-hidden {
.statbox td .xpbox span {
     background: #222e45;
     float: right;
}
}


body.wgl-darkmode .rsw-skin-toggle-popup .oo-ui-window-frame {
.statbox td:hover .xpbox {
     background: #313e59 !important;
     display: inline-block;
}
}


body.wgl-darkmode .rsw-skin-toggle-popup .appearance-modal {
.statbox td[colspan="3"] {
     color: #cbd9f4;
    background: none;
    text-align: left;
    padding: 20px 0 0 90px;
     color: #fff;
}
}


body.wgl-darkmode .rsw-skin-toggle-popup .reader-mode {
.store-table .ref-left sup.reference {
     background: #222e45;
     float: left;
    margin-left: -0.25em;
}
}


body.wgl-darkmode .rsw-skin-toggle-popup .reader-mode p {
.succession {
     color: inherit;
     width: 50%;
     opacity: 0.7;
     text-align: center;
}
}


body.wgl-darkmode .rsw-skin-toggle-popup > .oo-ui-window-frame {
.succession th {
     border-color: #172136 !important;
     width: 33%;
    font-size: 90%;
    background: #cccccc;
}
}


body.wgl-darkmode #rsw-config-background {
.succession td {
     background: rgba(23, 33, 54, 0.75);
     background: #eeeeee;
}
}


body.wgl-darkmode .rsw-tooltip {
.tabber {
     color: #cbd9f4;
     margin: 1em 0;
    background-color: #313e59;
     overflow-x: hidden;
     border-color: #596e96;
}
}


body.wgl-darkmode ol.references li:target,
.tabber .tabbertab {
body.wgl-darkmode sup.reference:target {
     background-color: #ffffff;
     background-color: #313e59;
    border: 1px solid #e4eaee;
    padding: 1em 1.5em;
    overflow-x: auto;
}
}


body.wgl-darkmode #less-modal {
ul.tabbernav {
     background: #313e59 !important;
    border: none;
     color: #cbd9f4 !important;
    line-height: 3em;
    margin-left: 2em;
    margin-bottom: -4px;
     padding: 0;
     font-family: inherit;
}
}


body.wgl-darkmode #less-modal a {
ul.tabbernav li.tabberactive a:hover {
     color: #8cabe6 !important;
     background-color: #ffffff;
}
}


body.wgl-darkmode #less-modal #less-header {
ul.tabbernav li a {
     border-color: #172136 !important;
    background: #f9fafa;
    color: #444e5a;
    font-size: 110%;
     border-color: #e4eaee;
    padding: 0.5em 1em;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    transition: 0.2s ease;
}
}


body.wgl-darkmode #less-modal #less-close {
ul.tabbernav li a:hover {
     background-color: #313e59 !important;
    background-color: #f1f3f3;
     border-color: #dbe3e8;
}
}


body.wgl-darkmode #less-overlay {
ul.tabbernav li a:link,
     background-color: rgba(25, 25, 25, 0.6) !important;
ul.tabbernav li a:visited {
     color: #444e5a;
}
}


body.wgl-darkmode table.lighttable .highlight-over,
.thgem {
body.wgl-darkmode #pengLocations .highlight-over {
    position: relative;
     background-color: #3c780a;
    display: inline-flex;
     color: #ecf8e3;
    justify-content: center;
    align-items: center;
     height: 90px;
     width: 66px;
}
}


body.wgl-darkmode table.lighttable .highlight-over a,
.thgem-number {
body.wgl-darkmode #pengLocations .highlight-over a {
    text-shadow: 1px 1px 0px black;
     color: #c3e8a3;
    font-family: 'RuneScape Small';
    font-size: 16px;
    position: absolute;
    top: 20px;
    left: 15px;
     pointer-events: none;
}
}


body.wgl-darkmode table.lighttable .highlight-on,
.thgem-common {
body.wgl-darkmode #pengLocations .highlight-on {
     background-image: url('filepath://THGem-common.png');
     background-color: #2e5e05;
    color: #ecf8e3;
}
}


body.wgl-darkmode table.lighttable .highlight-on a,
.thgem-fairly-common {
body.wgl-darkmode #pengLocations .highlight-on a {
     background-image: url('filepath://THGem-fairly-common.png');
     color: #c3e8a3;
}
}


body.wgl-darkmode .title-parenthesis {
.thgem-uncommon {
     color: inherit;
     background-image: url('filepath://THGem-uncommon.png');
    opacity: 0.75;
}
}


body.wgl-darkmode .rsw-disassembly-calc-popup-button > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon.oo-ui-icon-lightbulb {
.thgem-rare {
     opacity: 0.73;
     background-image: url('filepath://THGem-rare.png');
}
}


body.wgl-darkmode .rsw-disassembly-calc-popup-button > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon.oo-ui-icon-lightbulb {
.thgem-very-rare {
    opacity: 1;
    background-image: url('filepath://THGem-very-rare.png');
}
}


body.wgl-darkmode #rsw-disassembly-overlay table.wikitable > tr > th,
.thgem-ultra-rare {
body.wgl-darkmode #rsw-disassembly-overlay > * > tr > th {
     background-image: url('filepath://THGem-ultra-rare.png');
     background-color: #222e45;
}
}


body.wgl-darkmode #rsw-disassembly-overlay table.wikitable > tr > th,
.thgem-none {
body.wgl-darkmode #rsw-disassembly-overlay > * > tr > th,
     background-image: url('filepath://THGem-none.png');
body.wgl-darkmode #rsw-disassembly-overlay table.wikitable > tr > td,
body.wgl-darkmode #rsw-disassembly-overlay > * > tr > td {
     border-color: #172136;
}
}


body.wgl-darkmode #rsw-disassembly-overlay .rsw-discalc-priceinfo {
body.wgl-darkmode .rs-title-bg-on-dark {
     color: #cbd9f4;
     background-color: rgba(255, 255, 255, 0.6);
    padding: 2px 5px;
    border-radius: 1.5px;
}
}


body.wgl-darkmode #perkCalcCompSelect .tooltip {
body:not(.wgl-darkmode) .rs-title-bg-on-light {
     background: #222e45;
     background-color: rgba(0, 0, 0, 0.7);
     border-color: #ffffff;
    padding: 2px 5px;
     border-radius: 1.5px;
}
}


body.wgl-darkmode #GEchartpopup {
#toc,
     background: #222e45;
.toc {
     border: 1px solid #2f4060;
    font-size: 0.9em;
     background: #ffffff;
    margin-top: 0.75em;
    padding: 0;
     border: none;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
}


body.wgl-darkmode .highcharts-background,
#toc .toctitle,
body.wgl-darkmode .highcharts-plot-background {
.toc .toctitle {
     fill: transparent;
    background: #eeeeee;
    border: 1px solid #dcdcdc;
     padding: 0.25em 1em;
}
}


body.wgl-darkmode .highcharts-title,
#toc .toctitle h2,
body.wgl-darkmode .highcharts-subtitle {
.toc .toctitle h2,
     color: #cbd9f4 !important;
#toc .toctitle a,
.toc .toctitle a {
    font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
     color: #333333;
}
}


body.wgl-darkmode .highcharts-axis-title tspan {
#toc .toclevel-1 a,
     fill: #cbd9f4;
.toc .toclevel-1 a {
     color: #515151;
}
}


body.wgl-darkmode .highcharts-yaxis-grid .highcharts-grid-line,
#toc .toclevel-2 a,
body.wgl-darkmode .highcharts-tick,
.toc .toclevel-2 a {
body.wgl-darkmode .highcharts-axis-line {
     color: #777777;
     stroke: #3d527c;
}
}


body.wgl-darkmode .highcharts-axis-labels text,
#toc > ul,
body.wgl-darkmode .highcharts-range-selector-group text {
.toc > ul {
     color: #cbd9f4 !important;
    border: 1px solid #e6e6e6;
     fill: #cbd9f4 !important;
    border-top: none;
    line-height: 1.8em;
     padding: 0.75em 1.75em;
     margin: 0;
}
}


body.wgl-darkmode .highcharts-label-box {
#toc ul ul,
     stroke: #3f5073;
.toc ul ul {
     border-left: 1px dotted #cccccc;
    padding-left: 0.5em;
}
}


body.wgl-darkmode .highcharts-button-box {
.toctoggle {
     fill: #313e59;
     padding-left: 0.2em;
}
}


body.wgl-darkmode .highcharts-navigator-outline {
.tocnumber {
     stroke: #445c89;
     display: none;
}
}


body.wgl-darkmode .highcharts-scrollbar-track {
.toclimit-2 #toc .toclevel-2,
     fill: transparent;
.toclimit-3 #toc .toclevel-3,
    stroke: #3a4969;
.toclimit-4 #toc .toclevel-4,
.toclimit-5 #toc .toclevel-5,
.toclimit-6 #toc .toclevel-6,
.toclimit-7 #toc .toclevel-7 {
     display: none;
}
}


body.wgl-darkmode .highcharts-scrollbar-button,
.wikitable.towers {
body.wgl-darkmode .highcharts-scrollbar-thumb,
    display: inline-table;
body.wgl-darkmode .highcharts-navigator-handle {
    width: 160px;
     fill: #313e59;
    height: 150px;
     stroke: #4e638e;
     margin-right: 1em;
     text-align: center;
}
}


body.wgl-darkmode .highcharts-scrollbar-arrow {
.update-history {
     fill: #cbd9f4;
    max-height: 50vh;
    overflow-y: auto;
    background: #ffffff;
    padding: 1em 1.5em 0.25em;
     border: 1px solid #e4eaee;
}
}


body.wgl-darkmode .highcharts-scrollbar-rifles {
.update-history > ul {
     stroke: #cbd9f4;
     margin: 0;
}
}


body.wgl-darkmode .smw-ask-query textarea,
.update-history > ul > li {
body.wgl-darkmode .smw-ask-actions textarea {
     margin-bottom: 0.75em;
     background-color: #222e45;
     list-style: none;
     border-color: #2f4060;
    color: #cbd9f4;
}
}


body.wgl-darkmode .smw-ask-query-format select {
.update-history > ul > li > ul {
     background-color: #222e45;
     margin-bottom: 0;
    border: 1px solid #2f4060;
    color: #cbd9f4;
}
}


body.wgl-darkmode .smw-ask-sorting select,
.update-type:hover a {
body.wgl-darkmode .smw-ask-options-fields select {
     text-decoration: none;
     background-color: #1f293e;
    border: 1px solid #4c5574;
    color: #cbd9f4;
}
}


body.wgl-darkmode .smw-ask-sorting input,
.update-type a {
body.wgl-darkmode .smw-ask-options-fields input {
    color: white;
     background-color: #1f293e;
    background: #3ea6e6;
     border: 1px solid #4c5574;
    font-size: 80%;
     color: #cbd9f4;
     font-weight: bold;
     padding: 2px 1px;
     text-transform: uppercase;
     border-radius: 3px;
     padding: 2px 5px;
}
}


body.wgl-darkmode input.smw-ask-action-btn.smw-ask-action-btn-dblue {
.update-type.hidden a,
     background-color: #313e59;
.update-type.ninja a,
    border-color: #3f5073;
.update-type.nxt a {
    color: #cbd9f4;
     background: #444e5a;
}
}


body.wgl-darkmode a.smw-ask-action-btn.smw-ask-action-btn-lblue {
.update-type.patch a {
     background-color: #222e45;
     background: #6bc71f;
    border-color: #2f4060;
    color: #cbd9f4;
}
}


body.wgl-darkmode a.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {
.update-type.hotfix a,
     background-color: #222e45;
.update-type.coldfix a {
    border-color: #2f4060;
     background: #ee4231;
    color: #cbd9f4;
}
}


body.wgl-darkmode a.smw-ask-action-btn.smw-ask-action-btn-lblue:hover {
.update-type.warmfix a {
     background-color: #293753;
     background: #f7861b;
    border-color: #36496e;
    color: #cbd9f4;
}
}


body.wgl-darkmode a.smw-ask-action-btn-lgrey {
.official {
     background-color: #313e59;
     background: #ffffff;
     border-color: #3f5073;
     border: 1px solid #e4eaee;
     color: #cbd9f4;
    margin: 1em 0 1.5em;
    padding: 0.5em;
    text-align: center;
     box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
}


body.wgl-darkmode a.smw-ask-action-btn-lgrey:hover {
.context {
     background-color: #384766;
    outline-color: #aeb6bb;
     border-color: #475980;
    outline-style: solid;
     color: #cbd9f4;
    outline-width: 1px;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.25);
     display: flow-root;
    padding: 10px;
     margin: 10px auto 20px;
     max-width: 600px;
}
}


body.wgl-darkmode .smw-callout {
.legenda {
     color: #f9f9f9;
    display: flex;
    flex-wrap: wrap;
     justify-content: center;
}
}


body.wgl-darkmode .smw-callout-error {
.legenda-item {
     background-color: #9f261e;
    align-items: center;
     border-color: #9f261e;
     background-color: rgba(105, 105, 105, 0.05);
     border-left-color: #801c13;
     border: 1px solid rgba(120, 120, 120, 0.25);
     border-radius: 5px;
    display: flex;
    justify-content: center;
    margin: 4px;
    padding: 5px;
}
}


body.wgl-darkmode .smw-callout-info {
.news-embed {
     background-color: #0b5884;
     border-left: 20px #a9a9a9 solid;
     border-color: #0b5884;
     box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.25);
     border-left-color: #03436b;
    margin: auto;
     max-width: 500px;
    text-align: center;
    padding: 20px 40px;
}
}


body.wgl-darkmode .smw-callout-success {
.news-embed.reddit {
    background-color: #3c780a;
     border-left-color: #ff5516;
    border-color: #3c780a;
     border-left-color: #2e5e05;
}
}


body.wgl-darkmode .smw-callout-warning {
.news-embed.twitter {
    background-color: #b55e0c;
     border-left-color: #1da1f2;
    border-color: #b55e0c;
     border-left-color: #7a3f08;
}
}


body.wgl-darkmode .smw-tabs input.nav-tab:checked + label.nav-label {
.rs-update-section {
     color: inherit;
    border-left: solid 4px #caa522;
    padding-bottom: 10px;
     margin-bottom: 0.8em;
}
}


body.wgl-darkmode .smw-tabs input.nav-tab:checked + label.nav-label:hover {
.rs-update-section > .mw-collapsible-toggle {
     color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
    width: 100%;
    height: 300px;
    margin: 0;
     font-size: 120%;
}
}


body.wgl-darkmode #tab-smw-property-value:checked + label.nav-label .usage-count {
.rs-update-section > div:first-of-type {
     color: #ffffff;
     padding: 1.25rem;
    background-color: #596e96;
}
}


body.wgl-darkmode #tab-smw-property-value:checked + label.nav-label .usage-count.moderate {
.rs-update-section > div:first-of-type h2 .mw-headline-underline {
     color: #ffffff;
     display: none;
    background-color: #b55e0c;
    border-color: #b55e0c;
}
}


body.wgl-darkmode #tab-smw-property-value:checked + label.nav-label .usage-count.high {
.rs-update-section .mw-collapsible-content {
     color: #ffffff;
     padding: 1.25rem;
    background-color: #9f261e;
    border-color: #9f261e;
}
}


body.wgl-darkmode .smw-property-page-results .header-title {
.production-selected {
     background-color: #222e45;
     background: rgba(195, 232, 163, 0.5);
     border-bottom: 1px solid #596e96;
     color: #3c780a;
}
}


body.wgl-darkmode .smw-property-page-results .value-row:hover {
.infobox-user-stats .infobox-header {
     background-color: #384766;
     border-bottom: 0;
}
}


body.wgl-darkmode #bodyContent span.smwbrowse a:hover,
.infobox-user-stats .infobox-header a,
body.wgl-darkmode #bodyContent span.smwsearch a:hover {
.infobox-user-stats .infobox-header a:visited {
     color: #ffffff;
     color: #ffffff;
}
}


body.wgl-darkmode .tippy-tooltip.light-border-theme {
.infobox-user-stats .infobox-subheader {
     background-color: #313e59;
     border-top: 0;
     color: #cbd9f4;
}
 
.infobox-user-stats td:last-child {
     border-right: none;
}
}


body.wgl-darkmode .tippy-tooltip.light-border-theme .tippy-arrow {
.infobox-user-stats th:not(.infobox-header):not(.infobox-subheader) {
     border-top-color: #313e59;
     border: none;
}
}


body.wgl-darkmode .tippy-tooltip.light-border-theme .tippy-arrow:after {
table.wikitable {
     border-top-color: #313e59;
    color: inherit;
    background: #ffffff;
    font-size: 0.9em;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
     border: none;
}
}


body.wgl-darkmode .tippy-header {
table.wikitable > * > tr > th {
     background-color: #2b364d;
     background-color: #eeeeee;
     border-bottom-color: #222e45;
     border-color: #dcdcdc;
    line-height: 1.65em;
    padding: 0.4em;
}
}


body.wgl-darkmode .smw-factbox label#tab-label-facts-list {
table.wikitable > * > tr > td {
     background-color: #313e59;
     border-color: #e6e6e6;
     color: #cbd9f4;
     padding: 0.25em 0.45em;
    border-color: #596e96;
}
     border-bottom-color: #313e59;
 
    border-top-color: orange;
table.wikitable .header-top {
     background: #448fba;
}
}


body.wgl-darkmode .smw-factbox section#tab-content-facts-list {
table.align-left-1 td:nth-of-type(1),
     border-color: #596e96;
table.align-left-2 td:nth-of-type(2),
table.align-left-3 td:nth-of-type(3),
table.align-left-4 td:nth-of-type(4),
table.align-left-5 td:nth-of-type(5),
table.align-left-6 td:nth-of-type(6),
table.align-left-7 td:nth-of-type(7),
table.align-left-8 td:nth-of-type(8),
table.align-left-9 td:nth-of-type(9),
table.align-left-10 td:nth-of-type(10),
table.align-left-11 td:nth-of-type(11),
table.align-left-12 td:nth-of-type(12),
table.align-left-13 td:nth-of-type(13) {
     text-align: left;
}
}


body.wgl-darkmode .smw-factbox section#tab-content-facts-list .smwfact {
table.align-right-1 td:nth-of-type(1),
    background-color: #313e59;
table.align-right-2 td:nth-of-type(2),
     color: #cbd9f4;
table.align-right-3 td:nth-of-type(3),
table.align-right-4 td:nth-of-type(4),
table.align-right-5 td:nth-of-type(5),
table.align-right-6 td:nth-of-type(6),
table.align-right-7 td:nth-of-type(7),
table.align-right-8 td:nth-of-type(8),
table.align-right-9 td:nth-of-type(9),
table.align-right-10 td:nth-of-type(10),
table.align-right-11 td:nth-of-type(11),
table.align-right-12 td:nth-of-type(12),
table.align-right-13 td:nth-of-type(13) {
     text-align: right;
}
}


body.wgl-darkmode .smw-factbox section#tab-content-facts-list .smwfact .smwfacttable {
table.align-center-1 td:nth-of-type(1),
     border-top-color: #596e96;
table.align-center-2 td:nth-of-type(2),
table.align-center-3 td:nth-of-type(3),
table.align-center-4 td:nth-of-type(4),
table.align-center-5 td:nth-of-type(5),
table.align-center-6 td:nth-of-type(6),
table.align-center-7 td:nth-of-type(7),
table.align-center-8 td:nth-of-type(8),
table.align-center-9 td:nth-of-type(9),
table.align-center-10 td:nth-of-type(10),
table.align-center-11 td:nth-of-type(11),
table.align-center-12 td:nth-of-type(12),
table.align-center-13 td:nth-of-type(13) {
     text-align: center;
}
}


body.wgl-darkmode .smw-factbox section#tab-content-facts-list .smwfact .smw-table.smwfacttable .smw-table-row:nth-child(odd) {
table.alternating-rows tr:nth-child(odd),
     background-color: #2a354c;
table.alternating-cols td:nth-child(odd) {
     background: #f9f9f9;
}
}


body.wgl-darkmode .smw-factbox section#tab-content-facts-list .smwfact .smw-table.smwfacttable .smw-table-row:nth-child(even) {
.table-bg-red,
     background-color: #313e59;
.table-bg-veryrare {
     background: #fbc0ba;
    color: #801c13;
}
}


body.wgl-darkmode .calc-section-header {
.table-bg-red a:not(.mw-selflink),
     background: #172136;
.table-bg-veryrare a:not(.mw-selflink) {
     color: #9f261e;
    text-decoration: underline;
}
}


body.wgl-darkmode .calc-toc-dots {
.table-bg-orange,
     border-color: #596e96;
.table-bg-rare {
     background: #fbcfa6;
    color: #7a3f08;
}
}


body.wgl-darkmode .calc-tile-container {
.table-bg-orange a:not(.mw-selflink),
     width: 100%;
.table-bg-rare a:not(.mw-selflink) {
     color: #b55e0c;
    text-decoration: underline;
}
}


body.wgl-darkmode .calc-list {
.table-bg-yellow,
     border: 1px solid rgba(137, 142, 152, 0.075) !important;
.table-bg-uncommon {
     border-top: none;
     background: #fcea94;
     color: #786300;
}
}


body.wgl-darkmode .context {
.table-bg-yellow a:not(.mw-selflink),
     outline-color: #62686c;
.table-bg-uncommon a:not(.mw-selflink) {
     box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.7);
     color: #a48900;
    background: rgba(0, 0, 0, 0.32);
     text-decoration: underline;
}
}


body.wgl-darkmode .news-tabs {
.table-bg-green,
     border-color: #62686c;
.table-bg-common {
     box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.7);
     background: #c3e8a3;
    background: rgba(0, 0, 0, 0.32);
     color: #2e5e05;
}
}


body.wgl-darkmode .news-tabs li + li:before {
.table-bg-green a:not(.mw-selflink),
     color: #62686c;
.table-bg-common a:not(.mw-selflink) {
     color: #3c780a;
    text-decoration: underline;
}
}


body.wgl-darkmode .news-embed {
.table-bg-blue,
     background-color: #0f1624;
.table-bg-always {
     box-shadow: none;
     background: #aad9f5;
     color: #03436b;
}
}


body.wgl-darkmode .oswf-page-container,
.table-bg-blue a:not(.mw-selflink),
body.wgl-darkmode .oswf-section-header,
.table-bg-always a:not(.mw-selflink) {
body.wgl-darkmode .oswf-page-quicklinks,
     color: #0b5884;
body.wgl-darkmode .oswf-page-quicklinks-col {
    text-decoration: underline;
     border-color: #172136;
}
}


body.wgl-darkmode .oswf-page-quicklinks {
.table-bg-purple {
     background: none;
     background: #cfc0f0;
    color: #3d276b;
}
}


body.wgl-darkmode .oswf-page-container {
.table-bg-purple a:not(.mw-selflink) {
     background: #222e45;
     color: #4f348b;
    text-decoration: underline;
}
}


body.wgl-darkmode .oswf-section-header {
.table-bg-pink,
     background: #313e59;
.table-bg-random {
     background: #f5c8ec;
    color: #6d3662;
}
}


body.wgl-darkmode .oswf-section-header.oswf-page-header {
.table-bg-pink a:not(.mw-selflink),
     background: #b55e0c;
.table-bg-random a:not(.mw-selflink) {
     color: #984c89;
    text-decoration: underline;
}
}


body.wgl-darkmode .oswf-page-quicklinks-col.oswf-ql-discord {
.table-bg-gray,
     background-color: #525ee0;
.table-bg-grey,
.table-bg-default {
     background: #e4eaee;
    color: #444e5a;
}
}


body.wgl-darkmode .oswf-page-quicklinks-col.oswf-ql-discord a {
.table-bg-gray a:not(.mw-selflink),
     color: #ffffff !important;
.table-bg-grey a:not(.mw-selflink),
.table-bg-default a:not(.mw-selflink) {
     color: #5d6773;
    text-decoration: underline;
}
}


body.wgl-darkmode .js-tooltip-text {
tr.store-hist {
     color: #cbd9f4;
    opacity: 0.6;
    background: #e4eaee;
     color: #444e5a;
}
}


body.wgl-darkmode .js-tooltip-click {
tr.store-hist a:not(.mw-selflink) {
     background: #222e45;
     color: #5d6773;
     border: 2px solid #222e45;
     text-decoration: underline;
}
}


body.wgl-darkmode .js-tooltip-wrapper {
.table-na {
     background-color: #313e59;
     background: #f9f9f9;
     border: 3px solid #222e45;
    color: #aaa;
     text-align: center !important;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
}


body.wgl-darkmode .js-tooltip-arrow.js-tooltip-arrow-pointleft {
table.lighttable .highlight-over .table-na {
     border-right-color: #222e45;
     color: rgba(60, 120, 10, 0.4);
    background: #e1f4d3;
}
}


body.wgl-darkmode .js-tooltip-arrow.js-tooltip-arrow-pointright {
table.lighttable .highlight-on .table-na {
     border-left-color: #222e45;
     color: rgba(60, 120, 10, 0.55);
    background: #b6e38f;
}
}


body.wgl-darkmode .js-tooltip-close {
.mw-collapsible.mw-collapsed {
    background: #222e45;
}
}


body.wgl-darkmode .tile,
.mw-collapsible .mw-collapsible-toggle {
body.wgl-darkmode .tile-bottom,
     font-weight: normal;
body.wgl-darkmode .tile-halves {
     margin-left: 0.5em;
     background: #313e59;
     border: none;
}
}


body.wgl-darkmode .tile.dark {
.livestream-table td > .media-logo {
     color: #cbd9f4;
     filter: grayscale(0.8);
     background: #222e45;
     opacity: 0.5;
}
}


body.wgl-darkmode .tile.dark h2,
.discussiontable.noresults .topic,
body.wgl-darkmode .tile.dark h3 {
.discussiontable.noresults .edited,
     color: #cbd9f4;
.discussiontable.noresults .edited-by,
.discussiontable.noresults .yg-archive {
     color: #000000;
    background-color: #e6e6e6;
}
}


body.wgl-darkmode .tile.dark a {
.discussiontable.noresults th {
     color: #8cabe6;
     background-color: #cccccc;
}
}


body.wgl-darkmode .tile.dark .byline {
.discussiontable.noresults th a {
     color: rgba(203, 217, 244, 0.75);
     color: #000000;
}
}


body.wgl-darkmode .tile-top.tile-image {
.discussiontable th {
     background-color: #313e59;
    color: #ffffff;
     background-color: #438ab5;
}
}


body.wgl-darkmode .tile-bottom.read-more {
.discussiontable th a {
     background: #222e45;
     color: #ffffff;
}
}


body.wgl-darkmode .tile-bottom.read-more:hover {
.discussiontable th a:hover {
     background: #27344c;
     text-decoration: none;
}
}


body.wgl-darkmode .byline {
.discussiontable .topic,
     color: rgba(203, 217, 244, 0.75);
.discussiontable .edited,
.discussiontable .edited-by,
.discussiontable .yg-archive {
     color: #000000;
    background-color: #e6e6e6;
}
}


body.wgl-darkmode .oswf-tile .oswf-guidance {
.dpltable {
     border-top-color: #596e96;
     margin-top: -30px;
}
}


body.wgl-darkmode .oswf-tile .oswf-guidance .oo-ui-iconElement-icon.oo-ui-icon-expand.oo-ui-image-invert,
.dpltable td {
body.wgl-darkmode .oswf-tile .oswf-guidance .oo-ui-iconElement-icon.oo-ui-image-invert.oo-ui-icon-collapse {
     padding-left: 5px;
     filter: none;
}
}


body.wgl-darkmode .transcript {
.dpltable,
     background: #313e59;
.discussiontable {
    border-color: transparent;
     width: 100%;
}
}


body.wgl-darkmode.ns-120 .mw-parser-output > ul li,
.dpltable .topic,
body.wgl-darkmode .transcript > ul li,
.discussiontable .topic {
body.wgl-darkmode.ns-120 .mw-parser-output > ul ul li,
     width: 40%;
body.wgl-darkmode .transcript > ul ul li {
     border-left-color: #596e96;
}
}


body.wgl-darkmode.ns-120 .mw-parser-output > ul li b:first-child,
.dpltable .edited,
body.wgl-darkmode .transcript > ul li b:first-child,
.discussiontable .edited,
body.wgl-darkmode.ns-120 .mw-parser-output > ul ul li b:first-child,
.dpltable .edited-by,
body.wgl-darkmode .transcript > ul ul li b:first-child {
.discussiontable .edited-by {
     color: #cbd9f4;
     width: 30%;
}
}


body.wgl-darkmode.ns-120 .mw-parser-output > ul li:hover,
.dpltable .yg-archive,
body.wgl-darkmode .transcript > ul li:hover,
.discussiontable .yg-archive {
body.wgl-darkmode.ns-120 .mw-parser-output > ul ul li:hover,
     width: 20%;
body.wgl-darkmode .transcript > ul ul li:hover {
     border-color: #8596b7;
}
}


body.wgl-darkmode .oo-ui-window-foot.mw-kartographer-mapDialog-foot {
body.page-RuneScape_Wiki .mw-parser-output {
     background-color: #222e45;
     max-width: 75em;
     border-color: #596e96;
     margin: 0 auto;
}
}


body.wgl-darkmode .oo-ui-window-foot.mw-kartographer-mapDialog-foot .mw-kartographer-inlinefoot .mw-kartographer-captionfoot {
body.page-RuneScape_Wiki.action-view .catlinks,
     color: #cbd9f4;
body.page-RuneScape_Wiki.action-view #contentSub,
body.page-RuneScape_Wiki.action-view #firstHeading,
body.page-RuneScape_Wiki.action-view #siteNotice {
     display: none;
}
}


body.wgl-darkmode .mw-kartographer-interactive .leaflet-control-container a,
.mainpage-header {
body.wgl-darkmode .mw-kartographer-interactive .leaflet-control-container a:visited,
    display: flex;
body.wgl-darkmode .mw-kartographer-interactive .leaflet-control-container a:hover,
    margin: 2.6em 1.75em 1.5em;
body.wgl-darkmode .mw-kartographer-interactive .leaflet-control-container a:active {
    color: #222222 !important;
}
}


body.wgl-darkmode .mw-kartographer-interactive .leaflet-popup-content-wrapper {
.mainpage-header .header-intro {
     background-color: #313e59;
    flex: 2;
}
 
.mainpage-header .header-intro h1 {
    font-size: 2.5em;
    border: none;
    margin: 0 0 0.15em;
}
 
body.wgl-readermode .mainpage-header .header-intro h1 {
    font-size: 2.25em;
}
 
.mainpage-header .header-intro p {
    font-size: 1.1em;
    line-height: 1.7em;
}
 
.mainpage-header .header-stats {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -1em;
}
 
.mainpage-header .header-stats ul {
    list-style: none;
}
 
.mainpage-header .announcement {
    margin: 0.5em 0 1.5em;
}
 
.mainpage-header .announcement a {
    background: #f9fafa;
    border: 1px solid #e4eaee;
    color: #5d6773;
    font-size: 0.9em;
    line-height: 1.25em;
    padding: 0.25em 0.75em;
    border-radius: 10em;
    transition: 0.25s ease;
    display: inline-flex;
    align-items: center;
}
 
.mainpage-header .announcement a:hover {
    text-decoration: none;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
 
.mainpage-header .announcement .announcement-pill {
    background: #6bc71f;
    color: #ffffff;
    font-size: 0.85em;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 10em;
    padding: 0.1em 0.6em;
    margin: 0 0.5em 0 -0.5em;
}
 
.mainpage-header .announcement .arrow.dark {
    margin-left: 0.5em;
    filter: invert(50%);
}
 
.mainpage-body {
    display: flex;
    flex-flow: row wrap;
}
 
.mainpage-body h2 a {
    color: #444e5a;
}
 
.mainpage-body .tile {
    padding-left: 1.75em;
    padding-right: 1.75em;
    max-width: 100%;
}
 
.mainpage-body .tile-row {
    width: 100%;
    margin-bottom: 0.9rem;
}
 
.mainpage-left {
    flex: 1;
    display: flex;
    flex-flow: column wrap;
    margin-right: 0.9rem;
}
 
.mainpage-left > * {
    margin: 0 0 0.9rem;
}
 
.mainpage-center {
    flex: 1;
    display: flex;
    flex-flow: column wrap;
    margin-right: 0.9rem;
}
 
.mainpage-center > * {
    margin: 0 0 0.9rem;
}
 
.mainpage-right {
    flex: 1;
    display: flex;
    flex-flow: column wrap;
}
 
.mainpage-right > * {
    margin: 0 0 0.9rem;
}
 
.arrow {
    background: url('filepath://White-chevron.svg') no-repeat;
    display: inline-block;
    height: 0.7rem;
    width: 0.45rem;
    vertical-align: middle;
}
 
.arrow.dark {
    filter: invert(80%);
}
 
.ribbon {
    position: absolute;
    right: -0.5em;
    top: -0.5em;
    color: #ffffff;
    background: #6bc71f;
    font-size: 0.7em;
    font-weight: bold;
    letter-spacing: 0.045em;
    line-height: 2.25em;
    padding: 0 0.55em;
    border-radius: 0.35em;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    pointer-events: none;
}
 
.tile.big-tile {
    width: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), #ffffff 50%), url("filepath://Main page Shauny.png") right / auto 100% no-repeat #ffffff;
    margin-bottom: 0.9rem;
    padding-right: 8vw;
}
 
.tile.big-tile.dxp {
    background: linear-gradient(to left, rgba(255, 255, 255, 0.5), #ffffff 50%), url("filepath://Lumbridge Market.png") right / auto 150% no-repeat #ffffff;
}
 
.tile.big-tile.rs-mobile {
    background: linear-gradient(to left, rgba(255, 255, 255, 0.5), #ffffff 50%), url("filepath://RuneScape Mobile promo.png") right / auto 150% no-repeat #ffffff;
}
 
.tile.big-tile.archaeology {
    background: linear-gradient(to left, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url("filepath://Archaeology key art.png") right / 100% auto no-repeat #ffffff;
    padding: 1.5em 2em 1em;
    text-align: center;
}
 
.tile.big-tile.archaeology img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 200px;
}
 
.tile.big-tile.archaeology h3#arch-countdown {
    font-size: 2em;
}
 
.mainpage-recent-updates .tile-halves {
    flex: 1;
    align-content: flex-start;
    margin-right: 0.9rem;
}
 
.mainpage-recent-updates .tile-halves:hover .tile-top img {
    transform: scale(1.04);
}
 
.mainpage-recent-updates .tile-halves:last-child {
    margin-right: 0;
}
 
body.wgl-readermode .mainpage-recent-updates .tile-image {
    max-height: 10.5em;
}
 
.mainpage-recent-updates .tile-bottom.link-button a {
    text-align: left;
    padding: 1rem 1.5rem 0.75rem;
}
 
.mainpage-recent-updates h2 {
    margin: -0.5em 0 0.3em;
}
 
.mainpage-recent-updates p:not(.byline) {
    font-size: 0.9em;
    line-height: 1.75em;
    color: #444e5a;
}
 
.mainpage-recent-updates .jagex-promotion .byline {
    color: #855cd8;
}
 
.mainpage-contents .tile-halves {
    flex: 1;
    margin-right: 0.9rem;
}
 
.mainpage-contents .tile-halves:hover .tile-top img {
    transform: scale(1.04);
}
 
.mainpage-contents .tile-halves:last-child {
    margin-right: 0;
}
 
.mainpage-contents .tile-top {
    height: 4.5rem;
    position: relative;
}
 
.mainpage-contents .tile-top h2 a {
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 4.5rem;
    padding-left: 0.45rem;
}
 
.mainpage-contents h2 {
    margin: 0;
    padding: 0;
}
 
.mainpage-skills ul {
    columns: 1;
    margin: 1em 0.7em 0.7em 1em;
}
 
.mainpage-skills li {
    display: flex;
    margin-bottom: 0.4em;
    isolation: isolate;
}
 
.mainpage-skills li a:first-child {
    border-radius: 3px;
    padding: 4px;
    width: 25px;
    height: 25px;
}
 
.mainpage-skills li a:last-child {
    flex: 1;
    display: flex;
    align-items: center;
    color: #36414f;
    font-weight: bold;
    padding-left: 0.7em;
    text-decoration: none;
}
 
.mainpage-skills li:hover a:first-child {
    border-radius: 3px 0 0 3px;
}
 
.mainpage-skills li:hover a:last-child {
    color: rgba(255, 255, 255, 0.9);
    border-radius: 0 3px 3px 0;
}
 
.skill-agility a:first-child,
.skill-melee a:first-child {
    background: #bc483d;
}
 
.skill-agility:hover a:last-child,
.skill-melee:hover a:last-child {
    background: #932419;
}
 
.skill-ranged a:first-child {
    background: #748d36;
}
 
.skill-ranged:hover a:last-child {
    background: #4c6215;
}
 
.skill-magic a:first-child {
    background: #6274ab;
}
 
.skill-magic:hover a:last-child {
    background: #304791;
}
 
.skill-fishing a:first-child,
.skill-fletching a:first-child {
    background: #3e8e9a;
}
 
.skill-fishing:hover a:last-child,
.skill-fletching:hover a:last-child {
    background: #1a6671;
}
 
.skill-cooking a:first-child,
.skill-divination a:first-child,
.skill-thieving a:first-child {
    background: #91689e;
}
 
.skill-cooking:hover a:last-child,
.skill-divination:hover a:last-child,
.skill-thieving:hover a:last-child {
    background: #713684;
}
 
.skill-farming a:first-child,
.skill-woodcutting a:first-child {
    background: #59924f;
}
 
.skill-farming:hover a:last-child,
.skill-woodcutting:hover a:last-child {
    background: #306f25;
}
 
.skill-mining a:first-child,
.skill-summoning a:first-child {
    background: #6385a8;
}
 
.skill-mining:hover a:last-child,
.skill-summoning:hover a:last-child {
    background: #315f8d;
}
 
.skill-invention a:first-child,
.skill-smithing a:first-child {
    background: #d2b244;
}
 
.skill-invention:hover a:last-child,
.skill-smithing:hover a:last-child {
    background: #b69213;
}
 
.skill-archaeology a:first-child {
    background: #a56831;
}
 
.skill-archaeology:hover a:last-child {
    background: #784212;
}
 
.mainpage-wikinews .news-date {
    font-weight: bold;
    margin-bottom: 0.3em;
}
 
.mainpage-wikinews p:not(.news-date) {
    margin-left: 1em;
}
 
.mainpage-social {
    border: none;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}
 
.mainpage-social .tile-top {
    display: flex;
    align-items: center;
    padding: 1em 1.5em;
}
 
.mainpage-social .tile-top a {
    flex: 1;
    position: relative;
    text-decoration: none;
}
 
.mainpage-social .tile-top a:hover .arrow {
    transform: translateX(50%);
}
 
.mainpage-social .tile-bottom {
    border: none;
    padding: 1em 1.75em;
}
 
.mainpage-social .tile-bottom p {
    color: #ffffff;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin: 0;
}
 
.mainpage-social .social-icon {
    margin-right: 0.75em;
    width: 60px;
    text-align: center;
}
 
.mainpage-social .social-header {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.15em;
    margin: 0.5em 0 -0.15em;
}
 
body.wgl-readermode .mainpage-social .social-header {
    font-size: 1.05em;
}
 
.mainpage-social .social-tagline {
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0.5em;
}
 
.mainpage-social .arrow {
    position: absolute;
    top: calc(50% - .5em);
    right: 0;
    height: 1em;
    width: 0.7em;
    background-size: 0.7em 1em;
    transition: 0.3s ease-out;
}
 
.mainpage-social.mainpage-discord .tile-top {
    background: #5865F2;
}
 
.mainpage-social.mainpage-discord .tile-bottom {
    background: #525ee0;
}
 
.mainpage-social.mainpage-twitter .tile-top {
    background: #1da1f2;
}
 
.mainpage-social.mainpage-twitter .tile-bottom {
    background: #1e96e0;
}
 
.mainpage-social.mainpage-beefy .tile-top {
    background: #b92f40;
}
 
.mainpage-social.mainpage-beefy .tile-bottom {
    background: #9b2c19;
}
 
.mainpage-events .tile-top {
    background-color: #4f348b;
    color: #fff;
    padding-bottom: 0;
}
 
.mainpage-events .tile-top h2 {
    margin-bottom: 0;
    padding-bottom: 0;
}
 
.mainpage-events .tile-top a,
.mainpage-events .tile-top a:visited,
.mainpage-events .tile-top h2 a {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
}
 
.mainpage-events .tile-top .note {
    color: rgba(255, 255, 255, 0.5);
    font-style: italic;
}
 
.mainpage-events .tile-top .note a,
.mainpage-events .tile-top .note a:visited {
    color: rgba(255, 255, 255, 0.5);
}
 
.mainpage-events .tile-top ul {
    list-style: none;
    margin-top: 1em;
    margin-left: 0;
}
 
.mainpage-events .tile-top li {
    padding-bottom: 0.6em;
    overflow: auto;
}
 
.mainpage-events .tile-top li img {
    max-width: 32px;
    width: auto;
    height: auto;
}
 
.mainpage-events .tile-top li a:hover,
.mainpage-events .tile-top li a:focus {
    text-decoration: underline;
}
 
.mainpage-events .tile-top li a {
    float: left;
}
 
.mainpage-events .tile-top li a:first-child {
    width: 30px;
}
 
.mainpage-events .tile-top li a:last-child {
    padding-left: 1.5em;
    line-height: 1.5;
}
 
.mainpage-events .tile-bottom {
    border: none;
    padding: 1em 1.75em;
    background-color: #3d276b;
    color: #fff;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin: 0;
}
 
body.wgl-darkmode .mainpage-events .tile-bottom {
    background-color: #3d276b;
    color: #fff;
}
 
.mainpage-events .tile-bottom a,
.mainpage-events .tile-bottom a:visited {
    color: #fff;
    text-decoration: none;
}
 
.mainpage-events .tile-bottom .arrow {
    margin-left: 0.2em;
}
 
.mainpage-editing {
    border: none;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}
 
.mainpage-editing .tile-top {
    background: #438ab5;
}
 
.mainpage-editing .tile-bottom {
    background: #3980ab;
    border: none;
    padding: 0.8rem 1.5rem 0.4rem;
}
 
.mainpage-editing h2,
.mainpage-editing a,
.mainpage-editing a:visited,
.mainpage-editing a:active {
    color: #ffffff;
}
 
.mainpage-editing p {
    color: rgba(255, 255, 255, 0.9);
}
 
.mainpage-editing ul {
    list-style-image: url('filepath://Transparent-chevron.svg');
}
 
.mainpage-poll .ajaxpoll {
    padding: 0;
    width: 100%;
    border: none;
    box-shadow: none;
}
 
.mainpage-fimg img {
    margin: 0.7em 0 1.15em;
    -webkit-filter: drop-shadow(0 0.15em 0.25em rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0 0.15em 0.25em rgba(0, 0, 0, 0.15));
}
 
.mainpage-fimg .tile-top p:not(.byline) {
    font-size: 0.9em;
    line-height: 1.8em;
}
 
@media only screen and (max-width: 65.999rem) {
    .mainpage-recent-updates .tile-halves:last-child {
          display: none;
    }
 
    .mainpage-recent-updates .tile-halves:nth-last-child(2) {
          margin-right: 0;
    }
 
    .mainpage-recent-updates .tile-top {
          height: 18vw;
    }
 
    .mainpage-contents .tile-halves:nth-child(1),
    .mainpage-contents .tile-halves:nth-child(2),
    .mainpage-contents .tile-halves:nth-child(3) {
          margin-bottom: 0.9rem;
    }
 
    .mainpage-contents .tile-halves:nth-child(3) {
          margin-right: 0;
    }
 
    .mainpage-contents .line-break {
          width: 100%;
    }
 
    .mainpage-skills ul {
          columns: 2 9em;
    }
 
    .mainpage-skills .skill-thieving {
          display: none;
    }
 
    .mainpage-header .header-stats,
    .mainpage-onthisday {
          display: none;
    }
 
}
 
@media only screen and (min-width: 66rem) and (max-width: 81.999rem) {
    .mainpage-contents .tile-halves:last-child {
          display: none;
    }
 
    .mainpage-contents .tile-halves:nth-last-child(2) {
          margin-right: 0;
    }
 
    .mainpage-header .header-stats,
    .mainpage-contents .line-break {
          display: none;
    }
 
}
 
@media only screen and (min-width: 82rem) {
    .mainpage-header .header-intro {
          margin-right: 2em;
    }
 
    .mainpage-contents .line-break {
          display: none;
    }
 
    body.wgl-readermode .mainpage-contents .tile-halves:last-child {
          display: none;
    }
 
    body.wgl-readermode .mainpage-contents .tile-halves:nth-last-child(2) {
          margin-right: 0;
    }
 
}
 
.smw-callout-error {
    background-color: #feecea;
    border-color: #feecea;
    border-left-color: #ee4231;
}
 
.smw-callout-info {
    background-color: #e5f3fc;
    border-color: #e5f3fc;
    border-left-color: #3ea6e6;
}
 
.smw-callout-success {
    background-color: #ecf8e3;
    border-color: #ecf8e3;
    border-left-color: #6bc71f;
}
 
.smw-callout-warning {
    background-color: #fef9de;
    border-color: #fef9de;
    border-left-color: #f9d000;
}
 
.smw-property-page-results .header-title {
    color: inherit;
}
 
.page-Special_CreateAccount .firstHeading,
.page-Special_UserLogin .firstHeading {
    width: 32rem;
    margin: 1.5em auto 0.4em;
}
 
.page-Special_CreateAccount #contentSub,
.page-Special_UserLogin #contentSub {
    display: none;
}
 
.page-Special_CreateAccount .mw-ui-container,
.page-Special_UserLogin .mw-ui-container {
    width: 32rem;
    margin: 3em auto;
}
 
.page-Special_CreateAccount .mw-ui-container #userloginForm,
.page-Special_UserLogin .mw-ui-container #userloginForm {
    float: unset;
    margin: 0;
}
 
.page-Special_CreateAccount .mw-ui-container .mw-ui-vform,
.page-Special_UserLogin .mw-ui-container .mw-ui-vform {
    margin: 2.5em auto 0;
    width: 22rem;
}
 
#signupstart,
#userloginprompt {
    border: 1px solid #e4eaee;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    padding: 1.5em 2em 1em;
}
 
#userloginForm label {
    display: block;
    margin-bottom: 0.25em;
}
 
#userloginForm label[for="mw-input-captchaWord"] {
    margin-bottom: 0.5em;
}
 
.signup-realname-tip {
    color: #656565;
    font-size: 0.9em;
    margin: -0.75em 0 0.75em;
}
 
.mw-createacct-benefits-container {
    display: none;
}
 
.mw-plusminus-pos {
    color: #407813;
}
 
.mw-plusminus-neg {
    color: #b41e0f;
}
 
.client-js .mw-changeslist ul,
.client-js .mw-changeslist table.mw-enhanced-rc {
    margin-left: 0;
}
 
.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,
.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {
    margin-left: 1.5em;
}
 
.mw-changeslist-legend {
    display: none;
}
 
.mw-recentchanges-toplinks {
    font-size: 0.85em;
}
 
.mw-recentchanges-toplinks table {
    margin: 3.5em auto 2em;
}
 
.mw-rcfilters-ui-rcTopSectionWidget-topLinks-top .mw-recentchanges-toplinks table {
    margin: 0 auto 1em;
}
 
.mw-recentchanges-toplinks th {
    text-align: right;
    padding-right: 5px;
}
 
.mw-recentchanges-toplinks .speedy-delete a,
.mw-recentchanges-toplinks .speedy-move a {
    color: #ee4231;
}
 
.page-Special_RecentChanges .mw-collapsible .mw-collapsible-toggle {
    margin-left: 0;
}
 
.mw-tag-markers,
.mw-tag-markers a {
    font-weight: bold;
}
 
.mw-tag-marker-visualeditor a,
.mw-tag-marker-visualeditor-needcheck a {
    color: #e49f10;
    font-weight: normal;
}
 
#mw-searchoptions table {
    margin-right: 0;
}
 
#mw-searchoptions table:nth-child(odd) {
    border-right: 1px solid #172136;
    margin-right: 2em;
}
 
#mw-searchoptions table tr td:first-of-type {
    font-weight: bold;
}
 
#mw-searchoptions table td {
    width: 18vw;
    padding: 0;
}
 
#mw-searchoptions h4 {
    font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
}
 
.searchresult {
    line-height: 1.5;
}
 
.searchalttitle,
#mw-search-interwiki li {
    font-size: 90%;
}
 
.mw-search-result-data {
    color: inherit;
    opacity: 0.6;
}
 
.page-Special_ListFiles a.image img {
    width: inherit;
    height: inherit;
}
 
.page-Special_ListFiles .TablePager_col_thumb {
    text-align: center;
}
 
.page-Special_NewFiles .thumbimage {
    max-height: 212px !important;
    max-width: 212px !important;
    margin: 0 !important;
}
 
#editcount table[border="1"] {
    background-color: #ffffff !important;
    margin-top: 0.5em;
}
 
#editcount table[border="1"] th,
#editcount table[border="1"] td {
    padding: 0.25em 0.45em;
}
 
#editcount table[border="1"] th {
    background: #eeeeee;
    border: 1px solid #dcdcdc;
}
 
#editcount table[border="1"] td {
    border: 1px solid #e6e6e6;
}
 
#editcount table[border="1"] tr:nth-child(odd) {
    background-color: #f9f9f9;
}
 
.smwb-title {
    background-color: #eeeeee;
    border: 1px solid #dcdcdc;
    border-bottom: 0;
    font-size: 1.6em;
}
 
.smwb-title a {
    padding-left: 10px;
}
 
.smwb-factbox,
.smwb-ifactbox {
    border-collapse: collapse;
    border: 0;
}
 
.smwb-propvalue .smwb-prophead,
.smwb-ipropvalue .smwb-prophead {
    background-color: #f6f6f6;
    border: 1px solid #dcdcdc;
    font-size: 0.9em;
}
 
.smwb-propvalue .smwb-propval,
.smwb-ipropvalue .smwb-propval {
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    font-size: 0.9em;
}
 
.smwb-center {
    background-color: #f6f6f6;
    border: 1px solid #dcdcdc;
    border-top: 0;
    padding: 4px 8px;
}
 
.smwb-center a {
    padding-left: 10px;
}
 
.smwb-bottom {
    border-bottom: 0;
}
 
.watchlistredir a,
.allpagesredirect a {
    color: #888;
    font-style: italic;
}
 
.not-patrolled {
    background-color: #f9f9f9;
    border-right: 10px solid #eee;
    padding-right: 15px;
}
 
.mw-special-AbuseLog .mw-abuselog-details {
    table-layout: fixed;
    width: 100%;
}
 
.fileupload-results {
    margin-left: 0;
}
 
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {
    background-color: inherit;
}
 
.rootpage-Help_Editing:not(.action-edit) #firstHeading,
.page-Help_Editing:not(.action-edit) #firstHeading,
.rootpage-Help_Editing:not(.action-edit) #contentSub,
.page-Help_Editing:not(.action-edit) #contentSub,
.rootpage-Help_Editing .mw-parser-output,
.page-Help_Editing .mw-parser-output {
    margin-left: auto;
    margin-right: auto;
}
 
.page-Help_Editing:not(.action-edit) #firstHeading,
.page-Help_Contents:not(.action-edit) #firstHeading,
.page-Help_Editing:not(.action-edit) .mw-redirectedfrom,
.page-Help_Contents:not(.action-edit) .mw-redirectedfrom {
    display: none;
}
 
.page-Help_Editing .header-intro,
.page-Help_Contents .header-intro {
    margin: 2.6em 1.75em;
}
 
.page-Help_Editing .header-intro h1,
.page-Help_Contents .header-intro h1 {
    font-size: 2.5em;
    border: none;
    margin: 0 0 0.15em;
}
 
.page-Help_Editing .header-intro p,
.page-Help_Contents .header-intro p {
    font-size: 1.1em;
    line-height: 1.7em;
}
 
.page-Help_Editing .tile-halves,
.page-Help_Images .tile-halves {
    width: 45%;
    max-width: 30em;
    margin: 0 1em 2em;
}
 
.page-Help_Contents .header-intro {
    text-align: center;
}
 
.page-Help_Contents .tile-halves {
    min-width: 30em;
    width: 46%;
    margin: 0 2% 2em;
}
 
.page-Help_Contents .tile-halves .tile-bottom {
    text-align: center;
}
 
.color-container {
    display: flex;
    margin: 2em auto;
    width: 80%;
    max-width: 60em;
}
 
.color-column {
    flex: 1;
    margin-right: 1em;
}
 
.color-column:last-child {
    margin-right: 0;
}
 
.color-column h3 {
    padding: 0;
}
 
.color-group {
    color: #333333;
    padding: 1em 1.5em;
    transition: 0.2s ease-out;
}
 
.color-group:hover {
    transform: scale(1.03);
}
 
.color-group.dark {
    color: #ffffff;
}
 
.color-group .variable,
.color-group .hexcode {
    font-family: monospace;
    font-size: 1.1em;
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
    margin: 0;
}
 
body.wgl-readermode .color-group .variable,
body.wgl-readermode .color-group .hexcode {
    font-size: inherit;
}
 
.color-group .variable {
    font-weight: bold;
}
 
.page-RuneScape_Theme #toc a[href^="#The_quick_brown_fox"] {
    display: none;
}
 
.forumlist th.forum_title {
    padding-left: 25px;
}
 
.forumlist td {
    padding: 0;
}
 
.forumlist td span {
    display: block;
    padding-left: 15px;
    font-size: smaller;
}
 
.forumlist td span.forum_author {
    padding-left: 30px;
}
 
.forumlist td span a {
    text-decoration: none;
}
 
.forumlist .forum_edited a {
    text-decoration: none;
}
 
.forumlist .forum_title a {
    padding-left: 25px;
}
 
.forumheader {
    border-left: 15px solid #ccc;
    background-color: #f1f1f1;
    margin: 1em 0;
    padding: 12px;
}
 
.forumactiveheader,
.forumarchiveheader,
.forumoldarchives {
    background-color: #438ab5;
    color: #ffffff;
}
 
.forumoldarchives a {
    color: #ffffff;
}
 
.forumcolumnheader {
    background-color: #e6e6e6;
    color: #000000;
    text-align: left;
    padding-left: 5px;
}
 
.forumsearchbox {
    float: right;
    width: auto;
    padding: 0.5em;
    margin-left: 0.5em;
    text-align: center;
    font-size: 90%;
    background-color: #f1f1f1;
}
 
body.ns-110 #ca-talk {
    display: none;
}
 
.calc-container {
    display: block;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    margin-top: -52px;
    column-count: auto;
    column-width: 491px;
    column-fill: balance;
    column-gap: 52px;
    column-rule: dashed 1px rgba(137, 142, 152, 0.1);
}
 
.calc-container .calc-tile-divider:first-child {
    margin-bottom: 0px;
}
 
body.wgl-stickyheader .calc-container {
    margin-top: -92px;
}
 
body.wgl-stickyheader .calc-sticky .calc-section-header {
    top: 40px;
}
 
body.wgl-stickyheader .calc-tile-divider {
    margin-bottom: -92px;
}
 
body.wgl-stickyheader .calc-tile-container {
    padding-top: 118px;
}
 
body.wgl-stickyheader .calc-header-title > h2 {
    grid-template-rows: 0px 172px;
    margin-top: -117px !important;
    height: 172px;
}
 
body.wgl-stickyheader .calc-header-title > h2 > span {
    grid-template-rows: 117px 55px;
}
 
.calc-section-header {
    position: relative;
    top: 0px;
    padding-top: 1em;
    background: #fbfbfb;
    z-index: 5;
}
 
.calc-section-header > h1 {
    margin-top: 0;
    margin-bottom: 0;
}
 
.calc-sticky .calc-section-header {
    position: sticky !important;
}
 
.calc-toc {
    padding-top: 13px;
    padding-bottom: 13px;
}
 
.calc-toc-section {
    position: relative;
    display: grid;
    grid-template-columns: 144px 1fr;
    margin-bottom: 0px;
}
 
.calc-toc-section > p {
    grid-column-start: 1;
    grid-column-end: span 1;
    margin: 0;
    line-height: 34px;
    text-align: right;
    padding-right: 21px;
    font-size: 1em;
    font-weight: bold;
}
 
.calc-toc-dots {
    position: absolute;
    top: 34px;
    bottom: 26px;
    right: 0px;
    grid-column-start: 1;
    grid-column-end: span 1;
    border-right: 1px dotted #cccccc;
    text-align: right;
    margin-right: 29px;
}
 
.calc-toc-list {
    grid-column-start: 2;
    grid-column-end: span 1;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
}
 
.calc-toc-list-item {
    position: relative;
    min-width: 193px;
    width: 193px;
    max-width: 193px;
    height: 34px;
    margin-right: 8px;
    margin-bottom: 8px;
    line-height: 34px;
    padding-left: 34px;
    padding-right: 6px;
    color: #ffffff;
    text-shadow: 1px 1px #0006;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
 
.calc-toc-list-item > a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
 
.calc-toc-list-item > img {
    position: absolute;
    top: 6.5px;
    left: 6.5px;
    width: 21px;
    height: 21px;
}
 
.calc-tile-divider {
    margin-bottom: -52px;
}
 
.calc-tile-container {
    display: inline-block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding: 0;
    padding-top: 78px;
    padding-bottom: 0.25rem;
     background: none !important;
    width: calc(100% - 2px);
}
 
@supports ( break-inside: avoid-column ) {
    .calc-tile-container {
          display: block;
    }
 
}
 
.calc-header-title {
    text-shadow: 1px 1px #0006;
    height: 55px;
    margin-left: 5px;
    grid-column-start: 2;
    grid-column-end: span 1;
    min-width: 0;
    color: rgba(255, 255, 255, 0.9);
    z-index: inherit;
}
 
.calc-header-title > h2 {
    color: inherit !important;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 21px;
    line-height: 55px;
    display: grid;
    grid-template-rows: 0px 132px;
    margin-top: -77px !important;
    height: 132px;
}
 
.calc-header-title > h2 > span {
    display: inline-grid;
    grid-template-rows: 77px 55px;
    height: 0px;
    grid-row-start: 1;
    grid-row-end: span 1;
}
 
.calc-header-title > h2 > span > span {
    grid-row-start: 2;
    grid-row-end: span 1;
}
 
.calc-header-title > h2 > .mw-headline-headanchor {
    grid-row-start: 1;
    grid-row-end: span 1;
}
 
.calc.tile {
    position: relative;
    margin: 0;
    padding: 0;
    min-width: 100%;
    height: unset;
    z-index: 0;
}
 
.calc .keyword {
    font-size: 1.125em;
    font-weight: bold;
}
 
.calc-header {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 1;
    grid-row-end: span 1;
    display: grid;
    grid-template-columns: 55px minmax(0, max-content) max-content 1fr 68px;
    position: relative;
    top: 0;
    width: 100%;
    height: 55px;
    background: transparent;
    z-index: 2;
}
 
.calc-header-background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
 
.calc-header-background > img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
 
.calc-header-icon {
    grid-column-start: 1;
    grid-column-end: span 1;
    min-width: 55px;
    width: 55px;
    max-width: 55px;
    min-height: 55px;
    height: 55px;
    max-height: 55px;
    z-index: inherit;
}
 
.calc-header-icon > img {
    object-fit: contain;
    min-width: 25px;
    width: 25px;
    max-width: 25px;
    min-height: 25px;
    height: 25px;
    max-height: 25px;
    padding: 15px;
}
 
.calc-header-title-semantics {
    display: none;
}
 
.calc-header-command {
    margin-left: 10px;
    grid-column-start: 3;
    grid-column-end: span 1;
    height: 55px;
    line-height: 55px;
    z-index: inherit;
}
 
.calc-list {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 2;
    grid-row-end: span 1;
    padding: 0px;
    padding-top: 4px;
    padding-bottom: 5.5px;
}
 
.calc-list-item {
    position: relative;
    display: grid;
    grid-template-columns: [thumb] min-content [main] 1fr [key] max-content;
    grid-template-rows: min-content min-content;
    width: auto;
    padding: 8.5px;
    margin: 0;
    border-bottom: 1px solid rgba(137, 142, 152, 0.075);
}
 
.calc-list-item:last-child {
    border-bottom-color: transparent;
}
 
.calc-list-item-thumbnail {
    grid-column-start: thumb;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 2;
    margin-left: 5.5px;
    width: 44px;
    height: 52.8px;
    margin-right: 14px;
    padding-top: 8.5px;
}
 
.calc-list-item-thumbnail > img {
    min-width: 44px;
    width: 44px !important;
    max-width: 44px;
    min-height: 44px;
    height: 44px !important;
    max-height: 44px;
    object-fit: contain;
    object-position: center 0;
    grid-row-start: 2;
    grid-row-end: span 1;
}
 
.calc-list-item-key {
    width: 28px;
    grid-column-start: key;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 1;
    margin-left: 8.5px;
}
 
.calc-list-item-key > img {
    position: absolute;
    top: 8.5px;
    right: 8.5px;
}
 
.calc-list-item-title {
    grid-column-start: main;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 1;
    padding-left: 8px;
    text-indent: -8px;
}
 
.calc-list-item-desc {
    grid-column-start: main;
    grid-column-end: span 1;
    grid-row-start: 2;
    grid-row-end: span 1;
    margin-left: 8px;
    text-indent: 0px;
}
 
.oswf-page-container {
    width: 100%;
    border-radius: 0.5em;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #e4eaee;
    background: #ffffff;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
 
.oswf-page-container .mw-headline-underline {
    display: none;
}
 
.oswf-page-container .oswf-tile {
    max-width: 35em;
    padding: 0;
    border-color: #3c780a;
}
 
.oswf-page-container .oswf-tile.oswf-tile-complete {
    order: 10;
    border-color: #9f261e;
}
 
.oswf-page-container .oswf-tile.oswf-tile-complete .oswf-tile-banner {
    background: #9f261e;
}
 
.oswf-page-container .oswf-tile.oswf-tile-complete .oswf-tile-content {
    opacity: 0.5;
}
 
.oswf-page-container .oswf-tile .oswf-tile-banner {
    padding: 0.5em 2em;
    background: #3c780a;
    color: #ffffff;
}
 
.oswf-page-container .oswf-tile .oswf-tile-content {
    padding: 1.5em 2em 1.5em;
}
 
.oswf-section-header {
    padding: 0.25em 2em;
    background: #eeeeee;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top: 1px solid #e4eaee;
    border-bottom: 1px solid #e4eaee;
    justify-content: space-between;
}
 
.oswf-section-header h2,
.oswf-section-header h5 {
    padding: 0;
    margin: 0.3em 0;
}
 
.oswf-section-header.oswf-page-header {
    background: #f7861b;
    border-radius: 0.5em 0.5em 0 0;
    border: none;
}
 
.oswf-section-header.oswf-page-header h2,
.oswf-section-header.oswf-page-header h5 {
    color: #ffffff;
    padding: 0;
    margin: 0.5em 0;
}
 
.oswf-page-section {
    padding: 1em 2em;
}
 
.oswf-page-section p:last-child,
.oswf-page-section.rules-section ul {
    margin-bottom: 0;
}
 
.oswf-page-quicklinks {
    padding: 0 2em;
    background: #f9fafa;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #e4eaee;
}
 
.oswf-page-quicklinks .oswf-page-quicklinks-col {
    padding: 0.5em 1em 0.5em 0;
    border-right: 1px solid #e4eaee;
}
 
.oswf-page-quicklinks .oswf-page-quicklinks-col p,
.oswf-page-quicklinks .oswf-page-quicklinks-col h5 {
    margin: 0;
    padding: 0;
}
 
.oswf-page-quicklinks .oswf-page-quicklinks-col:not(:first-child) {
    padding-left: 1em;
}
 
.oswf-page-quicklinks .oswf-page-quicklinks-col.oswf-ql-discord {
    background: #5865F2;
}
 
.oswf-page-quicklinks .oswf-page-quicklinks-col.oswf-ql-discord a,
.oswf-page-quicklinks .oswf-page-quicklinks-col.oswf-ql-discord h5 {
    color: #ffffff;
}
 
.oswf-page-quicklinks .oswf-page-quicklinks-col.oswf-ql-discord img {
    margin-right: 0.3em;
}
 
.oswf-text-primary {
    color: #f7861b;
}
 
.pvm-toc-list-item {
    position: relative;
    min-width: 265px;
    width: 265px;
    max-width: 265px;
    height: 34px;
    margin-right: 8px;
    margin-bottom: 8px;
    line-height: 34px;
    color: #ffffff;
    text-shadow: 1px 1px #0006;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 6px;
}
 
.pvm-toc-list-item > img {
    width: 21px;
    height: 21px;
    padding-right: 6px;
}
 
.pvm-toc-list-item > a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
 
.pvm-toc-list-item > .pvm-toc-list-item-extra {
    padding-left: 6px;
}
 
.jcConfig,
.jcCookies,
.jcSub {
    display: none;
}
 
.jsCalc-field-buttonselect .oo-ui-buttonSelectWidget {
    display: flex;
    flex-flow: row wrap;
    margin-top: -0.2em;
}
 
.jsCalc-field-buttonselect .oo-ui-buttonSelectWidget > .oo-ui-buttonOptionWidget {
    margin-top: 0.2em;
    white-space: nowrap;
}
 
.oo-ui-horizontalLayout.jsCalc-group > *:last-child::after,
.jcTable .oo-ui-horizontalLayout.jsCalc-group > *:last-child::after,
.jcTable .oo-ui-horizontalLayout.jsCalc-group .jsCalc-field.oo-ui-fieldLayout::after {
    clear: both;
    content: '';
    display: block;
}
 
.oo-ui-horizontalLayout.jsCalc-group {
    overflow-y: visible;
}
 
#SkillCalcForm .jcSubmit {
    margin: 0 auto;
    display: block;
    padding-top: 10px;
}
 
#slayWeightCalcForm #slayWeightCalcForm-slayWeightCalcResult-master > div.oo-ui-optionWidget.oo-ui-buttonElement > a.oo-ui-buttonElement-button {
    padding-left: 2em;
    min-height: 2em;
    background-position: 0.3em center;
    background-size: auto 1.8em;
    background-repeat: no-repeat;
}
 
#slayWeightCalcForm [title="Turael/Spria"],
#slayWeightCalcForm [title="Turael"] {
    background-image: url("/images/7/74/Turael_chathead.png?47c6b");
}
 
#slayWeightCalcForm [title="Mazchna/Achtryn"],
#slayWeightCalcForm [title="Mazchna"] {
    background-image: url("/images/c/c0/Mazchna_chathead.png?ad9aa");
}
 
#slayWeightCalcForm [title="Vannaka"] {
    background-image: url("/images/4/48/Vannaka_chathead.png?d5d5a");
}
 
#slayWeightCalcForm [title="Chaeldar"] {
    background-image: url("/images/7/78/Chaeldar_chathead.png?05f70");
}
 
#slayWeightCalcForm [title="Sumona"] {
    background-image: url("/images/c/c6/Sumona_chathead.png?ade4f");
}
 
#slayWeightCalcForm [title="Duradel/Lapalok"],
#slayWeightCalcForm [title="Duradel"] {
    background-image: url("/images/1/13/Duradel_chathead.png?67b9b");
}
 
#slayWeightCalcForm [title="Kuradal"] {
    background-image: url("/images/a/a9/Kuradal_chathead.png?3370f");
}
 
#slayWeightCalcForm [title="Mandrith"] {
    background-image: url("/images/a/a1/Mandrith_chathead.png?591f9");
}
 
#slayWeightCalcForm [title="Morvran"] {
    background-image: url("/images/0/06/Morvran_chathead.png?c7318");
}
 
#slayWeightCalcForm [title="Laniakea"] {
    background-image: url("/images/f/f3/Laniakea_chathead.png?bdbe1");
}
 
.popVoyagesProgressContainer {
    background-color: #393939;
    background-image: url("/images/e/e8/RS_prog_bar_bg.svg?1016c");
    background-repeat: repeat;
    border-image: url("/images/5/53/RS_prog_bar_border.svg?fe10a");
    border-image-slice: 2 3 3 3;
    border-color: #5e5e5e;
    border-style: solid;
    border-width: 2px 3px 3px 3px;
    position: relative;
    width: 165px;
}
 
.popVoyagesProgressBar {
    background-image: url("/images/5/54/RS_green_prog_bar.svg?48a13");
    background-color: #5c8945;
    height: 19px;
    position: absolute;
}
 
.popVoyagesProgressPercent {
     color: #cbd9f4;
     color: #cbd9f4;
    display: table;
    line-height: 15px;
    margin: 0 auto;
    position: sticky;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#popVoyagesCalcForm #popVoyagesCalcForm-popVoyagesCalcResult-farthestRegion > div.oo-ui-optionWidget.oo-ui-buttonElement > a.oo-ui-buttonElement-button {
    padding-left: 2.1em;
    padding-right: 0.5em;
    min-height: 2em;
    background-position: 0.3em center;
    background-size: auto 1.4em;
    background-repeat: no-repeat;
}
#popVoyagesCalcForm [title="The Arc"] {
    background-image: url("/images/d/d7/Bamboo_icon.png?05f2d");
}
#popVoyagesCalcForm [title="The Skull"] {
    background-image: url("/images/4/49/Gunpowder_icon.png?d695f");
}
#popVoyagesCalcForm [title="The Hook"] {
    background-image: url("/images/e/e7/Slate_icon.png?43cdd");
}
#popVoyagesCalcForm [title="The Scythe"] {
    background-image: url("/images/c/cc/Cherrywood_icon.png?71a41");
}
#popVoyagesCalcForm [title="The Bowl"] {
    background-image: url("/images/b/be/Jade_icon.png?aef27");
    padding-left: 2.3em !important;
}
#popVoyagesCalcForm [title="The Pincers"] {
    background-image: url("/images/9/97/Stainless_steel_icon.png?91858");
}
#popVoyagesCalcForm [title="The Pincers"] {
    background-image: url("/images/9/97/Stainless_steel_icon.png?91858");
}
#popVoyagesCalcForm [title="The Loop"] {
    background-image: url("/images/0/0f/Terracotta_icon.png?b3411");
}
#popVoyagesCalcForm [title="The Shield"] {
    background-image: url("/images/2/20/Azure_icon.png?600e1");
    padding-left: 1.6em !important;
}
.rsw-chartjs.rsw-chartjs-config {
    display: none;
}
.rsw-chartjs.rsw-chart-error {
    font-family: monospace;
}
.gemw-container {
    width: 90%;
    max-width: 60em;
    margin: 4em auto;
}
.gemw-header {
    display: flex;
    border-left-width: 0.25em;
    border-left-style: solid;
    padding-left: 1em;
    margin-bottom: 3em;
}
.gemw-header.positive {
    border-color: #6bc71f;
}
.gemw-header.negative {
    border-color: #ee4231;
}
.gemw-header.unchanged {
    border-color: #3ea6e6;
}
.gemw-header .gemw-section-left {
    flex: 1;
    margin-right: 2em;
}
.gemw-header .gemw-image {
    float: left;
    margin: 0.5em 1em 0 0;
}
.gemw-header .gemw-name {
    font-size: 1.15em;
    font-weight: bold;
    margin-bottom: 0;
}
.gemw-header .gemw-name a {
    color: #444e5a;
}
.gemw-header .gemw-examine {
    color: #949eaa;
    font-size: 1.05em;
    font-style: italic;
    margin-bottom: 0;
}
.gemw-header .gemw-price {
    display: inline-block;
    font-size: 2.75em;
    font-weight: bold;
}
.gemw-header .gemw-price::after {
    content: ' coins';
    color: #949eaa;
    font-size: 1rem;
    font-weight: normal;
    word-spacing: 0.25em;
}
.gemw-header .gemw-change {
    display: inline-block;
    font-size: 1rem;
    font-weight: bold;
    margin-left: 2em;
    word-spacing: 0.5em;
}
.gemw-header .gemw-change img {
    vertical-align: baseline;
}
.gemw-header .gemw-section-right {
    text-align: right;
}
.gemw-header .gemw-updated {
    line-height: 1.5em;
}
.gemw-header .gemw-time {
    font-weight: bold;
}
.gemw-body {
    display: flex;
}
.gemw-body .gemw-section-left {
    width: 40%;
    margin-right: 2em;
}
.gemw-body .gemw-section-left dl {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: -1.25em;
}
.gemw-body .gemw-section-left > div {
    margin-top: 2em;
}
.gemw-body .gemw-section-left a {
    color: #949eaa;
}
.gemw-body .gemw-property {
    width: 30%;
    border-top: 0.15em dotted #e4eaee;
    padding-top: 0.25em;
    margin-bottom: 1.5em;
}
.gemw-body .gemw-property dt {
    color: #949eaa;
    font-weight: normal;
}
.gemw-body .gemw-property dd {
    font-weight: bold;
    margin: -0.25em 0 0;
}
.gemw-body .gemw-links {
    color: #949eaa;
    margin-bottom: 0.35em;
}
.gemw-body .gemw-section-right {
    width: 60%;
}
.gemw-body .gemw-section-right .highcharts-container {
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
.gemw-container.gemw-historical .gemw-header.positive,
.gemw-container.gemw-historical .gemw-header.negative,
.gemw-container.gemw-historical .gemw-header.neutral,
.gemw-container.gemw-historical .gemw-header.unchanged {
    border-color: black;
}
.gemw-container.gemw-historical .gemw-header .gemw-time .jsPurgeLink {
    display: none;
}
.gemw-container.gemw-historical .gemw-header .gemw-section-left:after {
    content: "This is a historical item no longer available on the Grand Exchange. The data is preserved here as an archive.";
    font-style: italic;
}
#overlay {
    background-attachment: scroll;
    background-color: #000;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    border-width: 0;
    display: none;
    height: 2500px;
    left: 0;
    margin: 0;
    opacity: 0.7;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
}
#modal,
#GEchartpopup {
    background: #fff;
    border: 3px solid #000;
    color: #000;
    font-size: 10pt;
    left: 0;
    padding: 10px;
    position: fixed;
    top: 150px;
    width: 975px;
    z-index: 52;
}
#GEchartpopup {
    min-width: 700px;
    min-height: 525px;
    width: 85%;
    height: 80%;
    left: 7%;
    top: 10%;
    overflow: auto;
}
#GEchartpopup #closepopup {
    float: right;
    margin-bottom: 5px;
    z-index: 100;
}
#GEchartpopup #itemstats {
    bottom: 50px;
    font-size: 11px;
    position: absolute;
    right: 45px;
    width: 200px;
    z-index: 10;
}
#GEchartpopup #itemstats caption {
    cursor: pointer;
    text-align: right;
}
#GEpopupchart {
    height: 500px;
    margin-right: 100px;
}
.highcharts-container .highcharts-range-selector {
    font-size: 11px;
}
.GEPermLink {
    float: right;
    font-size: 14px;
}
.GEPermLink ~ .GEdatachart {
    clear: right;
}
form[id^="chartProperties"] button {
    margin: 3px;
}
.smallChart .highcharts-range-selector {
    display: none;
}
.smallChart .highcharts-button title + rect {
    display: none;
}
.smallChart .highcharts-title {
    white-space: nowrap !important;
}
.smallChart .zoomButton,
.smallChart svg > text:first-of-type,
.smallChart .highcharts-input-group {
    display: none;
}
.smallChart .highcharts-scrollbar,
.mediumChart .highcharts-scrollbar {
    display: none;
}
#rsw-exchange-overlay .oo-ui-popupWidget-anchor {
    z-index: 101;
}
#rsw-exchange-overlay .oo-ui-labelElement-label {
    font-weight: bold;
}
.oo-ui-textInputWidget input,
.oo-ui-textInputWidget > .oo-ui-labelElement-label {
    line-height: initial;
}
body.wgl-stickyheader .oo-ui-defaultOverlay,
body.wgl-stickyheader.skin-vector .oo-ui-windowManager-modal > .oo-ui-dialog,
body.wgl-stickyheader.skin-vector .ve-ui-overlay-global {
    z-index: 501;
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
    background-color: #dfe2e6;
    border-color: #d7dadd;
}
.oo-ui-image-destructive.oo-ui-icon-clear,
.mw-ui-icon-clear-destructive::before {
    background-image: url(/load.php?format=rasterized&image=clear&lang=en-gb&modules=oojs-ui.styles.icons-interactions&skin=vector&variant=destructive&version=1xdd7g0);
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Cg fill=%22%23d33%22%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d=%22M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24l-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z%22/%3E%3C/g%3E%3C/svg%3E");
}
.rs-ex-modal .oo-ui-window-frame {
    width: 600px !important;
    height: 540px !important;
}
.rs-ex-modal .oo-ui-flaggedElement-primary {
    margin-left: 15px;
}
#rs-ex-status {
    color: #949eaa;
    margin: 10px 15px 5px;
}
#rs-ex-form .oo-ui-fieldsetLayout-header {
    font-family: 'PT Serif', 'Palatino', 'Georgia', serif;
    font-size: 1.3em;
    margin: 0 15px 10px;
}
#rs-ex-form .oo-ui-fieldsetLayout-group {
    margin-bottom: 15px;
}
#rs-ex-form .oo-ui-fieldLayout-header {
    width: 15%;
    margin-right: 23px;
}
#rs-ex-form .oo-ui-fieldLayout-field {
    width: 70%;
}
#rs-ex-form .oo-ui-fieldLayout-help {
    margin-right: 1em;
    margin-left: -1.8em;
}
#rs-ex-icon .oo-ui-labelElement-label {
    padding-right: 0;
}
#rs-ex-icon .oo-ui-inputWidget-input {
    padding-left: 33px !important;
}
#repairForm {
    padding: 7px;
}
#repairForm .oo-ui-fieldLayout-header {
    width: 45%;
}
#repairForm .oo-ui-fieldLayout-header .oo-ui-labelElement-label {
    margin-top: 3px;
}
#repairForm .oo-ui-fieldLayout-field {
    width: 50%;
}
#repairForm .jsCalc-field-submit .oo-ui-buttonElement,
#repairForm .jsCalc-field-autosubmit .oo-ui-toggleSwitchWidget {
    margin: 0 auto;
    display: block;
    padding-top: 5px;
}
#repairForm .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
    display: none;
}
.ve-ui-overlay {
    font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
}
.ve-ui-mwSaveDialog-license {
    line-height: 1.65em;
}
.ve-ui-mwSaveDialog-savePanel .mw-summary-preview {
    border-bottom: 1px solid #cccccc;
    line-height: 1.65em;
    padding-bottom: 1em;
    margin-bottom: 1.5em;
}
[data-diff-action='remove'],
table[data-diff-action='remove'] > caption,
figure[data-diff-action='remove'] > figcaption {
    background: #fbc0ba !important;
    box-shadow: 0 0 0 1px #fbc0ba;
}
del[data-diff-action='remove'],
[data-diff-action='remove'] > del {
    text-decoration: initial;
}
[data-diff-action='insert'],
table[data-diff-action='insert'] > caption,
figure[data-diff-action='insert'] > figcaption {
    background: #c3e8a3 !important;
    box-shadow: 0 0 0 1px #c3e8a3;
}
.qc-in-progress {
    display: inline-block;
    background: #f9d000;
    width: 0.75em;
    height: 0.75em;
    border-radius: 50%;
}
.qc-table .quest-completed {
    background-color: #c3e8a3;
}
.qc-table .quest-started {
    background-color: #fcea94;
}
.seealso {
    margin: 0.8em 1.6em;
    font-style: italic;
}
.seealso + .seealso {
    margin-top: -0.8em;
}
.level-up-table td li {
    padding: 0 10px 0 10px;
}
.level-up-table ul {
    list-style-type: disc;
}
.level-up-table .lvlupmem {
    background: #f6ab58;
    color: #582e00;
}
.level-up-table .lvlupfree {
    background: #98e553;
    color: #245200;
}
.sic {
    color: #15F;
    font-style: italic;
    cursor: help;
    border-bottom: dotted 1px black;
}
.nowraplinks a {
    white-space: nowrap;
}
.boldlinks a {
    font-weight: bold;
}
.center,
.centre {
    display: block;
    text-align: center;
}
.center table,
table.center,
.centre table,
table.centre {
    margin: 0 auto;
}
.right table,
span.right {
    float: right;
}
.left table,
span.left {
    float: left;
}
.small {
    font-size: smaller;
}
.non-mobile-hide {
    display: none;
}
.sg-red,
.nocell {
    background: #ecccc6;
    color: #861c10;
}
.sg-yellow,
.maybecell {
    background: #f3f0b0;
    color: #6e5d45;
}
.sg-green,
.yescell {
    background: #c3ebc5;
    color: #506553;
}
.sg-red a,
.sg-yellow a,
.sg-green a,
.nocell a,
.maybecell a,
.yescell a {
    color: #04f;
}
ul.smalllistmargin,
.smalllistmargin ul,
ol.smalllistmargin,
.smalllistmargin ol {
    margin-left: 1.5em;
}
#spreport {
    border: 1px solid #808080;
    padding: 10px;
    text-align: center;
}
.mw-dismissable-notice-close-parent {
    min-height: 1em;
}
.rcsitenotice-dismiss {
    float: right;
    font-weight: normal;
}
table.wikitable + table.wikitable {
    margin-top: -1px;
}
#file img,
table.filehistory img {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGElEQVQYV2N4DwX/oYBhgARgDJjEAAkAAEC99wFuu0VFAAAAAElFTkSuQmCC) repeat;
}
table.filehistory button img,
#file button img {
    background: none;
}
.catlinks {
    background: #ffffff;
    border: 1px solid #e4eaee;
    padding: 8px 15px;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
.ns-0 #charmguide + div + form .mw-summary,
.ns-0 #charmguide + div + form .module_content {
    display: none;
}
#mw-content-text q:before {
    content: open-quote;
}
#mw-content-text q:after {
    content: close-quote;
}
td.famtreesub {
    margin: 0;
    padding: 0;
}
td.famtreesub table {
    border-spacing: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}
td.famtreesub table td {
    height: 1em;
    width: 1em;
}
td.famtreeleaf {
    background: #dfdfdf;
    padding: 0.2em;
}
.status-active {
    background-color: #98e553;
    color: #245200;
}
.status-active a {
    color: inherit !important;
}
.status-inactive {
    background-color: #ececec;
    color: #777777;
}
.status-inactive a {
    color: inherit !important;
}
.clickpic a.image {
    margin-left: 2px !important;
    margin-right: 2px !important;
    line-height: 34px;
    vertical-align: middle;
}
.TH_Gem-common img,
.TH_Gem-fairly-common img,
.TH_Gem-rare img,
.TH_Gem-uncommon img,
.TH_Gem-very-rare img,
.TH_Gem-none img {
    image-rendering: pixelated;
}
.accent {
    background-color: transparent !important;
}
.smwprops {
    width: 80% !important;
    max-width: 500px;
    white-space: nowrap;
    overflow: auto;
    display: inline-block;
}
.prewrap p {
    white-space: pre-wrap;
}
.mw-editsection,
.mw-editsection-like {
    font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .inventory-image {
          image-rendering: -moz-crisp-edges;
          image-rendering: pixelated;
          image-rendering: crisp-edges;
    }
    .navbox .inventory-image {
          image-rendering: auto;
    }
}
.update-redirect {
    text-align: center;
    background: #fffbf1;
    border: 1px solid #909090;
    font-weight: 600;
    font-size: 2em;
    line-height: 1em;
    padding: 1em;
    color: #000 !important;
}
.update-redirect.nuke {
    margin-bottom: 25%;
}
.text-red {
    color: #c22010;
}
.text-orange {
    color: #bf6007;
}
.text-yellow {
    color: #ad9000;
}
.text-green {
    color: #478515;
}
.text-blue {
    color: #1980bf;
}
.text-purple {
    color: #5c2dbb;
}
.text-pink {
    color: #dd32b8;
}
.text-gray,
.text-grey {
    color: #6b7787;
}
body.wgl-darkmode-transition,
.wgl-darkmode-transition * {
    transition-property: all;
    transition-duration: 1s;
}
#p-personal ul {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-end;
}
#pt-skin-toggles {
    order: -4;
}
#utcdate {
    order: -3;
}
#pt-rsnews {
    order: -2;
}
}


body.wgl-darkmode .mw-kartographer-interactive .leaflet-popup-tip {
#pt-events {
     border-top-color: #313e59;
     order: -1;
}
}


body.wgl-darkmode .hover-text {
.discord-aff-line img {
     border-bottom-color: #cbd9f4;
     filter: invert(45%) sepia(4%) saturate(6018%) hue-rotate(192deg) brightness(83%) contrast(107%);
}
}

Latest revision as of 00:09, 12 August 2023

/* <pre> */
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap);
@font-face { 
    font-family: 'IBM Plex Sans';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('filepath://IBMPlexSans-Regular.woff') format('woff');
}

@font-face { 
    font-family: 'IBM Plex Sans';
    font-weight: normal;
    font-style: italic;
    font-display: swap;
    src: url('filepath://IBMPlexSans-Italic.woff') format('woff');
}

@font-face { 
    font-family: 'IBM Plex Sans';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url('filepath://IBMPlexSans-Bold.woff') format('woff');
}

@font-face { 
    font-family: 'IBM Plex Sans';
    font-weight: bold;
    font-style: italic;
    font-display: swap;
    src: url('filepath://IBMPlexSans-BoldItalic.woff') format('woff');
}

@font-face { 
    font-family: 'PT Serif';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('filepath://PT-Serif_Regular.woff') format('woff');
}

@font-face { 
    font-family: 'PT Serif';
    font-weight: normal;
    font-style: italic;
    font-display: swap;
    src: url('filepath://PT-Serif_Italic.woff') format('woff');
}

@font-face { 
    font-family: 'PT Serif';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url('filepath://PT-Serif_Bold.woff') format('woff');
}

@font-face { 
    font-family: 'PT Serif';
    font-weight: bold;
    font-style: italic;
    font-display: swap;
    src: url('filepath://PT-Serif_Bold-Italic.woff') format('woff');
}

@font-face { 
    font-family: 'RuneScape';
    font-style: normal;
    font-weight: normal;
    src: local("RuneScape Chat 2"),
         local("RuneScape Chat"),
         url('filepath://RuneScape.woff') format('woff');
}

@font-face { 
    font-family: 'RuneScape';
    font-style: normal;
    font-weight: bold;
    src: local("RuneScape Chat Bold 2"),
         local("RuneScape Chat Bold"),
         url('filepath://RuneScape_Bold.woff') format('woff');
}

@font-face { 
    font-family: 'RuneScape Small';
    font-style: normal;
    font-weight: normal;
    src: local("RuneScape Small"),
         url('filepath://RuneScape_Small.woff') format('woff');
}

@font-face { 
    font-family: 'RuneScape Classic';
    font-style: normal;
    font-weight: normal;
    src: local("RuneScape Classic"),
         url('filepath://RuneScape_Classic.woff') format('woff');
}

@font-face { 
    font-family: 'KingthingsPetrock';
    font-style: normal;
    font-weight: normal;
    src: local("Kingthings Petrock"),
         url('filepath://Kingthings_Petrock-webfont.woff') format('woff');
}

@font-face { 
    font-family: 'MuseoSans';
    font-style: normal;
    font-weight: normal;
    src: local("Museo Sans"),
         url('filepath://Museo_Sans_500.woff') format('woff');
}

@font-face { 
    font-family: 'League Spartan';
    font-style: normal;
    font-weight: bold;
    src: local("League Spartan"),
         url('filepath://Leaguespartan-bold.woff') format('woff');
}

/* a,
image a {
    color: #327ba7;
} */

/* a:visited,
image a:visited,
a:active,
image a:active {
    color: #327ba7;
} */

a.new,
image a.new {
    color: #ba0000;
}

a.new:visited,
image a.new:visited {
    color: #ba0000;
}

div.vectorTabs li a,
div.vectorMenu li a,
#mw-panel .portal .body li a,
div.vectorTabs li a:visited,
div.vectorMenu li a:visited,
#mw-panel .portal .body li a:visited,
div.vectorTabs li a:active,
div.vectorMenu li a:active,
/* #mw-panel .portal .body li a:active {
    color: #327ba7;
} */

div.vectorTabs li.new a,
div.vectorMenu li.new a,
#mw-panel .portal .body li.new a,
div.vectorTabs li.new a:visited,
div.vectorMenu li.new a:visited,
#mw-panel .portal .body li.new a:visited,
div.vectorTabs li.new a:active,
div.vectorMenu li.new a:active,
/*#mw-panel .portal .body li.new a:active {
    color: #ba0000;
} */

/* .mw-body-content a.external,
.mw-body-content a.extiw {
    color: #3869bb;
}

.mw-body-content a.external:visited,
.mw-body-content a.extiw:visited,
.mw-body-content a.external:active,
.mw-body-content a.extiw:active {
    color: #3869bb;
} */

.jsPurgeLink a.external {
    color: #327ba7;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
}

.mw-body {
    color: #36414f;
    background-color: #fbfbfb;
}

.mw-body-content {
    font-size: 0.9em;
    line-height: 1.75;
}

.mw-body-content p {
    margin: 0 0 0.8em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #444e5a;
    border-color: #e4eaee;
}

h1 {
    font-weight: bold;
}

h2 {
    border: none;
}

.mw-body h1,
.mw-body-content h1,
.mw-body-content h2,
.mw-body-content h3,
.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6 {
    font-family: 'PT Serif', 'Palatino', 'Georgia', serif;
    margin-bottom: 0.3em;
}

.mw-body h1,
.mw-body-content h1,
.mw-body-content h2 {
    padding: 0 0 0.15em;
}

.mw-parser-output h2:first-of-type {
    clear: left;
}

pre,
code,
pre.mw-code.mw-script {
    color: inherit;
    background-color: #ffffff;
    border-color: #e4eaee;
    overflow: auto;
}

ul {
    list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
}

.mw-content-ltr ul {
    margin-top: 0;
    margin-bottom: 0.8em;
}

.mw-content-ltr ul ul {
    margin-bottom: 0;
}

.mw-content-ltr ol {
    margin: 0 0 0.8em 2em;
}

.mw-content-ltr ol ol {
    margin-bottom: 0;
}

table.wikitable ul,
table.wikitable ol {
    margin-bottom: 0;
}

dl {
    margin: 0;
}

dd {
    min-width: 17.85em;
}

hr {
    border-color: #e4eaee;
    border-style: solid;
    border-width: 1px 0 0 0;
    height: initial;
}

div.thumbinner {
    border: 1px solid #e4eaee;
    background: none;
    padding: 0;
}

html .thumbimage {
    border: none;
}

html .thumbcaption {
    color: #5d6773;
    background: #ffffff;
    border-top: 1px solid #e4eaee;
    padding: 0.4em 0.6em;
    box-sizing: border-box;
    word-wrap: break-word;
}

.thumbcaption .magnify {
    display: none;
}

.article-thumb {
    padding: 2px;
}

li.gallerybox div.thumb {
    background: #ffffff;
    border-color: #e4eaee;
}

div.gallerytext {
    color: #5d6773;
    font-size: 0.85em;
    line-height: 1.6em;
}

div.gallerytext p {
    margin: 0.5em 0;
}

.gallery-image-wrapper {
    border: none !important;
}

.gallery-bg .gallerybox .thumb,
.gallery-bg.mw-gallery-packed .gallerybox .thumb,
.gallery-bg-1 .gallerybox:nth-of-type(1) .thumb,
.gallery-bg-2 .gallerybox:nth-of-type(2) .thumb,
.gallery-bg-3 .gallerybox:nth-of-type(3) .thumb,
.gallery-bg-4 .gallerybox:nth-of-type(4) .thumb,
.gallery-bg-5 .gallerybox:nth-of-type(5) .thumb,
.gallery-bg-6 .gallerybox:nth-of-type(6) .thumb,
.gallery-bg-7 .gallerybox:nth-of-type(7) .thumb,
.gallery-bg-8 .gallerybox:nth-of-type(8) .thumb,
.gallery-bg-9 .gallerybox:nth-of-type(9) .thumb,
.gallery-bg-10 .gallerybox:nth-of-type(10) .thumb {
    background-color: #5d6773;
    overflow: hidden;
}

.gallery-bg .gallerybox img,
.gallery-bg-1 .gallerybox:nth-of-type(1) img,
.gallery-bg-2 .gallerybox:nth-of-type(2) img,
.gallery-bg-3 .gallerybox:nth-of-type(3) img,
.gallery-bg-4 .gallerybox:nth-of-type(4) img,
.gallery-bg-5 .gallerybox:nth-of-type(5) img,
.gallery-bg-6 .gallerybox:nth-of-type(6) img,
.gallery-bg-7 .gallerybox:nth-of-type(7) img,
.gallery-bg-8 .gallerybox:nth-of-type(8) img,
.gallery-bg-9 .gallerybox:nth-of-type(9) img,
.gallery-bg-10 .gallerybox:nth-of-type(10) img {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

#filetoc {
    background: #ffffff;
    border: 1px solid #e4eaee;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 1.5em;
}

.gallery-inv-items img {
    image-rendering: pixelated;
}

#mw-content-text .mw-userlink[title="User:Abuse filter"],
#mw-content-text .mw-userlink[title="User:New user message"],
#mw-content-text .mw-userlink[title="User:Cresbot"],
#mw-content-text .mw-userlink[title="User:Gaz GEBot"] {
    color: #f7861b;
}

#mw-content-text .mw-userlink[title="User:AesBot"],
#mw-content-text .mw-userlink[title="User:AvocadoBot"],
#mw-content-text .mw-userlink[title="User:Bot2Pla"],
#mw-content-text .mw-userlink[title="User:Botsey"],
#mw-content-text .mw-userlink[title="User:BrenBot"],
#mw-content-text .mw-userlink[title="User:Cåmdroid"],
#mw-content-text .mw-userlink[title="User:CapitalWillowBot"],
#mw-content-text .mw-userlink[title="User:CephBot"],
#mw-content-text .mw-userlink[title="User:CookBot"],
#mw-content-text .mw-userlink[title="User:Dalek AWB"],
#mw-content-text .mw-userlink[title="User:Gaz Bot"],
#mw-content-text .mw-userlink[title="User:HabbletAWB"],
#mw-content-text .mw-userlink[title="User:HaidroBot"],
#mw-content-text .mw-userlink[title="User:HawkBot"],
#mw-content-text .mw-userlink[title="User:Iiii I I I's sockpuppet"],
#mw-content-text .mw-userlink[title="User:JaydenBot"],
#mw-content-text .mw-userlink[title="User:MAGE-BOT-R"],
#mw-content-text .mw-userlink[title="User:Merds Bot"],
#mw-content-text .mw-userlink[title="User:Michabotbot"],
#mw-content-text .mw-userlink[title="User:MrBot"],
#mw-content-text .mw-userlink[title="User:MuudyBot"],
#mw-content-text .mw-userlink[title="User:NBottinger"],
#mw-content-text .mw-userlink[title="User:NexBot"],
#mw-content-text .mw-userlink[title="User:NXTGenBot"],
#mw-content-text .mw-userlink[title="User:Riblet15 bot account"],
#mw-content-text .mw-userlink[title="User:ScuzzBot"],
#mw-content-text .mw-userlink[title="User:Sir KITT"],
#mw-content-text .mw-userlink[title="User:SparkyKittyBot"],
#mw-content-text .mw-userlink[title="User:TailsBot"],
#mw-content-text .mw-userlink[title="User:Trahaearn automaton"] {
    color: #e874cf;
}

#mw-content-text .mw-userlink[title="User:JagexKieren"],
#mw-content-text .mw-userlink[title="User:JagexPebble"],
#mw-content-text .mw-userlink[title="User:JagexRyan"],
#mw-content-text .mw-userlink[title="User:Jagex Stu"],
#mw-content-text .mw-userlink[title="User:Jimwip"],
#mw-content-text .mw-userlink[title="User:Kelvin"],
#mw-content-text .mw-userlink[title="User:Mod Ave"],
#mw-content-text .mw-userlink[title="User:Mod Breezy"],
#mw-content-text .mw-userlink[title="User:Mod Jam"],
#mw-content-text .mw-userlink[title="User:Ramen"],
#mw-content-text .mw-userlink[title="User:Mod Sukotto"],
#mw-content-text .mw-userlink[title="User:Starieeena"] {
    background: url('filepath://Jagex_moderator_crown.png') left no-repeat;
    padding-left: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #mw-content-text .mw-userlink[title="User:JagexKieren"],
    #mw-content-text .mw-userlink[title="User:JagexPebble"],
    #mw-content-text .mw-userlink[title="User:JagexRyan"],
    #mw-content-text .mw-userlink[title="User:Jagex Stu"],
    #mw-content-text .mw-userlink[title="User:Jimwip"],
    #mw-content-text .mw-userlink[title="User:Kelvin"],
    #mw-content-text .mw-userlink[title="User:Mod Ave"],
    #mw-content-text .mw-userlink[title="User:Mod Breezy"],
    #mw-content-text .mw-userlink[title="User:Mod Jam"],
    #mw-content-text .mw-userlink[title="User:Ramen"],
    #mw-content-text .mw-userlink[title="User:Mod Sukotto"],
    #mw-content-text .mw-userlink[title="User:Starieeena"] {
          image-rendering: -moz-crisp-edges;
          image-rendering: pixelated;
          image-rendering: crisp-edges;
    }

}

#viewingold-warning,
#viewingnew-warning {
    background: #ffffff;
    border: 1px solid #e4eaee;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.4em;
    margin: 1em 0 0.5em;
    padding: 0.75em 1.5em;
}

#mw-revision-reason {
    font-style: italic;
}

#mw-revision-nav {
    text-align: center;
}

div.mw-warning-with-logexcerpt,
#sp-contributions-footer {
    background-color: #ffffff;
    border: 1px solid #e4eaee;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

div.mw-warning-with-logexcerpt {
    padding: 1em 1.5em;
}

#sp-contributions-footer {
    font-size: 0.9em;
    text-align: center;
    padding: 1em 1.5em 0.5em;
    margin-top: 1.5em;
}

.warningbox {
    padding: 1.5em 2em;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

#mw-anon-edit-warning {
    font-size: 0.9em;
    padding: 1.5em 2em 0.75em;
}

#mw-anon-edit-warning .editwarning-title {
    font-size: 1.2em;
    margin-bottom: 0.4em;
}

.mw-editform #editpage-copywarn {
    line-height: 1.6em;
    padding: 0 0 0.5em;
}

.mw-warning {
    color: #705000;
    border: 1px solid #fde29b;
    background-color: #fdf1d1;
    box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.1);
    margin: 1em 5em;
}

#pagehistory {
    margin: 15px 0;
    list-style: none;
}

#pagehistory li {
    padding: 1px 10px;
    border-color: transparent;
}

#pagehistory li.selected {
    border: 1px solid #e4eaee;
    background: #ffffff;
}

#pagehistory .mw-history-histlinks {
    padding-right: 5px;
}

#pagehistory .mw-userlink {
    font-weight: bold;
}

#mw-history-compare > div:first-of-type {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fbfbfb;
    border-bottom: 1px solid #e4eaee;
    padding: 0.25em 0;
}

.wgl-stickyheader #mw-history-compare > div:first-of-type {
    top: 2.75em;
}

.updatedmarker {
    color: #2e5e05;
    background-color: #c3e8a3;
    padding: 0 5px;
    border-radius: 3px;
    display: inline-block;
}

.updatedmarker::first-letter {
    text-transform: capitalize;
}

body.wgl-stickyheader.action-view .mw-headline:target::before {
    display: block;
    content: '';
    margin-top: -3rem;
    height: 3rem;
    visibility: hidden;
    pointer-events: none;
}

#contentSub {
    margin-left: 0;
}

.smwfact {
    display: none;
}

body.wgl-stickyheader .mw-notification-area {
    padding-top: 4.5em;
}

body.wgl-stickyheader .postedit-container {
    top: 4.5em;
}

.subpages + .mw-redirectedfrom {
    display: block;
    margin-top: 0.3em;
}

.smw-column-header {
    color: inherit;
}

input[name="model"][value="Scribunto"] ~ .wikiEditor-ui #wpTextbox1,
input[name="model"][value="css"] ~ .wikiEditor-ui #wpTextbox1,
input[name="model"][value="less"] ~ .wikiEditor-ui #wpTextbox1,
input[name="model"][value="javascript"] ~ .wikiEditor-ui #wpTextbox1,
input[name="model"][value="json"] ~ .wikiEditor-ui #wpTextbox1 {
    height: 600px;
}

#mw-scribunto-input,
#mw-scribunto-output {
    padding: 3px;
    font-family: monospace;
    font-size: 13px;
    line-height: 1.5em;
}

.cm-mw-pagename {
    text-decoration: none;
}

td.diff-context {
    background: #fdfdfd;
    border-color: #f1f1f1;
    opacity: 0.8;
}

td.diff-addedline {
    background: #ffffff;
    border-color: #438ab5;
}

td.diff-addedline .diffchange {
    background: #bddff2;
}

td.diff-deletedline {
    background: #ffffff;
    border-color: #379541;
}

td.diff-deletedline .diffchange {
    background: #c1edbf;
}

hr.diff-hr {
    display: none;
}

.ajaxpoll {
    background: #ffffff;
    border: 1px solid #e4eaee;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    padding: 20px 30px;
}

.ajaxpoll .ajaxpoll-question {
    margin-bottom: 8px;
}

.ajaxpoll input {
    margin-bottom: 3px;
    margin-right: 8px;
}

.ajaxpoll .ajaxpoll-answer {
    margin-bottom: 8px;
}

.ajaxpoll .ajaxpoll-answer-vote {
    border: none;
    background: #f6f6f6;
    width: calc(100% - 40px);
    margin: 0 auto;
}

.ajaxpoll .ajaxpoll-answer-vote span {
    font-weight: bold;
    top: -2px;
}

.ajaxpoll .ajaxpoll-answer-vote div {
    background: #ccd2d8;
    border: none;
}

.ajaxpoll .ajaxpoll-our-vote div {
    top: 0;
    left: 0;
}

.ajaxpoll .ajaxpoll-hover-revoke,
.ajaxpoll .ajaxpoll-hover-vote {
    background: none;
}

.ajaxpoll .ajaxpoll-ajax {
    color: #949eaa;
    font-size: 0.9em;
    background: #f9f9f9;
    border-radius: 3px;
    padding: 2px 6px;
    margin-bottom: 8px;
}

.ajaxpoll .ajaxpoll-misc,
.ajaxpoll .ajaxpoll-info {
    color: #949eaa;
    font-size: 0.9em;
}

.ajaxpoll .ajaxpoll-info {
    margin-top: 10px;
}

.ajaxpoll .ajaxpoll-id-info {
    display: none;
}

.poll-result-outer {
    cursor: default;
    background: #f6f6f6;
    width: 100%;
    height: 14px;
    margin-bottom: 0.5em;
}

.poll-result-inner {
    background: #ccd2d8;
    display: block;
    height: 100%;
    font-size: 11px;
    line-height: 14px;
}

@keyframes slide-up {
    from {
          opacity: 0;
          transform: translateY(1rem);
    }

    to {
          opacity: 1;
          transform: translateY(0);
    }

}

@keyframes slide-down {
    from {
          opacity: 0;
          transform: translateY(-1rem);
    }

    to {
          opacity: 1;
          transform: translateY(0);
    }

}

.slide-up {
    animation: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-up;
}

.slide-up-2 {
    animation: 0.8s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-up;
}

.slide-up-3 {
    animation: 0.8s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-up;
}

.slide-down {
    animation: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-down;
}

.slide-down-2 {
    animation: 0.8s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-down;
}

.slide-down-3 {
    animation: 0.8s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-down;
}

.censored {
    color: #000000;
    background-color: #000000;
}

.censored a {
    color: #000000;
    text-decoration: underline;
}

.censored:hover {
    background-color: #fff;
}

.oo-ui-window-foot.mw-kartographer-mapDialog-foot .mw-kartographer-inlinefoot .mw-kartographer-captionfoot {
    font-size: 1.25em;
}

.mw-kartographer-interactive {
}

.mw-kartographer-interactive.leaflet-container .marker-description img {
    margin-bottom: 0.5em;
}

.mw-kartographer-interactive.leaflet-container .marker-description p:last-child {
    margin-bottom: 0;
}

.mw-kartographer-interactive .leaflet-tooltip-left::before {
    margin-right: -10px;
}

.mw-kartographer-interactive .leaflet-tooltip-right::before {
    margin-left: -10px;
}

.mw-kartographer-interactive .leaflet-tooltip-top::before {
    margin-bottom: -10px;
}

.mw-kartographer-interactive .leaflet-tooltip-bottom::before {
    margin-top: -10px;
}

.mw-kartographer-interactive.leaflet-container,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container,
.map-style-preview,
body.wgl-darkmode .map-style-preview {
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip,
.map-style-preview .leaflet-vis-tooltip,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip {
    color: #fff;
    text-shadow: 0 0 1px #000;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip a,
.map-style-preview .leaflet-vis-tooltip a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip a:visited,
.map-style-preview .leaflet-vis-tooltip a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip a:active,
.map-style-preview .leaflet-vis-tooltip a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip a.mw-selflink.selflink {
    color: #ffffff;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.large-label,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.large-label,
.map-style-preview .leaflet-vis-tooltip.large-label,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.large-label {
    font-size: 1.2em;
    font-weight: bold;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label,
.map-style-preview .leaflet-vis-tooltip.dark-label,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.dark-label {
    color: #000;
    text-shadow: 0 0 1px #fff;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label a,
.map-style-preview .leaflet-vis-tooltip.dark-label a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.dark-label a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label a:visited,
.map-style-preview .leaflet-vis-tooltip.dark-label a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.dark-label a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label a:active,
.map-style-preview .leaflet-vis-tooltip.dark-label a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.dark-label a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.dark-label a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.dark-label a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.dark-label a.mw-selflink.selflink {
    color: #000;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-red,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-red {
    background: #fbc0ba;
    color: #801c13;
    text-shadow: none;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red a,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-red a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-red a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-red a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-red a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-red a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-red a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-red a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-red a.mw-selflink.selflink {
    color: #801c13;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-left::before {
    display: block;
    border-left-color: #fbc0ba;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-right::before {
    display: block;
    border-right-color: #fbc0ba;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-top::before {
    display: block;
    border-top-color: #fbc0ba;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-red.leaflet-tooltip-bottom::before {
    display: block;
    border-bottom-color: #fbc0ba;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-orange,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-orange {
    background: #fbcfa6;
    color: #7a3f08;
    text-shadow: none;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange a,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-orange a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-orange a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-orange a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-orange a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-orange a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-orange a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-orange a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-orange a.mw-selflink.selflink {
    color: #7a3f08;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-left::before {
    display: block;
    border-left-color: #fbcfa6;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-right::before {
    display: block;
    border-right-color: #fbcfa6;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-top::before {
    display: block;
    border-top-color: #fbcfa6;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-orange.leaflet-tooltip-bottom::before {
    display: block;
    border-bottom-color: #fbcfa6;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow {
    background: #fcea94;
    color: #786300;
    text-shadow: none;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow a,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow a.mw-selflink.selflink {
    color: #786300;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-left::before {
    display: block;
    border-left-color: #fcea94;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-right::before {
    display: block;
    border-right-color: #fcea94;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-top::before {
    display: block;
    border-top-color: #fcea94;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-yellow.leaflet-tooltip-bottom::before {
    display: block;
    border-bottom-color: #fcea94;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-green,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-green {
    background: #c3e8a3;
    color: #2e5e05;
    text-shadow: none;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green a,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-green a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-green a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-green a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-green a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-green a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-green a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-green a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-green a.mw-selflink.selflink {
    color: #2e5e05;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-left::before {
    display: block;
    border-left-color: #c3e8a3;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-right::before {
    display: block;
    border-right-color: #c3e8a3;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-top::before {
    display: block;
    border-top-color: #c3e8a3;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-green.leaflet-tooltip-bottom::before {
    display: block;
    border-bottom-color: #c3e8a3;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-blue,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-blue {
    background: #aad9f5;
    color: #03436b;
    text-shadow: none;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue a,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-blue a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-blue a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-blue a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-blue a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-blue a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-blue a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-blue a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-blue a.mw-selflink.selflink {
    color: #03436b;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-left::before {
    display: block;
    border-left-color: #aad9f5;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-right::before {
    display: block;
    border-right-color: #aad9f5;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-top::before {
    display: block;
    border-top-color: #aad9f5;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-blue.leaflet-tooltip-bottom::before {
    display: block;
    border-bottom-color: #aad9f5;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-purple,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-purple {
    background: #cfc0f0;
    color: #3d276b;
    text-shadow: none;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple a,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-purple a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-purple a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-purple a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-purple a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-purple a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-purple a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-purple a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-purple a.mw-selflink.selflink {
    color: #3d276b;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-left::before {
    display: block;
    border-left-color: #cfc0f0;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-right::before {
    display: block;
    border-right-color: #cfc0f0;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-top::before {
    display: block;
    border-top-color: #cfc0f0;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-purple.leaflet-tooltip-bottom::before {
    display: block;
    border-bottom-color: #cfc0f0;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-pink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-pink {
    background: #f5c8ec;
    color: #6d3662;
    text-shadow: none;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink a,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-pink a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-pink a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-pink a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-pink a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-pink a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-pink a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-pink a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-pink a.mw-selflink.selflink {
    color: #6d3662;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-left::before {
    display: block;
    border-left-color: #f5c8ec;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-right::before {
    display: block;
    border-right-color: #f5c8ec;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-top::before {
    display: block;
    border-top-color: #f5c8ec;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-pink.leaflet-tooltip-bottom::before {
    display: block;
    border-bottom-color: #f5c8ec;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-gray,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-gray,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-grey,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-grey {
    background: #e4eaee;
    color: #444e5a;
    text-shadow: none;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray a,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-gray a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-gray a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey a,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-grey a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-grey a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-gray a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-gray a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-grey a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-grey a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-gray a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-gray a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-grey a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-grey a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-gray a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-gray a.mw-selflink.selflink,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {
    color: #444e5a;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-left::before,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before {
    display: block;
    border-left-color: #e4eaee;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-right::before,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before {
    display: block;
    border-right-color: #e4eaee;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-top::before,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before {
    display: block;
    border-top-color: #e4eaee;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-gray.leaflet-tooltip-bottom::before,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before {
    display: block;
    border-bottom-color: #e4eaee;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red,
.map-style-preview .leaflet-vis-tooltip.lbl-red,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-red {
    color: #c22010;
    text-shadow: none;
    background: #fff;
    border: solid 2px #c22010;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red a,
.map-style-preview .leaflet-vis-tooltip.lbl-red a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-red a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-red a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-red a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-red a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-red a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-red a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-red a.mw-selflink.selflink {
    color: #c22010;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-left::before {
    display: block;
    border-left-color: #c22010;
    margin-right: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-right::before {
    display: block;
    border-right-color: #c22010;
    margin-left: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-top::before {
    display: block;
    border-top-color: #c22010;
    margin-bottom: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-red.leaflet-tooltip-bottom::before {
    display: block;
    border-bottom-color: #c22010;
    margin-top: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange,
.map-style-preview .leaflet-vis-tooltip.lbl-orange,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-orange {
    color: #bf6007;
    text-shadow: none;
    background: #fff;
    border: solid 2px #bf6007;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange a,
.map-style-preview .leaflet-vis-tooltip.lbl-orange a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-orange a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-orange a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-orange a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-orange a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-orange a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-orange a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-orange a.mw-selflink.selflink {
    color: #bf6007;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-left::before {
    display: block;
    border-left-color: #bf6007;
    margin-right: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-right::before {
    display: block;
    border-right-color: #bf6007;
    margin-left: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-top::before {
    display: block;
    border-top-color: #bf6007;
    margin-bottom: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-orange.leaflet-tooltip-bottom::before {
    display: block;
    border-bottom-color: #bf6007;
    margin-top: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow,
.map-style-preview .leaflet-vis-tooltip.lbl-yellow,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-yellow {
    color: #ad9000;
    text-shadow: none;
    background: #fff;
    border: solid 2px #ad9000;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow a,
.map-style-preview .leaflet-vis-tooltip.lbl-yellow a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-yellow a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-yellow a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-yellow a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-yellow a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-yellow a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-yellow a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-yellow a.mw-selflink.selflink {
    color: #ad9000;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-left::before {
    display: block;
    border-left-color: #ad9000;
    margin-right: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-right::before {
    display: block;
    border-right-color: #ad9000;
    margin-left: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-top::before {
    display: block;
    border-top-color: #ad9000;
    margin-bottom: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-yellow.leaflet-tooltip-bottom::before {
    display: block;
    border-bottom-color: #ad9000;
    margin-top: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green,
.map-style-preview .leaflet-vis-tooltip.lbl-green,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-green {
    color: #478515;
    text-shadow: none;
    background: #fff;
    border: solid 2px #478515;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green a,
.map-style-preview .leaflet-vis-tooltip.lbl-green a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-green a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-green a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-green a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-green a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-green a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-green a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-green a.mw-selflink.selflink {
    color: #478515;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-left::before {
    display: block;
    border-left-color: #478515;
    margin-right: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-right::before {
    display: block;
    border-right-color: #478515;
    margin-left: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-top::before {
    display: block;
    border-top-color: #478515;
    margin-bottom: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-green.leaflet-tooltip-bottom::before {
    display: block;
    border-bottom-color: #478515;
    margin-top: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue,
.map-style-preview .leaflet-vis-tooltip.lbl-blue,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-blue {
    color: #1980bf;
    text-shadow: none;
    background: #fff;
    border: solid 2px #1980bf;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue a,
.map-style-preview .leaflet-vis-tooltip.lbl-blue a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-blue a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-blue a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-blue a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-blue a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-blue a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-blue a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-blue a.mw-selflink.selflink {
    color: #1980bf;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-left::before {
    display: block;
    border-left-color: #1980bf;
    margin-right: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-right::before {
    display: block;
    border-right-color: #1980bf;
    margin-left: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-top::before {
    display: block;
    border-top-color: #1980bf;
    margin-bottom: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-blue.leaflet-tooltip-bottom::before {
    display: block;
    border-bottom-color: #1980bf;
    margin-top: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple,
.map-style-preview .leaflet-vis-tooltip.lbl-purple,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-purple {
    color: #5c2dbb;
    text-shadow: none;
    background: #fff;
    border: solid 2px #5c2dbb;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple a,
.map-style-preview .leaflet-vis-tooltip.lbl-purple a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-purple a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-purple a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-purple a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-purple a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-purple a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-purple a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-purple a.mw-selflink.selflink {
    color: #5c2dbb;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-left::before {
    display: block;
    border-left-color: #5c2dbb;
    margin-right: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-right::before {
    display: block;
    border-right-color: #5c2dbb;
    margin-left: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-top::before {
    display: block;
    border-top-color: #5c2dbb;
    margin-bottom: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-purple.leaflet-tooltip-bottom::before {
    display: block;
    border-bottom-color: #5c2dbb;
    margin-top: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink,
.map-style-preview .leaflet-vis-tooltip.lbl-pink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-pink {
    color: #dd32b8;
    text-shadow: none;
    background: #fff;
    border: solid 2px #dd32b8;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink a,
.map-style-preview .leaflet-vis-tooltip.lbl-pink a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-pink a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-pink a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-pink a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-pink a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-pink a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-pink a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-pink a.mw-selflink.selflink {
    color: #dd32b8;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-left::before {
    display: block;
    border-left-color: #dd32b8;
    margin-right: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-right::before {
    display: block;
    border-right-color: #dd32b8;
    margin-left: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-top::before {
    display: block;
    border-top-color: #dd32b8;
    margin-bottom: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-pink.leaflet-tooltip-bottom::before {
    display: block;
    border-bottom-color: #dd32b8;
    margin-top: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray,
.map-style-preview .leaflet-vis-tooltip.lbl-gray,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-gray,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey,
.map-style-preview .leaflet-vis-tooltip.lbl-grey,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-grey {
    color: #6b7787;
    text-shadow: none;
    background: #fff;
    border: solid 2px #6b7787;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray a,
.map-style-preview .leaflet-vis-tooltip.lbl-gray a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-gray a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey a,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey a,
.map-style-preview .leaflet-vis-tooltip.lbl-grey a,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-grey a,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-gray a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-gray a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey a:visited,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey a:visited,
.map-style-preview .leaflet-vis-tooltip.lbl-grey a:visited,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-grey a:visited,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-gray a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-gray a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey a:active,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey a:active,
.map-style-preview .leaflet-vis-tooltip.lbl-grey a:active,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-grey a:active,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-gray a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-gray a.mw-selflink.selflink,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey a.mw-selflink.selflink,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey a.mw-selflink.selflink,
.map-style-preview .leaflet-vis-tooltip.lbl-grey a.mw-selflink.selflink,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-grey a.mw-selflink.selflink {
    color: #6b7787;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-left::before,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-left::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-left::before,
.map-style-preview .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-left::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-left::before {
    display: block;
    border-left-color: #6b7787;
    margin-right: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-right::before,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-right::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-right::before,
.map-style-preview .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-right::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-right::before {
    display: block;
    border-right-color: #6b7787;
    margin-left: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-top::before,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-top::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-top::before,
.map-style-preview .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-top::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-top::before {
    display: block;
    border-top-color: #6b7787;
    margin-bottom: -12px;
}

.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-gray.leaflet-tooltip-bottom::before,
.mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-bottom::before,
body.wgl-darkmode .mw-kartographer-interactive.leaflet-container .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-bottom::before,
.map-style-preview .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-bottom::before,
body.wgl-darkmode .map-style-preview .leaflet-vis-tooltip.lbl-grey.leaflet-tooltip-bottom::before {
    display: block;
    border-bottom-color: #6b7787;
    margin-top: -12px;
}

.advanced-map {
    background: #000000;
    padding: 10px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    max-width: 100%;
    max-width: calc(100% - 20px);
}

.advanced-map.amap-left {
    float: left;
    clear: left;
    margin: 0.3em 0.5em 0.5em 0;
}

.advanced-map.amap-right {
    float: right;
    clear: right;
    margin: 0 0 1em 1em;
}

.advanced-map .advanced-map {
    padding: 0;
}

.advanced-map .amap-nav {
    position: absolute;
    top: 3px;
    left: 5px;
    text-align: left;
    font-size: xx-small;
    white-space: nowrap;
}

.advanced-map .amap-nav a,
.advanced-map .amap-nav a:visited,
.advanced-map .amap-nav a:active,
.advanced-map .amap-nav a.mw-selflink.selflink {
    color: #ffffff;
}

.advanced-map .amap-title {
    margin-bottom: 10px;
    font-size: 1.2em;
    text-align: center;
    color: #ffffff;
}

.advanced-map .amap-title a,
.advanced-map .amap-title a:visited,
.advanced-map .amap-title a:active,
.advanced-map .amap-title a.mw-selflink.selflink {
    color: #ffffff;
}

.advanced-map .amap-title > a,
.advanced-map .amap-title > span {
    padding: 0.3em 30px;
    background-image: url("/images/6/63/TitleBackground-left.png?8d416"), url("/images/c/c7/TitleBackground-right.png?8d416"), url("/images/6/69/TitleBackground-center.png?8d416");
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-size: auto 100%, auto 100%, auto 100%;
    background-position: left, right, center;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.advanced-map.amap-droplight img.leaflet-marker-icon {
    -webkit-filter: drop-shadow(0px 0px 3px #fff);
    filter: drop-shadow(0px 0px 3px #fff);
}

.advanced-map.amap-dropdark img.leaflet-marker-icon {
    -webkit-filter: drop-shadow(0px 0px 3px #000);
    filter: drop-shadow(0px 0px 3px #000);
}

.advanced-map .thumbcaption,
body.wgl-darkmode .advanced-map .thumbcaption {
    background: #000000;
    color: #ffffff;
}

.advanced-map .amap-key {
    margin-top: 10px;
    color: #ffffff;
}

.advanced-map .amap-key a,
.advanced-map .amap-key a:active,
.advanced-map .amap-key a:visited,
.advanced-map .amap-key a.mw-selflink.selflink {
    color: #ffffff;
}

.advanced-map .amap-key ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
}

.advanced-map .amap-key li {
    flex: 1 1 50%;
    min-width: 200px;
    margin-bottom: 0.4em;
    display: flex;
    align-items: center;
}

.advanced-map .amap-key .amap-key-text.amap-key-compass {
    flex-grow: 1;
    text-align: center;
}

.advanced-map .amap-key .amap-key-symb {
    width: 30px;
    padding: 0 10px;
}

.advanced-map .amap-key .amap-key-symb.amap-key-nosymb {
    width: 10px;
    padding: 0;
}

.advanced-map .amap-key .amap-key-symb div,
.advanced-map .amap-key .amap-key-symb img {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.advanced-map .amap-key .amap-key-symb .amap-key-dots {
    width: 12px;
    height: 12px;
}

.advanced-map .amap-key .amap-key-symb .amap-key-dots div {
    width: 100%;
    height: 100%;
}

.advanced-map .amap-key .amap-key-symb .amap-key-dots .leaflet-dot {
    border-radius: 50%;
}

.advanced-map .amap-key .amap-key-symb .amap-key-circ,
.advanced-map .amap-key .amap-key-symb .amap-key-poly {
    width: 20px;
    height: 20px;
}

.advanced-map .amap-key .amap-key-symb .amap-key-circ div,
.advanced-map .amap-key .amap-key-symb .amap-key-poly div {
    width: 100%;
    height: 100%;
}

.advanced-map .amap-key .amap-key-symb .amap-key-circ {
    border-radius: 50%;
}

.advanced-map .amap-key .amap-key-symb .amap-key-circ div {
    border-radius: 50%;
}

#mw-content-text .show,
#mw-content-text .hover:hover.hide {
    display: none;
}

#mw-content-text .hover:hover .show {
    display: inline;
}

#mw-content-text .hover:hover div.show {
    display: block;
}

#mw-content-text .toc.show {
    display: table;
}

.ChooseOption {
    background: #fff;
    border: 3px double black;
    color: #c6b895;
    display: inline-block;
    line-height: 1.1;
}

.ChooseOption:hover .OptionWindow {
    display: inline;
}

.ChooseOption.bold {
    font-weight: bold;
}

.OptionHover {
    background: #0d1e25;
    cursor: default;
    display: inline-block;
}

.OptionHeader {
    background: #0b0c05;
    border-bottom: 1px solid #223239;
    cursor: default;
    display: block;
}

.OptionWindow {
    background: white;
    border: 3px double black;
    border-radius: 4px 4px 2px 2px;
    display: none;
    font-family: RuneScape;
    font-size: 16px;
    font-weight: normal !important;
    position: absolute;
    margin-top: -3px;
    z-index: 3;
}

.OptionWindow .content {
    background: #0d1e25;
    display: block;
}

.OptionWindow .content > *:not(.OptionHeader),
.OptionWindow a {
    color: inherit;
    cursor: default;
    display: block;
    padding: 0 1px;
    text-shadow: #000 1px 1px 0px;
    white-space: nowrap;
}

.OptionWindow .content > *:not(.OptionHeader):hover,
.OptionWindow a:hover {
    text-decoration: none;
    background: #1d2e55;
}

.OptionWindow strong,
.OptionWindow b,
.OptionWindow * {
    font-weight: normal !important;
}

.OptionWindow .item {
    color: #ff9040;
}

.OptionWindow .NPC,
.OptionWindow .npc {
    color: #ff0;
}

.OptionWindow .player {
    color: #fff;
}

.OptionWindow .scenery {
    color: #0ff;
}

.OptionWindow .cb-min {
    color: #0f0;
}

.OptionWindow .cb-same {
    color: #ff0;
}

.OptionWindow .cb-max {
    color: #f00;
}

.ChooseOption.bold .OptionWindow *,
.OptionWindow.bold *,
.OptionHeader.bold * {
    font-family: RuneScape !important;
    font-weight: bold !important;
}

.hover-text {
    border-bottom: 1px black dotted;
    cursor: help;
}

.nodesktop {
    display: none;
}

.tile {
    background: #ffffff;
    border: 1px solid #e4eaee;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    padding: 1.5em 2em 1em;
    max-width: 40em;
}

.tile h2 {
    font-size: 1.4em;
    font-weight: bold;
    border: none;
    margin: 0 0 0.4em;
}

.tile .byline + h2 {
    margin-top: -0.5em;
}

.tile.link-button {
    padding: 0;
}

.tile.link-button a {
    color: inherit;
    display: block;
    padding: 1.25em 1.5em 0.75em;
    text-decoration: none;
}

.tile.dark {
    color: #ffffff;
    background: #5d6773;
    border: none;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}

.tile.dark h2,
.tile.dark h3 {
    color: #ffffff;
}

.tile.dark a {
    color: #ccd2d8;
}

.tile.dark .byline {
    color: rgba(255, 255, 255, 0.7);
}

.byline {
    font-size: 0.9em;
    color: #949eaa;
}

.byline a {
    color: #949eaa;
}

.tile-row {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 1em;
}

.tile-halves {
    display: flex;
    flex-flow: row wrap;
    border: 1px solid #e4eaee;
    background: #ffffff;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

.tile-halves h2 {
    font-size: 1.4em;
    font-weight: bold;
    border: none;
    margin: 0 0 0.4em;
}

.tile-halves .byline + h2 {
    margin-top: -0.5em;
}

.tile-top {
    width: 100%;
    padding: 1.3rem 1.5rem 0.6rem;
}

.tile-top.tile-image {
	display: flex;
    background-color: #949eaa;
    overflow: hidden;
    padding: 0;
    height: 13vw;
    max-height: 12em;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    justify-content: center;
}

.tile-top.tile-image a {
    width: 100%;
}

.tile-top.tile-image img {
    width: 100%;
    height: auto;
    transition: 0.4s ease-out;
}

.tile-bottom {
    background: #ffffff;
    border-top: 1px solid #e4eaee;
    width: 100%;
    padding: 1rem 1.5rem 0.6rem;
}

.tile-bottom.link-button {
    align-self: flex-end;
    padding: 0;
}

.tile-bottom.link-button a {
    display: block;
    text-align: center;
    padding: 0.75em 1.5em 0.8em;
    text-decoration: none;
}

.tile-bottom.read-more {
    background: #f9fafa;
    transition: 0.3s ease-out;
}

.tile-bottom.read-more a {
    color: #949eaa;
    font-weight: bold;
    text-align: right;
}

.tile-bottom.read-more:hover {
    background: #f2f4f4;
}

.tile-bottom.read-more:hover .arrow {
    transform: translateX(50%);
}

.tile-bottom.read-more .arrow {
    filter: invert(43%) sepia(50%) hue-rotate(175deg);
    margin-left: 0.4em;
    transition: 0.3s ease-out;
}

.tile.oswf-day {
    margin-left: 0.5em;
}

.oswf-tile {
    margin: 1em;
}

.oswf-tile.oswf-complete {
    opacity: 0.75;
}

.oswf-tile .oswf-summary {
    font-size: 105%;
    line-height: 1.6;
    margin-top: -0.4em;
}

.oswf-tile .oswf-img {
    display: block;
    max-width: 75px;
    float: right;
}

.oswf-tile .oswf-img img {
    max-width: 100%;
    height: auto;
}

.oswf-tile .oswf-guidance {
    border-top: 1px solid #eeeeee;
    padding-top: 1em;
}

.js-tooltip-text {
    padding: 5px;
}

.js-tooltip-wrapper {
    position: absolute;
    z-index: 999999;
    max-width: 75%;
    padding: 5px;
    border: 3px solid #438ab5;
    background: #ffffff;
    -webkit-box-shadow: 3px 3px 10px -5px #333;
    -moz-box-shadow: 3px 3px 10px -5px #333;
    box-shadow: 3px 3px 10px -5px #333;
    font-size: 12px;
}

.js-tooltip-click {
    color: white;
    background: #438ab5;
    border-radius: 2em;
    border: 2px solid #438ab5;
    cursor: pointer;
    padding: 0 0.3em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.js-tooltip-arrow {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    z-index: 900001;
    width: 0;
    height: 0;
}

.js-tooltip-arrow.js-tooltip-arrow-pointleft {
    border-right-color: #438ab5;
    border-left-color: transparent;
    border-left-width: 0;
}

.js-tooltip-arrow.js-tooltip-arrow-pointright {
    border-left-color: #438ab5;
    border-right-color: transparent;
    border-right-width: 0;
}

.js-tooltip-close {
    float: right;
    margin-left: 10px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: 1px;
    background: #438ab5;
    border: 0;
}

.transcript {
    background: #ffffff;
    border: 1px solid #e4eaee;
    border-radius: 0 0 120px 120px / 0 0 8px 8px;
    box-shadow: 0 5px 7px -7px rgba(0, 0, 0, 0.4);
    max-width: 90ch;
    overflow: hidden;
    padding: 2em;
    margin-bottom: 1em;
}

.transcript.godletter {
    margin: 20px auto;
    padding: 20px 30px;
}

.ns-120 .mw-parser-output > ul,
.transcript > ul {
    list-style: none;
}

.ns-120 .mw-parser-output > ul li,
.transcript > ul li {
    list-style: none;
    border-left: 1px dashed #bdc5cd;
    padding-left: 15px;
    margin: 12px 0;
    line-height: 1.65;
}

.ns-120 .mw-parser-output > ul li b:first-of-type,
.transcript > ul li b:first-of-type {
    display: block;
}

.ns-120 .mw-parser-output > ul li:last-of-type,
.transcript > ul li:last-of-type {
    margin-bottom: 0;
}

.ns-120 .mw-parser-output > ul li:hover,
.transcript > ul li:hover {
    border-color: #444e5a;
}

.quest-action {
    text-align: center;
    font-style: italic;
    margin: 0 5%;
}

.quest-action:before,
.quest-action:after {
    content: '———';
    margin: 4px;
    letter-spacing: -1px;
}

ul.actionbar,
ul.actionbar-revolution {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 39px 0 0 6px;
    margin: 0;
    width: 530px;
    height: 76px;
}

ul.actionbar li,
ul.actionbar-revolution li {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin-right: 4px;
}

ul.actionbar {
    background: url('filepath://Template_action_bar.png');
}

ul.actionbar .mw-empty-elt {
    display: block;
}

ul.actionbar-revolution {
    background: url('filepath://Template_action_bar_revolution.png');
}

.ability-rotation {
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    line-height: 40px;
    padding: 0.5em 1em;
    display: inline-block;
    margin-top: 0.2em;
    background-color: #e4eaee;
    border-color: #bdc5cd;
}

body.wgl-stickyheader.action-view .wgl-anchor:target::before {
    display: block;
    content: '';
    margin-top: -4rem;
    height: 4rem;
    visibility: hidden;
    pointer-events: none;
}

body.wgl-stickyheader.action-view .wgl-anchor:target {
    display: block;
    position: relative;
}

.archive {
    border: 1px solid #e4eaee;
    background-color: #ffffff;
    text-align: center;
    margin: 5px;
    padding: 5px;
    float: right;
    width: 120px;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

.attack-speed {
    max-width: 150px;
    line-height: 1.3em;
    display: block;
    text-align: center;
}

.attack-speed b {
    width: 100%;
    background-color: #dedede;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.2);
    display: block;
    border-radius: 2.5px;
    height: 5px;
}

.attack-speed b::after {
    border-radius: 2.5px;
    height: 5px;
    content: "";
    background-color: #999999;
    display: inline-block;
    width: 0%;
    float: left;
    box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.1);
}

.attack-speed.weapon {
    max-width: 150px;
}

.attack-speed.weapon b {
    background-color: #c6dce8;
}

.attack-speed.weapon b::after {
    background-color: #438ab5;
}

.attack-speed.monster {
    max-width: 123px;
}

.attack-speed.monster b {
    background-color: #ecccc6;
}

.attack-speed.monster b::after {
    background-color: #861c10;
}

.attack-speed.weapon.fastest b::after {
    width: 100%;
}

.attack-speed.weapon.fast b::after {
    width: 80%;
}

.attack-speed.weapon.average b::after {
    width: 60%;
}

.attack-speed.weapon.slow b::after {
    width: 40%;
}

.attack-speed.weapon.slowest b::after {
    width: 20%;
}

.attack-speed.monster.t1 b::after {
    width: 100%;
}

.attack-speed.monster.t2 b::after {
    width: 90%;
}

.attack-speed.monster.t3 b::after {
    width: 80%;
}

.attack-speed.monster.t4 b::after {
    width: 70%;
}

.attack-speed.monster.t5 b::after {
    width: 60%;
}

.attack-speed.monster.t6 b::after {
    width: 50%;
}

.attack-speed.monster.t7 b::after {
    width: 40%;
}

.attack-speed.monster.t8 b::after {
    width: 30%;
}

.attack-speed.monster.t9 b::after {
    width: 20%;
}

.attack-speed.monster.t10 b::after {
    width: 10%;
}

@-webkit-keyframes "random-speed" {
    0% {
          width: 20%;
    }

    25% {
          width: 40%;
    }

    50% {
          width: 60%;
    }

    75% {
          width: 80%;
    }

    100% {
          width: 100%;
    }

}

@keyframes "random-speed" {
    0% {
          width: 20%;
    }

    25% {
          width: 40%;
    }

    50% {
          width: 60%;
    }

    75% {
          width: 80%;
    }

    100% {
          width: 100%;
    }

}

.attack-speed.random b::after {
    -webkit-animation-name: random-speed;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-name: random-speed;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.chat-options span {
    padding: 0 1px;
}

.chat-options .chat-options-underline {
    border-bottom: 1px dotted #15f;
    cursor: help;
}

.chat-options-dialogue {
    color: inherit;
    background: #ffffff;
    border: 1px solid #e4eaee;
    border-radius: 5px;
    margin-left: 3px;
}

.clear-both {
    clear: both;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.coins {
    color: green;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0;
}

.coins-pos {
    color: #014cc0;
}

.coins-neg {
    color: #c02614;
}

.rusty-coins-10000 {
    background-image: url('filepath://Rusty_coins_10000.png');
    padding: 7px 0 1px 35px;
}

.rusty-coins-1000 {
    background-image: url('filepath://Rusty_coins_1000.png');
    padding: 1px 0 1px 35px;
}

.rusty-coins-250 {
    background-image: url('filepath://Rusty_coins_250.png');
    padding: 1px 0 1px 35px;
}

.rusty-coins-100 {
    background-image: url('filepath://Rusty_coins_100.png');
    padding: 1px 0px 1px 32px;
}

.rusty-coins-25 {
    background-image: url('filepath://Rusty_coins_25.png');
    padding-left: 30px;
}

.rusty-coins-5 {
    background-image: url('filepath://Rusty_coins_5.png');
    padding-left: 30px;
}

.rusty-coins-4 {
    background-image: url('filepath://Rusty_coins_4.png');
    padding-left: 30px;
}

.rusty-coins-3 {
    background-image: url('filepath://Rusty_coins_3.png');
    padding-left: 30px;
}

.rusty-coins-2 {
    background-image: url('filepath://Rusty_coins_2.png');
    padding-left: 23px;
}

.rusty-coins-1 {
    background-image: url('filepath://Rusty_coins_1.png');
    padding-left: 15px;
}

.coins-10000 {
    background-image: url('filepath://Coins_10000.png');
    padding: 7px 0 1px 35px;
}

.coins-1000 {
    background-image: url('filepath://Coins_1000.png');
    padding: 1px 0 1px 35px;
}

.coins-250 {
    background-image: url('filepath://Coins_250.png');
    padding: 1px 0 1px 35px;
}

.coins-100 {
    background-image: url('filepath://Coins_100.png');
    padding: 1px 0px 1px 32px;
}

.coins-25 {
    background-image: url('filepath://Coins_25.png');
    padding-left: 30px;
}

.coins-5 {
    background-image: url('filepath://Coins_5.png');
    padding-left: 30px;
}

.coins-4 {
    background-image: url('filepath://Coins_4.png');
    padding-left: 30px;
}

.coins-3 {
    background-image: url('filepath://Coins_3.png');
    padding-left: 30px;
}

.coins-2 {
    background-image: url('filepath://Coins_2.png');
    padding-left: 23px;
}

.coins-1 {
    background-image: url('filepath://Coins_1.png');
    padding-left: 15px;
}

.chimes-1000 {
    background-image: url('filepath://Chimes_1000.png');
    padding: 3px 0 3px 33px;
}

.chimes-100 {
    background-image: url('filepath://Chimes_100.png');
    padding: 1px 0 1px 30px;
}

.chimes-50 {
    background-image: url('filepath://Chimes_50.png');
    padding-left: 31px;
}

.chimes-20 {
    background-image: url('filepath://Chimes_20.png');
    padding-left: 24px;
}

.chimes-1 {
    background-image: url('filepath://Chimes_1.png');
    padding-left: 19px;
}

.zemomark-10000 {
    background-image: url('filepath://Zemomark_10000.png');
    padding: 7px 0 1px 26px;
}

.zemomark-1000 {
    background-image: url('filepath://Zemomark_1000.png');
    padding: 1px 0 1px 27px;
}

.zemomark-250 {
    background-image: url('filepath://Zemomark_250.png');
    padding: 1px 0 1px 25px;
}

.zemomark-100 {
    background-image: url('filepath://Zemomark_100.png');
    padding: 1px 0px 1px 30px;
}

.zemomark-25 {
    background-image: url('filepath://Zemomark_25.png');
    padding-left: 30px;
}

.zemomark-5 {
    background-image: url('filepath://Zemomark_5.png');
    padding-left: 30px;
}

.zemomark-4 {
    background-image: url('filepath://Zemomark_4.png');
    padding-left: 25px;
}

.zemomark-3 {
    background-image: url('filepath://Zemomark_3.png');
    padding-left: 25px;
}

.zemomark-2 {
    background-image: url('filepath://Zemomark_2.png');
    padding-left: 23px;
}

.zemomark-1 {
    background-image: url('filepath://Zemomark_1.png');
    padding-left: 18px;
}

.chronotes-10000 {
    background-image: url('filepath://Chronotes_10000.png');
    padding: 1px 0 1px 34px;
}

.chronotes-1000 {
    background-image: url('filepath://Chronotes_1000.png');
    padding: 1px 0 1px 34px;
}

.chronotes-250 {
    background-image: url('filepath://Chronotes_250.png');
    padding: 1px 0 1px 32px;
}

.chronotes-100 {
    background-image: url('filepath://Chronotes_100.png');
    padding: 1px 0px 1px 32px;
}

.chronotes-25 {
    background-image: url('filepath://Chronotes_25.png');
    padding-left: 32px;
}

.chronotes-5 {
    background-image: url('filepath://Chronotes_5.png');
    padding-left: 32px;
}

.chronotes-4 {
    background-image: url('filepath://Chronotes_4.png');
    padding-left: 30px;
}

.chronotes-3 {
    background-image: url('filepath://Chronotes_3.png');
    padding-left: 30px;
}

.chronotes-2 {
    background-image: url('filepath://Chronotes_2.png');
    padding-left: 30px;
}

.chronotes-1 {
    background-image: url('filepath://Chronotes_1.png');
    padding-left: 28px;
}

#DisassemblyT .disassembly-border {
    border-top: 0.5em solid #ffffff;
}

.documentation {
    background: #ffffff;
    border: 1px solid #e4eaee;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

.documentation pre,
.documentation code {
    background-color: #f9fafa;
}

.documentation-header {
    color: #ffffff;
    background: #949eaa;
    font-weight: bold;
    padding: 1em 1.5em;
}

.documentation-title {
    font-size: 1.25em;
}

.documentation-subheader {
    color: #ffffff;
    background: #808c9a;
    padding: 0.5em 1.5em;
}

.documentation-subheader a,
.documentation-subheader .documentation-links a,
.documentation-subheader a:visited,
.documentation-subheader .documentation-links a:visited,
.documentation-subheader a:active,
.documentation-subheader .documentation-links a:active {
    color: #e4eaee;
}

.documentation-documentation,
.documentation-links {
    font-size: 0.85em;
}

.documentation-content {
    padding: 1em 1.5em;
}

.dropsline-noted {
    color: #949eaa;
}

.item-drops .beast-version {
    font-size: smaller;
    font-style: italic;
}

.editnotice {
    font-size: 0.9em;
    padding-bottom: 0.75em;
    margin-bottom: 0.6em;
}

.editnotice .editnotice-title {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0.4em;
}

.equipmenttable {
    background-image: url('filepath://Worn_equipment_interface_blank.png');
    background-repeat: no-repeat;
    background-position: top left;
    width: 225px;
    height: 320px;
    text-align: center;
    display: inline-block;
}

.equipmenttable.equipmenttable-float-right {
    float: right;
}

.equipmenttable.equipmenttable-float-left {
    float: left;
}

.equipmenttable.equipmenttable-float-center {
    display: block;
    margin: 0 auto;
}

.equipmenttable .equipmentrow {
    position: relative;
}

.equipmenttable .equipmentrow.equipmentrow1 {
    top: 65px;
}

.equipmenttable .equipmentrow.equipmentrow2 {
    top: 73px;
}

.equipmenttable .equipmentrow.equipmentrow3 {
    top: 81px;
}

.equipmenttable .equipmentrow.equipmentrow4 {
    top: 88px;
}

.equipmenttable .equipmentrow.equipmentrow5 {
    top: 98px;
}

.equipmenttable .equipmentrow .equipmentslot {
    display: table-cell;
    position: relative;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.equipmenttable .equipmentrow .equipmentslot img {
    max-height: 32px;
    max-width: 32px;
}

.equipmenttable .equipmentrow .equipmentslot.emptyslot img {
    opacity: 0.5;
}

.equipmenttable .equipmentrow .equipmentslot.auraslot {
    left: 57px;
}

.equipmenttable .equipmentrow .equipmentslot.headslot {
    left: 65px;
}

.equipmenttable .equipmentrow .equipmentslot.pocketslot {
    left: 73px;
}

.equipmenttable .equipmentrow .equipmentslot.capeslot {
    left: 57px;
}

.equipmenttable .equipmentrow .equipmentslot.neckslot {
    left: 65px;
}

.equipmenttable .equipmentrow .equipmentslot.ammoslot {
    left: 73px;
}

.equipmenttable .equipmentrow .equipmentslot.weaponslot {
    left: 37px;
}

.equipmenttable .equipmentrow .equipmentslot.torsoslot {
    left: 65px;
}

.equipmenttable .equipmentrow .equipmentslot.shieldslot {
    left: 93px;
}

.equipmenttable .equipmentrow .equipmentslot.legsslot {
    left: 97px;
}

.equipmenttable .equipmentrow .equipmentslot.glovesslot {
    left: 37px;
}

.equipmenttable .equipmentrow .equipmentslot.bootsslot {
    left: 65px;
}

.equipmenttable .equipmentrow .equipmentslot.ringslot {
    left: 93px;
}

.extimage div,
.extimage a,
.extimage img {
    height: inherit;
    max-height: inherit;
    max-width: inherit;
    width: inherit;
}

.extimage .caption {
    color: #696969;
    padding: 3px 6px;
}

.fact-text {
    color: #15f;
    font-style: italic;
    cursor: help;
    border-bottom: dotted 1px black;
}

.fairycode {
    font-family: "KingthingsPetrock", sans-serif;
    font-size: 120%;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.fairycode b ~ b:before {
    content: " ";
}

.floornumber > .floornumber-us,
.floornumber-setting-gb .floornumber > .floornumber-us,
.floornumber-setting-us .floornumber > .floornumber-gb {
    display: none;
}

.floornumber-setting-gb .floornumber > .floornumber-gb,
.floornumber-setting-us .floornumber > .floornumber-us {
    display: inline;
}

.floornumber-override-gb .floornumber > .floornumber-us,
.floornumber-override-us .floornumber > .floornumber-gb {
    display: none !important;
}

.floornumber-override-gb .floornumber > .floornumber-gb,
.floornumber-override-us .floornumber > .floornumber-us {
    display: inline !important;
}

.rsw-infobox {
    background: #ffffff;
    font-size: 0.85em;
    width: 300px;
    margin: 0.5em 0 1em 1em;
    border-collapse: collapse;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    float: right;
}

.rsw-infobox .rsw-infobox-switch-buttons .button {
    margin: 1px;
}

.rsw-infobox .infobox-header {
    color: #ffffff;
    font-size: 1.15em;
    line-height: 1.4em;
    background: #246c97;
    border-bottom: 0.5em solid #ffffff;
    padding: 0.5em 0;
}

.rsw-infobox .infobox-subheader {
    background: #6ba5c8;
    color: #ffffff;
    line-height: 2em;
    border-top: 0.5em solid #ffffff;
    border-bottom: 0.5em solid #ffffff;
}

.rsw-infobox .infobox-subheader a {
    color: #ffffff;
}

.rsw-infobox fieldset#rs-qc-form {
    margin-bottom: 5px;
}

.rsw-infobox .infobox-image {
    text-align: center;
}

.rsw-infobox .infobox-image.bordered-image {
    border: 1px solid #e4eaee;
    border-bottom: none;
    padding: 0.4em;
}

.rsw-infobox .infobox-image.noted-image div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rsw-infobox .infobox-image.noted-image div > :first-child {
    margin-right: 10px;
}

.rsw-infobox .infobox-image.noted-image div > :last-child {
    display: inline-block;
    width: 31px;
    height: 30px;
    background-image: url("filepath://Note.png");
    position: relative;
}

.rsw-infobox .infobox-image.noted-image div > :last-child img {
    height: auto;
    width: auto;
    max-width: 20px;
    max-height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.rsw-infobox .infobox-image a.image + a.image {
    margin-left: 0.1em;
}

.rsw-infobox .infobox-image img {
    max-width: 100%;
    height: auto;
}

.rsw-infobox .infobox-map {
    border-left: 1px solid #e4eaee;
    border-right: 1px solid #e4eaee;
    text-align: center;
}

.rsw-infobox .infobox-map > img,
.rsw-infobox .infobox-map > a > img {
    max-width: 100%;
    height: auto;
    margin: 0.5em 0;
}

.rsw-infobox .infobox-map a.mw-kartographer-container,
.rsw-infobox .infobox-map div.mw-kartographer-container {
    margin: 0.5em auto;
}

.rsw-infobox th:not(.infobox-header):not(.infobox-subheader) {
    text-align: right;
    vertical-align: top;
    border-left: 1px solid #e4eaee;
    border-right: 0.175em solid #6ba5c8;
    padding: 0.2em 0.5em;
}

.rsw-infobox td:not(.infobox-image):not(.infobox-map) {
    border-right: 1px solid #e4eaee;
    padding: 0.25em 0.5em;
    line-height: 1.6em;
}

.rsw-infobox td[colspan="2"]:not(.infobox-image):not(.infobox-map) {
    border: 1px solid #e4eaee;
    padding-bottom: 0.6em;
}

.rsw-infobox td ul {
    margin: 0 0 0 1.25em;
}

.rsw-infobox .infobox-cell-hidden {
    display: none;
}

.rsw-infobox .infobox-template-links {
    text-align: center;
}

.rsw-infobox .advanced-data {
    display: none;
}

.rsw-infobox .advanced-data td {
    line-break: anywhere;
}

.rsw-infobox .infobox-imgbg {
    background-color: rgba(0, 0, 0, 0.2);
}

.rsw-infobox.skill-info {
    float: none;
    margin: 0 0 1em 0;
    table-layout: fixed;
}

.rsw-databox th:not(.infobox-header):not(.infobox-template-links) {
    text-align: right;
    vertical-align: top;
    padding: 0.2em 0.5em;
}

.rsw-databox .databox-cell-hidden {
    display: none;
}

.multi-infobox {
    float: right;
    margin-left: 5px;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

.multi-infobox .tabber {
    margin: 0;
}

.multi-infobox .tabber .tabbernav {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
}

.multi-infobox .tabber .tabbernav a {
    padding: 0.5em 0.8em;
}

.multi-infobox .tabber .tabbertab {
    padding: 5px;
}

.multi-infobox .rsw-infobox {
    margin: 0;
    box-shadow: none;
}

.infobox-wrapper {
    display: table;
    float: right;
}

.rsw-infobox.infobox-monster {
    text-align: center;
    table-layout: fixed;
}

.rsw-infobox.infobox-monster th:not(.infobox-header):not(.infobox-subheader):last-child {
    border-right: 1px solid #e4eaee;
}

.rsw-infobox.infobox-monster td:not(.infobox-image):not(.infobox-map) {
    border-left: 1px solid #e4eaee;
}

.rsw-infobox.infobox-monster th.combat-subheader {
    text-align: center;
}

.rsw-infobox.infobox-monster th.offensive-header {
    background-color: #801c13;
    color: #ffffff;
    text-align: center;
}

.rsw-infobox.infobox-monster th.offensive-subheader {
    background-color: #ecccc6;
    color: #801c13;
    text-align: center;
}

.rsw-infobox.infobox-monster th.offensive-subheader a {
    color: #801c13;
}

.rsw-infobox.infobox-monster th.offensive-subheader:not(:last-child) {
    border-right: 0.175em solid #801c13;
}

.rsw-infobox.infobox-monster th.defensive-header {
    background-color: #438ab5;
    color: #ffffff;
    text-align: center;
}

.rsw-infobox.infobox-monster th.defensive-subheader {
    background-color: #c1deed;
    color: #36414f;
    text-align: center;
}

.rsw-infobox.infobox-monster th.defensive-subheader a {
    color: #36414f;
}

.rsw-infobox.infobox-monster th.slayer-header {
    background: #4c4c4c;
    color: #ffffff;
    text-align: center;
}

.rsw-infobox.infobox-monster th.slayer-subheader {
    background-color: #cccccc;
    color: #4c4c4c;
    text-align: center;
}

.rsw-infobox.infobox-monster th.slayer-subheader:not(:last-child) {
    border-right: 0.175em solid #4c4c4c;
}

.rsw-infobox.infobox-monster .infobox-monster-susceptibility-cell img[alt="Undead Slayer.png"],
.rsw-infobox.infobox-monster .infobox-monster-susceptibility-cell img[alt="Demon Slayer (perk).png"],
.rsw-infobox.infobox-monster .infobox-monster-susceptibility-cell img[alt="Dragon Slayer (perk).png"] {
    filter: drop-shadow(0px 0px 1px black);
}

.infobox-thieving .thvloot-cell {
    padding: 0;
}

.infobox-thieving .thvloot-cell .wikitable {
    margin: -0.5px;
    width: calc(100% + 1px);
}

.rsw-infobox#infobox-familiar th:last-child:not([colspan="4"]) {
    border-right: 1px solid #e4eaee;
}

.rsw-infobox#infobox-familiar td.infobox-template-links {
    border: 1px solid #e4eaee !important;
}

.rsw-infobox#infobox-familiar td:first-child {
    border-left: 1px solid #e4eaee !important;
}

.rsw-infobox#infobox-familiar td:last-child {
    border-right: 1px solid #e4eaee !important;
}

.rsw-infobox#infobox-familiar td:not(.infobox-image):not(.infobox-map) {
    border: none;
}

.rsw-infobox#infobox-familiar td[colspan="2"]:not(.infobox-image):not(.infobox-map) {
    border: none;
    padding: 0.25em 0.5em;
}

.infobox-disassembly-migration .rsw-disassembly-calc-popup-button {
    float: none;
    margin: 0.5em 0;
}

.infobox-disassembly-migration .rsw-disassembly-calc-popup-button .oo-ui-labelElement-label {
    font-size: 0;
}

.infobox-disassembly-migration .rsw-disassembly-calc-popup-button .oo-ui-labelElement-label:after {
    content: "Open calculator";
    font-size: 12px;
}

.infobox-disassembly-migration.rsw-infobox td[colspan="2"].disassembly-materials-header:not(.infobox-image):not(.infobox-map) {
    border-top: 0;
    padding: 0;
}

.infobox-recipe .ref-left sup.reference {
    float: left;
    margin-left: -0.25em;
}

.skill-info a[href$="?action=edit"] + a[href$="?action=edit"] {
    display: none;
}

.infobox-bottom-links {
    clear: right;
    float: right;
    font-size: xx-small;
    margin-top: -1.5em;
}

.infobox-buttons {
    text-align: center;
    max-width: 250px;
    display: none;
    margin: 0 auto;
}

.infobox-buttons .button {
    margin: 0 3px;
}

.infobox-switch-resources {
    display: none;
}

.infobox .infobox-cell-hidden {
    display: none;
}

.switch-infobox .switch-infobox-triggers,
.switch-infobox .loading-button {
    clear: left;
}

.switch-infobox .switch-infobox-triggers {
    padding-bottom: 0.25em;
}

.switch-infobox .switch-infobox-triggers .trigger.button {
    margin: 1px;
    float: right;
}

.infobox .nestedinfo td table {
    min-width: 263px;
    margin: -1px;
    width: calc(100% + 2px) !important;
}

.infobox .nestedinfo td {
    width: 100%;
    padding: 0;
}

.infobox {
    border: 1px solid #aaaaaa;
    background-color: #f9f9f9;
    color: inherit !important;
    margin: 0 0 0.5em 0.2em !important;
    padding: 0.2em;
    float: right;
    clear: right;
}

.infobox td,
.infobox th {
    vertical-align: top;
}

.infobox caption {
    font-size: larger;
    padding-bottom: 10px !important;
    margin-left: 0 !important;
    color: inherit !important;
    font-weight: bold;
}

.infobox.bordered {
    border-collapse: collapse;
}

.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaaaaa;
}

.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}

.infobox ul {
    margin: 0.3em 0 0 1.6em;
}

.infobox .wikitable.mw-collapsible {
    margin: -1px;
    width: calc(100% + 2px) !important;
}

.infobox a.image + a.image {
    margin-left: 3px;
}

.infobox .infobox-image {
    text-align: center;
    word-spacing: 0;
}

.infobox .infobox-image img {
    height: inherit;
    max-width: 250px;
}

.infobox td .new {
    word-spacing: 0;
}

.infobox input#QtyCalc {
    width: 50px !important;
}

.infobox .infobox-cell-hidden {
    display: none;
}

.infobox-bonuses.wikitable th {
    padding: 0.25em 0.4em;
    text-align: center;
    white-space: nowrap;
    width: 70px !important;
}

.infobox-bonuses.wikitable td {
    text-align: center;
}

.infobox-bonuses.wikitable .combat-attributes {
    text-align: left;
}

.infobox-bonuses.wikitable .combat-attributes .image {
    display: inline-block;
    margin-right: 4px;
    width: 23px;
}

.infotableBonuses .attribute-value {
    background: #f5f5f5;
}

.infotableBonuses .attribute-total {
    background: #f2f2f2;
}

.infotableBonuses .attribute-total .attribute-value {
    background: #f2f2f2;
}

.inventorytable {
    background-image: url('filepath://Inventory_interface.png');
    background-repeat: no-repeat;
    background-position: top left;
    width: 174px;
    height: 328px;
    padding: 37px 0 42px;
    border-spacing: 0;
}

.inventorytable td {
    padding: 0 !important;
    border: 0 !important;
    text-align: center;
    position: relative;
    width: 46px;
    height: 36px;
}

.inventorytable .inv-quantity-text {
    top: -1px;
    text-shadow: #000 1px 1px;
    position: absolute;
    color: yellow;
    font-family: 'RuneScape Small';
    left: 6px;
    font-size: 16px;
}

.inventorytable .inv-quantity-text.qty-100k {
    color: #FFFFFF;
}

.inventorytable .inv-quantity-text.qty-10m {
    color: #01FF80;
}

.inventorytable .noted-item a {
    width: 32px;
    line-height: 28px;
    background-image: url(/images/c/cc/Note.png?37169);
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
}

.inventorytable .noted-item img {
    transform: scale(0.65);
}

table .im-task-reqs {
    text-align: left;
}

table .im-task-reqs p {
    margin: 0.8em 0 0 0;
}

.keypress {
    background: #eeeeee;
    color: #333333;
    font-family: monospace;
    text-shadow: 0 1px 0 #ffffff;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0.1em;
    padding: 0.1em 0.5em;
    line-height: 1.4;
    white-space: nowrap;
    display: inline-block;
}

.license {
    background: #cfd8eb;
    border: none;
}

.license th {
    padding-right: 0.4em;
    background-color: #617ebc;
    color: #fff;
    width: 25%;
}

.license th[colspan="2"] {
    font-size: 16px;
}

.license a {
    color: #556d97;
}

.musicplayer {
    border: 1px solid #e4eaee;
    font-size: 90%;
    line-height: 1.6em;
    background: #ffffff;
    -webkit-box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    max-width: 300px;
    margin: 0 0 1em 1em;
    padding: 0.75em;
    spacing: 0px;
}

.musicplayer .mediaContainer {
    margin-top: 0.75em;
}

.pronunciation {
}

.pronunciation .k-options,
.pronunciation .volume-slider,
.pronunciation .volume_control,
.pronunciation .timed-text,
.pronunciation .time-disp,
.pronunciation .play_head,
.pronunciation .videoHolder {
    display: none;
}

.pronunciation .mediaContainer,
.pronunciation .k-player {
    display: inline-block;
    width: 20px !important;
}

.pronunciation .k-player .control-bar {
    border: none;
    background: none;
    padding: 0;
}

.pronunciation .mwPlayerContainer {
    background: none;
}

.messagebox {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 3px 3px 3px 0;
    border-left: 15px solid #90c2dd;
    background-color: #f1f1f1;
    overflow: auto;
}

.messagebox.obsolete {
    background-color: #cfcfcf;
    border-color: #464646;
}

.messagebox.obsolete a,
.messagebox.obsolete a:visited,
.messagebox.obsolete a:active {
    color: #6c6c6c;
}

.messagebox.info {
    background-color: #ebebeb;
    border-color: #898989;
}

.messagebox.info a,
.messagebox.info a:visited,
.messagebox.info a:active {
    color: #6c6c6c;
}

.messagebox.action {
    background-color: #cbdae2;
    border-color: #45697D;
}

.messagebox.action a,
.messagebox.action a:visited,
.messagebox.action a:active {
    color: #3c5c6e;
}

.messagebox.file,
.messagebox.task {
    background-color: #cfd8eb;
    border-color: #617ebc;
}

.messagebox.file a,
.messagebox.task a,
.messagebox.file a:visited,
.messagebox.task a:visited,
.messagebox.file a:active,
.messagebox.task a:active {
    color: #556d97;
}

.messagebox.warn {
    background-color: #ecd8d5;
    border-color: #861c10;
}

.messagebox.warn a,
.messagebox.warn a:visited,
.messagebox.warn a:active {
    color: #861c10;
}

.messagebox.warning {
    background: #fbcfa6;
    color: #7a3f08;
    border-color: #fac28e;
}

.messagebox.warning a:not(.mw-selflink),
.messagebox.warning a:visited,
.messagebox.warning a:active {
    color: #b55e0c;
}

.messagebox.disambig {
    background-color: #ebebeb;
    border-color: #898989;
    margin-top: 20px !important;
    margin-bottom: 30px !important;
}

.messagebox.disambig a,
.messagebox.disambig a:visited,
.messagebox.disambig a:active {
    color: #6c6c6c;
}

.messagebox.safe {
    background-color: #d8f0d3;
    border-color: #1b8408;
}

.messagebox.safe a,
.messagebox.safe a:visited,
.messagebox.safe a:active {
    color: #1b8408;
}

.messagebox.unsafe {
    background-color: #ffee88;
    border-color: #997700;
}

.messagebox.unsafe a,
.messagebox.unsafe a:visited,
.messagebox.unsafe a:active {
    color: #997700;
}

.messagebox.easter {
    background-color: #e5f9c2;
    border-color: #598014;
}

.messagebox.easter a,
.messagebox.easter a:visited,
.messagebox.easter a:active {
    color: #598014;
}

.messagebox.halloween {
    background-color: #e8d8ea;
    border-color: #794080;
}

.messagebox.halloween a,
.messagebox.halloween a:visited,
.messagebox.halloween a:active {
    color: #794080;
}

.messagebox.thanksgiving {
    background-color: #f0cba8;
    border-color: #a65800;
}

.messagebox.thanksgiving a,
.messagebox.thanksgiving a:visited,
.messagebox.thanksgiving a:active {
    color: #a65800;
}

.messagebox.christmas {
    background-color: #d4eaf6;
    border-color: #428bb5;
}

.messagebox.christmas a,
.messagebox.christmas a:visited,
.messagebox.christmas a:active {
    color: #3a799d;
}

.messagebox.bigRaffle {
    background-color: #f1de9f;
    border-color: #640000;
}

.messagebox.bigRaffle a,
.messagebox.bigRaffle a:visited,
.messagebox.bigRaffle a:active {
    color: #640000;
}

.messagebox.discord {
    background-color: #5865F2;
    border-color: #4d58d0;
    color: #ffffff;
}

.messagebox.discord a,
.messagebox.discord a:visited,
.messagebox.discord a:active {
    color: #d2e5fc;
}

.messagebox.discord a.external.text,
.messagebox.discord a:visited.external.text,
.messagebox.discord a:active.external.text {
    color: #d2e5fc;
    font-style: italic;
}

.messagebox.stub {
    width: 40%;
}

.messagebox.welcomenotice {
    padding: 1em;
    width: 90%;
}

.messagebox.welcomenotice .wordmark {
    filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.1));
}

.messagebox.hasdialogue {
    width: auto;
}

.messagebox.alphabetical {
    width: auto;
    font-size: 95%;
    padding: 5px 10px;
    text-align: center;
    border-radius: 5px;
    background-color: #f9f9f9;
    border: 1px solid #eee;
}

.wikipedia {
    border: solid #aaa 1px;
    font-size: 90%;
    background: #f9f9f9;
    padding: 4px;
    spacing: 0px;
    margin-top: 10px;
}

.messagebox2 {
    background: #ffffff;
    width: 60vw;
    max-width: 600px;
    margin: 1em auto;
    border-collapse: collapse;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

.messagebox2 + .messagebox2 {
    margin-top: calc(-1em - 1px);
}

.messagebox-header {
    background: #ddedf6;
    border: 1px solid #c5e0ef;
    border-bottom: 0.3em solid #589ac1;
    display: flex;
}

.messagebox-image {
    width: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.messagebox-title {
    line-height: 1.55em;
    font-weight: bold;
    padding: 0.6em 0.6em 0.6em 0;
    flex: 1;
}

.messagebox-text {
    font-size: 0.85em;
    line-height: 1.6em;
    padding: 0.65em 0.65em 0.65em 55px;
    border: 1px solid #e4eaee;
    border-top-width: 0;
}

.messagebox2.warn .messagebox-header {
    background: #feecea;
    border-color: #fdd6d2;
    border-bottom-color: #ed3523;
}

.messagebox2.warn .messagebox-header a {
    color: #da2412;
}

.messagebox2.action .messagebox-header {
    background: #fef0e4;
    border-color: #fde2cb;
    border-bottom-color: #f67e0c;
}

.messagebox2.action .messagebox-header a {
    color: #d76d08;
}

.messagebox2.safe .messagebox-header {
    background: #ecf8e3;
    border-color: #def3cf;
    border-bottom-color: #64ba1d;
}

.messagebox2.safe .messagebox-header a {
    color: #539b18;
}

.messagebox2.file .messagebox-header {
    background: #e2e9f7;
    border-color: #cedaf1;
    border-bottom-color: #5675b7;
}

.messagebox2.file .messagebox-header a {
    color: #4664a4;
}

.messagebox2.task .messagebox-header {
    background: #e2e9f7;
    border-color: #cedaf1;
    border-bottom-color: #5675b7;
}

.messagebox2.task .messagebox-header a {
    color: #4664a4;
}

.messagebox2.task .messagebox-reason {
    display: flex;
    flex-wrap: wrap;
}

.messagebox2.task .messagebox-reason .task-info {
    flex: 1 0 auto;
    padding-right: 1em;
}

.messagebox2.task .messagebox-reason a.mw-selflink {
    font-weight: normal;
}

.messagebox2.event .messagebox-header {
    background: #fceef9;
    border-color: #f8d8f1;
    border-bottom-color: #e667ca;
}

.messagebox2.event .messagebox-header a {
    color: #e148c0;
}

.messagebox2.info .messagebox-header {
    background: #e4eaee;
    border-color: #d4dee4;
    border-bottom-color: #8b96a3;
}

.messagebox2.info .messagebox-header a {
    color: #788493;
}

.messagebox2.obsolete .messagebox-header {
    background: #eeeeee;
    border-color: #e1e1e1;
    border-bottom-color: #6f6f6f;
}

.messagebox2.obsolete .messagebox-header a {
    color: #5e5e5e;
}

.messagebox2.discord .messagebox-header {
    background: #5865F2;
    border-color: #404ff0;
    border-bottom-color: #414dcd;
}

.messagebox2.discord .messagebox-header a {
    color: #313cb9;
}

.messagebox2.discord .messagebox-title {
    color: #ffffff;
}

.menaphite-script {
    word-spacing: 15px;
    width: 85%;
}

.menaphite-script img {
    padding: 0 3px;
}

.menaphite-script p:first-of-type {
    margin-top: 1em;
}

.menaphite-script .js-tooltip-click {
    font-size: 12px;
    border-radius: 5px;
    background-color: #898989;
    border-color: #898989;
    padding-right: 0.4em;
    margin-left: 0.5em;
}

.thumbinner {
    display: flex;
    flex-direction: column;
}

.trow {
    display: flex;
    flex-direction: row;
    clear: left;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
}

.tsingle {
    margin: 1px;
    float: left;
}

.theader {
    clear: both;
    font-weight: bold;
    text-align: center;
    align-self: center;
    background-color: transparent;
    width: 100%;
}

.thumbcaption {
    background-color: transparent;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.text-align-center {
    text-align: center;
}

@media all and (max-width: 720px) {
    .thumbinner {
          width: 100% !important;
          box-sizing: border-box;
          max-width: none !important;
          align-items: center;
    }

    .trow {
          justify-content: center;
    }

    .tsingle {
          float: none !important;
          max-width: 100% !important;
          box-sizing: border-box;
          text-align: center;
    }

    .tsingle .thumbcaption {
          text-align: left;
    }

    .trow > .thumbcaption {
          text-align: center;
    }

}

.navbox {
    font-size: 0.85em;
    background: #ffffff;
    margin: 15px auto;
    width: 100%;
    clear: both;
}

.navbox:not(.navbox-collapsible) {
    box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.1);
}

.navbox .navbox-title {
    font-size: 110%;
    background: #438ab5;
    color: #ffffff;
    text-align: center;
    padding: 3px 8px;
}

.navbox .navbox-title .mw-collapsible-toggle {
    font-size: 0.9em;
    margin-left: 6em;
    float: right;
}

.navbox .navbox-title a {
    color: #ffffff;
}

.navbox .navbox-title a:visited {
    color: #ffffff;
}

.navbox .navbox-footer {
    background: #438ab5;
    border-top: 1px;
    text-align: center;
    font-size: smaller;
}

.navbox .navbox-footer a {
    color: #ffffff;
}

.navbox .navbox-footer a:visited {
    color: #ffffff;
}

.navbox .navbox-group-title {
    background: #f2f5f6;
    border: 1px solid #d8e5ff;
    border-width: 0 1px 1px 0;
    font-weight: bold;
    padding: 0 10px 5px 10px;
    width: 100px;
}

.navbox .navbox-group-title a:visited {
    color: #438ab5;
}

.navbox .navbox-list {
    border-bottom: 1px solid #d8e5ff;
    padding: 0 7px;
}

.navbox .navbox-list ul {
    margin: 0;
}

.navbox .navbox-list li {
    display: inline-block;
}

.navbox .navbox-list li + li::before {
    content: ' • ';
    white-space: nowrap;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-subgroup .navbox-group-title {
    padding-bottom: 5px;
}

.navbox .navbox.navbox-collapsible {
    font-size: 100%;
    margin: 5px 0 0;
}

.navbox .navbox.navbox-collapsible .navbox-title {
    background: #6ba5c8;
    padding: 0 8px;
}

.navbox img {
    height: auto;
    width: auto;
    max-height: 1.6em;
    padding: 0 1px;
}

.navbox + .navbox {
    margin-top: -8px;
}

.navbox-data {
    display: none;
}

.navbox-data + .navbox {
    margin-top: -8px;
}

.pathmap .wikitable.lighttable > tfoot {
    display: none;
}

.pathmap table.wikitable.lighttable {
    width: auto !important;
    display: table-cell;
    border: none;
}

.pathmap table.wikitable.lighttable td {
    height: 30px;
    width: 30px;
    padding: 0 !important;
    border-bottom-width: 2px;
}

.perk-link {
    background: #09222F;
    border-radius: 111px;
    width: 35px;
    height: 35px;
    line-height: 30px;
    display: inline-table;
    margin-right: 5px;
    text-align: center;
}

.perk-link.perk-link-nobg {
    background: transparent;
}

.perk-link > a {
    vertical-align: middle;
}

.perk-link .perk-link-rank {
    position: relative;
    top: -26px;
    left: 5px;
    margin-bottom: -28px;
    line-height: 0;
    float: left;
}

.perk-background {
    background: #09222F;
}

.navbox .perk-link img {
    max-height: initial;
}

.gizmo-interface {
    background-image: url('filepath://Empty_gizmo_interface.png');
    background-repeat: no-repeat;
    min-height: 132px;
    padding: 11px 53px;
    width: 216px;
}

.gizmo-interface td {
    border: 0;
    height: 32px;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    width: 32px;
}

.gizmo-interface.gizmo-ancient {
    background-image: url('filepath://Perk_calculator_background_ancient.png');
    background-size: 216px;
}

.gizmo-interface-parts a {
    position: relative;
}

.gizmo-interface-parts a:hover {
    text-decoration: none;
}

.gizmo-interface-parts a:before {
    color: #fff;
    content: "5";
    font-family: 'RuneScape Small';
    font-size: 12pt;
    margin-left: 1px;
    margin-top: -4px;
    position: absolute;
    text-shadow: 1px 1px 1px #000;
}

table.alternating-rows .gizmo-interface tr:nth-child(2n+1),
table.alternating-cols .gizmo-interface td:nth-child(2n+1) {
    background: none;
}

body.wgl-darkmode table.alternating-rows .gizmo-interface tr:nth-child(2n+1),
body.wgl-darkmode table.alternating-cols .gizmo-interface td:nth-child(2n+1) {
    background: none;
}

.pic-link + a,
.chathead-link + a {
    margin-left: 0.25em;
}

.normal-POH {
    line-height: normal !important;
}

.normal-POH a,
.normal-POH .mw-selflink {
    color: #4c4c4c;
}

.portal-link-wrapper {
    text-align: center;
    margin-bottom: 0.5em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.portal-link a {
    height: 120px;
    width: 300px;
    display: inline-flex;
    justify-content: center !important;
    align-items: center !important;
    margin: 7px;
    border-radius: 5px;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1.4em;
    font-family: 'League Spartan', sans-serif;
    text-transform: uppercase;
    background-color: #fafafa;
    color: #404040;
    box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.03);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
}

.portal-link a:hover {
    text-decoration: none;
    background-color: #f2f2f2;
}

.portal-link.wide a {
    width: 618px;
}

.portal-link.compact a {
    font-size: 15px;
    height: 100px;
    width: 200px;
}

.portal-link.short a {
    font-size: 15px;
    height: 50px;
    width: 200px;
    font-variant: small-caps;
    text-transform: none;
}

.portal-link.article a {
    border-top: 8px solid #90c2dd;
}

.portal-link.article a:hover {
    background-color: #90c2dd;
    color: #fff;
}

.portal-link.file a {
    border-top: 8px solid #617ebc;
    background-color: #cfd8eb;
}

.portal-link.file a:hover {
    background-color: #617ebc;
    color: #fff;
}

.portal-link.template a {
    border-top: 8px solid #898989;
    background-color: #ebebeb;
}

.portal-link.template a:hover {
    background-color: #898989;
    color: #fff;
}

.questdetails,
.trainingdetails {
    text-align: left;
    margin: 0 auto 10px;
    padding: 1px;
    background-color: #fff;
    border: 1px solid #aaaaaa;
}

.questdetails .questdetails-header,
.trainingdetails .questdetails-header {
    width: 15%;
    padding: 0 1em;
    font-weight: bold;
    background-color: #f2f2f2;
    vertical-align: top;
}

.questdetails .questdetails-info,
.trainingdetails .questdetails-info {
    width: 85%;
    padding-left: 1em;
}

.questreq ul {
    margin-left: 0;
    padding-left: 10px;
    list-style: none;
    border-left: 1px dotted #333333;
}

.questreq ul ul {
    margin-left: 25px;
}

.quote-source {
    text-align: right;
}

.quote-source::before {
    content: '— ';
}

blockquote {
    color: #5d6773;
}

blockquote p:not(.quote-source) {
    border-left: 3px solid #e4eaee;
    padding-left: 1em;
}

.pullquote {
    border-collapse: collapse;
    border: none;
    margin: 1em auto;
}

.pullquote .quotation-mark {
    color: #949eaa;
    font-size: 3em;
    font-family: serif;
    font-weight: bold;
    padding: 0.3em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pullquote .quotation-mark.left {
    text-align: left;
    vertical-align: top;
}

.pullquote .quotation-mark.right {
    text-align: right;
    vertical-align: bottom;
}

.pullquote .quotation-text {
    vertical-align: top;
    padding: 0.2em 0.5em;
}

.pullquote .quotation-source {
    text-align: right;
}

.rsw-infobox .recolour-table {
    margin: auto;
}

.recolour-table .rec-empty-row,
.recolour-table .rec-empty-cell {
    padding: 0;
    border: none;
}

.recolour-table .rec-empty-row {
    height: 9px;
}

.recolour-table .rec-empty-cell {
    width: 9px;
}

.recolour-table .rec-cell {
    border: 2px ridge #8c8264 !important;
    padding: 0 !important;
    height: 15px;
    width: 15px;
}

ol.references {
    font-size: 100%;
}

.references-small {
    font-size: 90%;
}

.hideQuotes .refhide {
    display: none;
}

.hideRefBacklinks .references a {
    display: none;
}

.shortcut {
    background: #ffffff;
    border: 1px solid #e4eaee;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.5em;
    text-align: center;
    font-size: 75%;
    float: right;
}

.speaksin {
    border-left: none;
    padding: 0 10px;
}

.speaksin-title {
    text-align: center;
    font-weight: bold;
    padding: 0.3em 0;
}

.speaksin-list {
    border-top: 1px solid;
    padding-top: 0.5em;
    -moz-columns: auto 2;
    -webkit-columns: auto 2;
    columns: auto 2;
}

.spoiler-warning {
    padding: 0.25em 1em;
    background: #9f261e;
    color: #ffffff;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border: 1px solid #801c13;
}

.spoiler-warning p {
    margin: 0;
}

section {
    transition: filter 0.5s ease;
}

section.spoiler {
    filter: blur(3px);
    cursor: pointer;
}

.spoiler {
    filter: blur(10px);
}

.spoiler * {
    transition: filter 0.5s ease;
}

.spoiler .gallerybox.spoiler-item .thumb {
    overflow: hidden;
    position: relative;
}

.spoiler .gallerybox.spoiler-item .thumb::before {
    content: "Click to reveal";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px 2px rgb(45 45 45);
    position: absolute;
    z-index: 9999;
    cursor: pointer;
}

.spoiler .gallerybox.spoiler-item .thumb::after {
    position: absolute;
    content: " ";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.spoiler .gallerybox.spoiler-item .thumb img {
    filter: blur(10px);
}

.spoiler .gallerybox.spoiler-item .gallerytext {
    filter: blur(3px);
    cursor: pointer;
}

.statbox {
    width: 197px;
    height: 280px;
    cursor: default;
    font-family: runescape;
    font-size: 16px;
    color: #ff8c00;
    text-shadow: #000 1px 1px 0;
    background-color: #000;
    background-image: url('filepath://Statstable_bg.png');
    background-repeat: no-repeat;
    border-spacing: 0;
    padding: 7px;
}

.statbox td {
    position: relative;
    background-image: url('filepath://Statstable_background.png');
    background-repeat: no-repeat;
    vertical-align: middle;
    text-align: right;
    width: 62px;
    height: 25px;
    padding: 0 10px 0 4px;
    border-spacing: 0;
}

.statbox td img {
    float: left;
    margin-bottom: -3px;
    margin-top: -1px;
}

.statbox td img[height^="1"] {
    margin-top: 4px;
}

.statbox td .xpbox {
    display: none;
    z-index: 3;
    position: absolute;
    text-align: left;
    background-color: #0d0d0d;
    border: 1px solid #ebece6;
    color: #f5b241;
    text-shadow: none;
    padding: 2px 1px 0 1px;
    font-family: runescape;
    min-width: 119px;
    line-height: 15px;
    margin-left: 7px;
}

.statbox td .xpbox span {
    float: right;
}

.statbox td:hover .xpbox {
    display: inline-block;
}

.statbox td[colspan="3"] {
    background: none;
    text-align: left;
    padding: 20px 0 0 90px;
    color: #fff;
}

.store-table .ref-left sup.reference {
    float: left;
    margin-left: -0.25em;
}

.succession {
    width: 50%;
    text-align: center;
}

.succession th {
    width: 33%;
    font-size: 90%;
    background: #cccccc;
}

.succession td {
    background: #eeeeee;
}

.tabber {
    margin: 1em 0;
    overflow-x: hidden;
}

.tabber .tabbertab {
    background-color: #ffffff;
    border: 1px solid #e4eaee;
    padding: 1em 1.5em;
    overflow-x: auto;
}

ul.tabbernav {
    border: none;
    line-height: 3em;
    margin-left: 2em;
    margin-bottom: -4px;
    padding: 0;
    font-family: inherit;
}

ul.tabbernav li.tabberactive a:hover {
    background-color: #ffffff;
}

ul.tabbernav li a {
    background: #f9fafa;
    color: #444e5a;
    font-size: 110%;
    border-color: #e4eaee;
    padding: 0.5em 1em;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    transition: 0.2s ease;
}

ul.tabbernav li a:hover {
    background-color: #f1f3f3;
    border-color: #dbe3e8;
}

ul.tabbernav li a:link,
ul.tabbernav li a:visited {
    color: #444e5a;
}

.thgem {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    width: 66px;
}

.thgem-number {
    text-shadow: 1px 1px 0px black;
    font-family: 'RuneScape Small';
    font-size: 16px;
    position: absolute;
    top: 20px;
    left: 15px;
    pointer-events: none;
}

.thgem-common {
    background-image: url('filepath://THGem-common.png');
}

.thgem-fairly-common {
    background-image: url('filepath://THGem-fairly-common.png');
}

.thgem-uncommon {
    background-image: url('filepath://THGem-uncommon.png');
}

.thgem-rare {
    background-image: url('filepath://THGem-rare.png');
}

.thgem-very-rare {
    background-image: url('filepath://THGem-very-rare.png');
}

.thgem-ultra-rare {
    background-image: url('filepath://THGem-ultra-rare.png');
}

.thgem-none {
    background-image: url('filepath://THGem-none.png');
}

body.wgl-darkmode .rs-title-bg-on-dark {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 2px 5px;
    border-radius: 1.5px;
}

body:not(.wgl-darkmode) .rs-title-bg-on-light {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 2px 5px;
    border-radius: 1.5px;
}

#toc,
.toc {
    font-size: 0.9em;
    background: #ffffff;
    margin-top: 0.75em;
    padding: 0;
    border: none;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

#toc .toctitle,
.toc .toctitle {
    background: #eeeeee;
    border: 1px solid #dcdcdc;
    padding: 0.25em 1em;
}

#toc .toctitle h2,
.toc .toctitle h2,
#toc .toctitle a,
.toc .toctitle a {
    font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
    color: #333333;
}

#toc .toclevel-1 a,
.toc .toclevel-1 a {
    color: #515151;
}

#toc .toclevel-2 a,
.toc .toclevel-2 a {
    color: #777777;
}

#toc > ul,
.toc > ul {
    border: 1px solid #e6e6e6;
    border-top: none;
    line-height: 1.8em;
    padding: 0.75em 1.75em;
    margin: 0;
}

#toc ul ul,
.toc ul ul {
    border-left: 1px dotted #cccccc;
    padding-left: 0.5em;
}

.toctoggle {
    padding-left: 0.2em;
}

.tocnumber {
    display: none;
}

.toclimit-2 #toc .toclevel-2,
.toclimit-3 #toc .toclevel-3,
.toclimit-4 #toc .toclevel-4,
.toclimit-5 #toc .toclevel-5,
.toclimit-6 #toc .toclevel-6,
.toclimit-7 #toc .toclevel-7 {
    display: none;
}

.wikitable.towers {
    display: inline-table;
    width: 160px;
    height: 150px;
    margin-right: 1em;
    text-align: center;
}

.update-history {
    max-height: 50vh;
    overflow-y: auto;
    background: #ffffff;
    padding: 1em 1.5em 0.25em;
    border: 1px solid #e4eaee;
}

.update-history > ul {
    margin: 0;
}

.update-history > ul > li {
    margin-bottom: 0.75em;
    list-style: none;
}

.update-history > ul > li > ul {
    margin-bottom: 0;
}

.update-type:hover a {
    text-decoration: none;
}

.update-type a {
    color: white;
    background: #3ea6e6;
    font-size: 80%;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 2px 5px;
}

.update-type.hidden a,
.update-type.ninja a,
.update-type.nxt a {
    background: #444e5a;
}

.update-type.patch a {
    background: #6bc71f;
}

.update-type.hotfix a,
.update-type.coldfix a {
    background: #ee4231;
}

.update-type.warmfix a {
    background: #f7861b;
}

.official {
    background: #ffffff;
    border: 1px solid #e4eaee;
    margin: 1em 0 1.5em;
    padding: 0.5em;
    text-align: center;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

.context {
    outline-color: #aeb6bb;
    outline-style: solid;
    outline-width: 1px;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.25);
    display: flow-root;
    padding: 10px;
    margin: 10px auto 20px;
    max-width: 600px;
}

.legenda {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.legenda-item {
    align-items: center;
    background-color: rgba(105, 105, 105, 0.05);
    border: 1px solid rgba(120, 120, 120, 0.25);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    margin: 4px;
    padding: 5px;
}

.news-embed {
    border-left: 20px #a9a9a9 solid;
    box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.25);
    margin: auto;
    max-width: 500px;
    text-align: center;
    padding: 20px 40px;
}

.news-embed.reddit {
    border-left-color: #ff5516;
}

.news-embed.twitter {
    border-left-color: #1da1f2;
}

.rs-update-section {
    border-left: solid 4px #caa522;
    padding-bottom: 10px;
    margin-bottom: 0.8em;
}

.rs-update-section > .mw-collapsible-toggle {
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
    width: 100%;
    height: 300px;
    margin: 0;
    font-size: 120%;
}

.rs-update-section > div:first-of-type {
    padding: 1.25rem;
}

.rs-update-section > div:first-of-type h2 .mw-headline-underline {
    display: none;
}

.rs-update-section .mw-collapsible-content {
    padding: 1.25rem;
}

.production-selected {
    background: rgba(195, 232, 163, 0.5);
    color: #3c780a;
}

.infobox-user-stats .infobox-header {
    border-bottom: 0;
}

.infobox-user-stats .infobox-header a,
.infobox-user-stats .infobox-header a:visited {
    color: #ffffff;
}

.infobox-user-stats .infobox-subheader {
    border-top: 0;
}

.infobox-user-stats td:last-child {
    border-right: none;
}

.infobox-user-stats th:not(.infobox-header):not(.infobox-subheader) {
    border: none;
}

table.wikitable {
    color: inherit;
    background: #ffffff;
    font-size: 0.9em;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    border: none;
}

table.wikitable > * > tr > th {
    background-color: #eeeeee;
    border-color: #dcdcdc;
    line-height: 1.65em;
    padding: 0.4em;
}

table.wikitable > * > tr > td {
    border-color: #e6e6e6;
    padding: 0.25em 0.45em;
}

table.wikitable .header-top {
    background: #448fba;
}

table.align-left-1 td:nth-of-type(1),
table.align-left-2 td:nth-of-type(2),
table.align-left-3 td:nth-of-type(3),
table.align-left-4 td:nth-of-type(4),
table.align-left-5 td:nth-of-type(5),
table.align-left-6 td:nth-of-type(6),
table.align-left-7 td:nth-of-type(7),
table.align-left-8 td:nth-of-type(8),
table.align-left-9 td:nth-of-type(9),
table.align-left-10 td:nth-of-type(10),
table.align-left-11 td:nth-of-type(11),
table.align-left-12 td:nth-of-type(12),
table.align-left-13 td:nth-of-type(13) {
    text-align: left;
}

table.align-right-1 td:nth-of-type(1),
table.align-right-2 td:nth-of-type(2),
table.align-right-3 td:nth-of-type(3),
table.align-right-4 td:nth-of-type(4),
table.align-right-5 td:nth-of-type(5),
table.align-right-6 td:nth-of-type(6),
table.align-right-7 td:nth-of-type(7),
table.align-right-8 td:nth-of-type(8),
table.align-right-9 td:nth-of-type(9),
table.align-right-10 td:nth-of-type(10),
table.align-right-11 td:nth-of-type(11),
table.align-right-12 td:nth-of-type(12),
table.align-right-13 td:nth-of-type(13) {
    text-align: right;
}

table.align-center-1 td:nth-of-type(1),
table.align-center-2 td:nth-of-type(2),
table.align-center-3 td:nth-of-type(3),
table.align-center-4 td:nth-of-type(4),
table.align-center-5 td:nth-of-type(5),
table.align-center-6 td:nth-of-type(6),
table.align-center-7 td:nth-of-type(7),
table.align-center-8 td:nth-of-type(8),
table.align-center-9 td:nth-of-type(9),
table.align-center-10 td:nth-of-type(10),
table.align-center-11 td:nth-of-type(11),
table.align-center-12 td:nth-of-type(12),
table.align-center-13 td:nth-of-type(13) {
    text-align: center;
}

table.alternating-rows tr:nth-child(odd),
table.alternating-cols td:nth-child(odd) {
    background: #f9f9f9;
}

.table-bg-red,
.table-bg-veryrare {
    background: #fbc0ba;
    color: #801c13;
}

.table-bg-red a:not(.mw-selflink),
.table-bg-veryrare a:not(.mw-selflink) {
    color: #9f261e;
    text-decoration: underline;
}

.table-bg-orange,
.table-bg-rare {
    background: #fbcfa6;
    color: #7a3f08;
}

.table-bg-orange a:not(.mw-selflink),
.table-bg-rare a:not(.mw-selflink) {
    color: #b55e0c;
    text-decoration: underline;
}

.table-bg-yellow,
.table-bg-uncommon {
    background: #fcea94;
    color: #786300;
}

.table-bg-yellow a:not(.mw-selflink),
.table-bg-uncommon a:not(.mw-selflink) {
    color: #a48900;
    text-decoration: underline;
}

.table-bg-green,
.table-bg-common {
    background: #c3e8a3;
    color: #2e5e05;
}

.table-bg-green a:not(.mw-selflink),
.table-bg-common a:not(.mw-selflink) {
    color: #3c780a;
    text-decoration: underline;
}

.table-bg-blue,
.table-bg-always {
    background: #aad9f5;
    color: #03436b;
}

.table-bg-blue a:not(.mw-selflink),
.table-bg-always a:not(.mw-selflink) {
    color: #0b5884;
    text-decoration: underline;
}

.table-bg-purple {
    background: #cfc0f0;
    color: #3d276b;
}

.table-bg-purple a:not(.mw-selflink) {
    color: #4f348b;
    text-decoration: underline;
}

.table-bg-pink,
.table-bg-random {
    background: #f5c8ec;
    color: #6d3662;
}

.table-bg-pink a:not(.mw-selflink),
.table-bg-random a:not(.mw-selflink) {
    color: #984c89;
    text-decoration: underline;
}

.table-bg-gray,
.table-bg-grey,
.table-bg-default {
    background: #e4eaee;
    color: #444e5a;
}

.table-bg-gray a:not(.mw-selflink),
.table-bg-grey a:not(.mw-selflink),
.table-bg-default a:not(.mw-selflink) {
    color: #5d6773;
    text-decoration: underline;
}

tr.store-hist {
    opacity: 0.6;
    background: #e4eaee;
    color: #444e5a;
}

tr.store-hist a:not(.mw-selflink) {
    color: #5d6773;
    text-decoration: underline;
}

.table-na {
    background: #f9f9f9;
    color: #aaa;
    text-align: center !important;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

table.lighttable .highlight-over .table-na {
    color: rgba(60, 120, 10, 0.4);
    background: #e1f4d3;
}

table.lighttable .highlight-on .table-na {
    color: rgba(60, 120, 10, 0.55);
    background: #b6e38f;
}

.mw-collapsible.mw-collapsed {
}

.mw-collapsible .mw-collapsible-toggle {
    font-weight: normal;
    margin-left: 0.5em;
}

.livestream-table td > .media-logo {
    filter: grayscale(0.8);
    opacity: 0.5;
}

.discussiontable.noresults .topic,
.discussiontable.noresults .edited,
.discussiontable.noresults .edited-by,
.discussiontable.noresults .yg-archive {
    color: #000000;
    background-color: #e6e6e6;
}

.discussiontable.noresults th {
    background-color: #cccccc;
}

.discussiontable.noresults th a {
    color: #000000;
}

.discussiontable th {
    color: #ffffff;
    background-color: #438ab5;
}

.discussiontable th a {
    color: #ffffff;
}

.discussiontable th a:hover {
    text-decoration: none;
}

.discussiontable .topic,
.discussiontable .edited,
.discussiontable .edited-by,
.discussiontable .yg-archive {
    color: #000000;
    background-color: #e6e6e6;
}

.dpltable {
    margin-top: -30px;
}

.dpltable td {
    padding-left: 5px;
}

.dpltable,
.discussiontable {
    width: 100%;
}

.dpltable .topic,
.discussiontable .topic {
    width: 40%;
}

.dpltable .edited,
.discussiontable .edited,
.dpltable .edited-by,
.discussiontable .edited-by {
    width: 30%;
}

.dpltable .yg-archive,
.discussiontable .yg-archive {
    width: 20%;
}

body.page-RuneScape_Wiki .mw-parser-output {
    max-width: 75em;
    margin: 0 auto;
}

body.page-RuneScape_Wiki.action-view .catlinks,
body.page-RuneScape_Wiki.action-view #contentSub,
body.page-RuneScape_Wiki.action-view #firstHeading,
body.page-RuneScape_Wiki.action-view #siteNotice {
    display: none;
}

.mainpage-header {
    display: flex;
    margin: 2.6em 1.75em 1.5em;
}

.mainpage-header .header-intro {
    flex: 2;
}

.mainpage-header .header-intro h1 {
    font-size: 2.5em;
    border: none;
    margin: 0 0 0.15em;
}

body.wgl-readermode .mainpage-header .header-intro h1 {
    font-size: 2.25em;
}

.mainpage-header .header-intro p {
    font-size: 1.1em;
    line-height: 1.7em;
}

.mainpage-header .header-stats {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -1em;
}

.mainpage-header .header-stats ul {
    list-style: none;
}

.mainpage-header .announcement {
    margin: 0.5em 0 1.5em;
}

.mainpage-header .announcement a {
    background: #f9fafa;
    border: 1px solid #e4eaee;
    color: #5d6773;
    font-size: 0.9em;
    line-height: 1.25em;
    padding: 0.25em 0.75em;
    border-radius: 10em;
    transition: 0.25s ease;
    display: inline-flex;
    align-items: center;
}

.mainpage-header .announcement a:hover {
    text-decoration: none;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

.mainpage-header .announcement .announcement-pill {
    background: #6bc71f;
    color: #ffffff;
    font-size: 0.85em;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 10em;
    padding: 0.1em 0.6em;
    margin: 0 0.5em 0 -0.5em;
}

.mainpage-header .announcement .arrow.dark {
    margin-left: 0.5em;
    filter: invert(50%);
}

.mainpage-body {
    display: flex;
    flex-flow: row wrap;
}

.mainpage-body h2 a {
    color: #444e5a;
}

.mainpage-body .tile {
    padding-left: 1.75em;
    padding-right: 1.75em;
    max-width: 100%;
}

.mainpage-body .tile-row {
    width: 100%;
    margin-bottom: 0.9rem;
}

.mainpage-left {
    flex: 1;
    display: flex;
    flex-flow: column wrap;
    margin-right: 0.9rem;
}

.mainpage-left > * {
    margin: 0 0 0.9rem;
}

.mainpage-center {
    flex: 1;
    display: flex;
    flex-flow: column wrap;
    margin-right: 0.9rem;
}

.mainpage-center > * {
    margin: 0 0 0.9rem;
}

.mainpage-right {
    flex: 1;
    display: flex;
    flex-flow: column wrap;
}

.mainpage-right > * {
    margin: 0 0 0.9rem;
}

.arrow {
    background: url('filepath://White-chevron.svg') no-repeat;
    display: inline-block;
    height: 0.7rem;
    width: 0.45rem;
    vertical-align: middle;
}

.arrow.dark {
    filter: invert(80%);
}

.ribbon {
    position: absolute;
    right: -0.5em;
    top: -0.5em;
    color: #ffffff;
    background: #6bc71f;
    font-size: 0.7em;
    font-weight: bold;
    letter-spacing: 0.045em;
    line-height: 2.25em;
    padding: 0 0.55em;
    border-radius: 0.35em;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    pointer-events: none;
}

.tile.big-tile {
    width: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), #ffffff 50%), url("filepath://Main page Shauny.png") right / auto 100% no-repeat #ffffff;
    margin-bottom: 0.9rem;
    padding-right: 8vw;
}

.tile.big-tile.dxp {
    background: linear-gradient(to left, rgba(255, 255, 255, 0.5), #ffffff 50%), url("filepath://Lumbridge Market.png") right / auto 150% no-repeat #ffffff;
}

.tile.big-tile.rs-mobile {
    background: linear-gradient(to left, rgba(255, 255, 255, 0.5), #ffffff 50%), url("filepath://RuneScape Mobile promo.png") right / auto 150% no-repeat #ffffff;
}

.tile.big-tile.archaeology {
    background: linear-gradient(to left, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url("filepath://Archaeology key art.png") right / 100% auto no-repeat #ffffff;
    padding: 1.5em 2em 1em;
    text-align: center;
}

.tile.big-tile.archaeology img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 200px;
}

.tile.big-tile.archaeology h3#arch-countdown {
    font-size: 2em;
}

.mainpage-recent-updates .tile-halves {
    flex: 1;
    align-content: flex-start;
    margin-right: 0.9rem;
}

.mainpage-recent-updates .tile-halves:hover .tile-top img {
    transform: scale(1.04);
}

.mainpage-recent-updates .tile-halves:last-child {
    margin-right: 0;
}

body.wgl-readermode .mainpage-recent-updates .tile-image {
    max-height: 10.5em;
}

.mainpage-recent-updates .tile-bottom.link-button a {
    text-align: left;
    padding: 1rem 1.5rem 0.75rem;
}

.mainpage-recent-updates h2 {
    margin: -0.5em 0 0.3em;
}

.mainpage-recent-updates p:not(.byline) {
    font-size: 0.9em;
    line-height: 1.75em;
    color: #444e5a;
}

.mainpage-recent-updates .jagex-promotion .byline {
    color: #855cd8;
}

.mainpage-contents .tile-halves {
    flex: 1;
    margin-right: 0.9rem;
}

.mainpage-contents .tile-halves:hover .tile-top img {
    transform: scale(1.04);
}

.mainpage-contents .tile-halves:last-child {
    margin-right: 0;
}

.mainpage-contents .tile-top {
    height: 4.5rem;
    position: relative;
}

.mainpage-contents .tile-top h2 a {
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 4.5rem;
    padding-left: 0.45rem;
}

.mainpage-contents h2 {
    margin: 0;
    padding: 0;
}

.mainpage-skills ul {
    columns: 1;
    margin: 1em 0.7em 0.7em 1em;
}

.mainpage-skills li {
    display: flex;
    margin-bottom: 0.4em;
    isolation: isolate;
}

.mainpage-skills li a:first-child {
    border-radius: 3px;
    padding: 4px;
    width: 25px;
    height: 25px;
}

.mainpage-skills li a:last-child {
    flex: 1;
    display: flex;
    align-items: center;
    color: #36414f;
    font-weight: bold;
    padding-left: 0.7em;
    text-decoration: none;
}

.mainpage-skills li:hover a:first-child {
    border-radius: 3px 0 0 3px;
}

.mainpage-skills li:hover a:last-child {
    color: rgba(255, 255, 255, 0.9);
    border-radius: 0 3px 3px 0;
}

.skill-agility a:first-child,
.skill-melee a:first-child {
    background: #bc483d;
}

.skill-agility:hover a:last-child,
.skill-melee:hover a:last-child {
    background: #932419;
}

.skill-ranged a:first-child {
    background: #748d36;
}

.skill-ranged:hover a:last-child {
    background: #4c6215;
}

.skill-magic a:first-child {
    background: #6274ab;
}

.skill-magic:hover a:last-child {
    background: #304791;
}

.skill-fishing a:first-child,
.skill-fletching a:first-child {
    background: #3e8e9a;
}

.skill-fishing:hover a:last-child,
.skill-fletching:hover a:last-child {
    background: #1a6671;
}

.skill-cooking a:first-child,
.skill-divination a:first-child,
.skill-thieving a:first-child {
    background: #91689e;
}

.skill-cooking:hover a:last-child,
.skill-divination:hover a:last-child,
.skill-thieving:hover a:last-child {
    background: #713684;
}

.skill-farming a:first-child,
.skill-woodcutting a:first-child {
    background: #59924f;
}

.skill-farming:hover a:last-child,
.skill-woodcutting:hover a:last-child {
    background: #306f25;
}

.skill-mining a:first-child,
.skill-summoning a:first-child {
    background: #6385a8;
}

.skill-mining:hover a:last-child,
.skill-summoning:hover a:last-child {
    background: #315f8d;
}

.skill-invention a:first-child,
.skill-smithing a:first-child {
    background: #d2b244;
}

.skill-invention:hover a:last-child,
.skill-smithing:hover a:last-child {
    background: #b69213;
}

.skill-archaeology a:first-child {
    background: #a56831;
}

.skill-archaeology:hover a:last-child {
    background: #784212;
}

.mainpage-wikinews .news-date {
    font-weight: bold;
    margin-bottom: 0.3em;
}

.mainpage-wikinews p:not(.news-date) {
    margin-left: 1em;
}

.mainpage-social {
    border: none;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}

.mainpage-social .tile-top {
    display: flex;
    align-items: center;
    padding: 1em 1.5em;
}

.mainpage-social .tile-top a {
    flex: 1;
    position: relative;
    text-decoration: none;
}

.mainpage-social .tile-top a:hover .arrow {
    transform: translateX(50%);
}

.mainpage-social .tile-bottom {
    border: none;
    padding: 1em 1.75em;
}

.mainpage-social .tile-bottom p {
    color: #ffffff;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin: 0;
}

.mainpage-social .social-icon {
    margin-right: 0.75em;
    width: 60px;
    text-align: center;
}

.mainpage-social .social-header {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.15em;
    margin: 0.5em 0 -0.15em;
}

body.wgl-readermode .mainpage-social .social-header {
    font-size: 1.05em;
}

.mainpage-social .social-tagline {
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0.5em;
}

.mainpage-social .arrow {
    position: absolute;
    top: calc(50% - .5em);
    right: 0;
    height: 1em;
    width: 0.7em;
    background-size: 0.7em 1em;
    transition: 0.3s ease-out;
}

.mainpage-social.mainpage-discord .tile-top {
    background: #5865F2;
}

.mainpage-social.mainpage-discord .tile-bottom {
    background: #525ee0;
}

.mainpage-social.mainpage-twitter .tile-top {
    background: #1da1f2;
}

.mainpage-social.mainpage-twitter .tile-bottom {
    background: #1e96e0;
}

.mainpage-social.mainpage-beefy .tile-top {
    background: #b92f40;
}

.mainpage-social.mainpage-beefy .tile-bottom {
    background: #9b2c19;
}

.mainpage-events .tile-top {
    background-color: #4f348b;
    color: #fff;
    padding-bottom: 0;
}

.mainpage-events .tile-top h2 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.mainpage-events .tile-top a,
.mainpage-events .tile-top a:visited,
.mainpage-events .tile-top h2 a {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
}

.mainpage-events .tile-top .note {
    color: rgba(255, 255, 255, 0.5);
    font-style: italic;
}

.mainpage-events .tile-top .note a,
.mainpage-events .tile-top .note a:visited {
    color: rgba(255, 255, 255, 0.5);
}

.mainpage-events .tile-top ul {
    list-style: none;
    margin-top: 1em;
    margin-left: 0;
}

.mainpage-events .tile-top li {
    padding-bottom: 0.6em;
    overflow: auto;
}

.mainpage-events .tile-top li img {
    max-width: 32px;
    width: auto;
    height: auto;
}

.mainpage-events .tile-top li a:hover,
.mainpage-events .tile-top li a:focus {
    text-decoration: underline;
}

.mainpage-events .tile-top li a {
    float: left;
}

.mainpage-events .tile-top li a:first-child {
    width: 30px;
}

.mainpage-events .tile-top li a:last-child {
    padding-left: 1.5em;
    line-height: 1.5;
}

.mainpage-events .tile-bottom {
    border: none;
    padding: 1em 1.75em;
    background-color: #3d276b;
    color: #fff;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin: 0;
}

body.wgl-darkmode .mainpage-events .tile-bottom {
    background-color: #3d276b;
    color: #fff;
}

.mainpage-events .tile-bottom a,
.mainpage-events .tile-bottom a:visited {
    color: #fff;
    text-decoration: none;
}

.mainpage-events .tile-bottom .arrow {
    margin-left: 0.2em;
}

.mainpage-editing {
    border: none;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}

.mainpage-editing .tile-top {
    background: #438ab5;
}

.mainpage-editing .tile-bottom {
    background: #3980ab;
    border: none;
    padding: 0.8rem 1.5rem 0.4rem;
}

.mainpage-editing h2,
.mainpage-editing a,
.mainpage-editing a:visited,
.mainpage-editing a:active {
    color: #ffffff;
}

.mainpage-editing p {
    color: rgba(255, 255, 255, 0.9);
}

.mainpage-editing ul {
    list-style-image: url('filepath://Transparent-chevron.svg');
}

.mainpage-poll .ajaxpoll {
    padding: 0;
    width: 100%;
    border: none;
    box-shadow: none;
}

.mainpage-fimg img {
    margin: 0.7em 0 1.15em;
    -webkit-filter: drop-shadow(0 0.15em 0.25em rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0 0.15em 0.25em rgba(0, 0, 0, 0.15));
}

.mainpage-fimg .tile-top p:not(.byline) {
    font-size: 0.9em;
    line-height: 1.8em;
}

@media only screen and (max-width: 65.999rem) {
    .mainpage-recent-updates .tile-halves:last-child {
          display: none;
    }

    .mainpage-recent-updates .tile-halves:nth-last-child(2) {
          margin-right: 0;
    }

    .mainpage-recent-updates .tile-top {
          height: 18vw;
    }

    .mainpage-contents .tile-halves:nth-child(1),
    .mainpage-contents .tile-halves:nth-child(2),
    .mainpage-contents .tile-halves:nth-child(3) {
          margin-bottom: 0.9rem;
    }

    .mainpage-contents .tile-halves:nth-child(3) {
          margin-right: 0;
    }

    .mainpage-contents .line-break {
          width: 100%;
    }

    .mainpage-skills ul {
          columns: 2 9em;
    }

    .mainpage-skills .skill-thieving {
          display: none;
    }

    .mainpage-header .header-stats,
    .mainpage-onthisday {
          display: none;
    }

}

@media only screen and (min-width: 66rem) and (max-width: 81.999rem) {
    .mainpage-contents .tile-halves:last-child {
          display: none;
    }

    .mainpage-contents .tile-halves:nth-last-child(2) {
          margin-right: 0;
    }

    .mainpage-header .header-stats,
    .mainpage-contents .line-break {
          display: none;
    }

}

@media only screen and (min-width: 82rem) {
    .mainpage-header .header-intro {
          margin-right: 2em;
    }

    .mainpage-contents .line-break {
          display: none;
    }

    body.wgl-readermode .mainpage-contents .tile-halves:last-child {
          display: none;
    }

    body.wgl-readermode .mainpage-contents .tile-halves:nth-last-child(2) {
          margin-right: 0;
    }

}

.smw-callout-error {
    background-color: #feecea;
    border-color: #feecea;
    border-left-color: #ee4231;
}

.smw-callout-info {
    background-color: #e5f3fc;
    border-color: #e5f3fc;
    border-left-color: #3ea6e6;
}

.smw-callout-success {
    background-color: #ecf8e3;
    border-color: #ecf8e3;
    border-left-color: #6bc71f;
}

.smw-callout-warning {
    background-color: #fef9de;
    border-color: #fef9de;
    border-left-color: #f9d000;
}

.smw-property-page-results .header-title {
    color: inherit;
}

.page-Special_CreateAccount .firstHeading,
.page-Special_UserLogin .firstHeading {
    width: 32rem;
    margin: 1.5em auto 0.4em;
}

.page-Special_CreateAccount #contentSub,
.page-Special_UserLogin #contentSub {
    display: none;
}

.page-Special_CreateAccount .mw-ui-container,
.page-Special_UserLogin .mw-ui-container {
    width: 32rem;
    margin: 3em auto;
}

.page-Special_CreateAccount .mw-ui-container #userloginForm,
.page-Special_UserLogin .mw-ui-container #userloginForm {
    float: unset;
    margin: 0;
}

.page-Special_CreateAccount .mw-ui-container .mw-ui-vform,
.page-Special_UserLogin .mw-ui-container .mw-ui-vform {
    margin: 2.5em auto 0;
    width: 22rem;
}

#signupstart,
#userloginprompt {
    border: 1px solid #e4eaee;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    padding: 1.5em 2em 1em;
}

#userloginForm label {
    display: block;
    margin-bottom: 0.25em;
}

#userloginForm label[for="mw-input-captchaWord"] {
    margin-bottom: 0.5em;
}

.signup-realname-tip {
    color: #656565;
    font-size: 0.9em;
    margin: -0.75em 0 0.75em;
}

.mw-createacct-benefits-container {
    display: none;
}

.mw-plusminus-pos {
    color: #407813;
}

.mw-plusminus-neg {
    color: #b41e0f;
}

.client-js .mw-changeslist ul,
.client-js .mw-changeslist table.mw-enhanced-rc {
    margin-left: 0;
}

.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,
.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {
    margin-left: 1.5em;
}

.mw-changeslist-legend {
    display: none;
}

.mw-recentchanges-toplinks {
    font-size: 0.85em;
}

.mw-recentchanges-toplinks table {
    margin: 3.5em auto 2em;
}

.mw-rcfilters-ui-rcTopSectionWidget-topLinks-top .mw-recentchanges-toplinks table {
    margin: 0 auto 1em;
}

.mw-recentchanges-toplinks th {
    text-align: right;
    padding-right: 5px;
}

.mw-recentchanges-toplinks .speedy-delete a,
.mw-recentchanges-toplinks .speedy-move a {
    color: #ee4231;
}

.page-Special_RecentChanges .mw-collapsible .mw-collapsible-toggle {
    margin-left: 0;
}

.mw-tag-markers,
.mw-tag-markers a {
    font-weight: bold;
}

.mw-tag-marker-visualeditor a,
.mw-tag-marker-visualeditor-needcheck a {
    color: #e49f10;
    font-weight: normal;
}

#mw-searchoptions table {
    margin-right: 0;
}

#mw-searchoptions table:nth-child(odd) {
    border-right: 1px solid #172136;
    margin-right: 2em;
}

#mw-searchoptions table tr td:first-of-type {
    font-weight: bold;
}

#mw-searchoptions table td {
    width: 18vw;
    padding: 0;
}

#mw-searchoptions h4 {
    font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
}

.searchresult {
    line-height: 1.5;
}

.searchalttitle,
#mw-search-interwiki li {
    font-size: 90%;
}

.mw-search-result-data {
    color: inherit;
    opacity: 0.6;
}

.page-Special_ListFiles a.image img {
    width: inherit;
    height: inherit;
}

.page-Special_ListFiles .TablePager_col_thumb {
    text-align: center;
}

.page-Special_NewFiles .thumbimage {
    max-height: 212px !important;
    max-width: 212px !important;
    margin: 0 !important;
}

#editcount table[border="1"] {
    background-color: #ffffff !important;
    margin-top: 0.5em;
}

#editcount table[border="1"] th,
#editcount table[border="1"] td {
    padding: 0.25em 0.45em;
}

#editcount table[border="1"] th {
    background: #eeeeee;
    border: 1px solid #dcdcdc;
}

#editcount table[border="1"] td {
    border: 1px solid #e6e6e6;
}

#editcount table[border="1"] tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.smwb-title {
    background-color: #eeeeee;
    border: 1px solid #dcdcdc;
    border-bottom: 0;
    font-size: 1.6em;
}

.smwb-title a {
    padding-left: 10px;
}

.smwb-factbox,
.smwb-ifactbox {
    border-collapse: collapse;
    border: 0;
}

.smwb-propvalue .smwb-prophead,
.smwb-ipropvalue .smwb-prophead {
    background-color: #f6f6f6;
    border: 1px solid #dcdcdc;
    font-size: 0.9em;
}

.smwb-propvalue .smwb-propval,
.smwb-ipropvalue .smwb-propval {
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    font-size: 0.9em;
}

.smwb-center {
    background-color: #f6f6f6;
    border: 1px solid #dcdcdc;
    border-top: 0;
    padding: 4px 8px;
}

.smwb-center a {
    padding-left: 10px;
}

.smwb-bottom {
    border-bottom: 0;
}

.watchlistredir a,
.allpagesredirect a {
    color: #888;
    font-style: italic;
}

.not-patrolled {
    background-color: #f9f9f9;
    border-right: 10px solid #eee;
    padding-right: 15px;
}

.mw-special-AbuseLog .mw-abuselog-details {
    table-layout: fixed;
    width: 100%;
}

.fileupload-results {
    margin-left: 0;
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {
    background-color: inherit;
}

.rootpage-Help_Editing:not(.action-edit) #firstHeading,
.page-Help_Editing:not(.action-edit) #firstHeading,
.rootpage-Help_Editing:not(.action-edit) #contentSub,
.page-Help_Editing:not(.action-edit) #contentSub,
.rootpage-Help_Editing .mw-parser-output,
.page-Help_Editing .mw-parser-output {
    margin-left: auto;
    margin-right: auto;
}

.page-Help_Editing:not(.action-edit) #firstHeading,
.page-Help_Contents:not(.action-edit) #firstHeading,
.page-Help_Editing:not(.action-edit) .mw-redirectedfrom,
.page-Help_Contents:not(.action-edit) .mw-redirectedfrom {
    display: none;
}

.page-Help_Editing .header-intro,
.page-Help_Contents .header-intro {
    margin: 2.6em 1.75em;
}

.page-Help_Editing .header-intro h1,
.page-Help_Contents .header-intro h1 {
    font-size: 2.5em;
    border: none;
    margin: 0 0 0.15em;
}

.page-Help_Editing .header-intro p,
.page-Help_Contents .header-intro p {
    font-size: 1.1em;
    line-height: 1.7em;
}

.page-Help_Editing .tile-halves,
.page-Help_Images .tile-halves {
    width: 45%;
    max-width: 30em;
    margin: 0 1em 2em;
}

.page-Help_Contents .header-intro {
    text-align: center;
}

.page-Help_Contents .tile-halves {
    min-width: 30em;
    width: 46%;
    margin: 0 2% 2em;
}

.page-Help_Contents .tile-halves .tile-bottom {
    text-align: center;
}

.color-container {
    display: flex;
    margin: 2em auto;
    width: 80%;
    max-width: 60em;
}

.color-column {
    flex: 1;
    margin-right: 1em;
}

.color-column:last-child {
    margin-right: 0;
}

.color-column h3 {
    padding: 0;
}

.color-group {
    color: #333333;
    padding: 1em 1.5em;
    transition: 0.2s ease-out;
}

.color-group:hover {
    transform: scale(1.03);
}

.color-group.dark {
    color: #ffffff;
}

.color-group .variable,
.color-group .hexcode {
    font-family: monospace;
    font-size: 1.1em;
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
    margin: 0;
}

body.wgl-readermode .color-group .variable,
body.wgl-readermode .color-group .hexcode {
    font-size: inherit;
}

.color-group .variable {
    font-weight: bold;
}

.page-RuneScape_Theme #toc a[href^="#The_quick_brown_fox"] {
    display: none;
}

.forumlist th.forum_title {
    padding-left: 25px;
}

.forumlist td {
    padding: 0;
}

.forumlist td span {
    display: block;
    padding-left: 15px;
    font-size: smaller;
}

.forumlist td span.forum_author {
    padding-left: 30px;
}

.forumlist td span a {
    text-decoration: none;
}

.forumlist .forum_edited a {
    text-decoration: none;
}

.forumlist .forum_title a {
    padding-left: 25px;
}

.forumheader {
    border-left: 15px solid #ccc;
    background-color: #f1f1f1;
    margin: 1em 0;
    padding: 12px;
}

.forumactiveheader,
.forumarchiveheader,
.forumoldarchives {
    background-color: #438ab5;
    color: #ffffff;
}

.forumoldarchives a {
    color: #ffffff;
}

.forumcolumnheader {
    background-color: #e6e6e6;
    color: #000000;
    text-align: left;
    padding-left: 5px;
}

.forumsearchbox {
    float: right;
    width: auto;
    padding: 0.5em;
    margin-left: 0.5em;
    text-align: center;
    font-size: 90%;
    background-color: #f1f1f1;
}

body.ns-110 #ca-talk {
    display: none;
}

.calc-container {
    display: block;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    margin-top: -52px;
    column-count: auto;
    column-width: 491px;
    column-fill: balance;
    column-gap: 52px;
    column-rule: dashed 1px rgba(137, 142, 152, 0.1);
}

.calc-container .calc-tile-divider:first-child {
    margin-bottom: 0px;
}

body.wgl-stickyheader .calc-container {
    margin-top: -92px;
}

body.wgl-stickyheader .calc-sticky .calc-section-header {
    top: 40px;
}

body.wgl-stickyheader .calc-tile-divider {
    margin-bottom: -92px;
}

body.wgl-stickyheader .calc-tile-container {
    padding-top: 118px;
}

body.wgl-stickyheader .calc-header-title > h2 {
    grid-template-rows: 0px 172px;
    margin-top: -117px !important;
    height: 172px;
}

body.wgl-stickyheader .calc-header-title > h2 > span {
    grid-template-rows: 117px 55px;
}

.calc-section-header {
    position: relative;
    top: 0px;
    padding-top: 1em;
    background: #fbfbfb;
    z-index: 5;
}

.calc-section-header > h1 {
    margin-top: 0;
    margin-bottom: 0;
}

.calc-sticky .calc-section-header {
    position: sticky !important;
}

.calc-toc {
    padding-top: 13px;
    padding-bottom: 13px;
}

.calc-toc-section {
    position: relative;
    display: grid;
    grid-template-columns: 144px 1fr;
    margin-bottom: 0px;
}

.calc-toc-section > p {
    grid-column-start: 1;
    grid-column-end: span 1;
    margin: 0;
    line-height: 34px;
    text-align: right;
    padding-right: 21px;
    font-size: 1em;
    font-weight: bold;
}

.calc-toc-dots {
    position: absolute;
    top: 34px;
    bottom: 26px;
    right: 0px;
    grid-column-start: 1;
    grid-column-end: span 1;
    border-right: 1px dotted #cccccc;
    text-align: right;
    margin-right: 29px;
}

.calc-toc-list {
    grid-column-start: 2;
    grid-column-end: span 1;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
}

.calc-toc-list-item {
    position: relative;
    min-width: 193px;
    width: 193px;
    max-width: 193px;
    height: 34px;
    margin-right: 8px;
    margin-bottom: 8px;
    line-height: 34px;
    padding-left: 34px;
    padding-right: 6px;
    color: #ffffff;
    text-shadow: 1px 1px #0006;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calc-toc-list-item > a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.calc-toc-list-item > img {
    position: absolute;
    top: 6.5px;
    left: 6.5px;
    width: 21px;
    height: 21px;
}

.calc-tile-divider {
    margin-bottom: -52px;
}

.calc-tile-container {
    display: inline-block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding: 0;
    padding-top: 78px;
    padding-bottom: 0.25rem;
    background: none !important;
    width: calc(100% - 2px);
}

@supports ( break-inside: avoid-column ) {
    .calc-tile-container {
          display: block;
    }

}

.calc-header-title {
    text-shadow: 1px 1px #0006;
    height: 55px;
    margin-left: 5px;
    grid-column-start: 2;
    grid-column-end: span 1;
    min-width: 0;
    color: rgba(255, 255, 255, 0.9);
    z-index: inherit;
}

.calc-header-title > h2 {
    color: inherit !important;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 21px;
    line-height: 55px;
    display: grid;
    grid-template-rows: 0px 132px;
    margin-top: -77px !important;
    height: 132px;
}

.calc-header-title > h2 > span {
    display: inline-grid;
    grid-template-rows: 77px 55px;
    height: 0px;
    grid-row-start: 1;
    grid-row-end: span 1;
}

.calc-header-title > h2 > span > span {
    grid-row-start: 2;
    grid-row-end: span 1;
}

.calc-header-title > h2 > .mw-headline-headanchor {
    grid-row-start: 1;
    grid-row-end: span 1;
}

.calc.tile {
    position: relative;
    margin: 0;
    padding: 0;
    min-width: 100%;
    height: unset;
    z-index: 0;
}

.calc .keyword {
    font-size: 1.125em;
    font-weight: bold;
}

.calc-header {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 1;
    grid-row-end: span 1;
    display: grid;
    grid-template-columns: 55px minmax(0, max-content) max-content 1fr 68px;
    position: relative;
    top: 0;
    width: 100%;
    height: 55px;
    background: transparent;
    z-index: 2;
}

.calc-header-background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.calc-header-background > img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.calc-header-icon {
    grid-column-start: 1;
    grid-column-end: span 1;
    min-width: 55px;
    width: 55px;
    max-width: 55px;
    min-height: 55px;
    height: 55px;
    max-height: 55px;
    z-index: inherit;
}

.calc-header-icon > img {
    object-fit: contain;
    min-width: 25px;
    width: 25px;
    max-width: 25px;
    min-height: 25px;
    height: 25px;
    max-height: 25px;
    padding: 15px;
}

.calc-header-title-semantics {
    display: none;
}

.calc-header-command {
    margin-left: 10px;
    grid-column-start: 3;
    grid-column-end: span 1;
    height: 55px;
    line-height: 55px;
    z-index: inherit;
}

.calc-list {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 2;
    grid-row-end: span 1;
    padding: 0px;
    padding-top: 4px;
    padding-bottom: 5.5px;
}

.calc-list-item {
    position: relative;
    display: grid;
    grid-template-columns: [thumb] min-content [main] 1fr [key] max-content;
    grid-template-rows: min-content min-content;
    width: auto;
    padding: 8.5px;
    margin: 0;
    border-bottom: 1px solid rgba(137, 142, 152, 0.075);
}

.calc-list-item:last-child {
    border-bottom-color: transparent;
}

.calc-list-item-thumbnail {
    grid-column-start: thumb;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 2;
    margin-left: 5.5px;
    width: 44px;
    height: 52.8px;
    margin-right: 14px;
    padding-top: 8.5px;
}

.calc-list-item-thumbnail > img {
    min-width: 44px;
    width: 44px !important;
    max-width: 44px;
    min-height: 44px;
    height: 44px !important;
    max-height: 44px;
    object-fit: contain;
    object-position: center 0;
    grid-row-start: 2;
    grid-row-end: span 1;
}

.calc-list-item-key {
    width: 28px;
    grid-column-start: key;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 1;
    margin-left: 8.5px;
}

.calc-list-item-key > img {
    position: absolute;
    top: 8.5px;
    right: 8.5px;
}

.calc-list-item-title {
    grid-column-start: main;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 1;
    padding-left: 8px;
    text-indent: -8px;
}

.calc-list-item-desc {
    grid-column-start: main;
    grid-column-end: span 1;
    grid-row-start: 2;
    grid-row-end: span 1;
    margin-left: 8px;
    text-indent: 0px;
}

.oswf-page-container {
    width: 100%;
    border-radius: 0.5em;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #e4eaee;
    background: #ffffff;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

.oswf-page-container .mw-headline-underline {
    display: none;
}

.oswf-page-container .oswf-tile {
    max-width: 35em;
    padding: 0;
    border-color: #3c780a;
}

.oswf-page-container .oswf-tile.oswf-tile-complete {
    order: 10;
    border-color: #9f261e;
}

.oswf-page-container .oswf-tile.oswf-tile-complete .oswf-tile-banner {
    background: #9f261e;
}

.oswf-page-container .oswf-tile.oswf-tile-complete .oswf-tile-content {
    opacity: 0.5;
}

.oswf-page-container .oswf-tile .oswf-tile-banner {
    padding: 0.5em 2em;
    background: #3c780a;
    color: #ffffff;
}

.oswf-page-container .oswf-tile .oswf-tile-content {
    padding: 1.5em 2em 1.5em;
}

.oswf-section-header {
    padding: 0.25em 2em;
    background: #eeeeee;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top: 1px solid #e4eaee;
    border-bottom: 1px solid #e4eaee;
    justify-content: space-between;
}

.oswf-section-header h2,
.oswf-section-header h5 {
    padding: 0;
    margin: 0.3em 0;
}

.oswf-section-header.oswf-page-header {
    background: #f7861b;
    border-radius: 0.5em 0.5em 0 0;
    border: none;
}

.oswf-section-header.oswf-page-header h2,
.oswf-section-header.oswf-page-header h5 {
    color: #ffffff;
    padding: 0;
    margin: 0.5em 0;
}

.oswf-page-section {
    padding: 1em 2em;
}

.oswf-page-section p:last-child,
.oswf-page-section.rules-section ul {
    margin-bottom: 0;
}

.oswf-page-quicklinks {
    padding: 0 2em;
    background: #f9fafa;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #e4eaee;
}

.oswf-page-quicklinks .oswf-page-quicklinks-col {
    padding: 0.5em 1em 0.5em 0;
    border-right: 1px solid #e4eaee;
}

.oswf-page-quicklinks .oswf-page-quicklinks-col p,
.oswf-page-quicklinks .oswf-page-quicklinks-col h5 {
    margin: 0;
    padding: 0;
}

.oswf-page-quicklinks .oswf-page-quicklinks-col:not(:first-child) {
    padding-left: 1em;
}

.oswf-page-quicklinks .oswf-page-quicklinks-col.oswf-ql-discord {
    background: #5865F2;
}

.oswf-page-quicklinks .oswf-page-quicklinks-col.oswf-ql-discord a,
.oswf-page-quicklinks .oswf-page-quicklinks-col.oswf-ql-discord h5 {
    color: #ffffff;
}

.oswf-page-quicklinks .oswf-page-quicklinks-col.oswf-ql-discord img {
    margin-right: 0.3em;
}

.oswf-text-primary {
    color: #f7861b;
}

.pvm-toc-list-item {
    position: relative;
    min-width: 265px;
    width: 265px;
    max-width: 265px;
    height: 34px;
    margin-right: 8px;
    margin-bottom: 8px;
    line-height: 34px;
    color: #ffffff;
    text-shadow: 1px 1px #0006;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 6px;
}

.pvm-toc-list-item > img {
    width: 21px;
    height: 21px;
    padding-right: 6px;
}

.pvm-toc-list-item > a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.pvm-toc-list-item > .pvm-toc-list-item-extra {
    padding-left: 6px;
}

.jcConfig,
.jcCookies,
.jcSub {
    display: none;
}

.jsCalc-field-buttonselect .oo-ui-buttonSelectWidget {
    display: flex;
    flex-flow: row wrap;
    margin-top: -0.2em;
}

.jsCalc-field-buttonselect .oo-ui-buttonSelectWidget > .oo-ui-buttonOptionWidget {
    margin-top: 0.2em;
    white-space: nowrap;
}

.oo-ui-horizontalLayout.jsCalc-group > *:last-child::after,
.jcTable .oo-ui-horizontalLayout.jsCalc-group > *:last-child::after,
.jcTable .oo-ui-horizontalLayout.jsCalc-group .jsCalc-field.oo-ui-fieldLayout::after {
    clear: both;
    content: '';
    display: block;
}

.oo-ui-horizontalLayout.jsCalc-group {
    overflow-y: visible;
}

#SkillCalcForm .jcSubmit {
    margin: 0 auto;
    display: block;
    padding-top: 10px;
}

#slayWeightCalcForm #slayWeightCalcForm-slayWeightCalcResult-master > div.oo-ui-optionWidget.oo-ui-buttonElement > a.oo-ui-buttonElement-button {
    padding-left: 2em;
    min-height: 2em;
    background-position: 0.3em center;
    background-size: auto 1.8em;
    background-repeat: no-repeat;
}

#slayWeightCalcForm [title="Turael/Spria"],
#slayWeightCalcForm [title="Turael"] {
    background-image: url("/images/7/74/Turael_chathead.png?47c6b");
}

#slayWeightCalcForm [title="Mazchna/Achtryn"],
#slayWeightCalcForm [title="Mazchna"] {
    background-image: url("/images/c/c0/Mazchna_chathead.png?ad9aa");
}

#slayWeightCalcForm [title="Vannaka"] {
    background-image: url("/images/4/48/Vannaka_chathead.png?d5d5a");
}

#slayWeightCalcForm [title="Chaeldar"] {
    background-image: url("/images/7/78/Chaeldar_chathead.png?05f70");
}

#slayWeightCalcForm [title="Sumona"] {
    background-image: url("/images/c/c6/Sumona_chathead.png?ade4f");
}

#slayWeightCalcForm [title="Duradel/Lapalok"],
#slayWeightCalcForm [title="Duradel"] {
    background-image: url("/images/1/13/Duradel_chathead.png?67b9b");
}

#slayWeightCalcForm [title="Kuradal"] {
    background-image: url("/images/a/a9/Kuradal_chathead.png?3370f");
}

#slayWeightCalcForm [title="Mandrith"] {
    background-image: url("/images/a/a1/Mandrith_chathead.png?591f9");
}

#slayWeightCalcForm [title="Morvran"] {
    background-image: url("/images/0/06/Morvran_chathead.png?c7318");
}

#slayWeightCalcForm [title="Laniakea"] {
    background-image: url("/images/f/f3/Laniakea_chathead.png?bdbe1");
}

.popVoyagesProgressContainer {
    background-color: #393939;
    background-image: url("/images/e/e8/RS_prog_bar_bg.svg?1016c");
    background-repeat: repeat;
    border-image: url("/images/5/53/RS_prog_bar_border.svg?fe10a");
    border-image-slice: 2 3 3 3;
    border-color: #5e5e5e;
    border-style: solid;
    border-width: 2px 3px 3px 3px;
    position: relative;
    width: 165px;
}

.popVoyagesProgressBar {
    background-image: url("/images/5/54/RS_green_prog_bar.svg?48a13");
    background-color: #5c8945;
    height: 19px;
    position: absolute;
}

.popVoyagesProgressPercent {
    color: #cbd9f4;
    display: table;
    line-height: 15px;
    margin: 0 auto;
    position: sticky;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

#popVoyagesCalcForm #popVoyagesCalcForm-popVoyagesCalcResult-farthestRegion > div.oo-ui-optionWidget.oo-ui-buttonElement > a.oo-ui-buttonElement-button {
    padding-left: 2.1em;
    padding-right: 0.5em;
    min-height: 2em;
    background-position: 0.3em center;
    background-size: auto 1.4em;
    background-repeat: no-repeat;
}

#popVoyagesCalcForm [title="The Arc"] {
    background-image: url("/images/d/d7/Bamboo_icon.png?05f2d");
}

#popVoyagesCalcForm [title="The Skull"] {
    background-image: url("/images/4/49/Gunpowder_icon.png?d695f");
}

#popVoyagesCalcForm [title="The Hook"] {
    background-image: url("/images/e/e7/Slate_icon.png?43cdd");
}

#popVoyagesCalcForm [title="The Scythe"] {
    background-image: url("/images/c/cc/Cherrywood_icon.png?71a41");
}

#popVoyagesCalcForm [title="The Bowl"] {
    background-image: url("/images/b/be/Jade_icon.png?aef27");
    padding-left: 2.3em !important;
}

#popVoyagesCalcForm [title="The Pincers"] {
    background-image: url("/images/9/97/Stainless_steel_icon.png?91858");
}

#popVoyagesCalcForm [title="The Pincers"] {
    background-image: url("/images/9/97/Stainless_steel_icon.png?91858");
}

#popVoyagesCalcForm [title="The Loop"] {
    background-image: url("/images/0/0f/Terracotta_icon.png?b3411");
}

#popVoyagesCalcForm [title="The Shield"] {
    background-image: url("/images/2/20/Azure_icon.png?600e1");
    padding-left: 1.6em !important;
}

.rsw-chartjs.rsw-chartjs-config {
    display: none;
}

.rsw-chartjs.rsw-chart-error {
    font-family: monospace;
}

.gemw-container {
    width: 90%;
    max-width: 60em;
    margin: 4em auto;
}

.gemw-header {
    display: flex;
    border-left-width: 0.25em;
    border-left-style: solid;
    padding-left: 1em;
    margin-bottom: 3em;
}

.gemw-header.positive {
    border-color: #6bc71f;
}

.gemw-header.negative {
    border-color: #ee4231;
}

.gemw-header.unchanged {
    border-color: #3ea6e6;
}

.gemw-header .gemw-section-left {
    flex: 1;
    margin-right: 2em;
}

.gemw-header .gemw-image {
    float: left;
    margin: 0.5em 1em 0 0;
}

.gemw-header .gemw-name {
    font-size: 1.15em;
    font-weight: bold;
    margin-bottom: 0;
}

.gemw-header .gemw-name a {
    color: #444e5a;
}

.gemw-header .gemw-examine {
    color: #949eaa;
    font-size: 1.05em;
    font-style: italic;
    margin-bottom: 0;
}

.gemw-header .gemw-price {
    display: inline-block;
    font-size: 2.75em;
    font-weight: bold;
}

.gemw-header .gemw-price::after {
    content: ' coins';
    color: #949eaa;
    font-size: 1rem;
    font-weight: normal;
    word-spacing: 0.25em;
}

.gemw-header .gemw-change {
    display: inline-block;
    font-size: 1rem;
    font-weight: bold;
    margin-left: 2em;
    word-spacing: 0.5em;
}

.gemw-header .gemw-change img {
    vertical-align: baseline;
}

.gemw-header .gemw-section-right {
    text-align: right;
}

.gemw-header .gemw-updated {
    line-height: 1.5em;
}

.gemw-header .gemw-time {
    font-weight: bold;
}

.gemw-body {
    display: flex;
}

.gemw-body .gemw-section-left {
    width: 40%;
    margin-right: 2em;
}

.gemw-body .gemw-section-left dl {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: -1.25em;
}

.gemw-body .gemw-section-left > div {
    margin-top: 2em;
}

.gemw-body .gemw-section-left a {
    color: #949eaa;
}

.gemw-body .gemw-property {
    width: 30%;
    border-top: 0.15em dotted #e4eaee;
    padding-top: 0.25em;
    margin-bottom: 1.5em;
}

.gemw-body .gemw-property dt {
    color: #949eaa;
    font-weight: normal;
}

.gemw-body .gemw-property dd {
    font-weight: bold;
    margin: -0.25em 0 0;
}

.gemw-body .gemw-links {
    color: #949eaa;
    margin-bottom: 0.35em;
}

.gemw-body .gemw-section-right {
    width: 60%;
}

.gemw-body .gemw-section-right .highcharts-container {
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

.gemw-container.gemw-historical .gemw-header.positive,
.gemw-container.gemw-historical .gemw-header.negative,
.gemw-container.gemw-historical .gemw-header.neutral,
.gemw-container.gemw-historical .gemw-header.unchanged {
    border-color: black;
}

.gemw-container.gemw-historical .gemw-header .gemw-time .jsPurgeLink {
    display: none;
}

.gemw-container.gemw-historical .gemw-header .gemw-section-left:after {
    content: "This is a historical item no longer available on the Grand Exchange. The data is preserved here as an archive.";
    font-style: italic;
}

#overlay {
    background-attachment: scroll;
    background-color: #000;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    border-width: 0;
    display: none;
    height: 2500px;
    left: 0;
    margin: 0;
    opacity: 0.7;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
}

#modal,
#GEchartpopup {
    background: #fff;
    border: 3px solid #000;
    color: #000;
    font-size: 10pt;
    left: 0;
    padding: 10px;
    position: fixed;
    top: 150px;
    width: 975px;
    z-index: 52;
}

#GEchartpopup {
    min-width: 700px;
    min-height: 525px;
    width: 85%;
    height: 80%;
    left: 7%;
    top: 10%;
    overflow: auto;
}

#GEchartpopup #closepopup {
    float: right;
    margin-bottom: 5px;
    z-index: 100;
}

#GEchartpopup #itemstats {
    bottom: 50px;
    font-size: 11px;
    position: absolute;
    right: 45px;
    width: 200px;
    z-index: 10;
}

#GEchartpopup #itemstats caption {
    cursor: pointer;
    text-align: right;
}

#GEpopupchart {
    height: 500px;
    margin-right: 100px;
}

.highcharts-container .highcharts-range-selector {
    font-size: 11px;
}

.GEPermLink {
    float: right;
    font-size: 14px;
}

.GEPermLink ~ .GEdatachart {
    clear: right;
}

form[id^="chartProperties"] button {
    margin: 3px;
}

.smallChart .highcharts-range-selector {
    display: none;
}

.smallChart .highcharts-button title + rect {
    display: none;
}

.smallChart .highcharts-title {
    white-space: nowrap !important;
}

.smallChart .zoomButton,
.smallChart svg > text:first-of-type,
.smallChart .highcharts-input-group {
    display: none;
}

.smallChart .highcharts-scrollbar,
.mediumChart .highcharts-scrollbar {
    display: none;
}

#rsw-exchange-overlay .oo-ui-popupWidget-anchor {
    z-index: 101;
}

#rsw-exchange-overlay .oo-ui-labelElement-label {
    font-weight: bold;
}

.oo-ui-textInputWidget input,
.oo-ui-textInputWidget > .oo-ui-labelElement-label {
    line-height: initial;
}

body.wgl-stickyheader .oo-ui-defaultOverlay,
body.wgl-stickyheader.skin-vector .oo-ui-windowManager-modal > .oo-ui-dialog,
body.wgl-stickyheader.skin-vector .ve-ui-overlay-global {
    z-index: 501;
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
    background-color: #dfe2e6;
    border-color: #d7dadd;
}

.oo-ui-image-destructive.oo-ui-icon-clear,
.mw-ui-icon-clear-destructive::before {
    background-image: url(/load.php?format=rasterized&image=clear&lang=en-gb&modules=oojs-ui.styles.icons-interactions&skin=vector&variant=destructive&version=1xdd7g0);
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Cg fill=%22%23d33%22%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d=%22M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24l-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z%22/%3E%3C/g%3E%3C/svg%3E");
}

.rs-ex-modal .oo-ui-window-frame {
    width: 600px !important;
    height: 540px !important;
}

.rs-ex-modal .oo-ui-flaggedElement-primary {
    margin-left: 15px;
}

#rs-ex-status {
    color: #949eaa;
    margin: 10px 15px 5px;
}

#rs-ex-form .oo-ui-fieldsetLayout-header {
    font-family: 'PT Serif', 'Palatino', 'Georgia', serif;
    font-size: 1.3em;
    margin: 0 15px 10px;
}

#rs-ex-form .oo-ui-fieldsetLayout-group {
    margin-bottom: 15px;
}

#rs-ex-form .oo-ui-fieldLayout-header {
    width: 15%;
    margin-right: 23px;
}

#rs-ex-form .oo-ui-fieldLayout-field {
    width: 70%;
}

#rs-ex-form .oo-ui-fieldLayout-help {
    margin-right: 1em;
    margin-left: -1.8em;
}

#rs-ex-icon .oo-ui-labelElement-label {
    padding-right: 0;
}

#rs-ex-icon .oo-ui-inputWidget-input {
    padding-left: 33px !important;
}

#repairForm {
    padding: 7px;
}

#repairForm .oo-ui-fieldLayout-header {
    width: 45%;
}

#repairForm .oo-ui-fieldLayout-header .oo-ui-labelElement-label {
    margin-top: 3px;
}

#repairForm .oo-ui-fieldLayout-field {
    width: 50%;
}

#repairForm .jsCalc-field-submit .oo-ui-buttonElement,
#repairForm .jsCalc-field-autosubmit .oo-ui-toggleSwitchWidget {
    margin: 0 auto;
    display: block;
    padding-top: 5px;
}

#repairForm .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
    display: none;
}

.ve-ui-overlay {
    font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
}

.ve-ui-mwSaveDialog-license {
    line-height: 1.65em;
}

.ve-ui-mwSaveDialog-savePanel .mw-summary-preview {
    border-bottom: 1px solid #cccccc;
    line-height: 1.65em;
    padding-bottom: 1em;
    margin-bottom: 1.5em;
}

[data-diff-action='remove'],
table[data-diff-action='remove'] > caption,
figure[data-diff-action='remove'] > figcaption {
    background: #fbc0ba !important;
    box-shadow: 0 0 0 1px #fbc0ba;
}

del[data-diff-action='remove'],
[data-diff-action='remove'] > del {
    text-decoration: initial;
}

[data-diff-action='insert'],
table[data-diff-action='insert'] > caption,
figure[data-diff-action='insert'] > figcaption {
    background: #c3e8a3 !important;
    box-shadow: 0 0 0 1px #c3e8a3;
}

.qc-in-progress {
    display: inline-block;
    background: #f9d000;
    width: 0.75em;
    height: 0.75em;
    border-radius: 50%;
}

.qc-table .quest-completed {
    background-color: #c3e8a3;
}

.qc-table .quest-started {
    background-color: #fcea94;
}

.seealso {
    margin: 0.8em 1.6em;
    font-style: italic;
}

.seealso + .seealso {
    margin-top: -0.8em;
}

.level-up-table td li {
    padding: 0 10px 0 10px;
}

.level-up-table ul {
    list-style-type: disc;
}

.level-up-table .lvlupmem {
    background: #f6ab58;
    color: #582e00;
}

.level-up-table .lvlupfree {
    background: #98e553;
    color: #245200;
}

.sic {
    color: #15F;
    font-style: italic;
    cursor: help;
    border-bottom: dotted 1px black;
}

.nowraplinks a {
    white-space: nowrap;
}

.boldlinks a {
    font-weight: bold;
}

.center,
.centre {
    display: block;
    text-align: center;
}

.center table,
table.center,
.centre table,
table.centre {
    margin: 0 auto;
}

.right table,
span.right {
    float: right;
}

.left table,
span.left {
    float: left;
}

.small {
    font-size: smaller;
}

.non-mobile-hide {
    display: none;
}

.sg-red,
.nocell {
    background: #ecccc6;
    color: #861c10;
}

.sg-yellow,
.maybecell {
    background: #f3f0b0;
    color: #6e5d45;
}

.sg-green,
.yescell {
    background: #c3ebc5;
    color: #506553;
}

.sg-red a,
.sg-yellow a,
.sg-green a,
.nocell a,
.maybecell a,
.yescell a {
    color: #04f;
}

ul.smalllistmargin,
.smalllistmargin ul,
ol.smalllistmargin,
.smalllistmargin ol {
    margin-left: 1.5em;
}

#spreport {
    border: 1px solid #808080;
    padding: 10px;
    text-align: center;
}

.mw-dismissable-notice-close-parent {
    min-height: 1em;
}

.rcsitenotice-dismiss {
    float: right;
    font-weight: normal;
}

table.wikitable + table.wikitable {
    margin-top: -1px;
}

#file img,
table.filehistory img {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGElEQVQYV2N4DwX/oYBhgARgDJjEAAkAAEC99wFuu0VFAAAAAElFTkSuQmCC) repeat;
}

table.filehistory button img,
#file button img {
    background: none;
}

.catlinks {
    background: #ffffff;
    border: 1px solid #e4eaee;
    padding: 8px 15px;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

.ns-0 #charmguide + div + form .mw-summary,
.ns-0 #charmguide + div + form .module_content {
    display: none;
}

#mw-content-text q:before {
    content: open-quote;
}

#mw-content-text q:after {
    content: close-quote;
}

td.famtreesub {
    margin: 0;
    padding: 0;
}

td.famtreesub table {
    border-spacing: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}

td.famtreesub table td {
    height: 1em;
    width: 1em;
}

td.famtreeleaf {
    background: #dfdfdf;
    padding: 0.2em;
}

.status-active {
    background-color: #98e553;
    color: #245200;
}

.status-active a {
    color: inherit !important;
}

.status-inactive {
    background-color: #ececec;
    color: #777777;
}

.status-inactive a {
    color: inherit !important;
}

.clickpic a.image {
    margin-left: 2px !important;
    margin-right: 2px !important;
    line-height: 34px;
    vertical-align: middle;
}

.TH_Gem-common img,
.TH_Gem-fairly-common img,
.TH_Gem-rare img,
.TH_Gem-uncommon img,
.TH_Gem-very-rare img,
.TH_Gem-none img {
    image-rendering: pixelated;
}

.accent {
    background-color: transparent !important;
}

.smwprops {
    width: 80% !important;
    max-width: 500px;
    white-space: nowrap;
    overflow: auto;
    display: inline-block;
}

.prewrap p {
    white-space: pre-wrap;
}

.mw-editsection,
.mw-editsection-like {
    font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .inventory-image {
          image-rendering: -moz-crisp-edges;
          image-rendering: pixelated;
          image-rendering: crisp-edges;
    }

    .navbox .inventory-image {
          image-rendering: auto;
    }

}

.update-redirect {
    text-align: center;
    background: #fffbf1;
    border: 1px solid #909090;
    font-weight: 600;
    font-size: 2em;
    line-height: 1em;
    padding: 1em;
    color: #000 !important;
}

.update-redirect.nuke {
    margin-bottom: 25%;
}

.text-red {
    color: #c22010;
}

.text-orange {
    color: #bf6007;
}

.text-yellow {
    color: #ad9000;
}

.text-green {
    color: #478515;
}

.text-blue {
    color: #1980bf;
}

.text-purple {
    color: #5c2dbb;
}

.text-pink {
    color: #dd32b8;
}

.text-gray,
.text-grey {
    color: #6b7787;
}

body.wgl-darkmode-transition,
.wgl-darkmode-transition * {
    transition-property: all;
    transition-duration: 1s;
}

#p-personal ul {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-end;
}

#pt-skin-toggles {
    order: -4;
}

#utcdate {
    order: -3;
}

#pt-rsnews {
    order: -2;
}

#pt-events {
    order: -1;
}

.discord-aff-line img {
    filter: invert(45%) sepia(4%) saturate(6018%) hue-rotate(192deg) brightness(83%) contrast(107%);
}
Retrieved from "https://wideboys.org/index.php?title=MediaWiki:Common.css&oldid=14588"