MediaWiki:OldFandomColors.css

/**
 * OldFandomColors ([[w:c:dev:OldFandomColors]]) - A stylesheet to revert colors of fandom-branded portions of the page to before the rebrand
 * @author Thundercraft5 (https://dev.fandom.com/wiki/User:Thundercraft5)
 * @license BSD-3 clause <https://opensource.org/licenses/BSD-3-Clause>
 * @version 1.0
 */

:root {
	--fandom-secondary-color: #00D6D6;
	--fandom-start-wiki-color: #BED1CF;
	--fandom-start-wiki-color--hover: #FFF;
	--fandom-text-color: #fff;
	--fandom-text-color--hover: #aaa !important;

	--fandom-global-nav-background-color: #002A32 !important;
	--fandom-link-color: #088488 !important;
	--fandom-link-color--hover: #1CC5CA !important;
	--fandom-link-color--fadeout: rgba(8,132,136,.1) !important;
	--fandom-global-nav-bottom-icon-color: var(--fandom-secondary-color) !important;
	--fandom-global-nav-link-color: var(--fandom-global-nav-bottom-icon-color) !important;
	--fandom-global-nav-link-color--hover: #FFF !important;
	--fandom-accent-color: #FFF !important;
	--fandom-global-nav-search-active-link-background-color: rgb(0 31 34);
}

:root {
	--site-favicon: "https://images.wikia.com/central/images/archive/4/4a/20210803135433%21Site-favicon.ico";
}
body.wiki-dev {
	--site-favicon: "https://images.wikia.com/dev/images/archive/4/4a/20210803135438%21Site-favicon.ico";
}
body.wiki-vstf {
	--site-favicon: "https://images.wikia.com/vstf/images/archive/4/4a/20210803135440%21Site-favicon.ico";
}

/*** ==== Official Wiki Badge ==== ***/
body symbol#wds-brand-fandom-official-wiki path[fill="#fa005a"] { /* Border */
	fill: var(--fandom-secondary-color);
}
body symbol#wds-brand-fandom-official-wiki path[fill="#280033"] { /* Background */
	fill: #002A32;
}

/*** ==== Lightbox ==== ***/
.lightboxContainer .blackout {
	background: #000 !important;
}

/*** === Category Editor ***/
body.skin-fandomdesktop .wds-collapsible-panel.page-footer__categories *:not(.oo-ui-clippableElement-clippable):not(.wds-collapsible-panel__header):not(.wds-collapsible-panel__content) {
	display: initial !important
}

body.skin-fandomdesktop .wds-collapsible-panel.page-footer__categories > header {
	display: none !important
}

body.skin-fandomdesktop .wds-collapsible-panel.page-footer__categories {
	margin-top: 10px;
	padding: 5px;
	border: 1px solid var(--wds-collapsible-panel-border-color);
	font-size: 14px;
	padding-top: 8px
}

body.skin-fandomdesktop:not(.ns-828) .wds-collapsible-panel.page-footer__categories {
	padding-bottom: 0;
	margin-bottom: 10px
}

body.skin-fandomdesktop:not(.ns-828) .wds-collapsible-panel.page-footer__categories {
	padding-bottom: 0;
	margin-bottom: 10px
}

body.skin-fandomdesktop .special-categories,body.skin-fandomdesktop .special-categories-label {
	display: inherit !important
}

body.skin-fandomdesktop:not(.ns-828) .wds-collapsible-panel.page-footer__categories .container {
	padding: 0
}

#articleCategories :is(.container,.toolbar) {
	display: contents !important
;align-self: flex-end;}

#articleCategories {
	display: flex !important;
	align-items: center;
	margin: 0 !important
}

#articleCategories .categories > li:first-child {
	margin: 0 !important
}

#articleCategories .categories {
	display: flex !important;
	align-items: center
;flex-wrap: wrap;}

#articleCategories li.last + div {
	display: flex;
	flex-direction: column;
	width: fit-content !important;
	overflow-x: hidden !important;
}

.page-footer__categories {
	padding: 1px 10px !important
}

#articleCategories .toolbar > button {
	padding: 0 10px
}

#articleCategories :is(.last,.category) {
	margin: 0 4px !important
}

#articleCategories .last > button {
	padding: 2px 10px
}

#articleCategories .special-categories-label {
	border: none
}

#articleCategories .special-categories-label::after {
	content: ":"
}
#articleCategories .removeCategory {
	margin: 0;
}

.wds-collapsible-panel__header {
	display: inline-block !important;
	padding: 0;
	pointer-events: none !important;
}

.wds-collapsible-panel > header > svg {
	display: none !important;
}

.wds-collapsible-panel {
	flex-direction: row !important;
	padding-bottom: 5px;
}

.page-footer .wds-collapsible-panel.page-footer__languages .wds-collapsible-panel__header::after {
	position: absolute;
	content: ":";
	display: inline-block !important;
}

.page-footer .wds-collapsible-panel.page-footer__languages .wds-collapsible-panel__header {
	margin-right: 0.75em;
}

#articleCategories.editMode #CategorySelectAdd {
	display: none !important
}

#articleCategories:not(.editMode) input[placeholder="Add category..."],
#articleCategories:not(.editMode) .toolbar {
	display: none !important
}

.wds-collapsible-panel.wds-is-collapsed .wds-collapsible-panel__content {
	display: inherit !important;
}

/*** ==== Search Modal ==== ***/
.search-seeding .tag-button {
	border: 1px var(--fandom-text-color) solid !important;
}

.search-seeding .tag-button:hover {
	text-decoration: underline !important;
}

.search-seeding {
	color: var(--fandom-secondary-color);
}

[class*="SearchInput-module_closeIcon"] {
	transition: filter 0.2s ease;
}

[class*="SearchInput-module_closeIcon"]:hover {
	filter: brightness(80%);
}

.search-modal__content [class*="SearchResults-module_results"] li:not(:last-of-type) > a {
	color: var(--fandom-secondary-color) !important;
}

.search-modal__content .search-seeding li > a {
	color: var(--fandom-text-color) !important;
}

.search-modal__content .search-seeding li > a:hover {
	color: var(--fandom-secondary-color) !important;
}

.search-modal__content {
	background-color: var(--fandom-global-nav-background-color);
	border-color: var(--fandom-link-color)
}
.search-modal__content > form {
	color: var(--fandom-global-nav-bottom-icon-color) !important;
	border-bottom-color: currentColor !important;
}
.search-modal__content > form > svg {
	color: inherit !important;
}
.search-modal__content > form > button {
	background-color: var(--fandom-global-nav-bottom-icon-color);
	border: 0 !important;
	transition: .3s filter ease, transition: 0.3s background-color ease;
}
.search-modal__content > form > button:not([class*="SearchInput-module_clearButton__"]) {
	background-color: none !important;
}

.search-modal__content > form > input + svg {
	transition: .3s filter ease;
}
.search-modal__content > form > input {
	color: #FFF;
}
.search-modal__content > form > button:hover,
.search-modal__content > form > input + svg:hover {
	filter: brightness(140%);
}

.search-modal:before {
	background: rgb(17 17 17 / 90%) !important;
}

/*** Mobile ***/
.mobile-search-modal {
	background: #001F22 !important;
}

[class^="MobileSearchModal-module_wrapper"] {
	--wds-primary-button-background-color--hover: #ababab !important;
	--wds-primary-button-label-color: #001F22 !important;
	--fandom-text-color: #FFF !important;
}

[class^="MobileSearchModal-module_wrapper"] .wds-button[type=button]:hover {
	color: #b9b9b9;
}

[class^="SearchInput-module_form"] .wds-button {
	--wds-primary-button-background-color--hover: #ababab !important;
	--wds-primary-button-label-color: #001F22;
}

/*** ==== Global Nav ==== ***/
.global-navigation {
	background-color: var(--fandom-global-nav-background-color) !important;
	box-shadow: 0 3px 12px 0 rgba(0,0,0,.3);
	color: #00d6d6 !important;
}

/* [[GlobalNavButtons]] Support */
[id^="custom-global-nav-button"] {
	margin-left: 13px !important;
}
[id^="custom-global-nav-button"] a > div > svg {
	display: none !important;
}
[id^="custom-global-nav-button"] a > div:first-child::before {
	width: 20px;
	height: 20px;
	display: block;
	content: "";
	margin: auto;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='white' version='1.1' x='0px' y='0px' viewBox='0 0 19 19' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cpath id='fandom-small' d='M16.643 8.488c0 .15-.06.293-.165.4l-6.962 6.986a.516.516 0 0 1-.384.168.553.553 0 0 1-.4-.169l-.49-.462a.214.214 0 0 1-.005-.307l8.034-8.048a.218.218 0 0 1 .372.152v1.28zm-8.927 5.268l-.399.356a.333.333 0 0 1-.453-.01L1.565 8.924a.691.691 0 0 1-.208-.494v-.968c0-.348.424-.524.675-.28l5.624 5.499c.098.096.263.296.263.537a.745.745 0 0 1-.203.538zM2.98 3.734l1.823-1.803a.22.22 0 0 1 .307 0l6.104 6.04a1.644 1.644 0 0 1 0 2.343l-1.821 1.802a.22.22 0 0 1-.308 0L2.98 6.076a1.635 1.635 0 0 1-.487-1.172c0-.443.173-.859.486-1.17zm7.223 1.033l1.904-1.885c.372-.367.888-.54 1.424-.467.375.052.716.245.984.51l1.928 1.908a.214.214 0 0 1 0 .305L13.51 8.041a.22.22 0 0 1-.307 0l-3-2.97a.214.214 0 0 1 0-.304zm7.573-.358L13.528.133a.452.452 0 0 0-.638-.001L9.52 3.498a.673.673 0 0 1-.945.002L5.205.17a.452.452 0 0 0-.632-.003L.233 4.4A.768.768 0 0 0 0 4.95v4.008c0 .205.082.401.229.546l8.458 8.367a.452.452 0 0 0 .634 0l8.45-8.367A.768.768 0 0 0 18 8.957V4.95a.769.769 0 0 0-.224-.542z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
}
[id^="custom-global-nav-button"] .global-navigation__label {
	text-align: center !important;
}

.global-navigation__bottom,.global-navigation__nav,.global-navigation__top {
	align-items: center;
	display: flex;
	flex-direction: column
}

@media only screen and (max-height: 650px) {
	.global-navigation__bottom {
		background-color: var(--fandom-global-nav-background-color) !important;
		bottom: 0;
		padding: 8px 0 18px;
		position: fixed
	}
}
.global-navigation__nav {
	max-width: 100%
}
.global-navigation__search {
	color: var(--fandom-secondary-color) !important;
	margin: 2px;
}
.global-navigation__search:active,.global-navigation__search:focus,.global-navigation__search:hover {
	color: #37FCFF
}
.global-navigation a:hover {
	text-decoration: none
}

/* Make last global nav item flex like the rest */
.global-navigation__links > div:nth-last-child(2) {
	display: flex;
	margin: 0;
	align-items: center;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
}

.global-navigation__links > div:nth-last-child(2) > div:first-child {
	-webkit-box-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	align-items: center;
	display: -webkit-box;
	display: flex;
	flex-direction: column;
}

.global-navigation__links > div:nth-last-child(2) > div:first-child > div:last-child {
	display: flex;
	padding: 0;
}

.global-navigation__links > div:nth-last-child(2) > div:first-child > div:first-child {
	display: flex;
	align-items: center;
	flex-direction: column;
	align-content: center;
	justify-content: center;
}

@media only screen and (max-height: 650px) {
	.global-navigation__link {
		margin-top:4px
	}
}
.global-navigation__link-text {
	color: var(--fandom-secondary-color) !important;
}
.global-navigation__link-text.text-overflow::after {
	background-image: linear-gradient(90deg,transparent,#002A32);
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 15px;
	z-index: 1
}
.global-navigation__link-icon {
	background-color: hsla(0,0%,100%,.1) !important;
}
.global-navigation__link-icon svg {
	fill: #FFF !important;
	transition: fill .3s
}

@media only screen and (max-height: 650px) {
	.global-navigation__link-icon {
		height:28px;
		width: 28px
	}
	.global-navigation__link-icon svg {
		height: 14px;
		min-width: 14px;
		width: 14px
	}
}
.global-navigation__link.start-a-wiki .global-navigation__link-icon {
	background: none;
	border: 2px solid #BED1CF
}
.global-navigation__link.start-a-wiki .global-navigation__link-icon svg {
	fill: #BED1CF
}
.global-navigation__link.start-a-wiki .global-navigation__link-text {
	color: #BED1CF !important;
}
.global-navigation__link.start-a-wiki:hover .global-navigation__link-icon {
	border: 2px solid #FFF !important;
}
.global-navigation__link.start-a-wiki:hover .global-navigation__link-icon svg {
	fill: #FFF !important;
}
.global-navigation__link.start-a-wiki:hover .global-navigation__link-text {
	color: #FFF !important;
}
.global-navigation__link.wds-dropdown.wds-open-to-right .wds-dropdown__toggle {
	align-items: center;
	display: flex;
	flex-direction: column
}
.global-navigation__link.wds-dropdown.wds-open-to-right .wds-dropdown__content {
	bottom: -15px;
	top: auto
}
.global-navigation__link.wds-dropdown.wds-open-to-right::after {
	bottom: 12px;
	top: auto
}
.global-navigation__icon.has-background {
	background-color: hsla(0,0%,100%,.1) !important;
	color: #FFF !important;
}
.global-navigation__icon:hover,.wds-dropdown.wds-is-active .global-navigation__icon,.wds-dropdown:hover .global-navigation__icon,
.global-navigation__link:hover > .global-navigation__icon {
	background-color: hsla(0,0%,100%,.3) !important;
	color: #FFF !important;
}

/** Notifications **/
.wds-dropdown .global-navigation__icon {
	margin-bottom: 0
}

.global-navigation .notifications {
	margin-bottom: 6px
}
.global-navigation .notifications__counter {
	align-items: center;
	background: #FFF;
	border-radius: 50%;
	color: #5F7A7B !important;
	display: flex;
	font-size: 10px;
	font-weight: 500;
	height: 18px;
	justify-content: center;
	left: 0;
	line-height: 1;
	position: absolute;
	top: 0;
	width: 18px
}
.global-navigation .notifications__counter:empty {
	display: none
}
.global-navigation .notifications .wds-dropdown.is-attached-to-bottom {
	position: static
}
.global-navigation .notifications .wds-dropdown.is-attached-to-bottom::before {
	bottom: 62px;
	top: auto
}
.global-navigation .notifications .wds-dropdown.is-attached-to-bottom::after {
	bottom: 64px;
	top: auto
}
.global-navigation .notifications .wds-dropdown.is-attached-to-bottom .wds-dropdown__content {
	flex-direction: column;
	line-height: 1.75;
	padding: 0;
	position: fixed;
	top: 0;
	transition: top .5s;
	width: 320px
}


.fandom-sticky-header.is-visible+.global-navigation .notifications .wds-dropdown.is-attached-to-bottom .wds-dropdown__content {
	top: 46px
}

.global-navigation .notifications .wds-dropdown.is-attached-to-bottom.wds-is-active .wds-dropdown__content {
	display: flex
}

.global-navigation .notifications .wds-tabs__tab {
	--wds-tab-color--hover: #1c1b1b;	
}

/* Fix for notification text color on light mode */
body.skin-fandomdesktop:not(.theme-fandomdesktop-dark) {
    --fandom-text-color: white;
}

body.skin-fandomdesktop:not(.theme-fandomdesktop-dark) [class^="NotificationCard-module_message__"],
[class^="NotificationCard-module_snippet__"], [class^="NotificationCard-module_avatarIcon__"] {
    color: black;
}

:is(.theme-fandomdesktop-light.mobile-global-navigation, .global-navigation, .mobile-search-modal__content) .wds-dropdown {
	--wds-dropdown-background-color: #FFF;
	--wds-dropdown-border-color: #BED1CF;
	--wds-dropdown-text-color: #0E191A;
	--wds-dropdown-linked-item-color: #088488;
	--wds-dropdown-linked-item-background-color: rgba(8,132,136,.1);
	--wds-dropdown-scrollable-shadow-color: rgba(58,58,58,.1)
}

.global-navigation__bottom .wds-dropdown {
	line-height: 0;
	margin-left: 15px
}

.global-navigation__bottom .wds-dropdown__toggle {
	justify-items: start;
	width: 51px
}

.global-navigation__bottom .wds-dropdown .wds-dropdown__content {
	border-radius: 0 3px 3px 0;
	box-shadow: 0 3px 12px 0 rgba(0,0,0,.3)
}

.global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content {
	bottom: 0;
	left: 66px;
	position: fixed;
	top: auto
}

.global-navigation__bottom .wds-dropdown.is-anon-dropdown .wds-dropdown__content {
	padding: 0 12px
}

.global-navigation__bottom .wds-dropdown.is-anon-dropdown .wds-dropdown__content>* {
	margin: 12px 0
}

.global-navigation__bottom .wds-dropdown.is-anon-dropdown .wds-dropdown__content hr {
	border-bottom: 0;
	border-top: 1px solid #BED1CF
}

.global-navigation__bottom .wds-dropdown.is-anon-dropdown .wds-dropdown__content .global-navigation__register-text {
	line-height: 1.75
}
.global-navigation__bottom .wds-button {
	--wds-primary-button-background-color: #00CDD0;
	--wds-primary-button-background-color--hover: #00686A;
	--wds-primary-button-label-color: #3A3A3A;
	--wds-secondary-button-label-color: #5F7A7B;
	--wds-secondary-button-label-color--hover: #3A3A3A
}
.global-navigation__bottom .wds-avatar {
	--wds-avatar-size: 30px;
	--wds-avatar-badge-size: 16px;
	--wds-avatar-border-width: 2px;
	--wds-avatar-badge-left: -4px;
	--wds-avatar-badge-top: -6px;
	--wds-avatar-border-color: currentColor;
	--wds-avatar-border-color--hover: #FFF;
	--wds-avatar-background-color: transparent
}
.global-navigation__bottom .wds-sign-out__button {
	--wds-sign-out-button-background-color--hover: rgba(8,132,136,.15);
	--wds-sign-out-button-label-color--hover: #088488;
	color: var(--wds-dropdown-text-color);
}
.global-navigation__bottom li::hover > .wds-sign-out__button {
	color: var(--wds-dropdown-linked-item-color) !important;
}
a.global-navigation__logo > svg, .global-navigation__logo > span {
	display: none !important;
}
a.global-navigation__logo::before {
	content: "";
	max-width: 53px;
	max-height: 53px;
	width: 40px;
	height: 40px;
	margin: auto;
	display: block;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='wds-company-logo-fandom-heart' viewBox='0 0 35 35'%3E%3Cpath d='M32.003 16.524c0 .288-.115.564-.32.768L18.3 30.712c-.226.224-.454.324-.738.324-.292 0-.55-.11-.77-.325l-.943-.886a.41.41 0 0 1-.01-.59l15.45-15.46c.262-.263.716-.078.716.29v2.46zm-17.167 10.12l-.766.685a.642.642 0 0 1-.872-.02L3.01 17.362c-.257-.25-.4-.593-.4-.95v-1.858c0-.67.816-1.007 1.298-.536l10.814 10.56c.188.187.505.57.505 1.033 0 .296-.068.715-.39 1.035zM5.73 7.395L9.236 3.93a.421.421 0 0 1 .592 0l11.736 11.603a3.158 3.158 0 0 1 0 4.5l-3.503 3.462a.423.423 0 0 1-.59 0L5.732 11.89a3.132 3.132 0 0 1-.937-2.25c0-.85.332-1.65.935-2.246zm13.89 1.982l3.662-3.62a3.232 3.232 0 0 1 2.737-.897c.722.098 1.378.47 1.893.978l3.708 3.667a.41.41 0 0 1 0 .585l-5.64 5.576a.419.419 0 0 1-.59 0l-5.77-5.704a.411.411 0 0 1 0-.585zm14.56-.687L26.014.475a.869.869 0 0 0-1.228-.002L18.307 6.94c-.5.5-1.316.5-1.82.004l-6.48-6.4A.87.87 0 0 0 8.793.542L.447 8.67C.16 8.95 0 9.33 0 9.727v7.7c0 .392.158.77.44 1.048l16.263 16.072a.87.87 0 0 0 1.22 0l16.25-16.073c.28-.278.438-.655.438-1.048V9.73c0-.39-.153-.763-.43-1.04z' fill='%2300D6D6' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
}

.global-navigation__bottom .wds-dropdown > .wds-dropdown__toggle > .global-navigation__icon,
.global-navigation__search,
.global-navigation__icon.has-background  {
	border: 0 !important;
}
.global-navigation .global-navigation__icon {
	height: 38px !important;
	width: 38px !important;
}
.global-navigation__link:last-child span {
	border-color: var(--fandom-start-wiki-color) !important;
	color: var(--fandom-start-wiki-color) !important;
	background: none !important;
	transition: .2s all ease;
}
.global-navigation__link:last-child:hover span {
	border-color: currentColor !important;
	color: var(--fandom-start-wiki-color--hover) !important;
}
/*Beta badge for FanCentral*/
.global-navigation__beta-badge {
	background-color: var(--fandom-link-color)
}
/*** Mobile support ***/
.skin-fandommobile .mobile-global-navigation__logomark > svg {
	display: none !important;
}

.skin-fandommobile .mobile-global-navigation__logomark::before {
	height: 55px;
	width: 24px;
	content: "";
	display: block;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='wds-company-logo-fandom-heart' viewBox='0 0 35 35'%3E%3Cpath d='M32.003 16.524c0 .288-.115.564-.32.768L18.3 30.712c-.226.224-.454.324-.738.324-.292 0-.55-.11-.77-.325l-.943-.886a.41.41 0 0 1-.01-.59l15.45-15.46c.262-.263.716-.078.716.29v2.46zm-17.167 10.12l-.766.685a.642.642 0 0 1-.872-.02L3.01 17.362c-.257-.25-.4-.593-.4-.95v-1.858c0-.67.816-1.007 1.298-.536l10.814 10.56c.188.187.505.57.505 1.033 0 .296-.068.715-.39 1.035zM5.73 7.395L9.236 3.93a.421.421 0 0 1 .592 0l11.736 11.603a3.158 3.158 0 0 1 0 4.5l-3.503 3.462a.423.423 0 0 1-.59 0L5.732 11.89a3.132 3.132 0 0 1-.937-2.25c0-.85.332-1.65.935-2.246zm13.89 1.982l3.662-3.62a3.232 3.232 0 0 1 2.737-.897c.722.098 1.378.47 1.893.978l3.708 3.667a.41.41 0 0 1 0 .585l-5.64 5.576a.419.419 0 0 1-.59 0l-5.77-5.704a.411.411 0 0 1 0-.585zm14.56-.687L26.014.475a.869.869 0 0 0-1.228-.002L18.307 6.94c-.5.5-1.316.5-1.82.004l-6.48-6.4A.87.87 0 0 0 8.793.542L.447 8.67C.16 8.95 0 9.33 0 9.727v7.7c0 .392.158.77.44 1.048l16.263 16.072a.87.87 0 0 0 1.22 0l16.25-16.073c.28-.278.438-.655.438-1.048V9.73c0-.39-.153-.763-.43-1.04z' fill='%2300D6D6' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
}

:root {
	--fandom-global-nav-mobile-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='wds-company-logo-fandom-white' viewBox='0 0 164 35'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M32.003 16.524c0 .288-.115.564-.32.768L18.3 30.712c-.226.224-.454.324-.738.324-.292 0-.55-.11-.77-.325l-.943-.886a.41.41 0 0 1-.01-.59l15.45-15.46c.262-.263.716-.078.716.29v2.46zm-17.167 10.12l-.766.685a.642.642 0 0 1-.872-.02L3.01 17.362c-.257-.25-.4-.593-.4-.95v-1.858c0-.67.816-1.007 1.298-.536l10.814 10.56c.188.187.505.57.505 1.033 0 .296-.068.715-.39 1.035zM5.73 7.395L9.236 3.93a.421.421 0 0 1 .592 0l11.736 11.603a3.158 3.158 0 0 1 0 4.5l-3.503 3.462a.423.423 0 0 1-.59 0L5.732 11.89a3.132 3.132 0 0 1-.937-2.25c0-.85.332-1.65.935-2.246zm13.89 1.982l3.662-3.62a3.232 3.232 0 0 1 2.737-.897c.722.098 1.378.47 1.893.978l3.708 3.667a.41.41 0 0 1 0 .585l-5.64 5.576a.419.419 0 0 1-.59 0l-5.77-5.704a.411.411 0 0 1 0-.585zm14.56-.687L26.014.475a.869.869 0 0 0-1.228-.002L18.307 6.94c-.5.5-1.316.5-1.82.004l-6.48-6.4A.87.87 0 0 0 8.793.542L.447 8.67C.16 8.95 0 9.33 0 9.727v7.7c0 .392.158.77.44 1.048l16.263 16.072a.87.87 0 0 0 1.22 0l16.25-16.073c.28-.278.438-.655.438-1.048V9.73c0-.39-.153-.763-.43-1.04z' fill='%2300D6D6'/%3E%3Cpath d='M62.852 20.51l2.58-6.716a.468.468 0 0 1 .87 0l2.58 6.717h-6.03zm5.856-12.428c-.184-.48-.65-.8-1.17-.8h-3.342c-.52 0-.986.32-1.17.8l-7.083 18.5c-.21.552.2 1.14.796 1.14h2.753c.353 0 .67-.215.796-.542l.738-1.922a.849.849 0 0 1 .795-.542h8.088a.85.85 0 0 1 .796.542l.74 1.922c.125.327.44.543.795.543h2.754a.843.843 0 0 0 .796-1.14l-7.082-18.5zm93.504-.8h-2.715a1.86 1.86 0 0 0-1.677 1.047l-5.393 11.162-5.393-11.163a1.858 1.858 0 0 0-1.677-1.047h-2.715a.889.889 0 0 0-.893.883V26.84c0 .487.4.883.892.883h2.608a.889.889 0 0 0 .893-.883v-9.686l4.945 10.072c.15.304.46.497.803.497h1.073a.893.893 0 0 0 .803-.497l4.945-10.072v9.686c0 .487.4.883.894.883h2.608a.889.889 0 0 0 .893-.883V8.166c0-.487-.4-.883-.893-.883zm-106.972 8.8h-8.63V11.49h10.918a.88.88 0 0 0 .83-.578l.888-2.464a.872.872 0 0 0-.83-1.163h-15.18c-.486 0-.88.39-.88.87v18.7c0 .48.394.87.88.87h2.492c.486 0 .88-.39.88-.87V20.29h7.743a.88.88 0 0 0 .83-.578l.89-2.464a.872.872 0 0 0-.83-1.163zm51.76 7.61h-3.615V11.315H107c3.828 0 6.41 2.517 6.41 6.188 0 3.672-2.582 6.19-6.41 6.19zm-.124-16.41h-7.128c-.486 0-.88.39-.88.872v18.698c0 .48.394.87.88.87h7.128c6.453 0 10.912-4.44 10.912-10.16v-.117c0-5.72-4.46-10.162-10.912-10.162zm-11.947.03h-2.642a.87.87 0 0 0-.876.866v12.36l-8.755-12.72a1.242 1.242 0 0 0-1.023-.535H78.32a.873.873 0 0 0-.876.867v18.706c0 .48.393.867.877.867h2.64a.872.872 0 0 0 .878-.867V14.71l8.608 12.478c.23.334.613.535 1.022.535h3.46a.872.872 0 0 0 .877-.867V8.178a.87.87 0 0 0-.876-.867zm40.71 10.3c0 3.323-2.712 6.016-6.056 6.016-3.345 0-6.056-2.693-6.056-6.015v-.22c0-3.322 2.71-6.015 6.056-6.015 3.344 0 6.055 2.693 6.055 6.015v.22zm-6.056-10.44c-5.694 0-10.31 4.576-10.31 10.22v.22c0 5.646 4.616 10.22 10.31 10.22 5.693 0 10.308-4.574 10.308-10.22v-.22c0-5.644-4.615-10.22-10.308-10.22z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
	--fandom-global-nav-link-color--hover: #FFF;
}

:is(.mobile-global-navigation__link, .mobile-search-modal__link):active, 
:is(.mobile-global-navigation__link, .mobile-search-modal__link):focus, 
:is(.mobile-global-navigation__link, .mobile-search-modal__link):hover {
	color: #FFF !important;
}
.skin-fandommobile .mobile-global-navigation .wds-dropdown__content {
	border: 1px solid var(--fandom-border-color);
}

.skin-fandommobile .mobile-global-navigation .wds-dropdown:is(:hover, .wds-is-active):before {
	display: block !important;
	border: 9px solid transparent;
	border-bottom: 9px solid var(--wds-dropdown-border-color);
	margin-left: -9px;
}

.skin-fandommobile .mobile-global-navigation.is-community-bar-in .wds-dropdown:is(:hover, .wds-is-active):before {
	margin-left: 0;
}

.skin-fandommobile .mobile-global-navigation.is-community-bar-in .wds-dropdown:is(:hover, .wds-is-active):after {
	margin-bottom: -1px;
}

/*** ==== GLOBAL FOOTER ==== ***/
.global-footer {
	background-color: var(--fandom-global-nav-background-color) !important;
	color: #FFF !important;
}
.global-footer__bottom-bar {
	background: rgba(38,38,38,.5) !important;
}
.global-footer__bottom-bar a,.global-footer__bottom-bar a:visited {
	color: #00d6d6 !important;
}
.global-footer__bottom-bar a:hover {
	color: #FFF !important
}
.global-footer__bottom-bar-row.wds-has-border-top {
	border-top: 1px solid #656E78 !important
}
.global-footer__link,.global-footer__link:active, .global-footer__link:focus, .global-footer__link:visited {
	color: var(--fandom-secondary-color) !important;
}
.global-footer__link:hover {
	color: #FFF !important;
}
.global-footer__section.wds-is-follow-us .global-footer__link-image {
	color: #FFF !important;
	opacity: .3;
	transition: opacity .3s
}
.global-footer__section.wds-is-fandom-stores::after {
	border-bottom: 1px solid #5F7A7B !important;
}
.global-footer__section-header {
	color: #FFF !important;
}
.global-footer__section-description {
	color: #FFF !important;
}

/* prevents Fandom's current logo from appearing */
img.global-footer__header-logo {
        display: none
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
	.global-footer__section.wds-is-fandom-stores {
		border-right: 1px solid grey !important;
	}
}

.global-footer-wikia-org {
	background: #FFF !important;
	border-top: 1px solid #C5CED9 !important;
}
.global-footer-wikia-org__links {
	color: #39424D !important;
}
.global-footer-wikia-org__links a {
	color: #39424D  !important
}
.global-footer-wikia-org__link:not(:last-child)::after {
	color: #39424D !important;
}

.wds-global-navigation__search {
	color: var(--fandom-secondary-color) !important;
}

.global-navigation__bottom .wds-button {
	--wds-primary-button-background-color: #00cdd0 !important;
	--wds-primary-button-background-color--hover: #00686a !important;
	--wds-primary-button-label-color: #3a3a3a !important;
	--wds-secondary-button-label-color: #5f7a7b !important;
	--wds-secondary-button-label-color--hover: #3a3a3a !important
}
.global-navigation__bottom .wds-avatar {
	--wds-avatar-size: 30px !important;
	--wds-avatar-badge-size: 16px !important;
	--wds-avatar-border-width: 2px !important;
	--wds-avatar-badge-left: -4px !important;
	--wds-avatar-badge-top: -6px !important;
	--wds-avatar-border-color: currentColor !important;
	--wds-avatar-border-color--hover: #FFF !important;
	--wds-avatar-background-color: transparent !important
}
.global-navigation__bottom .wds-sign-out__button {
	--wds-sign-out-button-background-color--hover: rgba(8,132,136,.15) !important;
	--wds-sign-out-button-label-color--hover: #088488 !important;
}

.wds-banner-notification {
	--wds-banner-notification-background-color: #FFF !important;
	--wds-banner-notification-text-color: #3A3A3A !important;
	--wds-banner-notification-link-color: #088488 !important;
	--wds-banner-notification-link-color--hover: #005252 !important;
	background-color: var(--wds-banner-notification-background-color) !important;
	color: var(--wds-banner-notification-text-color) !important;
	display: flex;
	transition: opacity .4s
}
.wds-banner-notification.wds-is-transparent {
	opacity: 0
}
.wds-banner-notification__container {
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.2)
}
.wds-banner-notification__icon {
	align-items: center;
	color: #FFF;
	display: flex;
	justify-content: center;
	width: 40px
}
.wds-alert .wds-banner-notification__icon {
	background-color: #E81A3F !important
}
.wds-warning .wds-banner-notification__icon {
	background-color: #DE5E33 !important
}
.wds-success .wds-banner-notification__icon {
	background-color: #018C30 !important
}
.wds-message .wds-banner-notification__icon {
	background-color: #008C8F !important
}
.wds-banner-notification__text a {
	color: var(--wds-banner-notification-link-color) !important;
}
.wds-banner-notification__text a:hover {
	color: var(--wds-banner-notification-link-color--hover) !important;
}
.wds-banner-notification+.wds-banner-notification .wds-banner-notification__close,.wds-banner-notification+.wds-banner-notification .wds-banner-notification__text {
	border-top: 1px solid #CCC !important;
}
.wds-banner-notification__close .wds-icon {
    fill: var(--wds-banner-notification-link-color);
}

/*** Modify certain wikis ***/
body:is(.wiki-wikia, .wiki-dev, .wiki-vstf) .fandom-community-header__image > img,
body:is(.wiki-wikia, .wiki-dev, .wiki-vstf) .fandom-sticky-header__logo > img {
	display: none !important;
}
body:is(.wiki-wikia, .wiki-dev, .wiki-vstf) .fandom-sticky-header__logo::before, 
body:is(.wiki-wikia, .wiki-dev, .wiki-vstf) .fandom-community-header__image::before {
	content: "";
	display: block;
}
body:is(.wiki-wikia, .wiki-dev, .wiki-vstf) .fandom-community-header__image::before {
	height: 100px;
	width: 100px;
}
body:is(.wiki-wikia, .wiki-dev, .wiki-vstf) .fandom-sticky-header__logo::before {
	width: 30px;
	height: 30px;
}
body:is(.wiki-wikia, .wiki-dev, .wiki-vstf) .fandom-sticky-header__logo {
	margin-right: 10px;
}

/*** ==== CC Only styles ==== ***/
body.wiki-wikia .fandom-community-header__image::before, 
body.wiki-wikia .fandom-sticky-header__logo::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='wds-company-logo-fandom-heart' viewBox='0 0 35 35'%3E%3Cpath d='M32.003 16.524c0 .288-.115.564-.32.768L18.3 30.712c-.226.224-.454.324-.738.324-.292 0-.55-.11-.77-.325l-.943-.886a.41.41 0 0 1-.01-.59l15.45-15.46c.262-.263.716-.078.716.29v2.46zm-17.167 10.12l-.766.685a.642.642 0 0 1-.872-.02L3.01 17.362c-.257-.25-.4-.593-.4-.95v-1.858c0-.67.816-1.007 1.298-.536l10.814 10.56c.188.187.505.57.505 1.033 0 .296-.068.715-.39 1.035zM5.73 7.395L9.236 3.93a.421.421 0 0 1 .592 0l11.736 11.603a3.158 3.158 0 0 1 0 4.5l-3.503 3.462a.423.423 0 0 1-.59 0L5.732 11.89a3.132 3.132 0 0 1-.937-2.25c0-.85.332-1.65.935-2.246zm13.89 1.982l3.662-3.62a3.232 3.232 0 0 1 2.737-.897c.722.098 1.378.47 1.893.978l3.708 3.667a.41.41 0 0 1 0 .585l-5.64 5.576a.419.419 0 0 1-.59 0l-5.77-5.704a.411.411 0 0 1 0-.585zm14.56-.687L26.014.475a.869.869 0 0 0-1.228-.002L18.307 6.94c-.5.5-1.316.5-1.82.004l-6.48-6.4A.87.87 0 0 0 8.793.542L.447 8.67C.16 8.95 0 9.33 0 9.727v7.7c0 .392.158.77.44 1.048l16.263 16.072a.87.87 0 0 0 1.22 0l16.25-16.073c.28-.278.438-.655.438-1.048V9.73c0-.39-.153-.763-.43-1.04z' fill='%2300D6D6' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
}
body.wiki-wikia {
	--theme-body-background-image: url("https://images.wikia.com/central/images/archive/b/b5/20210803135435%21Site-background-light") !important;
	--theme-body-dynamic-color-1: #FFF;
	--theme-body-dynamic-color-1--rgb: 255,255,255;
	--theme-body-dynamic-color-2: #E6E6E6;
	--theme-body-dynamic-color-2--rgb: 230,230,230;
	--theme-page-dynamic-color-1: #0E191A;
	--theme-page-dynamic-color-1--rgb: 14,25,26;
	--theme-page-dynamic-color-1--inverted: #FFF;
	--theme-page-dynamic-color-1--inverted--rgb: 255,255,255;
	--theme-page-dynamic-color-2: #3A3A3A;
	--theme-page-dynamic-color-2--rgb: 58,58,58;
	--theme-sticky-nav-dynamic-color-1: #FFF;
	--theme-sticky-nav-dynamic-color-1--rgb: 255,255,255;
	--theme-sticky-nav-dynamic-color-2: #E6E6E6;
	--theme-sticky-nav-dynamic-color-2--rgb: 230,230,230;
	--theme-link-dynamic-color-1: #FFF;
	--theme-link-dynamic-color-1--rgb: 255,255,255;
	--theme-link-dynamic-color-2: #E6E6E6;
	--theme-link-dynamic-color-2--rgb: 230,230,230;
	--theme-accent-dynamic-color-1: #FFF;
	--theme-accent-dynamic-color-1--rgb: 255,255,255;
	--theme-accent-dynamic-color-2: #E6E6E6;
	--theme-accent-dynamic-color-2--rgb: 230,230,230;
	--theme-body-background-color: #001F25;
	--theme-body-background-color--rgb: 0,31,37;
	--theme-body-text-color: #FFF;
	--theme-body-text-color--hover: #CCC;
	--theme-sticky-nav-background-color: #001F22;
	--theme-sticky-nav-text-color: #FFF;
	--theme-sticky-nav-text-color--hover: #CCC;
	--theme-page-background-color: #FFF;
	--theme-page-background-color--rgb: 255,255,255;
	--theme-page-background-color--secondary: #F3F4F4;
	--theme-page-text-color: #3A3A3A;
	--theme-page-text-color--rgb: 58,58,58;
	--theme-page-text-color--hover: #6D6D6D;
	--theme-page-text-mix-color: #9D9D9D;
	--theme-page-text-mix-color-95: #F5F5F5;
	--theme-page-accent-mix-color: #AFBDBD;
	--theme-page-headings-font: 'Rubik';
	--theme-link-color: #088488;
	--theme-link-color--rgb: 8,132,136;
	--theme-link-color--hover: #022627;
	--theme-link-label-color: #FFF;
	--theme-accent-color: #5f7A7B;
	--theme-accent-color--rgb: 95,122,123;
	--theme-accent-color--hover: #93ABAC;
	--theme-accent-label-color: #FFF;
	--theme-border-color: #CECECE;
	--theme-border-color--rgb: 206,206,206;
	--theme-community-header-color--hover: #CCC;
	--theme-community-header-color: #FFF;
}

/*** === Dev only styles === ***/
body.wiki-dev .fandom-community-header__image::before, 
body.wiki-dev .fandom-sticky-header__logo::before {
	background: url("https://images.wikia.com/dev/images/archive/e/e6/20210803135436%21Site-logo.png") no-repeat 50% / 100%;
}
body:is(.wiki-dev, .wiki-adminsummit) {
	--theme-body-dynamic-color-1: #FFF;
	--theme-body-dynamic-color-1--rgb: 255,255,255;
	--theme-body-dynamic-color-2: #E6E6E6;
	--theme-body-dynamic-color-2--rgb: 230,230,230;
	--theme-page-dynamic-color-1: #0E191A;
	--theme-page-dynamic-color-1--rgb: 14,25,26;
	--theme-page-dynamic-color-1--inverted: #FFF;
	--theme-page-dynamic-color-1--inverted--rgb: 255,255,255;
	--theme-page-dynamic-color-2: #3A3A3A;
	--theme-page-dynamic-color-2--rgb: 58,58,58;
	--theme-sticky-nav-dynamic-color-1: #FFF;
	--theme-sticky-nav-dynamic-color-1--rgb: 255,255,255;
	--theme-sticky-nav-dynamic-color-2: #E6E6E6;
	--theme-sticky-nav-dynamic-color-2--rgb: 230,230,230;
	--theme-link-dynamic-color-1: #FFF;
	--theme-link-dynamic-color-1--rgb: 255,255,255;
	--theme-link-dynamic-color-2: #E6E6E6;
	--theme-link-dynamic-color-2--rgb: 230,230,230;
	--theme-accent-dynamic-color-1: #FFF;
	--theme-accent-dynamic-color-1--rgb: 255,255,255;
	--theme-accent-dynamic-color-2: #E6E6E6;
	--theme-accent-dynamic-color-2--rgb: 230,230,230;
	--theme-body-background-color: #001F25;
	--theme-body-background-color--rgb: 0,31,37;
	--theme-body-background-image: url("https://images.wikia.com/dev/images/archive/b/b5/20210803135439%21Site-background-light");
	--theme-body-text-color: #FFF;
	--theme-body-text-color--hover: #CCC;
	--theme-sticky-nav-background-color: #001F22;
	--theme-sticky-nav-text-color: #FFF;
	--theme-sticky-nav-text-color--hover: #CCC;
	--theme-page-background-color: #FFF;
	--theme-page-background-color--rgb: 255,255,255;
	--theme-page-background-color--secondary: #F3F4F4;
	--theme-page-text-color: #3A3A3A;
	--theme-page-text-color--rgb: 58,58,58;
	--theme-page-text-color--hover: #6D6D6D;
	--theme-page-text-mix-color: #9D9D9D;
	--theme-page-text-mix-color-95: #F5F5F5;
	--theme-page-accent-mix-color: #AFBDBD;
	--theme-page-headings-font: 'Rubik';
	--theme-link-color: #088488;
	--theme-link-color--rgb: 8,132,136;
	--theme-link-color--hover: #0DE1E8;
	--theme-link-label-color: #FFF;
	--theme-accent-color: #5F7A7B;
	--theme-accent-color--rgb: 95,122,123;
	--theme-accent-color--hover: #93ABAC;
	--theme-accent-label-color: #FFF;
	--theme-border-color: #CECECE;
	--theme-border-color--rgb: 206,206,206;
	--theme-community-header-color--hover: #CCC;
	--theme-community-header-color: #FFF;
}

/*** ==== SOAP Wiki only styles ==== ***/
body.wiki-vstf .fandom-community-header__image::before, 
body.wiki-vstf .fandom-sticky-header__logo::before {
	background: url("https://images.wikia.com/vstf/images/archive/e/e6/20210803135438%21Site-logo.png") no-repeat 50% / 79%;
}

body:is(.wiki-vstf, .wiki-infobox) {
	--theme-body-dynamic-color-1: #0E191A;
	--theme-body-dynamic-color-1--rgb: 14,25,26;
	--theme-body-dynamic-color-2: #3A3A3A;
	--theme-body-dynamic-color-2--rgb: 58,58,58;
	--theme-page-dynamic-color-1: #0E191A;
	--theme-page-dynamic-color-1--rgb: 14,25,26;
	--theme-page-dynamic-color-1--inverted: #FFF;
	--theme-page-dynamic-color-1--inverted--rgb: 255,255,255;
	--theme-page-dynamic-color-2: #3A3A3A;
	--theme-page-dynamic-color-2--rgb: 58,58,58;
	--theme-sticky-nav-dynamic-color-1: #FFF;
	--theme-sticky-nav-dynamic-color-1--rgb: 255,255,255;
	--theme-sticky-nav-dynamic-color-2: #E6E6E6;
	--theme-sticky-nav-dynamic-color-2--rgb: 230,230,230;
	--theme-link-dynamic-color-1: #FFF;
	--theme-link-dynamic-color-1--rgb: 255,255,255;
	--theme-link-dynamic-color-2: #E6E6E6;
	--theme-link-dynamic-color-2--rgb: 230,230,230;
	--theme-accent-dynamic-color-1: #FFF;
	--theme-accent-dynamic-color-1--rgb: 255,255,255;
	--theme-accent-dynamic-color-2: #E6E6E6;
	--theme-accent-dynamic-color-2--rgb: 230,230,230;
	--theme-body-background-color: #E8F1F2;
	--theme-body-background-color--rgb: 232,241,242;
	--theme-body-background-image: url(https://soap.fandom.com/wikia.php?controller=ThemeApi&method=themeVariables&cityId=65099&version=1626557302);
	--theme-body-text-color: #0E191A;
	--theme-body-text-color--hover: #31585C;
	--theme-sticky-nav-background-color: #001F22;
	--theme-sticky-nav-text-color: #FFF;
	--theme-sticky-nav-text-color--hover: #CCC;
	--theme-page-background-color: #FFF;
	--theme-page-background-color--rgb: 255,255,255;
	--theme-page-background-color--secondary: #F3F4F4;
	--theme-page-text-color: #3A3A3A;
	--theme-page-text-color--rgb: 58,58,58;
	--theme-page-text-color--hover: #6D6D6D;
	--theme-page-text-mix-color: #9D9D9D;
	--theme-page-text-mix-color-95: #F5F5F5;
	--theme-page-accent-mix-color: #afbdbd;
	--theme-page-headings-font: 'Rubik';
	--theme-link-color: #088488;
	--theme-link-color--rgb: 8,132,136;
	--theme-link-color--hover: #022627;
	--theme-link-label-color: #FFF;
	--theme-accent-color: #5F7A7b;
	--theme-accent-color--rgb: 95,122,123;
	--theme-accent-color--hover: #93ABAC;
	--theme-accent-label-color: #FFF;
	--theme-border-color: #CECECE;
	--theme-border-color--rgb: 206,206,206;
}

/*** Dark theme support ***/
body:is(.wiki-infobox, .wiki-wikia, .wiki-vstf, .wiki-dev, .wiki-adminsummit).theme-fandomdesktop-dark {
	--theme-body-dynamic-color-1--rgb: 30,12,27 !important;
	--theme-body-dynamic-color-2: #3A3A3A !important;
	--theme-body-dynamic-color-2--rgb: 58,58,58 !important;
	--theme-page-dynamic-color-1: #FFF !important;
	--theme-page-dynamic-color-1--rgb: 255,255,255 !important;
	--theme-sticky-nav-text-color: #FFF !important;
	--theme-sticky-nav-text-color--hover: #CCC !important;
	--theme-page-background-color: #0E191A !important;
	--theme-page-background-color--rgb: 14,25,26 !important;
	--theme-page-background-color--secondary: #323C3C !important;
	--theme-page-text-color: #E6E6E6 !important;
	--theme-page-text-color--rgb: 230,230,230 !important;
	--theme-page-text-color--hover: #B3B3B3 !important;
	--theme-page-text-mix-color: #7A8080 !important;
	--theme-page-text-mix-color-95: #192324 !important;
	--theme-page-accent-mix-color: #273239 !important;
	--theme-page-headings-font: 'Rubik' !important;
	--theme-link-color: #00CDD0 !important;
	--theme-link-color--rgb: 0,205,208 !important;
	--theme-link-color--hover: #37FcFF !important;
	--theme-link-label-color: #1E0C1B !important;
	--theme-accent-color: #404A57 !important;
	--theme-accent-color--rgb: 64,74,87 !important;
	--theme-accent-color--hover: #6B7B91 !important;
	--theme-accent-label-color: #FFF !important;
	--theme-border-color: #444C4D !important;
	--theme-border-color--rgb: 68,76,77 !important;
	--theme-sticky-nav-background-color: #404A57 !important;
	--theme-body-background-image: url(https://images.wikia.com/dev/images/archive/b/b5/20210803135439%21Site-background-light);
}
body:is(.wiki-infobox, .wiki-vstf).theme-fandomdesktop-dark {
	--theme-body-background-color: #001F22 !important
}

/* Make staff signatures old style */
.staffSigLink > svg {
	display: none !important;
}
.staffSigLink::before {
	content: "";
	width: 73px;
	height: 16px;
	margin-bottom: -3px;
	display: inline-block;
	background: url("https://images.wikia.com/central/images/archive/e/e6/20210601214133%21Site-logo.png") no-repeat 50% / 95%;
}

/* Oasis global nav support */
body.skin-oasis .wds-global-navigation__logo {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='wds-company-logo-fandom-white' viewBox='0 0 164 35'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M32.003 16.524c0 .288-.115.564-.32.768L18.3 30.712c-.226.224-.454.324-.738.324-.292 0-.55-.11-.77-.325l-.943-.886a.41.41 0 0 1-.01-.59l15.45-15.46c.262-.263.716-.078.716.29v2.46zm-17.167 10.12l-.766.685a.642.642 0 0 1-.872-.02L3.01 17.362c-.257-.25-.4-.593-.4-.95v-1.858c0-.67.816-1.007 1.298-.536l10.814 10.56c.188.187.505.57.505 1.033 0 .296-.068.715-.39 1.035zM5.73 7.395L9.236 3.93a.421.421 0 0 1 .592 0l11.736 11.603a3.158 3.158 0 0 1 0 4.5l-3.503 3.462a.423.423 0 0 1-.59 0L5.732 11.89a3.132 3.132 0 0 1-.937-2.25c0-.85.332-1.65.935-2.246zm13.89 1.982l3.662-3.62a3.232 3.232 0 0 1 2.737-.897c.722.098 1.378.47 1.893.978l3.708 3.667a.41.41 0 0 1 0 .585l-5.64 5.576a.419.419 0 0 1-.59 0l-5.77-5.704a.411.411 0 0 1 0-.585zm14.56-.687L26.014.475a.869.869 0 0 0-1.228-.002L18.307 6.94c-.5.5-1.316.5-1.82.004l-6.48-6.4A.87.87 0 0 0 8.793.542L.447 8.67C.16 8.95 0 9.33 0 9.727v7.7c0 .392.158.77.44 1.048l16.263 16.072a.87.87 0 0 0 1.22 0l16.25-16.073c.28-.278.438-.655.438-1.048V9.73c0-.39-.153-.763-.43-1.04z' fill='%2300D6D6'/%3E%3Cpath d='M62.852 20.51l2.58-6.716a.468.468 0 0 1 .87 0l2.58 6.717h-6.03zm5.856-12.428c-.184-.48-.65-.8-1.17-.8h-3.342c-.52 0-.986.32-1.17.8l-7.083 18.5c-.21.552.2 1.14.796 1.14h2.753c.353 0 .67-.215.796-.542l.738-1.922a.849.849 0 0 1 .795-.542h8.088a.85.85 0 0 1 .796.542l.74 1.922c.125.327.44.543.795.543h2.754a.843.843 0 0 0 .796-1.14l-7.082-18.5zm93.504-.8h-2.715a1.86 1.86 0 0 0-1.677 1.047l-5.393 11.162-5.393-11.163a1.858 1.858 0 0 0-1.677-1.047h-2.715a.889.889 0 0 0-.893.883V26.84c0 .487.4.883.892.883h2.608a.889.889 0 0 0 .893-.883v-9.686l4.945 10.072c.15.304.46.497.803.497h1.073a.893.893 0 0 0 .803-.497l4.945-10.072v9.686c0 .487.4.883.894.883h2.608a.889.889 0 0 0 .893-.883V8.166c0-.487-.4-.883-.893-.883zm-106.972 8.8h-8.63V11.49h10.918a.88.88 0 0 0 .83-.578l.888-2.464a.872.872 0 0 0-.83-1.163h-15.18c-.486 0-.88.39-.88.87v18.7c0 .48.394.87.88.87h2.492c.486 0 .88-.39.88-.87V20.29h7.743a.88.88 0 0 0 .83-.578l.89-2.464a.872.872 0 0 0-.83-1.163zm51.76 7.61h-3.615V11.315H107c3.828 0 6.41 2.517 6.41 6.188 0 3.672-2.582 6.19-6.41 6.19zm-.124-16.41h-7.128c-.486 0-.88.39-.88.872v18.698c0 .48.394.87.88.87h7.128c6.453 0 10.912-4.44 10.912-10.16v-.117c0-5.72-4.46-10.162-10.912-10.162zm-11.947.03h-2.642a.87.87 0 0 0-.876.866v12.36l-8.755-12.72a1.242 1.242 0 0 0-1.023-.535H78.32a.873.873 0 0 0-.876.867v18.706c0 .48.393.867.877.867h2.64a.872.872 0 0 0 .878-.867V14.71l8.608 12.478c.23.334.613.535 1.022.535h3.46a.872.872 0 0 0 .877-.867V8.178a.87.87 0 0 0-.876-.867zm40.71 10.3c0 3.323-2.712 6.016-6.056 6.016-3.345 0-6.056-2.693-6.056-6.015v-.22c0-3.322 2.71-6.015 6.056-6.015 3.344 0 6.055 2.693 6.055 6.015v.22zm-6.056-10.44c-5.694 0-10.31 4.576-10.31 10.22v.22c0 5.646 4.616 10.22 10.31 10.22 5.693 0 10.308-4.574 10.308-10.22v-.22c0-5.644-4.615-10.22-10.308-10.22z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
	transform: none;
	width: 139px;
}
body.skin-oasis .wds-global-navigation__link:active, 
body.skin-oasis .wds-global-navigation__link:focus,
body.skin-oasis .wds-global-navigation__link:hover,
body.skin-oasis .wds-global-navigation__start-a-wiki:active,
body.skin-oasis .wds-global-navigation__start-a-wiki:focus, 
body.skin-oasis .wds-global-navigation__start-a-wiki:hover {
	color: #fff !important;
	text-shadow: 0 0 2px #FFF;
}
body.skin-oasis .wds-global-navigation__search-input-wrapper span,
body.skin-oasis .wds-global-navigation__search-input,
body.skin-oasis .wds-global-navigation__search-input::placeholder {
	color: #FFF !important;
}
body.skin-oasis .wds-avatar__image:hover,
body.skin-oasis .wds-global-navigation__notifications-dropdown:hover {
	color: var(--fandom-global-nav-link-color) !important;
}
body.skin-oasis .wds-global-navigation__notifications-dropdown:hover .wds-icon {
	color: #EEE;
}
body.skin-oasis .wds-global-navigation__notifications-dropdown .wds-icon {
	transition: .3s color ease;
}
body.skin-oasis .wds-global-navigation__notifications-dropdown {
	border-radius: 100%;
	height: 80%;
	padding: 0 !important;
	transition: .3s background ease;
}
body.skin-oasis .wds-global-navigation__notifications-dropdown:hover {
	background: rgba(255,255,255,.2);
}
body.skin-oasis .wds-avatar:hover > img {
	border-color: #EEE !important;
}
body.skin-oasis .wds-avatar {
	padding: 4px;
}
body.skin-oasis .wds-avatar:hover {
	background: rgba(255,255,255,.2);
	border-radius: 50%;
}
body.skin-oasis .wds-global-navigation__search-close:hover {
	color: #EEE !important;
}
body.skin-oasis .wds-global-navigation__search-submit {
	background-color: var(--fandom-global-nav-bottom-icon-color) !important;
	color: #FFF !important;
	border: 0 !important;
	transition: .3s filter ease;
}
body.skin-oasis .wds-global-navigation__search-submit:hover {
	filter: brightness(70%)
}
body.skin-oasis .wds-global-navigation__start-a-wiki > a {
	color: lightgray !important;
	border-color: currentColor !important;
	text-shadow: none !important;
	transition: 0s box-shadow ease, .3s color ease;
}
body.skin-oasis .wds-global-navigation__start-a-wiki > a:hover {
	color: #FFF !important;
}

/*** === Mobile Theme Support === ***/
body.skin-fandommobile :is(.wiki-page-header__edit-link, #mw-content-text a) {
	color: var(--theme-link-color);
	transition: 0.3s color;
}

body.skin-fandommobile :is(.wiki-page-header__edit-link, #mw-content-text a):hover {
	color: var(--theme-link-color--hover);
}

/** All Themes **/
body.skin-fandommobile {
	--fandom-global-nav-logo-separator-color: #959595 !important;
}

body.skin-fandommobile code.mw-highlight {
	padding: 2.5px
}

body.skin-fandommobile div.mw-highlight {
	padding: 12px;
}

body.skin-fandommobile .mw-highlight {
	overflow: auto !important;
	word-wrap: normal;
	line-height: 1.35 !important;
}

body.skin-fandommobile #mw-clearyourcache {
	margin-bottom: 12px;
}

/*** Light ***/
body.theme-fandommobile-light {
	--theme-body-dynamic-color-1: #FFF;
	--theme-body-dynamic-color-1--rgb: 255,255,255;
	--theme-body-dynamic-color-2: #E6E6E6;
	--theme-body-dynamic-color-2--rgb: 230,230,230;
	--theme-page-dynamic-color-1: #0E191A;
	--theme-page-dynamic-color-1--rgb: 14,25,26;
	--theme-page-dynamic-color-1--inverted: #FFF;
	--theme-page-dynamic-color-1--inverted--rgb: 255,255,255;
	--theme-page-dynamic-color-2: #3A3A3A;
	--theme-page-dynamic-color-2--rgb: 58,58,58;
	--theme-sticky-nav-dynamic-color-1: #FFF;
	--theme-sticky-nav-dynamic-color-1--rgb: 255,255,255;
	--theme-sticky-nav-dynamic-color-2: #E6E6E6;
	--theme-sticky-nav-dynamic-color-2--rgb: 230,230,230;
	--theme-link-dynamic-color-1: #FFF;
	--theme-link-dynamic-color-1--rgb: 255,255,255;
	--theme-link-dynamic-color-2: #E6E6E6;
	--theme-link-dynamic-color-2--rgb: 230,230,230;
	--theme-accent-dynamic-color-1: #FFF;
	--theme-accent-dynamic-color-1--rgb: 255,255,255;
	--theme-accent-dynamic-color-2: #E6E6E6;
	--theme-accent-dynamic-color-2--rgb: 230,230,230;
	--theme-body-background-color: #001F25;
	--theme-body-background-color--rgb: 0,31,37;
	--theme-body-background-image: url("https://images.wikia.com/dev/images/archive/b/b5/20210803135439%21Site-background-light");
	--theme-body-text-color: #262626;
	--theme-body-text-color--hover: #CCC;
	--theme-sticky-nav-background-color: #001F22;
	--theme-sticky-nav-text-color: #FFF;
	--theme-sticky-nav-text-color--hover: #CCC;
	--theme-page-background-color: #FFF;
	--theme-page-background-color--rgb: 255,255,255;
	--theme-page-background-color--secondary: #F3F4F4;
	--theme-page-text-color: #1a1a1a;
	--theme-page-text-color--rgb: 58,58,58;
	--theme-page-text-color--hover: #6D6D6D;
	--theme-page-text-mix-color: #9D9D9D;
	--theme-page-text-mix-color-95: #F5F5F5;
	--theme-page-accent-mix-color: #AFBDBD;
	--theme-page-headings-font: 'Rubik';
	--theme-link-color: #088488;
	--theme-link-color--rgb: 8,132,136;
	--theme-link-color--hover: #0DE1E8;
	--theme-link-label-color: #FFF;
	--theme-accent-color: #5F7A7B;
	--theme-accent-color--rgb: 95,122,123;
	--theme-accent-color--hover: #93ABAC;
	--theme-accent-label-color: #FFF;
	--theme-border-color: #CECECE;
	--theme-border-color--rgb: 206,206,206;
	--theme-community-header-color--hover: #CCC;
	--theme-community-header-color: #FFF;

	--fandom-text-color: #1a1a1a !important;
}

body.theme-fandommobile-light .mw-highlight {
	background-color: #f5f5f5 !important;
	border: 1px solid #bfbfbf;
	color: #93a1a1;
}

/*** Dark ***/
body.theme-fandommobile-dark {
	--theme-body-dynamic-color-1: #FFF;
	--theme-body-dynamic-color-1--rgb: 255,255,255;
	--theme-body-dynamic-color-2: #E6E6E6;
	--theme-body-dynamic-color-2--rgb: 230,230,230;
	--theme-page-dynamic-color-1: #0E191A;
	--theme-page-dynamic-color-1--rgb: 14,25,26;
	--theme-page-dynamic-color-1--inverted: #FFF;
	--theme-page-dynamic-color-1--inverted--rgb: 255,255,255;
	--theme-page-dynamic-color-2: #3A3A3A;
	--theme-page-dynamic-color-2--rgb: 58,58,58;
	--theme-sticky-nav-dynamic-color-1: #FFF;
	--theme-sticky-nav-dynamic-color-1--rgb: 255,255,255;
	--theme-sticky-nav-dynamic-color-2: #E6E6E6;
	--theme-sticky-nav-dynamic-color-2--rgb: 230,230,230;
	--theme-link-dynamic-color-1: #FFF;
	--theme-link-dynamic-color-1--rgb: 255,255,255;
	--theme-link-dynamic-color-2: #E6E6E6;
	--theme-link-dynamic-color-2--rgb: 230,230,230;
	--theme-accent-dynamic-color-1: #FFF;
	--theme-accent-dynamic-color-1--rgb: 255,255,255;
	--theme-accent-dynamic-color-2: #E6E6E6;
	--theme-accent-dynamic-color-2--rgb: 230,230,230;
	--theme-body-background-color: #0E191A;
	--theme-body-background-color--rgb: 0,31,37;
	--theme-body-background-image: url("https://images.wikia.com/dev/images/archive/b/b5/20210803135439%21Site-background-light");
	--theme-body-text-color: #ffffff;
	--theme-body-text-color--hover: #CCC;
	--theme-sticky-nav-background-color: #001F22;
	--theme-sticky-nav-text-color: #FFF;
	--theme-sticky-nav-text-color--hover: #CCC;
	--theme-page-background-color: #FFF;
	--theme-page-background-color--rgb: 255,255,255;
	--theme-page-background-color--secondary: #323C3C;
	--theme-page-text-color: #f3f3f3;
	--theme-page-text-color--rgb: 58,58,58;
	--theme-page-text-color--hover: #525151;
	--theme-page-text-mix-color: #9D9D9D;
	--theme-page-text-mix-color-95: #F5F5F5;
	--theme-page-accent-mix-color: #AFBDBD;
	--theme-page-headings-font: 'Rubik';
	--theme-link-color: #109ca0 !important;
	--theme-link-color--rgb: 8,132,136;
	--theme-link-color--hover: #0DE1E8 !important;
	--theme-link-label-color: #FFF;
	--theme-accent-color: #5F7A7B;
	--theme-accent-color--rgb: 95,122,123;
	--theme-accent-color--hover: #93ABAC;
	--theme-accent-label-color: #FFF;
	--theme-border-color: #CECECE !important;
	--theme-border-color--rgb: 206,206,206 !important;
	--theme-community-header-color--hover: #CCC;
	--theme-community-header-color: #FFF;
	--theme-page-background-color--secondary: #0E191A !important;

	--fandom-text-color: #efefef !important;
	--fandom-link-color: #05d5dc !important;
	--fandom-link-color--fadeout: rgb(39 188 193 / 10%);
	--fandom-accent-color--hover: #001F22 !important;
	--fandom-border-color: #444C4D !important;
	--fandom-dropdown-background-color: var(--theme-page-background-color--secondary);
	background: var(--theme-body-background-color) !important
}

body.theme-fandommobile-dark .mw-highlight {
	background-color: #002b36 !important;
	border: 1px solid #645540;
	color: #93a1a1;
}

body.theme-fandommobile-dark .mw-highlight .c1,.mw-highlight .cm {
	color: #646464 !important
}

body.theme-fandommobile-dark .mw-highlight .s1,.mw-highlight .s2 {
	color: #2AA198 !important
}

body.theme-fandommobile-dark .mw-highlight .kr,.mw-highlight .kd,.mw-highlight .k {
	color: #859900 !important
}

body.theme-fandommobile-dark .mw-highlight .o,.mw-highlight .p {
	color: #269900 !important
}

body.theme-fandommobile-dark .mw-highlight .nf,.mw-highlight .nb {
	color: #268BD2 !important
}

body.theme-fandommobile-dark .mw-highlight .mi {
	color: #D33682 !important
}

body.theme-fandommobile-dark .mw-highlight .kc {
	color: #B58900 !important;
	font-weight: bold !important
}

body.theme-fandommobile-dark .mw-highlight .l {
	color: #66cc66 !important
}

body.theme-fandommobile-dark .mw-highlight .ow {
	color: #8b4fce !important;
	font-weight: bold !important
}

body.theme-fandommobile-dark .mw-highlight .nc {
	color: #e25773 !important
}

body.theme-fandommobile-dark .mw-highlight .se {
	color: #a1bff5 !important
}

body.theme-fandommobile-dark .mw-higlight .mh,.mw-highlight .mf {
	color: #D33682 !important
}

body.theme-fandommobile-dark .mw-highlight .nx,.mw-highlight .n {
	color: #93a1a1 !important
}

/*** Mobile Editor Themeing ***/
body.skin-mobileve {
	--theme-body-dynamic-color-1--rgb: 30,12,27 !important;
	--theme-body-dynamic-color-2: #3A3A3A !important;
	--theme-body-dynamic-color-2--rgb: 58,58,58 !important;
	--theme-page-dynamic-color-1: #FFF !important;
	--theme-page-dynamic-color-1--rgb: 255,255,255 !important;
	--theme-sticky-nav-text-color: #FFF !important;
	--theme-sticky-nav-text-color--hover: #CCC !important;
	--theme-page-background-color: #0E191A !important;
	--theme-page-background-color--rgb: 14,25,26 !important;
	--theme-page-background-color--secondary: #323C3C !important;
	--theme-page-text-color: #E6E6E6 !important;
	--theme-page-text-color--rgb: 230,230,230 !important;
	--theme-page-text-color--hover: #B3B3B3 !important;
	--theme-page-text-mix-color: #7A8080 !important;
	--theme-page-text-mix-color-95: #192324 !important;
	--theme-page-accent-mix-color: #273239 !important;
	--theme-page-headings-font: 'Rubik' !important;
	--theme-link-color: #00CDD0 !important;
	--theme-link-color--rgb: 0,205,208 !important;
	--theme-link-color--hover: #37FcFF !important;
	--theme-link-label-color: #1E0C1B !important;
	--theme-accent-color: #404A57 !important;
	--theme-accent-color--rgb: 64,74,87 !important;
	--theme-accent-color--hover: #6B7B91 !important;
	--theme-accent-label-color: #FFF !important;
	--theme-border-color: #444C4D !important;
	--theme-border-color--rgb: 68,76,77 !important;
	--theme-sticky-nav-background-color: #404A57 !important;
	--theme-body-background-image: url(https://images.wikia.com/dev/images/archive/b/b5/20210803135439%21Site-background-light);
}

/*** Dark theme Notifications Support */
body.theme-fandomdesktop-dark .notifications, 
body.theme-fandommobile-dark .mobile-notifications {
	--background-color: #0E191A;
	--notification-card--background-color: #182425 !important;
	--fandom-notifications-read-card-background-color: var(--notification-card--background-color) !important;
	--notification-card--background-color--hover: #243738 !important;
	--notification-card--border-color: #3E5455;
	--notification-card--border-color--hover: #647778;
	--notification-card--icon-color: #111D1E;
	--header-color: #E6E6E6;
	--notification-bubble-background-color: #EFEFEF;
}
body.theme-fandommobile-dark .mobile-notifications-modal {
	background: var(--background-color) !important;
}

body:is(.theme-fandomdesktop-dark, .theme-fandommobile-dark) [class^="NotificationsZeroState-module_header"], 
body:is(.theme-fandomdesktop-dark, .theme-fandommobile-dark) [class^="NotificationsZeroState-module_header"] + p {
	color: var(--header-color) !important;
}
:is(body.theme-fandomdesktop-dark .notifications, body.theme-fandommobile-dark .mobile-notifications) .wds-dropdown.is-attached-to-bottom::after {
	--wds-dropdown-background-color: var(--background-color);
}
:is(body.theme-fandomdesktop-dark .notifications, body.theme-fandommobile-dark .mobile-notifications) .wds-dropdown.is-attached-to-bottom::before {
	--wds-dropdown-border-color: var(--notification-card--border-color);
}
:is(body.theme-fandomdesktop-dark .notifications, body.theme-fandommobile-dark .mobile-notifications) .wds-dropdown__content {
	background: var(--background-color) !important;
	border-color: var(--background-color);
}
:is(body.theme-fandomdesktop-dark .notifications, body.theme-fandommobile-dark .mobile-notifications) .wds-dropdown__content > header {
	color: var(--header-color) !important;
}
:is(body.theme-fandomdesktop-dark .notifications, body.theme-fandommobile-dark .mobile-notifications) .wds-tabs__tab-label > span {
	background: var(--notification-bubble-background-color);
}
:is(body.theme-fandomdesktop-dark .notifications, body.theme-fandommobile-dark .mobile-notifications) .wds-tab__content ul > li {
	background: var(--notification-card--background-color) !important;
	border-color: var(--notification-card--border-color);
}
:is(body.theme-fandomdesktop-dark .notifications, body.theme-fandommobile-dark .mobile-notifications) .wds-tab__content ul > li:hover {
	background: var(--notification-card--background-color--hover) !important;
	border-color: var(--notification-card--border-color--hover);
}
:is(body.theme-fandomdesktop-dark .notifications, body.theme-fandommobile-dark .mobile-notifications) .wds-tab__content ul > li > a > div > .wds-avatar > :is(img + div, svg + div) {
	background: var(--notification-card--icon-color) !important;
}
:is(body.theme-fandomdesktop-dark .notifications, body.theme-fandommobile-dark .mobile-notifications) .wds-tab__content:last-of-type > div > :is(p, div) {
	color: var(--header-color);
}

/* Old style for "community admin" badges in comment section */
.wds-avatar__badge svg path:first-child {
    fill: var(--theme-page-text-color) !important;
}
.wds-avatar__badge svg path:last-child {
    fill: var(--theme-page-background-color) !important;
}

:root {
	--global-footer--backgrund: #FFF;
}

/* Change Footer Logo to Old Fandom Logo */
.global-footer h2.global-footer__header a {
	position: relative;
	display: block;
}
.global-footer h2.global-footer__header svg {
	visibility: hidden;
}
.global-footer h2.global-footer__header > a[data-tracking-label="logo"] {
    background: url("https://static.wikia.nocookie.net/dev/images/a/a3/Old_Fandom_Logo_White.svg");
    width: 164px;
    content: " ";
    height: 41px;
    background-size: 164px;
    background-repeat: no-repeat;
}
.global-footer h2.global-footer__header a::before {
	width: 230px;
	content: "";	
	height: 50px;	
	top: 0;
	left: 0;	
	position: absolute;
}

/** Fandom App Logos **/
.global-footer__section-fandom-stores .global-footer__icon,
.global-footer__section-fandom-stores::before {
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
		-ms-border-radius: 6px;
		 -o-border-radius: 6px;
			border-radius: 6px;
}
.global-footer__section-fandom-stores svg.global-footer__icon {
	display: none;
}
.global-footer__section-fandom-stores::before {
    content: "";
	margin: 0 18px 0 0;
	background: url("https://static.wikia.nocookie.net/central/images/d/db/Aeywoo_-_Old_Fandom_App_Logo.png") no-repeat center;
	-webkit-background-size: 80px;
	   -moz-background-size: 80px;
		-ms-background-size: 80px;
		 -o-background-size: 80px;
			background-size: 80px;
	min-height: 80px;
	min-width: 80px;
}

/** Global Footer Bottom Bar **/
.global-footer__bottom {
	background: rgba(38,38,38,.5);
	font-size: 12px;
	min-height: 50px;
	padding: 0 20px;
	text-align: center
}

.global-footer__bottom a {
	transition: 0.3s color;
}

.global-footer__bottom a,.global-footer__bottom a:visited {
	color: #00d6d6;
	text-decoration: none;
}

.global-footer__bottom a:hover {
	color: #fff
}

.global-footer__bottom-row.has-border-top {
	border-top: 1px solid #656e78
}

.global-footer__bottom-row.has-padding {
	padding: 16px 0
}