/***** CSS placed here will be applied to all skins on the entire site. *****/
@import url('/load.php?mode=articles&articles=MediaWiki:Common.css/CY2.css|MediaWiki:Characters.css&only=styles');

/* iM theme coloring buttons */
@import url('https://fonts.googleapis.com/css?family=Electrolize&display=swap');
/*@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');
/* Styling for documentation */
@import url('https://dev.fandom.com/wiki/MediaWiki:Module:Documentation.css?action=raw&ctype=text/css');
.theme-fandomdesktop-dark .wds-tabs__tab .wds-tabs__tab-label a span .wds-tabs__tab .wds-tabs__tab-label .wds-icon, .theme-fandomdesktop-dark .wds-button-group .wds-icon, .theme-fandomdesktop-dark .wds-button-group .wds-button span, .theme-fandomdesktop-dark .wds-button, .theme-fandomdesktop-dark .wds-dropdown__toggle span, .theme-fandomdesktop-dark .wds-community-header__counter-value, .theme-fandomdesktop-dark .wds-community-header__counter-label, .theme-fandomdesktop-dark .wds-is-secondary .wds-icon {
	color: #99ffff;
}
.theme-fandomdesktop-dark .ooui-theme-fandom .wds-community-header .wds-button.wds-is-secondary {
	border-color: #99ffff;
	color: #99ffff;
}
.theme-fandomdesktop-dark .ooui-theme-fandom .wds-community-header .wds-button.wds-is-secondary svg {
	fill: #99ffff;
}
.theme-fandomdesktop-dark .ooui-theme-fandom .wds-community-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button {
	border-left-color: #99ffff;
}
.theme-fandomdesktop-dark .WikiaPageContentWrapper, .theme-fandomdesktop-dark .page {
	color: #f2f7fd;
}
.theme-fandomdesktop-dark #pagehistory li.selected {
	background-color: #4f7e8e;
	color: white;
}
body, .oo-ui-widget, #firstHeading, .mw-headline, .infobox, .portable-infobox, button, h1, h2, h3, h4, h5, h6, h7, h8, h9, .pi-data-label, .pi-data-value {
	font-family: "Electrolize", sans-serif;
}
#mw-content-text, .entity-content {
	font-family: "Arial", sans-serif;
}
.page__main {
    background-color: rgba(var(--theme-page-background-color--rgb),0.8);
}

*[data-source=Easy2] {
	background-color:#0F2457;
	color:#2482B3;
	text-align: center;
	vertical-align: middle;
	font-family: 'Electrolize', sans-serif;
}
*[data-source=Hard2], *[data-source=Hard1] {
	background-color:#330000;
	color:#BC2029;
	text-align: center;
	vertical-align: middle;
	font-family: 'Electrolize', sans-serif;
}
*[data-source=Chaos] {
	background-color:#330033;
	color:#C721C7;
	text-align: center;
	vertical-align: middle;
	font-family: 'Electrolize', sans-serif;
}
*[data-source=Dream] {
	background-color:#282828;
	color:#919191;
	text-align: center;
	vertical-align: middle;
	font-family: 'Electrolize', sans-serif;
}
*[data-source=Drop] {
	background-color:#FFFFFF;
	color:#000000;
	text-align: center;
	vertical-align: middle;
	font-family: 'Electrolize', sans-serif;
}
*[data-source=Glitch], *[data-source=Easy1] {
	background-color:#002E1D;
	color:#00A96B;
	text-align: center;
	vertical-align: middle;
	font-family: 'Electrolize', sans-serif;
}
*[data-source=Crash] {
	background-color: #2a1c13;
	color: #fabf03;
	text-align: center;
	vertical-align: middle;
	font-family: 'Electrolize', sans-serif;
}
/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Start MBox code */
.theme-fandomdesktop-dark {
    --mbox-bg: #636161;
}
.theme-fandomdesktop-light {
    --mbox-bg: rgba(255, 255, 255, 0.7);
}
.mbox {
    --type-important: rgba(200, 0, 0, 0.8);
    --type-moderate: rgba(233, 124, 47, 0.8);
    --type-minor: rgba(241, 197, 37, 0.8);
    display: flex;
    position: relative;
    background-color: var(--mbox-bg);
    border: 1px solid #d6d6d6;
    border-left-width: 8px;
    border-left-color: #d6d6d6;
    border-radius: 3px;
    margin-bottom: 5px;
    min-height: 32px;
}
.mbox.mbox-type-important {
    border-left-color: var(--type-important);
}

.mbox.mbox-type-moderate {
    border-left-color: var(--type-moderate);
}

.mbox.mbox-type-minor {
    border-left-color: var(--type-minor);
}
 
.mbox__content {
    display: table;
    box-sizing: border-box;
    width: 100%;
    padding: 8px 15px;
}
 
.mbox__content__image {
    display: table-cell;
    width: 40px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    padding-right: 15px;
}
 
.mbox__content__wrapper {
    display: table-cell;
    vertical-align: middle;
}
 
.mbox__content__header {
    display: block;
    font-weight: bold;
}
 
.mbox__content__text {
    display: block;
}
 
.mbox__content__text__comment {
    font-size: small;
}
 
.mbox__content__aside {
    display: table-cell;
    width: 100px;
    vertical-align: middle;
    text-align: center;
    padding-left: 15px;
    border-left: 1px solid #d6d6d6;
}
 
.mbox__close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 7px;
    font-weight: bold;
    font-size: 16px;
    color: #bbb;
    cursor: pointer;
    transition: all .15s ease-in;
}
 
.mbox__close:hover {
    color: #777;
}
 
.mbox__close:after {
    content: '×';
}
 
.mw-collapsed + .mbox__close {
    transform: rotate(45deg);
    padding: 4px 7px 5px 2px;
}
/*******************
 * Navboxes
 *******************/
.navbox {
    width: 100%;
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid #AAA;
}

/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}

.navbox .navbox-title {
    font-weight: bold;
}

.navbox .navbox-vde {
    float:left;
    width:65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: white;
}

.navbox .navbox-section-row > td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below {
    text-align: center;
}

.navbox .navbox-image {
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65px;
}

.navbox .navbox-group {
    text-align: right;
    padding-right: 1em;
    min-width: 150px;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 1px solid white;
}

.navbox-image-right {
    border-left: 1px solid white;
}

.navbox .navbox-list {
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

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

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

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

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

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

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

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

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

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

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

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

.hlist ol {
    counter-reset: listitem;
}

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

.hlist ol > li:before {
    content: " " counter(listitem) " ";
    white-space: nowrap
}

.hlist dd ol > li:first-child:before,.hlist dt ol > li:first-child:before,.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) " ";
}
/* End Navbox */
/* Make warnings white with red border */
.warningbox {
	background: none;
	border: 2px solid orange;
}
div.mw-warning-with-logexcerpt, .errorbox {
	background: none;
	border: 2px solid red;
}

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td  {
	background-color: #000000;
}

.WikiaMainContent h2 {
	overflow: visible;
}

.OA {
	font-family: "Electrolize", monospace;
}

#mw-content-text {
	width: 100%;
	overflow: auto;
}
.not-patrolled {
	background: none;
	font-weight: bold;
}
/* Quote CSS */
:root {
    --pull-quote-max-width: 80%;
    --pull-quote-text-color: var(--theme-page-text-color, rgba(0, 0, 0, .8));
    --pull-quote-mark-color: rgba(0, 0, 0, .15);
    --pull-quote-mark-font: "Times New Roman", serif;
    --pull-quote-hyphens: auto;
    --pull-quote-frame-color: #bbb;
}

/* #content added as a parent selector to the following in order to override default blockquote styles. */

#content .pull-quote {
    display: flex;
    flex-wrap: wrap;
    max-width: var(--pull-quote-max-width);
    margin: 1em auto;
    font-size: 1em;
    line-height: 1.8;
}

#content .pull-quote__text {
    flex-basis: 100%;
    position: relative;
    padding: 0 2em;
    hyphens: var(--pull-quote-hyphens);
    color: var(--pull-quote-text-color);
}

#content .pull-quote__text::before, #content .pull-quote__text::after {
    position: absolute;
    font-size: 3em;
    font-family: var(--pull-quote-mark-font);
    font-weight: 700;
    color: var(--pull-quote-mark-color);
}

#content .pull-quote__text::before {
    content: "“";
    top: 0;
    left: 0;
    line-height: 1;
}

#content .pull-quote__text::after {
    content: "”";
    bottom: 0;
    right: 0;
    line-height: 0.2;
}

#content .pull-quote__source {
    margin-left: auto;
}

#content .pull-quote__source::before {
    content: "—"; 
}

#content .pull-quote--right, #content .pull-quote--left {
    border: 1px solid var(--pull-quote-frame-color);
    border-left: 0;
    border-right: 0;
    padding: 1em 0;
    text-align: justify;
}

#content .pull-quote--right {
    float: right;
    margin: 1em 0 1em 2em;
}

#content .pull-quote--left {
    float: left;
    margin: 1em 2em 1em 0;
}
/* Some additional formatting for the different difficulties */
h3[data-source="Easy1"], h3[data-source="Hard1"], h3[data-source="Easy2"], h3[data-source="Hard2"], h3[data-source="Chaos"], h3[data-source="Dream"], h3[data-source="Drop"], h3[data-source="Glitch"], h3[data-source="Crash"] {
	display: none;
}
div[data-source="Easy1"]::before, div[data-source="Easy2"]::before {
	content: "EASY ";
}
div[data-source="Hard1"]::before, div[data-source="Hard2"]::before {
	content: "HARD ";
}
div[data-source="Chaos"]::before {
	content: "CHAOS ";
}
div[data-source="Dream"]::before {
	content: "DREAM ";
}
div[data-source="Drop"]::before {
	content: "DROP ";
}
div[data-source="Glitch"]::before {
	content: "GLITCH ";
}
div[data-source="Crash"]::before {
	content: "CRASH ";
}