dev

Note: After publishing, you may have to bypass your browser's cache to see the changes. 

@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:NewPagesModule.css|u:dev:MediaWiki:MinimizedBalancedEditors.css|u:dev:MediaWiki:CodeHighlight.css|u:dev:MediaWiki:ExternalIcons.css|u:dev:MediaWiki:FontAwesome.css|u:dev:MediaWiki:BalancedSlider.css");
/* Imports:
	NewPagesModule (style for AddRailModule)
	MinimizedBalancedEditors (code)
	CodeHighlight (code)
	ExternalIcons (import)
	FontAwesome (import)
	BalancedSlider (import)
*/

/* Variables */
:root {
	--accent: var(--theme-accent-color);
	--accent-hover: var(--theme-accent-color--hover);
	--accent-rgb: var(--theme-accent-color--rgb);
	--accent-mix: var(--theme-page-accent-mix-color);
	--accent-light: var(--theme-page-accent-mix-color);
	--text-color: var(--theme-page-text-color);
	--text-hover: var(--theme-page-text-color--hover);
	--text-mix: var(--theme-page-text-mix-color);
	--link: var(--theme-link-color);
	--link-hover: var(--theme-link-color--hover);
	--link-rgb: var(--theme-link-color--rgb);
	--page-bg: var(--theme-page-background-color);
	--page-rgb: var(--theme-page-background-color--rgb);
	--page-sec: var(--theme-page-background-color--secondary);
	--border: var(--theme-border-color);
	--border-mix-color: var(--theme-page-accent-mix-color);
}
/* Классы */
.accent {background: var(--theme-accent-color);}
.accent-hover {background: var(--theme-accent-color--hover);}
.accent-rgb {background: var(--theme-accent-color--rgb);}
.text-color {color: var(--theme-page-text-color);}
.text-hover {color: var(--theme-page-text-color--hover);}
.text-mix {color: var(--theme-page-text-mix-color);}
.link {color: var(--theme-link-color);}
.link-bg {background: var(--theme-link-color);}
.link-hover { color: var(--theme-link-color--hover);}
.link-bg-hover {background: var(--theme-link-color--hover);}
.link-rgb {color: var(--theme-link-color--rgb);}
.link-bg-rgb {background: var(--theme-link-color--rgb);}
.page-bg {background: var(--theme-page-background-color);}
.page-sec {background: var(--theme-page-background-color--secondary);}
.border-accent {border-color: var(--theme-accent-color) !important;}
.border-color {border-color: var(--theme-border-color) !important;}
.border-mix-color {border-color: var(--theme-page-accent-mix-color) !important;}

/* Main */
.community-header-wrapper {height: auto;}
.fandom-community-header {
	--header-filter: 10px;
	padding: 10px;
	background: rgb(var(--theme-accent-color--rgb),.2);
    backdrop-filter: blur(var(--header-filter));
	z-index: 2;
}
body:not(.action-edit) .resizable-container {margin: 30px auto;	box-shadow: 0 0 10px var(--theme-page-accent-mix-color);}
#hivi_leaderboard,#top_leaderboard {
    background: rgb(var(--theme-accent-color--rgb),.2);
    backdrop-filter: blur(10px);
}
.page {
	margin: 0;
	/*background-color: rgb(var(--theme-page-background-color--rgb),.9);*/
	/*backdrop-filter: blur(5px);*/
}
.page:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgb(var(--theme-page-background-color--rgb),.8);
	backdrop-filter: blur(10px);
	z-index: -1;
}
.page__right-rail {background-color: rgb(var(--theme-accent-color--rgb),.1);}
.page__right-rail.is-rail-hidden {width: 0 !important;}

/* -- Отступы -- */
.page__main {
	padding: 20px 15px 20px 25px;
	background: none;
}

/* - Отступы списков - */
.page-content ul {
	line-height: 1.5;
    margin: 0.3em 0 0 1.6em;
}

/* "Новостная лента" */
.mcf-wrapper {padding: 10px 15px 15px 25px;}

/* -- Скроллбар -- */
/* Основной */
::-webkit-scrollbar {
    width: 10px;
    background: #3f3f3faa !important;
}
::-webkit-scrollbar-thumb {
    background: var(--theme-page-accent-mix-color);
    border: 1px solid var(--theme-accent-color);
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    border-color: #222;
    background: var(--theme-accent-color);
}

/* -- Ссылки -- */
/* При наведении (тёмной темы) */
.theme-fandomdesktop-dark :is(.page-header__categories > a,
.page-header__categories div > a,
.page-content a,
.right-rail-wrapper a,
.new):hover {text-shadow: 0 0 5px #49abfc;}
.page a, .new {text-decoration: none;}

/* -- wds-list -- */
/*.wds-dropdown__content {padding: .5em 0 !important;}*/
/*.wds-dropdown__content li {padding: 0 .5em !important; margin: 0 !important;}*/
/*.wds-dropdown__content li > a,*/
/*.wds-dropdown__content .ActionDropdown_list__3PDNr li */
/*{line-height: normal !important; padding: 6px !important; position: relative;}*/
/*.wds-dropdown__content li > a:hover {}*/

/*.wds-dropdown__content .ActionDropdown_list__3PDNr li*/
/*{margin: 0 .5em; transition: .4s; border-radius: 3px;}*/

/*.wds-is-not-scrollable .wds-list.wds-is-linked>li:not(:last-child)>a,*/
/*.wds-dropdown__content .ActionDropdown_list__3PDNr li:not(:last-child) {*/
/*	border-bottom: 1px solid rgb(var(--theme-border-color--rgb), .4);*/
/*}*/

/*.page-side-tools .wds-has-lines-between li {*/
/*	padding: .6em 0 !important;*/
/*	margin: 0 .5em !important;*/
/*}*/

/*.wds-dropdown.is-anon-dropdown .wds-dropdown__content {padding: 0 12px !important;}*/

/*  -- page-side-tools -- */
.page-side-tools :is(a, button), .page-side-tools__right :is(a, button) {opacity: .3; transition: .4s;}
.theme-fandomdesktop-dark .page-side-tools :is(a, button),
.theme-fandomdesktop-dark .page-side-tools__right :is(a, button) {opacity: .5;}
.page-side-tools:hover :is(a, button),
.page-side-tools__right:hover :is(a, button) {opacity: 1;}

/* Замена иконки темы */
.page-side-tool.skin-theme-toggle svg {display: none;}
.page-side-tool.skin-theme-toggle:before { content: "\f185"; font-family: FontAwesome; font-size: 150%;}
.theme-fandomdesktop-dark .page-side-tool.skin-theme-toggle:before {content: "\f186";}

/* -- Тогглер правой колонки -- */
.page-side-tools__wrapper {--page-bg: var(--theme-page-background-color);}
.page-side-tools__wrapper.right {z-index: 1;}
.right-rail-toggle {
	background-color: var(--page-bg) !important;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 12px 0px;
    opacity: .5;
    transition: .5s;
}
.right-rail-toggle:hover {background-color: var(--page-bg); opacity: 1;}
.right-rail-toggle svg {fill: var(--theme-link-color); transition: all .3s !important;}
.right-rail-toggle:hover svg {fill: var(--theme-link-color--hover);}

/* Кастомные кнопки справа */
.page-side-tools__right button {background-color: var(--page-bg);}
/* Если рельса скрыта */
.theme-fandomdesktop-dark .page__right-rail.is-rail-hidden :is(.right-rail-toggle,.page-side-tools__right button)
{background-color: rgba(var(--theme-page-dynamic-color-1--rgb),.1) !important;}

/* -- Хэдер -- */
.page__main h1 {font-size: 28px; line-height: normal; font-weight: 400;}
.page-header {margin: 0 0 10px; line-height: normal; border-bottom: 1px solid var(--theme-border-color);}
.page-header__top {align-items: center; font-size: 14px;}
.page-header__bottom {padding: .5em 0;}
.page-header__actions, .page-header__categories>:last-child {padding: 0;}
.page-header__languages {margin: 0 20px 0 10px;}
.page-header__languages .wds-dropdown__toggle {
	margin: 0;
	font-weight: 400;
    transition: .3s;
	color: var(--theme-link-color);
	text-transform: capitalize;
}
.theme-fandomdesktop-light :is(.page-header__action-button,.page-header__languages .wds-dropdown__toggle) {
	color: var(--theme-page-accent-mix-color);
	--wds-text-button-label-color: var(--theme-page-accent-mix-color);
}
.theme-fandomdesktop-light :is(.page-header__action-button,.page-header__languages .wds-dropdown__toggle):hover {
    --wds-text-button-label-color: var(--wds-text-button-label-color--hover);
    color: var(--wds-text-button-label-color--hover) !important;
}

/* Кнопки добавления файлов */
.page-header__buttons .wds-button {
	--wds-primary-button-background-color: --;
	color: var(--theme-page-accent-mix-color);
	border: 0;
}
.page-header__buttons .wds-button:hover {
	background-color: rgba(var(--theme-link-color--rgb),.15);
	color: var(--theme-link-color);
}
.theme-fandomdesktop-dark .page-header__buttons .wds-button {color: var(--theme-link-color);}
/* Кнопка справки */
.activity-summary__help-link {color: var(--theme-page-accent-mix-color);}
.activity-summary__help-link:hover {color: var(--theme-link-color);}

/* -- Фиксит отступы Быстрых ссылок (из подключенного скрипта QuickLinks) -- */
#cql-module {
	padding: 0;
	max-height: 32px;
	overflow: hidden;
	transition: .5s;
}
#cql-module:hover {max-height: 280px;}

.cql-module-header {margin: 0 !important;}
.cql-module-content {display: flex; margin: 10px 0;}
.cql-listing {padding: 0px 10px;}
.cql-listing-entry {
	padding: 0;
	margin: 0;
	line-height: normal;
}

/* Модули */
:is(.new-pages-rail-module,.activity-module) li:not(:last-child) {border-bottom: 1px solid var(--border);}

/* == Редактор == */
/* -- Заголовок страницы в редакторе -- */
.ve-fd-header__label {display: none;}
.ve-fd-header {align-items: center;}
.ve-fd-header > div:first-child {width: 100%; text-align: center;}

/* -- Используемые шаблоны -- */
.templatesUsed ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	list-style: none;
	gap: 5px;
}
.templatesUsed ul li {
    background-color: rgb(var(--theme-link-color--rgb),.1);
    padding: 1px 3px 1px 3px;
    border-radius: 6px;
	font-size: .8em;
}
.templatesUsed ul li:before {
	content: '{{';
	font-family: monospace;
}
.templatesUsed ul li:after {
	content: '}}';
	font-family: monospace;
}
.limitreport {padding: 0;}

/* == Контент страниц == */
/* Блок "Содержание" */
/*.page-content #toc {display: none;}*/
#sticky-toc {box-shadow: 0px 0px 10px var(--theme-accent-color);}

/* Табберы */
/*  */
.with-bottom-border
{border: none !important;}

.page-content .tabber .wds-tabs {justify-content: center;} /* возможно, снова будет конфликтовать с инфобоксом; если много вкладок, первая отображается за границей */
.activity-tabs .wds-tabs__tab,
.mw-parser-output .tabber .wds-tabs__tab,
.mw-parser-output [class*=navbox] .wds-tabs__tab {
	box-shadow: none !important;
}
.activity-tabs .wds-tabs__tab:after,
.mw-parser-output .tabber .wds-tabs__tab:after,
.mw-parser-output [class*=navbox] .wds-tabs__tab:after {
    background: var(--theme-link-color);
    border-radius: 5px;
    content: "";
    display: block;
    height: 4px;
    margin: -8px auto 0 auto;
    opacity: 1;
    transition: .3s;
    width: 0px;
    transform: translateY(8px);
}
.activity-tabs .wds-tabs__tab:hover:after,
.mw-parser-output .tabber .wds-tabs__tab:hover:after,
.mw-parser-output [class*=navbox] .wds-tabs__tab:hover:after {
    width: 5px;
    transform: translateY(0px);
}
.activity-tabs .wds-tabs__tab.wds-is-current:after,
.mw-parser-output .tabber .wds-tabs__tab.wds-is-current:after,
.mw-parser-output [class*=navbox] .wds-tabs__tab.wds-is-current:after {
    width: 20px;
    transform: translateY(0px);
}
.activity-tabs .wds-tabs__tab.wds-is-current:hover:after,
.mw-parser-output .tabber .wds-tabs__tab.wds-is-current:hover:after,
.mw-parser-output [class*=navbox] .wds-tabs__tab.wds-is-current:hover:after {
    width: 30px;
}

/* -- Инфобокс -- */
.pi-secondary-background+.pi-secondary-background {border: none;}

/* -- Табберы инфобокса -- */
[data-item-name="gallery"] {padding: 0; margin: 0;}
[data-item-name="gallery"] img {width: 100%; height: auto;}

.pi-image-thumbnail {width: 100%; height: auto;}

/* Таббер Switch */
.portable-infobox .toggler {font-size: 16px;}
.portable-infobox .tabs  {
    padding: 4px 0;
	font-weight: 400;
	font-size: 14px;
    text-align: center;
}
._toggle .tab {
	padding: 0 10px;
	color: var(--theme-page-text-color);
}
._toggle.tab .active {
	border-bottom: 2px solid var(--theme-accent-color);
	font-weight: 500;
}
._toggle.tab {
	border-bottom: 2px solid transparent;
	transition: .2s ease-in-out;
}
._toggle.tab.inact1 a,
._toggle.tab.inact2 a {
	font-weight: 400;
	padding: 0 10px;
    color: var(--theme-link-color);
	text-shadow: none !important;
}
._toggle.tab.inact1:hover,
._toggle.tab.inact2:hover {
	border-bottom: 2px solid var(--theme-accent-color);
}

/* Для таббера инфобокса */
.portable-infobox .wds-tabs {
	/*justify-content: center;*/
	background: rgb(var(--theme-accent-color--rgb),.2);
}
.portable-infobox .wds-tabs__wrapper {border: none;}
.portable-infobox .wds-tabs :is(span, div) {height: auto; font-weight: 400;}
.portable-infobox li.wds-tabs__tab {
/* 	text-align: center; */
	padding: 5px 0 5px;
	/*margin-bottom: 4px;*/
/*     color: var(--theme-link-color); */
	transition: .1s ease-in-out;
}
.portable-infobox .wds-tabs__tab-label a {
	font-size: 12px;
	text-shadow: none !important;
	font-weight: 500;
}
.portable-infobox li.wds-tabs__tab:hover {
	color: var(--theme-link-color);
	cursor: pointer;
	box-shadow: inset 0 -2px 0 0 var(--theme-accent-color);
}
/* .portable-infobox .wds-tabs__tab.wds-is-current span {
	font-weight: 500;
} */
.portable-infobox .wds-tabs__tab.wds-is-current {
/* 	margin: 0; */
/* 	color: var(--theme-page-text-color) !important; */
    box-shadow: inset 0 -2px 0 0 var(--theme-accent-color) !important;
}

/* -- Рамка у изображений в статьях -- */
/* В статьях, режимы thumb и float */
.ns-0 .floatleft img,
.ns-0 .mw-parser-output > .thumb:not(.tnone):not(.tright) {margin: .4em .8em 0 .5em;}
.ns-0 .floatleft {margin: 0;}

.ns-0 .floatright img,
.ns-0 .mw-parser-output > .thumb.tright {margin: .4em .5em 0 .8em;}
.ns-0 .floatright {margin: 0;}

.ns-0 .floatright img,
.ns-0 .floatleft img,
.ns-0 .mw-parser-output > .thumb:not(.tnone) img {
    border: 1px solid var(--theme-accent-color);
    /*box-shadow: 0px 0px 8px var(--theme-accent-color);*/
}
.thumbcaption p {text-align: center;}

.page-content table a > img,
.page-content table .article-thumb,
.page-content table .thumb {
    padding: 0px;
    margin: 0px;
}

/* Галереи, в том числе на странице загрузки файлов */
/*.wikia-gallery {*/
/*	display: flex;*/
/*	flex-wrap: wrap;*/
/*	justify-content: center;*/
/*	gap: 1em 2em;*/
/*}*/
/*.wikia-gallery div:not(.lightbox-caption) {*/
/*	padding: 0 !important;*/
/*	min-width: 180px !important;*/
/*	width: min-content !important;*/
/*}*/
/*.portable-infobox .wikia-gallery div:not(.lightbox-caption) {*/
/*	padding: 5px;*/
/*    min-width: unset;*/
/*    width:unset;*/
/*}*/

/*.wikia-gallery .image img {*/
/*	background: rgb(var(--accent-rgb),.1);*/
/*	border: 1px solid var(--accent) !important;*/
/*	box-shadow: 0px 0px 8px var(--accent) !important;*/
/*}*/
/*.wikia-gallery div.gallery-image-wrapper {*/
/*	width: auto !important;*/
/*	border: none !important;*/
/*	margin: 0 !important;*/
/*	background: none;*/
/*    overflow: visible !important;*/
/*	display: grid;*/
/*	justify-content: center;*/
/*}*/
/*.wikia-gallery-item > .thumb {*/
/*	margin: 0;*/
/*}*/
/*.wikia-gallery-item {*/
/*	text-align: center !important;*/
/*}*/
/*.gallery-image-item .lightbox-caption {*/
/*	width: 100% !important;	*/
/*}*/

/* Всплывающее окно ссылок */
.npage-preview {
	display: flex !important;

	background: rgb(var(--theme-accent-color--rgb),.3);
	padding: 0 !important;
	backdrop-filter: blur(40px);
	color: whitesmoke;
	text-shadow: 0 0 5px black;
    border: 2px solid var(--theme-page-accent-mix-color);
    box-shadow: 4px 4px 4px rgb(var(--theme-page-text-color--rgb),.5);
	width: auto !important;
	max-width: 100% !important;
	margin-top: 2rem;
}
.npage-preview div {max-width: 380px;}
.npage-preview img {width: auto; min-width: auto; max-width: 150px; height: 100%;}
.npage-preview :is(div,img) {padding: 5px; max-height: 150px;}

/* -- Сноски --  */
/* Скрыть "стаки" в сносках */
.references sup {display: none;}

/* Показывать "стаки" при наведении */
.references li:hover sup {display: inline-block;}

/* -- Скрывает кнопку "Править" -- */
.mw-editsection .wds-icon-tiny {height: 1rem; width: 1rem;}
.page .mw-editsection {opacity: 0; transition: .3s ease-out;}
.page :is(h1,h2,h3,h4,h5,h6):hover .mw-editsection {opacity: 1;}
.page-content :is(h1,h2,h3,h4,h5,h6) {align-items: center;}

/* -- WikiaBar -- */
.wikia-bar {height: 23px; padding-left: 0 !important;}

/* Wrapper */
.WikiaBarWrapper,
.WikiaBarCollapseWrapper .wikia-bar-collapse {
	background-color: var(--theme-page-accent-mix-color);
/* 	background-color: rgb(var(--theme-accent-color--rgb),.5); */
/* 	backdrop-filter: blur(5px); */
}
/* Элементы ссылки */
.WikiaBarWrapper ul.tools > li :is(a, svg) {
/* 	color: var(--theme-link-color);
	fill: var(--theme-link-color); */
	color: var(--theme-accent-label-color);
	fill: var(--theme-accent-label-color);
	transition: fill .15s, color .3s;
}
/* при наведении */
/* .WikiaBarWrapper ul.tools > li:hover :is(a, svg) {
	color: var(--theme-accent-label-color);
	fill: var(--theme-accent-label-color);
	text-decoration: none;
} */
/* Элементы li */
.WikiaBarWrapper .tools>li {
	margin: 0;
	transition: .3s;
}
.WikiaBarWrapper .tools>li:hover {background-color: rgb(var(--theme-accent-color--rgb),.5);}
/* Первый li */
.WikiaBarWrapper ul.tools li:first-child {border-radius: 20px 0 0 20px;}

/* Выпадающий список инструментов */
.WikiaBarWrapper .tools-menu {
/* 	background-color: var(--theme-page-accent-mix-color); */
	/*background-color: rgb(var(--theme-accent-color--rgb),.5);*/
	/*backdrop-filter: blur(5px);*/
	/*bottom: 23px;*/
}
.WikiaBarWrapper .tools-menu li a {
	/*padding: 8px 5px;*/
	/*transition: .1s !important;*/
	/*color: var(--theme-accent-label-color) !important;*/
}

/* == Разное == */
/* Убирает иконку-ссылку на страницу "Свежих правок" в блоке "Недавней деятельности" */
#seemoreactivity-button {display: none;}

/* Меньше внимания Редиректам */
.allpagesredirect:after {color: #808080; content: " (redirect)"}
.allpagesredirect {opacity: .3;	transition: .5s;}
.allpagesredirect:hover {opacity: 1;}

/* Текст копирайта */
.license-description,
#editpage-copywarn {
    color: var(--theme-sticky-nav-text-color--hover);
	font-size: 10px;
	padding: 5px 0 0 !important;
}

/* = Служебная NewPages = */
.new-pages-rail-module :is(.comment,.mw-newpages-time,.mw-newpages-history,.mw-newpages-length,.mw-tag-markers,.mw-usertoollinks),
.mw-special-Newpages :is(.comment,.mw-newpages-history,.mw-newpages-length,.mw-tag-markers,.mw-usertoollinks),
.mw-special-Recentchanges .mw-usertoollinks
{display: none;}

.new-pages-rail-module a[class="mw-userlink"] {display: block;}
.new-pages-rail-module .mw-userlink {font-size: 12px;}

.mw-special-Newpages .mw-userlink {font-size: 14px;}
.mw-special-Newpages .mw-newpages-pagename {font-weight: 500;}
.mw-special-Newpages ul {
	list-style: none;
	margin: 0;
}
.mw-special-Newpages .page-content ul > li {
	margin-bottom: 4px;
	padding: 4px;
	border-left: 2px solid deepskyblue;
    background-image: linear-gradient(to right,rgb(0 191 255 / 10%),transparent);
}
.mw-special-Newpages .page-content ul > li:before {
	font-family: 'Font Awesome 5 Free' !important;
    content: "\f0fe";
    color: deepskyblue;
	margin-right: 4px;
}
.mw-special-Newpages .mw-newpages-time {
	float: right;
	color: black;
	pointer-events: none;
}

/* == Другие импорты == */
/* Некоторые конфликты с EmeraldGlobalNav */
.wds-button-group {justify-content: flex-end; width: auto !important;}
.wds-button-group>.wds-button {margin-left: 0;}

/* Стиль для BalancedSearch */
.unified-search__layout {grid-template-rows: auto 1fr;}
.unified-search__results li {
	background: rgb(var(--theme-page-text-color--rgb),.05);
	padding: 5px 8px;
	margin-bottom: 5px;
	border-radius: 5px;
	transition: .2s;
}
.unified-search__results li:hover {background: rgb(var(--theme-page-text-color--rgb),.1);}
.unified-search__pagination,
.unified-search-pagination,
.unified-search-pagination ul,
.unified-search,
.paginator-page,
.paginator-next, .paginator-prev
{padding: 0; margin: 0 !important;}

.unified-search-pagination ul {gap: 5px; margin: 0;}
.unified-search-pagination li {border-radius: 30%; transition: .3s;}
.unified-search-pagination :is(span,a) {border-radius: 30% !important; color: var(--theme-accent-color) !important;}
.unified-search-pagination li:hover a {border-radius: 30%; background: rgb(var(--theme-accent-color--rgb),.3) !important; color: var(--theme-accent-color--hover) !important;}
.active.paginator-page {background: rgb(var(--theme-accent-color--rgb),.6) !important; color: var(--theme-accent-color--hover) !important;}

/* Страница с результатами поиска файлов */
.unified-search__result:has(img) .unified-search__result__content {display: none;}

.unified-search__result:has(.unified-search__result__thumbnail) img {
    width: unset !important;
    max-width: 100% !important;
	max-height: 250px !important;
}
.unified-search__results:has(.unified-search__result img) {
	display: flex;
    flex-direction: unset;
	flex-wrap: wrap;
/* 	grid-template-columns: repeat(4, 1fr); */
    align-items: start;
    justify-content: space-around;
	gap: 1em;
}
.unified-search__results:has(.unified-search__result img) .unified-search__result {
	width: 200px;
	margin: 0 !important;
}
.unified-search__result__thumbnail {
	text-align: center
}

/* == wds-dropdown == */
.fandom-community-header__local-navigation .wds-dropdown:hover .wds-dropdown__content
{
	animation: wds-dropdown--slide-in .4s ease;
	transition: 1s;
}
.fandom-community-header__local-navigation .wds-dropdown:before,
.fandom-community-header__local-navigation .wds-dropdown:after,
.fandom-community-header__local-navigation .wds-dropdown:hover .wds-dropdown-level-nested__content
{
	animation: wds-dropdown-chevron--slide-in .4s ease;
}

@keyframes wds-dropdown--slide-in {
	from {
		opacity: 0;
		transform: translate(-50%, 10px);
	}

	to {
		opacity: 1;
		transform: translate(-50%, 0);
	}
}
@keyframes wds-dropdown-chevron--slide-in {
	from {
		opacity: 0;
		transform: translate(0%, 10px);
	}

	to {
		opacity: 1;
		transform: translate(0%, 0);
	}
}