MediaWiki:Cosmos.css

From Servantpedia
Revision as of 13:32, 3 January 2025 by LBMapper12 (talk | contribs)
Jump to navigation Jump to search

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

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* All CSS here will be loaded for users of the Cosmos skin */
/* Fool 
body {
  -webkit-transform: rotate(0.07deg);
  transform: rotate(0.07deg);
}
.cosmos-header__sitename {
  transform: scaleX(-1);
}
.cosmos-header__wordmark {
  transform: scaleX(-1);
}
#cosmos-title-text {
  transform: scaleX(-1);
}
body, p, body p, body div p {
  font-family: 'Comic Sans MS', cursive !important;
}*/

/* Exclude logo to be change with or without DarkMode */
.mw-wiki-logo {
	.mw-no-invert,
}
.cosmos-header {
	.mw-no-invert,
}
.ns-3000 .CosmosRail {
    display: none;
}
 
/* CREDIT TO POLANDBALLRUWIKI FOR THE CSS */
body ::-webkit-scrollbar-thumb {                    
    border-radius: 8px;
    border: 2.5px solid transparent;
    background-clip: content-box;
}

body ::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar {
    width: 15px;
}

::-webkit-scrollbar-track {
    background: var(--theme-page-color);
}

::-webkit-scrollbar-thumb {
    background: var(--theme-text-mix-color);
}

::-webkit-scrollbar-corner {
    background: none;
}

::-webkit-resizer {
    background: url(https://upload.wikimedia.org/wikipedia/commons/d/d8/OOjs_UI_icon_fullScreen.svg);
    background-size: 75% 75%;
    background-position: center;
    background-repeat: no-repeat;
}

.client-darkmode ::-webkit-resizer {
    background: url(https://upload.wikimedia.org/wikipedia/commons/0/06/OOjs_UI_icon_fullScreen-invert.svg);
    background-size: 75% 75%;
    background-position: center;
    background-repeat: no-repeat;
}

/* Мобильная версия */
@media screen and (max-width: 850px) {
.wds-button.wds-is-secondary.wds-dropdown__toggle {
    display: flex;
 }

#cosmos-banner {
    position: fixed;
}

.cosmos-mobile-navigation {
	order: -1;
}
    
body > #mw-content-container {
    padding-top: 55px !important;
}
    
.cosmos-header:before, .cosmos-header,
#cosmos-footer {
    border-radius: 0 !important;
}
    
.cosmos-header__top-container {
    display: flex;
    height: 70px;
}

.cosmos-toolbar-collapsed .cosmos-toolbar-collapse-button {
    margin: 0 auto;
}
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget .oo-ui-labelElement-label {
    display: none;
}
    
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
    margin-top: 2.5px !important;
}

@media only screen and (max-width: 1083px) {
.main-page-tag-lcs-exploded, .lcs-container {
    width: auto !important;
}
    
.main-page-tag-rcs {
    width: 100% !important;
}
}

@media only screen and (max-width: 1023px) {
.main-page-tag-rcs {
    padding: 0;
    column-count: 1;
}
    
.main-page-tag-lcs-exploded, .lcs-container {
    width: 100% !important;
}
}

@media screen and (max-width: 850px) {
.mw-body .navblockimg a > img {
    height: 137px !important;
}

.wds-tabs__tab-label span {
    color: var(--theme-page-text-color);
}

#searchform input:focus, #searchform input:active {
    width: 100%;
}
}

/* Верхняя панель */
#cosmos-banner {
    transition: background-color .5s;
}

#cosmos-userButton-avatar > img {
    border-radius: 50%;
    background: white;
    width: 22px;
    height: 22px;
}

.cosmos-userButton-label {
    margin-top: 0;
    font-weight: 500;
    font-size: 16px;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#cosmos-notification-icons li {
    margin: 0 2px;
}

#pt-notifications-alert .mw-echo-notifications-badge:after, #pt-notifications-notice .mw-echo-notifications-badge:after {
    border: 0;
    min-width: 15px;
    height: 15px;
    padding: 2px;
    text-align: center;
    border-radius: 50px;
    filter: invert(1);
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head > .oo-ui-iconWidget.oo-ui-icon-bell,
body .oo-ui-icon-bell, .mw-ui-icon-bell:before {
    opacity: 1 !important;
    background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22/%3E%3C/svg%3E");
    background-size: cover;
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head > .oo-ui-iconWidget.oo-ui-icon-tray,
body .oo-ui-icon-tray, .mw-ui-icon-tray:before {
    opacity: 1 !important;
    background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22/%3E%3C/svg%3E");
    background-size: cover;
}
    
.client-darkmode body .oo-ui-icon-bell, .client-darkmode body .oo-ui-icon-tray,
#cosmos-banner .oo-ui-icon-bell, #cosmos-banner .oo-ui-icon-tray {
   filter: invert(1);
}

#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge {
    width: 22px;
    height: 22px;
}
    
.cosmos-dropdown#p-personal ul a.new {
    color: #39424d;
}

#cosmos-banner-mainpage-link {
  display: flex;
  font-size: 20px;
  text-align: center;
  align-items: center;
  padding-left: 10px;
  font-weight: bold;
  text-shadow: 0 4px 5px rgba(0,42,50,.05);
  flex-basis: 220px;
}

#cosmos-banner-mainpage-link a {
  color: white;
}

.mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group {
    background: none;
}

/* Поиск */
#searchform .wvui-input input {
    margin-left: 1px;
}

#p-search #simpleSearch {
    height: 40px;
}

#p-search input {
    width: 40px;
    height: 40px !important;
    max-width: 500px;
    padding: 0;
    padding-left: 40px;
    box-sizing: border-box !important;
    background: url(https://upload.wikimedia.org/wikipedia/commons/0/06/Antu_dialog-icon-preview.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 10px;
    border-radius: 10px;
    font-size: 0;
    cursor: pointer;
    transition: 300ms ease;
}

#p-search input:focus, #p-search input:active {
    width: 100% !important;
    padding-left: 40px;
    padding-right: 10px;
    font-size: 16px;
    color: #fff;
    background: url(https://upload.wikimedia.org/wikipedia/commons/0/06/Antu_dialog-icon-preview.svg), rgba(30,30,30,.3);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 10px;
}

#p-search #simpleSearch input {
    font-size: 0;
    background: url(https://upload.wikimedia.org/wikipedia/commons/0/06/Antu_dialog-icon-preview.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 10px;
}

.client-darkmode #searchInput,
.client-darkmode #simpleSearch {
    background-color: transparent;
    border: 0;
}

#cosmos-search-buttonContainer,
.wvui-typeahead-search__submit {
    display: none;
}

#searchform ::placeholder {
    color: #ccc;
}

.wvui-typeahead-search__suggestions {
    max-width: 500px;
    border-radius: 5px;
    border: 1px solid var(--theme-page-third-color);
    background: var(--theme-page-light-color);
    box-shadow: none;
}

.wvui-typeahead-search__suggestions__footer:hover {
    background: rgba(var(--theme-link-color--rgb),.1);
}

.wvui-typeahead-search__suggestions__footer {
    border: 0;
    margin-bottom: -2px;
}

.wvui-typeahead-search__suggestions__footer--active {
    background: none;
}

.wvui-typeahead-search__suggestions__footer__text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wvui-typeahead-suggestion__title {
    color: var(--theme-text-color);
}

.wvui-typeahead-suggestion--active {
    background: var(--theme-page-second-color);
}

.wvui-typeahead-search__suggestions__footer__text {
    color: var(--theme-link-color);
}

/* Навигация */
.cosmos-header:before, .cosmos-header {
    background: transparent;
}

.cosmos-header .wds-button.wds-is-secondary, .cosmos-header img, .cosmos-header span, .cosmos-header__sitename {
    filter: drop-shadow(1px 3px 3px rgb(0 0 0 / 20%));
}

.cosmos-header__sitename a {
    font-size: 22px;
}

.cosmos-header__sitename a:any-link:hover {
    color: #fff;
}

body > #mw-content-container {
    padding-top: 6.5%;
}

/* Темная тема */
.client-darkmode,
.client-darkmode img,
.client-darkmode video,
.client-darkmode svg,
.client-darkmode iframe,
.client-darkmode .mw-no-invert,
.client-darkmode td .diffchange,
.client-darkmode .wvui-typeahead-suggestion__thumbnail,
.client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content,
.client-darkmode .cdx-menu-item__thumbnail,
.client-darkmode .cx-slitem__image,
.client-darkmode .mwe-math-element,
.client-darkmode .mw-mmv-overlay,
.client-darkmode .mw-mmv-pre-image,
.client-darkmode .mw-kartographer-map,
.client-darkmode .mw-kartographer-mapDialog-map,
.client-darkmode .ext-related-articles-card-list .ext-related-articles-card-thumb {
    background: none;
    filter: none;
    -webkit-filter: none;
}

.client-darkmode .mw-plusminus-neg {
    color: rgb(211,45,45);
}

/* Основные элементы */
/* Диалоговые окна */
.oo-ui-window-content, .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
    border-color: var(--theme-page-third-color);
    background: var(--theme-page-light-color);
    border-radius: 5px;
}

.oo-ui-messageDialog-text label {
    color: var(--theme-text-color);
}

.oo-ui-window-content .oo-ui-buttonElement-button {
    border-radius: 0 !important;
    color: var(--theme-text-color);
}

.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
    border-color: var(--theme-page-second-color) !important;
    margin-left: 0;
}

.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
    border: 0;
}

.oo-ui-messageDialog-content > .oo-ui-window-foot {
    outline: 0;
}

.mw-ui-button.mw-ui-quiet:focus {
    background: none;
    border-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0;
    background: rgba(var(--theme-link-color--rgb),.1) !important;
}

.flow-ui-modal-layout {
    background: var(--theme-page-second-color);
    border-radius: 5px;
}

.mw-ui-button.mw-ui-progressive:disabled {
    background: var(--theme-page-third-color);
    border-color: var(--theme-page-third-color);
}

.mw-ui-button.mw-ui-destructive.mw-ui-quiet {
    color: #db4f4f !important;
    border-radius: 8px;
    height: 32px;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active:not(:hover),
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    color: var(--theme-text-color);
}

.oo-ui-dialog-content > .oo-ui-window-foot {
    padding: 10px;
}

.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
    max-height: 60%;
}

.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-labelElement:first-child .oo-ui-buttonElement-button {
    margin-top: 5px !important;
    margin-left: 6px !important;
}

@media only screen and (max-width: 500px) {
.oo-ui-window-content.oo-ui-dialog-content {
    border-radius: 0px;
}

.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
    top: 55px;
}
}

/** Выпадающие меню **/
.wds-dropdown__content {
    border-color: var(--theme-page-third-color);
    background-color: var(--theme-page-second-color)
}

.wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list:after,
.wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list:before {
    background: none;
}

@media screen and (max-width: 850px) {
.mw-echo-ui-overlay .mw-echo-ui-notificationBadgeButtonPopupWidget-popup .oo-ui-popupWidget-popup {
    max-width: 100%;
}
}

.mw-echo-ui-placeholderItemWidget {
    background-color: var(--theme-page-light-color);
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
    border-bottom-color: var(--theme-page-light-color);
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
    border-bottom-color: var(--theme-page-third-color);
}

.oo-ui-popupWidget-anchored-top:last-child .oo-ui-popupWidget-anchor:after,
.oo-ui-popupWidget-anchored-top:last-child .oo-ui-popupWidget-anchor:before {
    left: 0;
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-popup *,
#cosmos-banner .wds-tabs__tab-label span {
    color: var(--theme-text-color);
}

.mw-echo-ui-notificationItemWidget {
    background: var(--theme-page-second-color);
    border-color: var(--theme-page-third-color);
}

.mw-echo-ui-notificationItemWidget-unread {
    background-color: var(--theme-page-light-color) !important;
}

.oo-ui-pendingElement-pending,
.client-js .mw-echo-special-nojs {
    background-image: linear-gradient(135deg,var(--theme-page-light-color) 25%,var(--theme-page-second-color) 25%,var(--theme-page-second-color) 50%,var(--theme-page-light-color) 50%,var(--theme-page-light-color) 75%,var(--theme-page-second-color) 75%,var(--theme-page-second-color));
}

.mw-echo-ui-notificationItemWidget:hover {
    background: rgba(var(--theme-link-color--rgb),.1);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    background: none;
}

.oo-ui-popupWidget .oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
    border-color: transparent;
    padding-left: 30px;
    max-width: 183px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
    font-weight: 600;
}

.mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label * {
    max-width: 50px;
}

.oo-ui-iconElement-icon {
    min-height: 18px;
    min-width: 18px;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.client-darkmode .oo-ui-buttonElement.oo-ui-iconElement .oo-ui-iconElement-icon,
.client-darkmode .oo-ui-buttonElement.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
    filter: invert(1) hue-rotate(180deg);
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement > .oo-ui-buttonElement-button {
    background: none;
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head,
#cosmos-banner .wds-tabs__tab-label,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer {
    border: 0;
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
    border-left-color: var(--theme-page-third-color);
}

.oo-ui-popupWidget-popup,
.oo-ui-menuSelectWidget,
#cosmos-banner .wds-tabs,
.cosmos-header .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content,
.cosmos-dropdown-list,
.cosmos-header .wds-dropdown__content {
    background: var(--theme-page-light-color);
    border-color: var(--theme-page-third-color);
    border-radius: 5px;
    box-shadow: none;
}

.mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
#cosmos-banner .wds-dropdown__content .wds-list.wds-is-linked > li > a:not(.wds-button),
.cosmos-header .wds-dropdown__content .wds-list.wds-is-linked li > a:not(.wds-button),
.cosmos-dropdown#p-personal ul a.new, 
.cosmos-dropdown-list > ul > *:only-child, .cosmos-dropdown-list > ul > li > *:only-child, .cosmos-dropdown-list > li > *:only-child {
    color: var(--theme-link-color);
}

#cosmos-banner .wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button),
.cosmos-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a:not(.wds-button),
.cosmos-dropdown#p-personal ul a.new:hover,
.cosmos-dropdown-list > ul > a:only-child:hover, .cosmos-dropdown-list > ul > li > a:only-child:hover, .cosmos-dropdown-list > li > a:only-child:hover {
    color: var(--theme-link-color--hover);
    background: rgba(var(--theme-link-color--rgb),.1);
}

#cosmos-actionsList-list a {
    color: var(--theme-link-color);
}

#cosmos-actionsList-list a:hover {
    background: rgba(var(--theme-link-color--rgb),.1);
}

#cosmos-actionsList-list {
    min-width: 170px;
    left: 0;
}

.wds-dropdown:before, .wds-dropdown:after {
	opacity: 0;
}

.mw-echo-alert {
    filter: brightness(150%);
    background: none;
}

.mw-echo-ui-notificationsWidget-markAllReadButton {
    max-width: 105px;
    overflow: hidden;
}

.client-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup .oo-ui-popupWidget-head .oo-ui-iconElement-icon {
    filter: invert(1);
}

.wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-sticked-to-parent .wds-dropdown-level-2__content {
    bottom: 0;
}

.wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content .wds-list.wds-is-linked > li > a {
    font-weight: bold;
}

/** Верхние элементы страницы **/
/*** Форумы ***/
.forum {
    display: inline-block;
    padding: 4px 10px;
    margin: 2px 4px;
    margin-left: 0;
    margin-bottom: 5px !important;
    border-radius: 15px;
    font-weight: 600;
    background: rgba(var(--theme-link-color--rgb),.2);
}

span.forum {
    background: var(--theme-page-second-color);
    color: var(--theme-text-mix-color);
}

.forum:first-child {
    background: rgba(220,20,76,0.4);
    color: #b34b68 !important;
}

.forum:first-child:hover {
    color: #d76484 !important;
}

.forumsep {
    display: inline-block;
    margin-right: 4px;
    color: var(--theme-page-third-color);
}

.page-Главная_тема_Общая .forum:nth-child(2),
.page-Главная_тема_Обсуждение_Polandball .forum:nth-child(3),
.page-Главная_тема_Polandball_вики .forum:nth-child(4),
.page-Главная_тема_Сейм .forum:nth-child(5),
.page-Главная_тема_Конкурсы .forum:nth-child(6),
.page-Главная_тема_Разное .forum:nth-child(7) {
    display: none;
}

/*** Категории ***/
.page-header__categories {
    z-index: 1;
    position: static;
}

.page-header__categories-in {
    font-size: 0;
}

.page-header__categories-in:before {
    content: 'In:';
    font-size: 12px !important;
    display: inline-block;
    margin-top: .5px;
}

/** Фон **/
body {
    background: linear-gradient(to bottom, transparent, rgba(29,65,91,.8)), var(--theme-body-image) !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

/** Рельс **/
.CosmosRail .module {
    margin: 10px;
    padding: 10px 20px;
    width: 100%;
}

.CosmosRail .module h3 {
    margin: 18px 0 !important;
    padding-bottom: 10px;
    font-size: 18px;
    font-family: Rubik;
    border-bottom: 1px solid var(--theme-page-third-color);
}

.recent-container {
	border: 0;
	font-size: 14px;
}

/** Контент **/
#mw-content, #catlinks {
    background: var(--theme-page-color);
}

#mw-content {
	border-radius: 15px 15px 0 0;
}

/** Текст и заголовки **/
body #mw-content-text,
body #mw-content,
body h1, body h2, body h3, body h4, body h5, body h6,
.mw-body h1.firstHeading {
    color: var(--theme-text-color);
}

body h1, body h2, body h3, body h4, body h5, body h6,
.mw-body h1.firstHeading {
    font-weight: 500 !important;
    opacity: 1;
}

h1 {
	border: 0;
}

#mw-content h1, #mw-content h2 {
    border-bottom-color: var(--theme-page-third-color);
}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5 {
    font-family: Rubik;
}

#mw-content h2, #mw-content h3, #mw-content h4, #mw-content h5 {
    margin: 0;
}

#mw-content h4 {
    font-size: 17px;
}

#mw-content h5 {
    font-size: 16px;
}

#cosmos-articleHeader-title {
    overflow-wrap: break-word;
    word-break: break-word;
    padding: 5px 0;
}

#firstHeading {
	word-break: break-word;
}

@media screen and (min-width: 850px) {
#cosmos-articleHeader-actions,
#cosmos-header-articleHeader {
    align-items: flex-start;
    flex-wrap: nowrap;
}
}

/*** Помощь ***/
#cosmos-articleHeader-title {
    align-items: flex-start;
}

#cosmos-articleHeader-title .mw-indicators {
    margin: 0 10px;
    padding: 8px 0;
}

#mw-indicator-mw-helplink a {
    font-size: 0;
}

#mw-indicator-mw-helplink a:after {
    content: '?';
    width: 15px;
    height: 15px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 15px;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    background: var(--theme-link-color);
}

/*** Править ***/
.mw-editsection-bracket {
    display: none;
}

.mw-editsection a {
    font-size: 0px;
}

.mw-editsection a:after {
    content: ' ';
    display: inline-block;
    width: 15px;
    height: 14px;
    background: var(--theme-link-color);
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(https://upload.wikimedia.org/wikipedia/commons/8/8a/OOjs_UI_icon_edit-ltr.svg);
}

/*** Свернуть ***/
.mw-editsection .hidesection-link:after,
.mw-editsection .hidesection-link[status=show]:after {
    content: '▽';
    margin-left: 10px;
    font-size: 17px;
    font-weight: 700;
    background: none;
    height: 15px;
    -webkit-mask-image: none;
}

.mw-editsection .hidesection-link[status=hide]:after {
    content: '△';
    margin-left: 10px;
    font-size: 17px;
    font-weight: 700;
    background: none;
    height: 15px;
    -webkit-mask-image: none;
}

.hidesection-all, .mw-editsection-divider {
    display: none;
}

/** Ссылки **/
body a:not(.new),
#mw-content a:not(.new) {
    color: var(--theme-link-color);
    transition: .2s;
}

body a:not(.new):hover,
#mw-content a:not(.new):hover {
    color: var(--theme-link-color--hover);
    transition: .2s;
}

.mw-parser-output a.external, .link-https {
    background: none;
    padding-right: 0;
}

/* Кнопки */
/** Навигация **/
.wds-button-group > .wds-button {
    padding: 7px 9px;
}

.wds-button-group > .wds-button:first-child {
    border-radius: 5px 0 0 5px;
}

.wds-button-group > .wds-button:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.wds-button-group > div:last-child .wds-button {
    border-radius: 0 5px 5px 0 !important;
}

.cosmos-header .wds-button.wds-is-secondary {
    background: none;
    transition: .2s;
}

.cosmos-header .wds-button.wds-is-secondary:hover {
    background: rgba(0,0,0,.2);
    transition: .2s;
}

/*** Иконки ***/
.wds-icon-small#wds-icons-page-small {
    background: #fff;
    -webkit-mask-position-x: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(https://upload.wikimedia.org/wikipedia/commons/d/d0/OOjs_UI_icon_image-ltr.svg);
}

.wds-icon-small#wds-icons-activity-small {
    stroke-width: 3;
}

.wds-icon-small#wds-icons-dashboard-small {
    stroke-width: 3;
    overflow: visible;
}

.wds-icon-small#wds-icons-dashboard-small line {
    display: none;
}

.wds-icon-small#wds-icons-dashboard-small path {
    stroke-width: 2;
}

/** Заголовок **/
#cosmos-articleHeader-actions {
	z-index: 2;
}

.cosmos-button {
    border-radius: 10px;
    font-size: 12px;
    padding: 10px;
}

#cosmos-articleHeader-actions .cosmos-button {
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    height: 16px;
}

#cosmos-articleHeader-actions a:first-child .cosmos-button {
    margin-right: -14px;
    padding-right: 24px;
}

#cosmos-actionsList-button {
    border-radius: 10px;
}

.cosmos-button-text {
	margin: 0;
	white-space: nowrap;
}

/*** Белые кнопки ***/
.cosmos-button.cosmos-button-secondary {
    border-radius: 10px;
    transition: .3s;
    border: 1px solid var(--theme-page-third-color);
    color: var(--theme-text-color);
}

.cosmos-button.cosmos-button-secondary:hover {
    border-color: var(--theme-page-third-color);
    background: var(--theme-page-second-color);
}

/*** Иконки ***/
.cosmos-actions-edit svg {
    stroke-width: 3;
    height: 18px;
}

.wds-icon-small#wds-icons-more, .cosmos-dropdown-icon {
    background: #fff;
    -webkit-mask-position-x: center;
    -webkit-mask-size: contain;
    padding: 1px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(https://upload.wikimedia.org/wikipedia/commons/1/1d/Font_Awesome_5_solid_ellipsis-v.svg);
}

.cosmos-dropdown-icon {
    transform: none !important;
}

.cosmos-button.cosmos-button-secondary .cosmos-button-icon {
    fill: inherit;
}
.client-darkmode .cosmos-button.cosmos-button-secondary .cosmos-button-icon {
    filter: invert(1);
}

.cosmos-button-secondary#ca-talk .cosmos-button-icon {
    background: #000;
    overflow: visible;
    -webkit-mask-position-x: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(https://upload.wikimedia.org/wikipedia/commons/a/ac/OOjs_UI_icon_ongoingConversation-ltr.svg);
}

/** Всякие **/
.mw-ui-button {
	margin-bottom: 5px;
    margin-top: 5px;
    border-radius: 8px;
    color: var(--theme-page-text-color);
    border-color: var(--theme-page-third-color);
    background: var(--theme-page-third-color);
}

.mw-ui-button:hover {
    color: var(--theme-page-text-color);
    border-color: transparent;
    background: var(--theme-page-third-color);
    filter: brightness(90%);
    transition: .2s;
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
    margin: 6px;
    border-radius: 8px;
    border: 0;
    outline: none;
    padding: 5px 12px;
    background: var(--theme-page-third-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	margin-bottom: 5px;
    margin-top: 5px;
    border-radius: 8px;
    border: 0;
    background: var(--theme-page-third-color);
    transition: .2s;
}

.ui-widget-content .ui-state-default:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    background: var(--theme-page-third-color);
    filter: brightness(90%);
    transition: .2s;
}

.ui-widget-content .ui-state-default:active,
.mw-ui-button:not(:disabled):active,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active {
    color: inherit;
    background-color: var(--theme-page-second-color);
    transition: .2s;
}

.mw-ui-button:not(:disabled):focus {
    box-shadow: none;
}

.ui-widget-content .ui-state-default:focus:not(:active),
.mw-ui-button:not(:disabled):focus:not(:active),
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus:not(:active),
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus:not(:active),
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus:not(:active) {
    box-shadow: inset 0 0 0 1px #36c;
}

.mw-ui-button:not(:disabled):focus:not(:hover) {
    color: inherit;
    border-color: transparent;
    background: var(--theme-page-third-color);
    transition: .2s;
}

.cancelLink .oo-ui-buttonElement-button {
    margin-bottom: 5px;
    margin-top: 5px;
}

.ve-active .oo-ui-buttonElement > .oo-ui-buttonElement-button {
    align-items: center;
    display: inline-flex;
    padding: 7px 15px;
}

.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
    border-radius: 8px !important;
    margin: 6px;
    background: var(--theme-page-third-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    background: #dc143c !important;
    color: #fff !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
    background: #dc143c;
}

body .oo-ui-buttonElement-framed:not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button {
    outline: 0 !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:not(:hover) {
    background: #b91532;
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
    filter: brightness(90%);
    transition: .2s;
}

.oo-ui-window-head .oo-ui-buttonElement-button,
.oo-ui-actionFieldLayout-button .oo-ui-buttonElement-button,
.oo-ui-processDialog-actions-safe .oo-ui-buttonElement-button {
    margin: 6px !important;
}

.oo-ui-processDialog-location {
    margin-left: 6px;
}

.ve-active .oo-ui-buttonGroupWidget .oo-ui-buttonElement .oo-ui-buttonElement-button {
    margin: 6px 0 !important;
}

.oo-ui-widget.oo-ui-widget-enabled > span:last-child .oo-ui-buttonElement-button:only-child {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

body .oo-ui-buttonElement-framed:not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button {
    box-shadow: none;
}

.oo-ui-buttonOptionWidget:not(:last-child):not(:first-child) .oo-ui-buttonElement-button,
.oo-ui-toggleButtonWidget:not(:last-child):not(:first-child) .oo-ui-buttonElement-button,
.oo-ui-optionWidget.oo-ui-widget-enabled:not(:last-child):not(:first-child) .oo-ui-buttonElement-button,
.mw-ui-button-group > *:not(:last-child):not(:first-child) {
    margin: 0 !important;
    border-radius: 0 !important;
}

.oo-ui-toggleButtonWidget:last-child .oo-ui-buttonElement-button,
.oo-ui-optionWidget.oo-ui-widget-enabled:last-child .oo-ui-buttonElement-button,
.mw-ui-button-group > *:last-child {
    margin: 0 !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.oo-ui-toggleButtonWidget:first-child .oo-ui-buttonElement-button,
.oo-ui-optionWidget.oo-ui-widget-enabled:first-child .oo-ui-buttonElement-button,
.mw-ui-button-group > *:first-child {
    margin: 0 !important;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.mw-rcfilters-ui-liveUpdateButtonWidget .oo-ui-buttonElement-button {
    border-radius: 8px !important;
}

.oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement .oo-ui-buttonElement-button {
    left: 6px;
}

.client-darkmode .oo-ui-layout .oo-ui-widget-disabled .oo-ui-buttonElement.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
    filter: invert(0);
    opacity: .15;
}

.oo-ui-flaggedElement-close .oo-ui-buttonElement-button,
.oo-ui-flaggedElement-safe .oo-ui-buttonElement-button {
    margin: 0 !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
    background: var(--theme-page-third-color);
}
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-labelElement > .oo-ui-buttonElement-button {
    padding: 7px 15px;
}

/** Инпут **/
input[type="button" i] {
    background: var(--theme-page-third-color);
    color: var(--theme-text-color);
    border-radius: 8px;
    border: 0;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: 600;
}

input[type="button" i]:hover {
    filter: brightness(90%);
    transition: .2s;
}

/* Футер */
#cosmos-footer {
    border-radius: 0 0 15px 15px;
    line-height: 20px;
    background: var(--theme-page-second-color);
}

/* Тулбар */
#cosmos-toolbar {
    background: #dc143c;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    line-height: 18px;
}

.cosmos-toolbar-collapsed {
    padding: 3.5px 5px !important;
}

.cosmos-toolbar-collapse-button {
  --triangle-size: 6px;
  display: block;
  border-top: var(--triangle-size) solid transparent;
  border-right: var(--triangle-size) solid white;
  border-left: var(--triangle-size) solid transparent;
  border-bottom: var(--triangle-size) solid #fff;
  transform: rotate(45deg);
  margin-right: 5px;
  position: relative;
  bottom: calc(var(--triangle-size) / 2);
  cursor: pointer;
}

.body.cosmos-tools-list {
    padding-right: 8px;
}

.cosmos-toolbar-collapsed .cosmos-tools-list {
  display: none;
}

.cosmos-toolbar-collapsed .cosmos-toolbar-collapse-button {
  transform: rotate(-135deg);
  top: calc(var(--triangle-size) / 2);;
}

/* Редактирование настроек профиля   */
.profile-tab, .profile-tab-on {
  color: black;
  background: none;
  padding: 6px;
  font-size: initial;
}

.mw-special-UpdateProfile div#mw-content-text .visualClear {
   height: 0;
}

.profile-tab-on {
   background: #dc143c;
   border-radius: 10px 10px 0 0;
}
.profile-tab a:visited {
   color: #0645ad !important;
}

.profile-tab-bar {
  border-bottom: 4px solid #dc143c;
}

/* Обсуждения */
/** Убирает лишнее **/
.flow-board-header, .flow-ui-sidebarExpandWidget {
    display: none;
}

.flow-board, .flow-board-navigation {
    width: 100% !important;
}

.flow-ui-navigationWidget {
    border: 0;
}

.flow-topic-moderatestate-lock .flow-topic-titlebar, .flow-topic-moderatestate-lock .flow-topic-titlebar {
    background: none;
}

.mw-body .mw-content-ltr .flow-topic-title .mw-ui-icon {
    display: none;
}

/** Мелкие изменения **/
.flow-post .flow-post-content img {
    max-width: 100%;
    max-height: 400px;
    height: auto;
    width: auto;
    border-radius: 2px;
}

.flow-post .flow-post-content {
    max-height: 460px;
    overflow: auto;
}

.flow-topic ::-webkit-scrollbar-thumb {
    border-radius: 8px;
}

.flow-post .flow-author {
    color: var(--theme-text-color);
}

.flow-post-highlight-newer {
    border-left-color: var(--theme-link-color);
}

.flow-post.flow-post-highlight-newer > .flow-post-main .flow-post-content {
    border-color: transparent;
}

/** Кнопка ответов **/
.replies-button {
    padding: 5px 10px;
    margin: 5px auto;
    width: 94%;
    text-align: center;
    line-height: 20px;
    font-weight: 600;
    font-size: 14px;
    opacity: .5;
    cursor: pointer;
    transition: .3s;
}

.replies-button:hover {
    opacity: 1;
    transition: .3s;
}

.flow-post:not(:nth-child(2)) {
    
}
/*** Отмена на странице темы ***/
.ns-2600 .replies-button {
    display: none;
}

.ns-2600 .flow-post {
    display: block !important;
}

/** Новая тема и ответ **/
.flow-board .oo-ui-textInputWidget .oo-ui-inputWidget-input,
.flow-component .flow-ui-editorWidget-editor > .oo-ui-toolbar > .oo-ui-toolbar-bar {
    margin: 5px;
    padding: 0 20px !important;
    border: 0;
    border-radius: 10px !important;
    background: var(--theme-page-light-color);
    box-shadow: 0 2px 4px rgba(var(--theme-main-invert-color--rgb),.2) !important;
    text-overflow: ellipsis;
}

.flow-board .oo-ui-textInputWidget .oo-ui-inputWidget-input {
    width: calc(100% - 10px) !important;
}

.flow-topic .oo-ui-textInputWidget .oo-ui-inputWidget-input {
    width: calc(100% - 15px) !important;
}

.flow-board .oo-ui-textInputWidget .oo-ui-inputWidget-input {
    font-size: 20px !important;
    padding: 25px !important;
}

.flow-topic .oo-ui-textInputWidget .oo-ui-inputWidget-input {
    margin-left: 0;
}

/** Редактор **/
.flow-ui-editorWidget-focused .flow-ui-editorWidget-editor {
    border: 0;
    box-shadow: none;
}

.flow-ui-editorWidget-editor.oo-ui-pendingElement-pending {
    margin: 10px 5px;
}

.flow-ui-editorWidget-editor {
	border: 0;
}

.flow-ui-editorWidget > .flow-ui-editorWidget-editor:not(.oo-ui-pendingElement-pending) {
    margin: 10px 5px;
    border-radius: 10px;
    border: 0;
    background: var(--theme-page-light-color);
    box-shadow: 0 2px 4px rgba(var(--theme-main-invert-color--rgb),.2);
}

.flow-topic .flow-ui-editorWidget > .flow-ui-editorWidget-editor:not(.oo-ui-pendingElement-pending),
.flow-topic .flow-ui-editorWidget-editor.oo-ui-pendingElement-pending {
    width: calc(100% - 25px);
}

.flow-ui-editorWidget p {
    margin: 10px !important;
}

.flow-ui-editorWidget-wikitextHelpLabel {
    margin: 20px;
}

.flow-component .flow-ui-editorWidget-editor > .oo-ui-toolbar > .oo-ui-toolbar-bar,
.flow-component .flow-ui-editorWidget-editor > .oo-ui-toolbar {
    margin: 0px !important;
}

.flow-ui-editorWidget-editor.oo-ui-pendingElement-pending {
    margin: 5px;
    border-radius: 10px;
}

.client-darkmode .flow-board .oo-ui-toolbar-bar .oo-ui-icon-edit,
.client-darkmode .flow-board .oo-ui-icon-textStyle {
    filter: invert(1) hue-rotate(180deg);
}

.oo-ui-toolGroup-tools, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link {
    color: var(--theme-text-color);
}

.flow-board code {
    border: 0;
    background: var(--theme-page-third-color);
    color: var(--theme-text-color);
    box-shadow: 0 1px 2px rgba(var(--theme-main-color--rgb),.5);
    border-radius: 3px;
}

/** Пост **/
.flow-topic {
    margin: 20px 5px;
    padding: 5px 10px !important;
    border: 0;
    border-radius: 10px !important;
    background: var(--theme-page-second-color);
    box-shadow: 0 2px 4px rgba(var(--theme-main-invert-color--rgb),.2) !important;
}

.flow-topic-titlebar {
    padding: 15px 0 !important;
    border-bottom: 2px solid var(--theme-page-third-color);
    background: none;
}

.flow-topic-title { 
    border: 0 !important;
    font-weight: 500 !important;
    font-family: Rubik !important;
}

.flow-topic-summary-container .flow-topic-summary, .flow-topic-summary-container .flow-ui-editTopicSummaryWidget {
    border-top: 0;
}

/** Ответы **/
.flow-post {
    border-left: 5px solid var(--theme-page-third-color);
    padding: 5px 15px;
    color: var(--theme-text-color)
}

.mw-content-ltr .flow-post .flow-replies {
    margin: 0;
    border: 0;
}

/** Нижняя панель **/
.flow-ui-editorControlsWidget {
    margin-top: 20px;
}

/** Иконки **/
a.oo-ui-tool-link:hover,
a.oo-ui-tool-link:active,
span.oo-ui-popupToolGroup-handle,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
div > .flow-menu .flow-menu-js-drop a {
    background: none !important;
    border-right-color: transparent !important;
}

.client-darkmode .oo-ui-tool .oo-ui-iconElement-icon,
.client-darkmode.ve-active .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle,
.client-darkmode .mw-ui-icon {
    filter: invert(1) hue-rotate(180deg);
    border: none;
}

.flow-ui-reorderTopicsWidget .oo-ui-iconElement-icon.oo-ui-icon-clock,
.oo-ui-iconElement-icon.oo-ui-icon-newestTopics {
    filter: invert(1);
}

/** Выпадающее меню **/
div > .flow-menu ul {
    padding: 7px !important;
    background: var(--theme-page-second-color);
    border-color: var(--theme-page-third-color);
    border-radius: 5px;
    box-shadow: none;
}

.flow-component .flow-list li:hover {
    background: rgba(var(--theme-link-color--rgb),.1);
}

.mw-ui-button.mw-ui-quiet:hover, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {
    background: none;
}

.flow-menu a:hover {
    color: var(--theme-link-color) !important;
}

div > .flow-menu ul > section:not(:first-of-type) > li:first-of-type, div > .flow-menu ul li.flow-menu-section:not(:first-of-type) {
    border-top-color: var(--theme-page-third-color);
}

/* Таблицы */
table {
    background: none !important;
}

body .wikitable > tr > th, body .wikitable > tr > td, body .wikitable > * > tr > th, body .wikitable > * > tr > td,
.wikitable:not([style*='background-color']) {
    color: var(--theme-text-color);
}

.wikitable:not([style*='background-color']) > * > tr > td,
body .wikitable > tr > th, body .wikitable > tr > td, body .wikitable > * > tr > th, body .wikitable > * > tr > td {
    background: var(--theme-page-light-color);
    border-color: var(--theme-page-third-color);
}

/* Вставки кода */
body pre {
    background: var(--theme-page-light-color);
    color: var(--theme-text-color);
    border-color: var(--theme-page-third-color);
}

.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
    box-shadow: inset 2.75em 0 0 var(--theme-page-second-color);
}

.mw-highlight .nc, .mw-highlight .nf {
    color: #4456db;
}

.mw-highlight .nv {
    color: #5d56a0;
}

.mw-highlight .kt {
    color: #d34040;
}

/* Редактор кода */
.ace_content * {
    font-family: monospace !important;
}

/** Инструменты **/
.wikiEditor-ui .wikiEditor-ui-view,
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {
    border: 0;
}

.wikiEditor-ui-toolbar {
	padding: 5px 10px;
    margin: 1% 4px;
    margin-bottom: 15px;
}

.wikiEditor-ui-toolbar, .oo-ui-toolbar-bar {
    z-index: 100;
    position: relative;
    border-radius: 10px;
    background: var(--theme-page-second-color);
    box-shadow: 0 2px 2px rgba(var(--theme-main-invert-color--rgb),.3);
}

.wikiEditor-ui-toolbar .tabs {
    margin-top: 2px;
}

.wikiEditor-ui-toolbar .page-characters div span {
    color: var(--theme-text-color);
    border-color: var(--theme-page-third-color);
}

.wikiEditor-ui-toolbar .sections .section {
    border: 0;
    color: var(--theme-text-color);
}

.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover,
.wikiEditor-ui-toolbar .booklet > .index > .current,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled,
.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active {
    background: rgba(var(--theme-link-color--rgb),.1);
}

.wikiEditor-ui-toolbar .booklet > .index > :hover,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
    background: rgba(var(--theme-link-color--rgb),.05);
}

.wikiEditor-ui-toolbar .page-characters div span:hover,
.ve-ui-specialCharacterPage-character:hover {
    background: rgba(var(--theme-link-color--rgb),.1);
    transition: .2s;
}

.wikiEditor-ui-toolbar .page-table td,
.oo-ui-processDialog-content .oo-ui-window-body,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-clippableElement-clippable.oo-ui-popupWidget-body.oo-ui-popupWidget-body-padded {
    color: var(--theme-text-color);
}

.client-darkmode .wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.client-darkmode .wikiEditor-ui-toolbar .tabs span.tab a:before,
.client-darkmode .wikiEditor-ui-toolbar .group .tool-select .label:after {
    filter: invert(1) hue-rotate(180deg);
}

.wikiEditor-ui .wikiEditor-ui-top {
    border-bottom: 0;
}

.wikiEditor-ui-toolbar .group .tool-select {
    margin-top: 2px;
}

.wikiEditor-ui-toolbar .group {
    border-color: var(--theme-page-third-color);
}

.wikiEditor-ui-toolbar .group .label {
    color: var(--theme-text-color);
    line-height: 32px;
}

.wikiEditor-ui-toolbar table * {
    border-color: var(--theme-page-third-color) !important;
}

.ui-widget-header {
    background: none;
    border: 0;
    color: var(--theme-text-color);
}

.client-darkmode .ui-widget-header .ui-icon {
    filter: invert(1);
}

.ui-widget-content {
    background: var(--theme-page-light-color);
    border-color: var(--theme-page-third-color);
    color: var(--theme-text-color);
}

.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
    border-color: var(--theme-page-third-color) !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: none;
    border: 0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: var(--theme-page-third-color);
    color: var(--theme-text-color);
    border: 0;
    border-radius: 8px;
}

.wikiEditor-ui-toolbar .group .tool-select .options {
    background: var(--theme-page-light-color);
    border-radius: 5px;
    border-color: var(--theme-page-third-color);
}

.editButtons .oo-ui-buttonElement-button {
    margin: 5px !important;
}

.editButtons {
    margin-top: 5px;
    margin-left: -5px;
}

.mw-editform .editButtons .oo-ui-buttonElement {
    margin: 0;
}

/*** Визред ***/
.ve-ce-surface .CodeMirror-lines {
    color: var(--theme-text-color);
}

.client-darkmode .cm-mw-template2-ground,
.client-darkmode .cm-mw-template3-ground,
.client-darkmode .cm-mw-template-ground {
    color: #c98dea;
}

.oo-ui-widget.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool.oo-ui-tool-name-showSave.oo-ui-tool-with-label.oo-ui-widget-enabled a,
.ve-active .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
    margin: 0 8px;
    padding: 12px 5px !important;
    height: 32.4px;
    background: var(--theme-page-third-color);
    border-radius: 8px;
    cursor: pointer;
}

.oo-ui-widget.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool.oo-ui-tool-name-showSave.oo-ui-tool-with-label.oo-ui-widget-enabled a:hover,
.ve-active .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link:hover {
    background: var(--theme-page-third-color) !important;
    filter: brightness(90%);
}

.oo-ui-widget.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool.oo-ui-tool-name-showSave.oo-ui-tool-with-label.oo-ui-widget-enabled a:active,
.ve-active .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link:active {
    background: var(--theme-page-second-color) !important;
    filter: brightness(90%);
}

.ve-ui-toolbar-saveButton span {
	color: var(--theme-text-color);
}

.oo-ui-toolbar-actions .oo-ui-tool-link.ve-ui-toolbar-saveButton .oo-ui-tool-title {
    margin-top: -7px;
    display: block;
    max-width: 90px;
    overflow: hidden;
}

.oo-ui-toolbar-actions .oo-ui-toolbar-bar {
    height: auto;
    text-align: right;
    margin: 0;
    padding: 0;
    box-shadow: none !important;
}

.oo-ui-toolbar.oo-ui-toolbar-position-top.ve-ui-toolbar.ve-ui-dir-inline-ltr.ve-ui-dir-block-ltr.ve-ui-targetToolbar.ve-ui-positionedTargetToolbar.ve-init-mw-desktopArticleTarget-toolbar.ve-init-mw-desktopArticleTarget-toolbar-open.ve-init-mw-desktopArticleTarget-toolbar-opened.oo-ui-toolbar-narrow {
    margin-top: -4px;
    padding-top: 6px;
}

.ve-active #cosmos-articleHeader-actions {
    display: flex !important;
    z-index: 1;
    position: relative;
}

.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
    border: 0;
}

.oo-ui-popupToolGroup-handle {
    height: 45px;
}

.client-darkmode .ve-ui-toolbar-group-style .oo-ui-indicatorElement-indicator.oo-ui-indicator-down,
.client-darkmode .ve-ui-toolbar-group-structure .oo-ui-indicatorElement-indicator.oo-ui-indicator-down,
.client-darkmode .ve-ui-toolbar-group-editMode .oo-ui-indicatorElement-indicator.oo-ui-indicator-down {
    filter: none;
}

.oo-ui-toolbar * {
    color: var(--theme-text-color);
}

.oo-ui-menuToolGroup,
.ve-ui-specialCharacterPage-character {
    border-color: var(--theme-page-third-color);
}

.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
    background: none;
}

.oo-ui-popupToolGroup-tools {
    background: var(--theme-page-light-color);
    border-radius: 5px;
    border-color: var(--theme-page-third-color);
}

.oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable.oo-ui-floatableElement-floatable.oo-ui-popupToolGroup-tools.oo-ui-menuToolGroup-tools.oo-ui-toolGroup-enabled-tools.oo-ui-popupToolGroup-active-tools {
    max-width: 300px;
}

.oo-ui-widget.oo-ui-tool.oo-ui-tool-name-heading1.oo-ui-widget-enabled .oo-ui-tool-title {
    max-width: 245px;
    overflow: hidden;
}

.oo-ui-window-head label {
    color: var(--theme-text-color);
}

.oo-ui-processDialog-content .oo-ui-window-body {
    background: var(--theme-page-light-color);
}

.oo-ui-window-content > * {
    outline: 0 !important;
}

.oo-ui-processDialog-errors {
    background: var(--theme-page-light-color);
}

.client-darkmode .ve-ui-linkContextItem .oo-ui-iconElement-icon,
.client-darkmode .ve-ui-fragmentInspector-form.oo-ui-layout.oo-ui-formLayout .oo-ui-iconElement-icon {
    filter: invert(1)
}

.ve-ui-fragmentInspector-form.oo-ui-layout.oo-ui-formLayout .oo-ui-iconElement-icon.oo-ui-icon-error {
    filter: none;
}

.oo-ui-widget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-labelElement.oo-ui-flaggedElement-progressive.oo-ui-flaggedElement-primary.oo-ui-buttonWidget.oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
    margin: 0;
}

.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover {
    background: none;
}

.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button {
    margin: 0;
}

.oo-ui-tabSelectWidget-frameless {
    box-shadow: none;
}

.ve-ce-linkAnnotation.ve-ce-annotation-active {
    box-shadow: none;
    background: var(--theme-page-second-color);
}

.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-flaggedElement-destructive.oo-ui-buttonWidget a {
    padding-top: 32px;
}

.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {
    border-color: var(--theme-page-third-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    background: var(--theme-page-third-color);
    filter: brightness(90%);
    transition: .2s;
}

.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
    background: var(--theme-page-light-color);
    color: var(--theme-text-color);
    border: 0;
    border-radius: 10px;
    padding: 10px;
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
.oo-ui-layout .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-layout .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    margin: 0;
}

.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-flaggedElement-emptyGroupPlaceholder.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
    border-radius: 5px;
}

.client-darkmode .oo-ui-layout .oo-ui-iconElement-icon:not(.oo-ui-iconElement-icon.oo-ui-icon-textStyle):not(.oo-ui-checkboxInputWidget-checkIcon) {
    filter: invert(1) hue-rotate(180deg);
}

.oo-ui-bookletLayout > .oo-ui-menuLayout-menu {
    border-color: var(--theme-page-third-color);
}

.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
    text-shadow: none;
}

.ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td {
    border-color: var(--theme-page-third-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background: var(--theme-page-third-color);
}

.ve-ui-findAndReplaceDialog-row .oo-ui-widget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-labelElement.oo-ui-buttonWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button,
.ve-ui-findAndReplaceDialog-row .oo-ui-widget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-labelElement.oo-ui-buttonWidget.oo-ui-widget-disabled .oo-ui-buttonElement-button {
    height: 32.4px !important;
}

.oo-ui-widget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-buttonWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon {
    filter: none;
}

.ve-ui-findAndReplaceDialog-cell.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-labelElement.oo-ui-buttonWidget .oo-ui-buttonElement-button {
    border-radius: 8px !important;
}

.oo-ui-toolbar-bar .oo-ui-window-content {
    border-radius: 0;
    background: none;
}

.ve-ui-mwNoticesPopupTool-items > div:not(:first-child), .ve-ui-mwHelpPopupTool-item:not(:first-child) {
    border-color: var(--theme-page-third-color);
}

body .oo-ui-tabOptionWidget {
    color: var(--theme-text-color);
}

.oo-ui-toolbar-bar .oo-ui-window-content {
    background: none;
}

.ve-ui-mwCategoryPopupWidget .oo-ui-popupWidget-popup {
    width: 100% !important;
}

.client-darkmode .ve-ui-linearContextItem-title span {
    filter: invert(1);
}

.ve-ui-targetWidget-focused {
    box-shadow: none;
}

body .oo-ui-tabSelectWidget-framed {
    background: none;
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget {
    transition: .2s;
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
    border-radius: 8px 8px 0 0;
    background: var(--theme-page-third-color);
    color: var(--theme-text-color)
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
    background: var(--theme-page-third-color);
    filter: brightness(90%);
    color: var(--theme-text-color);
}

body .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
    background: var(--theme-page-third-color);
    border-radius: 8px 8px 0 0;
    opacity: 0.6;
    color: var(--theme-text-color);
    transition: .2s;
}

.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
    background: none;
    border-radius: 10px;
}

.ve-ui-contextItem + .ve-ui-contextItem,
.ve-ce-tableNode-active .ve-ce-tableCaptionNode, .ve-ce-tableCaptionNode.ve-ce-activeNode-active,
.ve-ui-mwGalleryDialog-menuLayout-desktop > .oo-ui-menuLayout-menu,
.ve-ui-mwGalleryDialog-imageListMenuLayout-desktop > .oo-ui-menuLayout-menu,
.oo-ui-searchWidget-query {
    border-color: var(--theme-page-third-color);
}

.mw-widget-mediaResultWidget-overlay {
    box-shadow: inset 0 0 0 1px var(--theme-page-third-color);
}

.ve-ui-tableLineContext > .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon,
.ve-ce-tableNodeOverlay-deactivated .ve-ui-tableLineContext > .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
    background-color: var(--theme-page-third-color);
}

.oo-ui-widget.oo-ui-widget-enabled.ve-ui-contextItem.ve-ui-tableLineContextItem .oo-ui-buttonElement-button {
    background: none;
}

.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
    border-right-color: var(--theme-page-light-color);
}

.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {
    border-right-color: var(--theme-page-third-color);
}

.ve-ce-branchNode-slug.ve-ce-branchNode-blockSlug .oo-ui-buttonElement-button {
    font-size: 16px;
}
.ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug {
    outline: 1px dashed var(--theme-page-third-color);
    background-color: var(--theme-page-second-color); 
}

.ve-ce-branchNode-newSlug-open {
    outline-color: transparent;
    background: transparent;
}

.ve-ui-mwTransclusionDialog-addParameterFieldset .ve-ui-mwParameterSearchWidget {
    border-color: var(--theme-page-third-color);
    border-radius: 8px;
}

.ve-ui-mwParameterResultWidget.oo-ui-optionWidget-highlighted {
    background: rgba(var(--theme-link-color--rgb),.1);
}

.oo-ui-outlineControlsWidget {
    background: none;
}

.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
    border-color: var(--theme-page-third-color);
}

.ve-ui-mwParameterPage-removeButton .oo-ui-buttonElement-button,
.ve-ui-mwTransclusionDialog-removeButton .oo-ui-buttonElement-button {
    background: transparent !important;
}

.ve-ui-mwParameterPage-info .ve-ui-mwParameterPage-label,
.ve-ui-mwTemplatePage .oo-ui-labelElement-label,
.ve-ui-mwTransclusionDialog-addParameterFieldset.oo-ui-layout .oo-ui-fieldsetLayout-header .oo-ui-labelElement-label {
    max-width: 80%;
    word-break: break-word;
}

.ve-ui-mwParameterPage-info {
    width: 60%;
    padding: 0 20px;
}

.ve-ui-mwParameterPage .ve-ui-mwParameterPage-field {
    padding: 0 20px;
}

.oo-ui-window-frame {
    background: transparent !important;
    border: 0 !important;
}

.ve-ui-mwSaveDialog-summary {
    background: none;
}

.ve-ui-mwSaveDialog-options {
    background: none;
    border: 0;
}

.ve-activated .ve-ui-mwSaveDialog-savePanel .oo-ui-fieldLayout-header {
    color: inherit;
}

.oo-ui-buttonElement-active .oo-ui-image-invert.oo-ui-icon-eye,
.oo-ui-buttonElement-active .oo-ui-image-invert.oo-ui-icon-eye:before,
.oo-ui-buttonElement-active .oo-ui-icon-wikiText,
.oo-ui-buttonElement-active .mw-ui-icon-wikiText:before {
    filter: none !important;
}

.oo-ui-processDialog-actions-safe .oo-ui-actionWidget > .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget > .oo-ui-buttonElement-button {
    border: 0;
}

.oo-ui-processDialog-content .oo-ui-window-foot {
    border-top: 1px solid var(--theme-page-third-color)
}

.oo-ui-processDialog-actions-other .oo-ui-buttonElement.oo-ui-widget-disabled .oo-ui-buttonElement-button {
    margin: 5px 6px !important;
    
}

.oo-ui-processDialog-actions-other .oo-ui-buttonElement.oo-ui-widget-disabled:first-child {
    margin-left: 0 !important;
}

/*** Загрузка картинок ***/
#msupload-div {
    background: var(--theme-page-light-color);
    border-color: var(--theme-page-third-color);
    margin: 4px;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 10px;
}

#msupload-dropzone {
    border-color: var(--theme-page-third-color);
    border-radius: 10px;
    color: var(--theme-text-color);
}

/** Поиск **/
.ace_search {
    background: var(--theme-page-second-color);
    border-color: var(--theme-page-third-color);
    color: var(--theme-text-color);
}

.ace_search_form *,
.ace_replace_form * {
    background: var(--theme-page-light-color);
    border-color: var(--theme-page-third-color);
    color: var(--theme-text-color);
}

.ace_button {
    color: var(--theme-text-color);
}

.ace_searchbtn:hover {
    background: var(--theme-page-light-color);
    filter: brightness(90%);
}

.ace_button:hover {
    background: var(--theme-page-second-color);
    filter: brightness(90%);
}

.ace_searchbtn:last-child {
    border-right-color: var(--theme-page-third-color);
}

/** Основное **/
.wikiEditor-ui-text .ui-resizable {
    width: 100% !important;
}

.wikiEditor-ui-text {
    margin: 4px;
    border-radius: 6px 6px 0 0;
    background: var(--theme-page-light-color);
    box-shadow: 0 0 2px rgba(var(--theme-main-invert-color--rgb),.5);
    color: var(--theme-text-color);
}

.wikiEditor-ui-left > div:last-child:not(.codeEditor-status) .wikiEditor-ui-text {
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 2px 2px rgba(var(--theme-main-invert-color--rgb),.3) !important;
}

.wikiEditor-ui-text textarea {
    border-radius: 6px;
    background: var(--theme-page-light-color);
    color: var(--theme-text-color);
    box-shadow: none;
}

.ace_editor {
    border-radius: 6px 6px 0 0;
    box-shadow: none;
    color: var(--theme-text-color);
    background: none;
}

.ace-tm .ace_print-margin {
    background: var(--theme-page-third-color);
}

.ace-tm .ace_gutter {
    background: var(--theme-page-second-color);
}

/*** Скроллбар ***/
.ace_scrollbar.ace_scrollbar-h  {
    left: 48px !important;
}

.ace_scrollbar.ace_scrollbar-v {
    bottom: 0 !important;
}

.ace_editor ::-webkit-scrollbar-track {
    background: var(--theme-page-second-color);
}

/*** Выделение ***/
.client-darkmode .ace_selection {
    background: rgba(0,109,176,.3) !important;
}

.ace_selected-word {
    border-radius: 2px;
    background: none !important;
    border-color: rgba(0,109,176,.3) !important;
}
.ace-tm .ace_gutter-active-line {
    background-color: var(--theme-page-third-color);
}

.ace-tm .ace_string,
.ace-tm .ace_constant.ace_numeric,
.ace-tm .ace_storage,
.ace-tm .ace_keyword,
.ace-tm .ace_constant {
    filter: brightness(1.5) invert(30%);

}

/** Статус **/
.codeEditor-status {
    padding: 5px;
    margin: 4px;
    margin-top: -5px;
    width: calc(100% - 17px);
    border-top: 0;
    box-shadow: 0 2px 2px rgba(var(--theme-main-invert-color--rgb),.3), 0 0 2px rgba(var(--theme-main-invert-color--rgb),.3);
    border-radius: 0 0 10px 10px;
    background: var(--theme-page-second-color);
}

.codeEditor-status-message {
    border-color: var(--theme-page-third-color);
}

/** Низ **/
div.editOptions {
    padding: 10px;
    border: 0;
    background: none;
}

.editOptions * {
    color: var(--theme-text-color) !important;
}

/* Страница уведомлений */
.mw-echo-ui-crossWikiUnreadFilterWidget {
    width: auto;
    border-color: var(--theme-page-third-color);
    border-radius: 10px;
    background: var(--theme-page-light-color);
}

.oo-ui-labelElement, .oo-ui-labelWidget.oo-ui-inline-help {
    color: var(--theme-text-color);
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
    color: var(--theme-link-color);
    background: rgba(var(--theme-link-color--rgb),.1);
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {
    background: rgba(var(--theme-link-color--rgb),.05);
    color: var(--theme-text-color);
}

.mw-echo-ui-pageNotificationsOptionWidget-label-count {
    border-radius: 0;
    background: none;
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget {
    padding: 0 8px;
}

.mw-echo-ui-pageFilterWidget-title {
    padding-left: 20px !important;
}

.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
    background: none;
}

.mw-echo-ui-notificationsInboxWidget-toolbarWrapper .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    border-radius: 8px !important;
    height: 34.28px;
    margin: 0 5px;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
    background: #dc143c;
    border-color: #dc143c;
    color: #fff !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
    background: var(--theme-page-second-color);
}
.oo-ui-pendingElement-pending {
    background-image: linear-gradient(135deg,var(--theme-page-light-color) 25%,var(--theme-page-second-color) 25%,var(--theme-page-second-color) 50%,var(--theme-page-light-color) 50%,var(--theme-page-light-color) 75%,var(--theme-page-second-color) 75%,var(--theme-page-second-color));
}

.mw-echo-ui-datedSubGroupListWidget-title-primary {
    padding-right: 10px;
}

.mw-echo-ui-datedSubGroupListWidget-title:first-letter {
    text-transform: uppercase;
}

.mw-echo-ui-notificationItemWidget-content-message-header,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
    color: var(--theme-text-color);
}

.client-darkmode .oo-ui-iconElement-icon.oo-ui-icon-settings {
    filter: invert(1);
}
.mw-echo-ui-notificationItemWidget:last-child {
    border-color: var(--theme-page-third-color);
}

.mw-echo-ui-notificationsInboxWidget-cell-placeholder .oo-ui-widget:nth-child(2) .oo-ui-iconElement-icon,
.mw-echo-ui-notificationsInboxWidget-cell-placeholder .oo-ui-widget:nth-child(3) .oo-ui-iconElement-icon {
    display: inline-block;
    position: relative;
    width: 21.71px;
    background-size: contain;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.mw-echo-ui-notificationsInboxWidget-cell-placeholder .oo-ui-widget:nth-child(2) .oo-ui-iconElement-icon {
    background: url(https://upload.wikimedia.org/wikipedia/commons/c/cf/OOjs_UI_icon_eye.svg);
}

.mw-echo-ui-notificationsInboxWidget-cell-placeholder .oo-ui-widget:nth-child(2),
.mw-echo-ui-notificationsInboxWidget-cell-placeholder .oo-ui-widget:nth-child(3) {
    font-size: 0px;
}

.mw-echo-ui-notificationsInboxWidget-cell-placeholder .oo-ui-widget:nth-child(3) .oo-ui-iconElement-icon {
    background: url(https://upload.wikimedia.org/wikipedia/commons/7/79/OOjs_UI_icon_eyeClosed.svg);
}

.client-darkmode .mw-echo-ui-notificationsInboxWidget-cell-placeholder .oo-ui-buttonElement .oo-ui-iconElement-icon,
.mw-echo-ui-notificationsInboxWidget-cell-placeholder .oo-ui-buttonElement-active .oo-ui-iconElement-icon {
    filter: invert(1);
}

.mw-echo-ui-notificationItemWidget {
    width: 1px !important;
    min-width: 100% !important;
}

.mw-echo-ui-subGroupListWidget-header-row-cell {
    display: block;
}

/** Предупреждения **/
.messagebox, .errorbox, .warningbox, .successbox {
    border-radius: 10px;
    background: var(--theme-page-light-color);
    color: var(--theme-text-color);
}

/* История */
.oo-ui-fieldLayout-header,
.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header, .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header {
    color: var(--theme-text-color);
}

.client-darkmode .oo-ui-fieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon {
    filter: invert(1);
}

.oo-ui-panelLayout-framed {
    border-color: var(--theme-page-third-color);
    border-radius: 10px;
}

.mw-widget-dateInputWidget-handle {
    border-radius: 8px;
    border-color: var(--theme-page-third-color);
    background: var(--theme-page-third-color);
    transition: .2s;
}

.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
    border-color: var(--theme-page-second-color);
    background: var(--theme-page-second-color);
    transition: .2s;
}

@media screen and (max-width: 655px) { 
.mw-history-revisionactions {
    float: none;
}
}

#pagehistory li.selected {
    border-radius: 8px;
    background-color: var(--theme-page-second-color);
    color: var(--theme-text-color);
    outline: 0;
}

#pagehistory li {
    padding: 3px;
}

.updatedmarker {
	background: none;
}

/* Различия версий */
.diff {
    padding: 10px;
    border-radius: 10px;
    background: none !important;
}

.diff-context {
    color: var(--theme-text-color);
    border-color: var(--theme-page-third-color);
    background: var(--theme-page-second-color);
}

.diff-addedline, .diff-deletedline {
    background: var(--theme-page-second-color);
}

.diff-deletedline .diffchange {
    color: #0e191a;
}

.diff-addedline .diffchange {
    color: #01af3c;
    padding: 2.8px 0;
    background-color: rgba(1,175,60,0.2) !important;
}

.diff-deletedline .diffchange {
    color: #ef6881;
    padding: 2.8px 0;
    background-color: rgba(239,104,130,0.2) !important;
}

.mw-diff-movedpara-right, .mw-diff-movedpara-left {
    font-size: 0;
}
.mw-diff-movedpara-left:after, .mw-diff-movedpara-right:after {
    color: var(--theme-link-color) !important;
    font-size: 20px;
    margin-top: 0;
    margin-left: -3px;
}

/** Визуальный **/
.ve-ui-diffElement-attributeChange del,
[data-diff-action='remove'], [data-diff-action='remove'] > code, table[data-diff-action='remove'] > caption, figure[data-diff-action='remove'] > figcaption {
    background-color: rgba(239,104,130,0.2) !important;
    box-shadow: none;
    border-radius: 5px;
    padding: 2px 5px;
}

.ve-ui-diffElement-attributeChange ins,
[data-diff-action='insert'], [data-diff-action='insert'] > code, table[data-diff-action='insert'] > caption, figure[data-diff-action='insert'] > figcaption {
    background-color: rgba(1,175,60,0.2) !important;
    box-shadow: none;
    border-radius: 5px;
    padding: 2px 5px;
}

.ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content {
    border-color: var(--theme-page-third-color);
}

.diff-hr {
    background-color: var(--theme-page-third-color);
}

/* Ввод текста и выбор на спец. страницах */
.create-poll-answers input,
input[name="poll_question"],
input[name="embed_code"],
input.mw-autocomplete-user,
input#wpReason {
    height: 34.57px;
    padding: 0 10px;
    border-radius: 8px !important;
    border: 1px solid var(--theme-page-third-color);
    background: var(--theme-page-light-color);
    color: var(--theme-text-color);
    transition: .2s;
}

.create-poll-answers input:focus,
input[name="poll_question"]:focus,
input.mw-autocomplete-user:focus,
input#wpReason:focus {
    box-shadow: inset 0 0 0 1px #36c;
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background: var(--theme-page-light-color);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
    border-color: var(--theme-page-second-color);
}

.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
    border-radius: 8px;
    border: 1px solid var(--theme-page-third-color);
    background: var(--theme-page-second-color) !important;
}

.mw-ui-input,
#mwchat-container input,
#wikieditor-toolbar-replace-dialog input[type="text"],
.mw-widgets-datetime-dateTimeInputWidget-handle,
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .mw-widgets-datetime-dateTimeInputWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled:not(.mw-special-Recentchanges .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled),
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-textInputWidget .oo-ui-inputWidget-input:not(.mw-special-Recentchanges .oo-ui-textInputWidget .oo-ui-inputWidget-input),
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
    min-height: 36.57px;
    border-radius: 8px !important;
    border-color: var(--theme-page-third-color);
    background: var(--theme-page-light-color);
    color: var(--theme-text-color);
    outline: none;
}

.oo-ui-tagMultiselectWidget-handle .oo-ui-inputWidget-input {
    margin: 0;
}

.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input {
    color: var(--theme-text-color);
}

#mwchat-container input,
#wikieditor-toolbar-replace-dialog input[type="text"],
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
    border: 1px solid var(--theme-page-third-color) !important;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownInputWidget.oo-ui-widget-disabled {
    min-height: 36.57px;
    border: 1px solid var(--theme-third-color);
    border-radius: 8px;
    background: var(--theme-page-second-color);
}

.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
    text-shadow: none;
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
    background-color: transparent;
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
    background-color: var(--theme-page-light-color);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover
.oo-ui-dropdownWidget.oo-ui-labelElement:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
    border-radius: 8px;
    border-color: var(--theme-page-second-color);
    background: var(--theme-page-light-color);
    color: var(--theme-text-color--hover);
    transition: .2s;
}

#mwchat-container input:hover,
#wikieditor-toolbar-replace-dialog input[type="text"]:hover {
    border-color: var(--theme-page-second-color) !important;
}

#mwchat-container input:focus,
#wikieditor-toolbar-replace-dialog input[type="text"]:focus {
    box-shadow: inset 0 0 0 1px #36c;
}

.oo-ui-widget.oo-ui-widget-enabled.mw-widget-ExpiryWidget.mw-widget-ExpiryWidget-hasDatePicker div{
    vertical-align: middle;
}

.client-darkmode .oo-ui-indicatorElement-indicator {
    filter: invert(1);
}

.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-menuOptionWidget:first-child {
    border-radius: 5px 5px 0 0;
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
    background: var(--theme-page-light-color);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget:hover {
    background: rgba(var(--theme-link-color--rgb),.1);
}

.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-clippableElement-clippable.oo-ui-floatableElement-floatable.oo-ui-menuSelectWidget.oo-ui-selectWidget-unpressed,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-clippableElement-clippable.oo-ui-floatableElement-floatable.oo-ui-menuSelectWidget.oo-ui-selectWidget-pressed,
.oo-ui-widget.oo-ui-selectWidget.oo-ui-selectWidget-unpressed.oo-ui-clippableElement-clippable.oo-ui-floatableElement-floatable.oo-ui-menuSelectWidget.oo-ui-widget-enabled {
    max-height: 300px;
}

.oo-ui-tagItemWidget.oo-ui-widget-disabled,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
    color: var(--theme-text-color);
    background: var(--theme-page-second-color);
    border-color: var(--theme-page-third-color);
    text-shadow: none;
}

.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {
    background: inherit;
    filter: brightness(80%)
}

.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField,
.mw-widgets-datetime-dateTimeInputWidget-fields,
.mw-widgets-datetime-dateTimeInputWidget-field,
.mw-widgets-datetime-dateTimeInputWidget-fields * {
    padding: 0;
    height: 34px !important;
}

.mw-widgets-datetime-dateTimeInputWidget-field[tabindex='-1'] {
    padding-top: 1px;
}

.mw-widgets-datetime-dateTimeInputWidget-fields * {
    margin: 0;
    vertical-align: middle;
    width: auto !important;
}

.mw-widgets-datetime-calendarWidget {
    border-radius: 5px;
    background: var(--theme-page-light-color);
    border-color: var(--theme-page-third-color);
}

.mw-widgets-datetime-calendarWidget table {
    background: none;
}

.oo-ui-iconElement-icon.oo-ui-icon-clear:after {
    content: '✖';
    display: inline-block;
    margin-top: 6px;
    width: 10px;
}

/* Свежие правки */
.client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {
    border-color: var(--theme-page-third-color);
    margin-left: 0;
    border-radius: 10px;
    outline: none;
}

.mw-recentchanges-toplinks .oo-ui-buttonElement-button:focus,
.mw-recentchanges-toplinks .oo-ui-buttonElement-button:active {
    border-color: transparent !important;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget .oo-ui-buttonElement-button {
    margin-top: 1px;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
    margin-top: 1px;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend {
    background: none !important;
    border-radius: 10px;
    color: var(--theme-text-color);
    padding: 10px 15px;
    border-color: var(--theme-page-third-color);
}

body .mw-changeslist-line {
    color: var(--theme-text-color);
}

.client-darkmode .oo-ui-iconElement-icon.oo-ui-icon-menu,
.client-darkmode .oo-ui-iconElement-icon.oo-ui-icon-search {
    filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    border-radius: 10px 10px 0 0;
    border-color: var(--theme-page-third-color);
    background: none;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
    background: none;
}

.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {
    border-radius: 10px;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-buttonWidget.oo-ui-labelElement {
    margin-top: 2px;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
    border-bottom-right-radius: 10px;
    border-color: var(--theme-page-third-color);
    background: var(--theme-page-light-color);
}

.oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input {
    border-bottom-left-radius: 10px;
    border-color: var(--theme-page-third-color);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background: var(--theme-page-light-color);
    color: var(--theme-text-color);
}

.oo-ui-tagItemWidget {
    color: var(--theme-text-color);
    border-color: var(--theme-page-third-color);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: var(--theme-page-second-color);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
    border-color: var(--theme-page-second-color);
}

.mw-changeslist-separator:before {
    content: ' ' !important;
}

.client-js .rcfilters-head {
    min-height: 0;
}

.mw-special-Recentchanges span.comment {
    word-break: break-word;
    width: 99% !important;
}
 
table.mw-enhanced-rc.mw-collapsible span.mw-rc-unwatched {
    font-weight: bold;
    font-size: 0;
}

table.mw-enhanced-rc.mw-collapsible span.mw-rc-unwatched a {
    font-size: 16px;
}
 
.client-js .mw-changeslist table.mw-enhanced-rc,
.page-content ul {
    margin-left: 10px;
}

tr:first-child td.mw-enhanced-rc {
    min-width: 97px;
    text-align: right;
}

table.mw-enhanced-rc, .social-activity-list li {
    position: relative;
    background: none;
    color: var(--theme-text-color);
    word-break: break-word;
}

.mw-rcfilters-ui-changesListWrapperWidget table.mw-enhanced-rc td:last-child {
    padding-right: 18px;
}

.mw-special-Recentchanges span.mw-collapsible-toggle.mw-collapsible-arrow.mw-enhancedchanges-arrow.mw-enhancedchanges-arrow-space.mw-collapsible-toggle-expanded,
.mw-special-Recentchanges .mw-icon-arrow-collapsed, .mw-special-Recentchanges 
.mw-collapsible-arrow.mw-collapsible-toggle-collapsed {
    margin-top: 3px !important;
    background-size: cover;
}

.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled {
    border-color: var(--theme-page-third-color);
}

.mw-special-Recentchanges .mw-body h4 {
    width: 100%;
}

.mw-rcfilters-ui-filterWrapperWidget-showNewChanges .oo-ui-labelElement-label {
    white-space: normal;
}

.mw-changeslist-date a {
    color: var(--theme-text-color) !important;
    font-size: 16px;
    font-family: monospace;
}

.client-js .mw-rcfilters-spinner {
	padding: 15px 0;
}

/** Выпадающие меню **/
.mw-rcfilters-ui-overlay {
    z-index: 4;
}

.mw-rcfilters-ui-itemMenuOptionWidget:hover {
    background: rgba(var(--theme-link-color--rgb),.1) !important;
    cursor: pointer !important;
}

.mw-rcfilters-ui-itemMenuOptionWidget:hover * {
    cursor: pointer !important;
}

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.mw-rcfilters-ui-menuSelectWidget,
.mw-rcfilters-ui-row,
.mw-rcfilters-ui-menuSelectWidget-body {
    z-index: auto;
    width: 90% !important;
    max-width: 650px !important;
}

/** Поиск **/
.mw-rcfilters-ui-filterMenuHeaderWidget-header {
    background: var(--theme-page-light-color);
    border-radius: 5px 5px 0 0;
    border-bottom: 0;
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget {
    background: var(--theme-page-second-color);
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
    background: var(--theme-page-light-color);
}

.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
    border-color: var(--theme-page-third-color);
}

.mw-rcfilters-ui-itemMenuOptionWidget:hover {
    background: rgba(var(--theme-link-color--rgb),.1);
}

.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
    color: var(--theme-text-color);
}

.mw-rcfilters-ui-menuSelectWidget-footer {
    background: var(--theme-page-light-color);
    border-radius: 0 0 5px 5px;
    border-color: var(--theme-page-third-color);
}

body .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button {
    color: var(--theme-text-color);
}

/** Кнопки поиска и кол-во изменений **/
.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button,
.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
    border-radius: 0 8px 8px 0 !important;
}

.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button,
.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
    border-radius: 8px 0 0 8px !important;
}

.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
    border-radius: 0px;
}

.mw-rcfilters-ui-datePopupWidget {
    border-top-color: var(--theme-page-third-color);
}

/** Настройки фильтра **/
.client-darkmode .mw-rcfilters-ui-saveFiltersPopupButtonWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head > .oo-ui-iconWidget {
    filter: invert(1);
}

.mw-rcfilters-ui-saveFiltersPopupButtonWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head > .oo-ui-iconWidget {
    margin-right: 4px;
}

.client-darkmode .oo-ui-iconElement-icon.oo-ui-icon-highlight.oo-ui-image-invert,
.client-darkmode .oo-ui-iconElement-icon.oo-ui-image-invert.oo-ui-icon-pushPin {
    filter: none;
}

/** Сохраненные фильтры */
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
    background: none;
}

.client-darkmode .mw-rcfilters-ui-savedLinksListWidget-placeholder .oo-ui-iconElement-icon.oo-ui-icon-bookmark {
    filter: invert(1);
}

/** Выделение **/
.mw-rcfilters-ui-changesListWrapperWidget-highlighted .mw-rcfilters-ui-highlights {
    top: -2.3px;
}

.mw-rcfilters-ui-highlights {
    margin-left: -2px;
    
}

.oo-ui-iconElement-icon.oo-ui-icon-highlight.mw-rcfilters-ui-filterItemHighlightButton-circle.oo-ui-iconElement-icon {
    filter: none;
}

.mw-rcfilters-ui-changesListWrapperWidget td,
.mw-rcfilters-ui-changesListWrapperWidget tr {
    background: none !important;
}

/** Информация о активных фильтрах **/
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
    border-top-color: var(--theme-page-light-color);
}

.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
    border-top-color: var(--theme-page-third-color);
}

/** Кнопочки иконочки **/
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterMenuHeaderWidget-header-invert .oo-ui-labelElement-label,
.mw-rcfilters-ui-viewSwitchWidget-buttons .oo-ui-labelElement-label,
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterMenuHeaderWidget-header-highlight .oo-ui-labelElement-label,
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-cell-reset .oo-ui-labelElement-label,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget .oo-ui-labelElement-label {
    display: none;
}
    
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-cell-reset .oo-ui-buttonElement-button .oo-ui-iconElement-icon.oo-ui-icon-history,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
    margin-top: 2.5px !important;
}

.mw-rcfilters-ui-viewSwitchWidget-buttons .oo-ui-buttonElement-button,
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterMenuHeaderWidget-header-highlight .oo-ui-buttonElement-button {
    padding: 0 24px !important;
}

.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterMenuHeaderWidget-header-invert .oo-ui-buttonElement-button {
    height: 32px;
    width: 48px;
    padding: 0;
}

.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterMenuHeaderWidget-header-invert .oo-ui-iconElement-icon {
    display: inline-block;
    position: relative;
    width: 21.71px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etrash%3C/title%3E%3Cpath d=%22M17 2h-3.5l-1-1h-5l-1 1H3v2h14zM4 17a2 2 0 002 2h8a2 2 0 002-2V5H4z%22/%3E%3C/svg%3E")
}

.client-darkmode .mw-rcfilters-ui-cell.mw-rcfilters-ui-filterMenuHeaderWidget-header-invert .oo-ui-iconElement-icon {
    filter: invert(1);
}

/** Загрузка файлов **/
.mw-htmlform {
    max-width: 100%;
    word-break: break-word;
    overflow: hidden;
}

#mw-htmlform-description *,
#mw-htmlform-source * {
   min-width: 85px;
}

fieldset {
    min-width: 90%
}

#mw-upload-permitted p {
    max-width: calc(100% - 200px);
    display: block;
    word-break: break-word;
}

.htmlform-tip {
    font-size: 14px;
}

#wpUploadFile {
    max-width: 50%;
    white-space: normal;
}

#mw-htmlform-source, #mw-htmlform-description, #mw-htmlform-options {
    background: none;
}

body code {
    border-color: var(--theme-page-second-color);
    background: var(--theme-page-second-color);
    color: var(--theme-text-color);
}

fieldset {
    border-color: var(--theme-page-third-color);
    border-radius: 8px;
}

fieldset legend {
    font-weight: 500;
}

#wpDestFile, 
#wpUploadDescription {
    border-radius: 8px;
    border: 1px solid var(--theme-page-third-color);
    background: var(--theme-page-light-color);
    color: var(--theme-text-color);
    padding: 5.44px 10px;
    width: 100%;
    max-width: 100%;
}

#wpDestFile {
    width: 90%;
}

#wpDestFile:focus,
#wpUploadDescription:focus,
#wpDestFile:active,
#wpUploadDescription:active {
    border-radius: 8px;
    border: 1px solid #36c;
    background: var(--theme-page-light-color);
}

select {
    padding: 5px 8px;
    font-weight: 600;
    color: #fff;
    border-radius: 8px;
    border: 0;
    background: var(--theme-page-third-color);
}

input[type="submit" i] {
    padding: 5px 12px;
    font-weight: 600;
    color: #fff;
    border-radius: 8px;
    border: 0;
    background: var(--theme-page-third-color);
}

input[type="submit" i]:hover {
    filter: brightness(90%);
    transition: .2s;
}

input[type="submit" i]:active {
    background: var(--theme-page-second-color);
}

select:focus:not(:active),
input[type="submit" i]:focus:not(:active) {
    box-shadow: inset 0 0 0 1px #36c;
}

select,
#wpDestFile:active,
#wpUploadDescription:active,
input:active, 
input:focus,
textarea:active,
textarea:focus {
    outline: 0;
}

/** Настройки **/
.skin-cosmos #managewiki .managewiki-submit-formfields {
    background: none;
    border: 0;
}

.managewiki-tabs-wrapper.oo-ui-panelLayout-framed, .managewiki-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
    border-color: var(--theme-page-third-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
    border-bottom: 2px solid transparent !important;
}

/** Файлы **/
#filetoc {
    background: var(--theme-page-light-color);
    border-color: var(--theme-page-third-color);
    border-radius: 10px;
}

.mw_metadata td {
    background: none;
    border: none;
}

/* Блок категорий */
/** Ссылка **/
#mw-normal-catlinks a {
    font-weight: 500;
}

/** Подложка для категорий **/
#mw-normal-catlinks li, .mw-normal-catlinks li {
    border: none;
    background-color: var(--theme-page-second-color);
    padding: 5px;
    margin: 2px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
}

#catlinks li:not(:nth-of-type(1)) {
	border-left: 0;
}
 
/** Оформление блока **/
#catlinks, .catlinks {
    padding: 10px 0;
    margin: 34px 0;
    border-color: transparent;
    background: transparent;
    color: var(--theme-text-color);
}

/* Галереи */
li.gallerybox div.thumb {
    background: var(--theme-page-second-color);
    border-color: var(--theme-page-third-color);
}

/* Содержание */
.skin-cosmos .toc {
    margin: 4px;
    background: var(--theme-page-second-color);
    border: 0;
    border-radius: 10px;
    box-shadow: 0 4px 4px rgba(var(--theme-main-invert-color--rgb),.2);
}

.skin-cosmos .toc .toctitle .toctogglespan .toctogglelabel {
    outline: 0;
}

#mw-content .toc > ul {
    border-color: var(--theme-page-third-color);
}

.skin-cosmos .toc .tocnumber {
    color: var(--theme-text-color);
}

@media screen and (max-width: 850px) {
.skin-cosmos .toc {
    width: calc(100% - 8px);
}
}

.skin-cosmos .toc .toctitle .toctogglespan {
    border-radius: 10px;
}

/* Медиа */
div.thumbinner .thumbcaption {
    border: 0 !important;
    color: var(--theme-text-color);
}

.embedvideo-consent__message {
    border-color: var(--theme-text-color);
    color: var(--theme-text-color)
}

iframe,
.embedvideo-consent,
.thumb,
div.thumbinner, 
div.thumb img {
    border-radius: 5px;
}

.embedvideo-consent,
div.thumbinner {
    background-color: var(--theme-page-second-color) !important;
}

.embedvideo.ev_left {
    margin: 0.5em 1.4em 1.3em 0;
}

.embedvideo.ev_right {
    margin: 0.5em 0 1.3em 1.4em;
}

/* Чат */
@media screen and (max-width: 850px) {
#mwchat-container {
    position: static;
}
    
#mwchat-main {
    margin: auto;
    width: 99%;
    margin-bottom: 70px;
}
    
#mwchat-users {
    height: auto !important;
    position: relative;
    left: 0;
    margin: 10px auto !important;
    width: 90% !important;
}
    
#mwchat-me {
    display: none;
}
    
#mwchat-options {
    margin-top: 20px;
    height: 10px;
}
}

#mwchat-container {
    overflow: hidden;
}

#mwchat-wrapper {
    background: var(--theme-page-light-color);
    border-radius: 10px;
}

#mwchat-content {
    margin-bottom: 10px;
}

#mwchat-topic {
    border-color: var(--theme-page-third-color);
}

#mwchat-users {
    margin-left: 10px;
    width: 31%;
    border: 1px solid var(--theme-page-third-color);
    border-radius: 10px;
}

.mwchat-item-user {
    width: 30%;
    text-overflow: ellipsis;
}

#mwchat-me {
    margin-top: 11px;
    height: 40.57px;
    padding-top: 6px;
}

#mwchat-me span {
    vertical-align: middle;
}

#mwchat-options {
    border: 0;
}

.mwchat-item-timestamp {
    color: var(--theme-text-color);
}

.mwchat-item-timestamp.real {
    background: none;
}

.mwchat-item-avatar img,
#mwchat-me img,
.mwchat-useritem img {
    border-radius: 50%;
}

#mwchat-container input {
    padding-left: 10px;
}

.mwchat-useritem, .mwchat-useritem-header {
    background: none !important;
}

.mwchat-useritem-content {
    border: 0 !important;
    padding: 5px 0;
}

.mwchat-useritem-window {
    border-top: 1px solid var(--theme-page-third-color);
    padding-top: 5px;
    margin-top: 5px;
}

.mwchat-useritem-user {
    display: inline-block;
    max-width: 100px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    padding-left: 5px;
    color: var(--theme-text-color) !important;
}

.mwchat-useritem-window .mwchat-message {
    margin-right: 5px;
}

.mwchat-useritem[data-read="true"], .mwchat-useritem[data-read="true"] .mwchat-useritem-header, .mwchat-item-message[data-read="true"] {
    background: none !important;
}

.mwchat-useritem[data-read="true"] .mwchat-useritem-user:after, .mwchat-item-message[data-read="true"] p:after {
    content: '•';
    color: #d74141;
    margin-left: 5px;
    display: inline-block;
}

.mwchat-item-timestamp-container {
    opacity: .5;
}

.mwchat-useritem-content .mwchat-item-timestamp-container {
    width: 100%;
}

.mwchat-useritem img {
    margin-right: 5px;
}

.mwchat-useritem-window input {
    width: 94%;
    margin: 0 auto;
    margin-top: 10px;
}

#mwchat-options {
    opacity: 0;
    transition: .5s;
}

#mwchat-options:hover {
    opacity: 1;
    height: auto;
}

/* Профиль */
/** Профиль на других страницах **/
.ns--1 .profile-actions a:nth-child(2),
.ns--1 .profile-actions a:nth-child(3),
.ns--1 #profile-toggle-button,
.ns-3 .profile-actions a:nth-child(2),
.ns-3 .profile-actions a:nth-child(3),
.ns-3 #profile-toggle-button {
    display: none;
}

#profile-top #profile-image {
    float: left;
    margin: 0 8px 0 0;
    position: relative;
}

#profile-top, .userprofile {
    width: 100% !important;
    margin-bottom: 10px;
}

#profile-top #profile-image p {
    text-align: center;
    font-size: 75%;
    position: relative;
}

/** **/

#profile-right {
	float: none;
	position: static;
}

#profile-toggle-button {
    top: 0;
    text-align: center;
    margin: 0 auto;
    background: none;
    opacity: .3;
    border-radius: 8px;
    position: relative;
}

#profile-image {
    padding-left: 1em;
    padding-right: 1em;
}

#profile-image .mw-socialprofile-avatar {
    width: 12vmax;
    height: 12vmax;
    max-width: 130px;
    max-height: 130px;
}

@media screen and (max-width: 850px) {
#profile-image {
    width: 100%;
    padding: 0px;
}
    
#profile-top {
    text-align: center;
}
    
.hgroup h1 {
    display: block;
    width: 100%;
    margin: 0;
}

#profile-top .tally em {
    float: none;
    display: block;
}
    
.hgroup .tag {
    margin: 0 6px;
}
    
#user-page-left, #user-page-right {
    width: 100%;
}
}

#profile-top .tally {
    margin-top: 5px;
}

.user-section-heading {
    padding-bottom: 10px;
    border-color: var(--theme-page-third-color);
}

.user-section-title {
    letter-spacing: normal;
}

.no-info-container {
    border-radius: 10px;
    background: var(--theme-page-second-color)
}

/* Открытый файл */
.mw-mmv-lightbox-open #cosmos-toolbar {
   display: none;
}

.mw-mmv-post-image {
    background: var(--theme-page-light-color);
    color: var(--theme-text-color);
    border-color: var(--theme-page-third-color);
}

.mw-mmv-image-metadata {
    background: var(--theme-page-second-color);
    color: var(--theme-text-color);
    border-color: var(--theme-page-third-color);
}

.mw-ui-button.mw-ui-progressive:not(:disabled),
.mw-ui-button.mw-ui-progressive:not(:disabled):hover,
.mw-ui-button.mw-ui-progressive:not(:disabled):not(:focus),
.mw-ui-button.mw-ui-progressive:not(:disabled):not(:active) {
    background-color: #dc143c;
    border: 0;
}

.mw-mmv-title-contain .mw-ui-button.mw-ui-progressive:not(:disabled) {
    border-radius: 10px;
}

.mw-mmv-dialog {
    background: var(--theme-page-light-color);
    box-shadow: none;
    color: var(--theme-text-color);
    border-radius: 10px;
}

.mw-mmv-download-pane .mw-mmv-download-attribution {
    background: var(--theme-page-second-color);
    color: var(--theme-text-color);
    border-radius: 0 0 10px 10px;
}

.mw-mmv-download-pane .mw-mmv-download-attribution:hover {
    background: var(--theme-page-second-color);
    color: var(--theme-text-color);
}

.mw-mmv-download-dialog .mw-mmv-dialog-down-arrow {
    background: var(--theme-page-light-color);
}

.mw-mmv-dialog .mw-mmv-dialog-warning {
    background: rgba(0,188,255,0.2);
}

.mw-mmv-download-area .oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-menuOptionWidget:first-child {
    border-radius: 5px;
}

.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs.oo-ui-menuSelectWidget {
    border-radius: 10px 10px 0 0;
}


.mw-mmv-download-dialog .mw-mmv-dialog-down-arrow {
    background-color: var(--theme-page-second-color);
    right: 52px;
    width: 15px;
    height: 15px;
}

.mw-mmv-reuse-dialog .mw-mmv-dialog-down-arrow,
.mw-mmv-options-dialog .mw-mmv-dialog-down-arrow {
    background-color: var(--theme-page-light-color);
    right: 52px;
    width: 15px;
    height: 15px;
}

.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs .oo-ui-optionWidget {
border-radius: 10px 10px 0 0 !important;
}  

.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs,
.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs .oo-ui-optionWidget.oo-ui-optionWidget-highlighted {
border-bottom-color: var(--theme-page-light-color);
}

.tipsy-inner {
    border-radius: 5px;
}

.mw-mmv-options-dialog-header,
.mw-mmv-options-text-header,
.mw-ui-button.mw-ui-quiet,
.mw-ui-button.mw-ui-quiet:hover {
    color: var(--theme-text-color);
}

/* Результаты поиска */
.mw-search-profile-tabs {
    background: none;
    border-radius: 10px;
    border-color: var(--theme-page-third-color);
}

#mw-searchoptions {
    color: var(--theme-text-color);
}

#mw-searchoptions .divider {
    border-color: var(--theme-page-third-color);
}

/* Уведомления сайта */
#siteNotice {
    margin: 10px;
    bottom: 18px;
    left: 30px;
    position: fixed;
    text-align: left;
    z-index: 300;
}

.mh-notice {
	border-radius: 10px;
	border-left-width: 10px;
	box-shadow: 0 3px 12px 0 rgba(var(--theme-main-invert-color--rgb),.3);
}

.skin-cosmos .mw-dismissable-notice {
    position: relative;
    max-height: 232px;
    width: 420px;
    overflow: hidden;
    padding: 15px;
    padding-left: 20px;
    border-radius: 5px;
    border-left: 10px solid #dc144c;
    color: var(--theme-text-color);
    background-color: var(--theme-page-light-color);
    box-shadow: 0 3px 12px 0 rgba(var(--theme-main-invert-color--rgb),.3);
}

.sitedir-ltr .mw-dismissable-notice-body {
    margin: 0;
    margin-right: 10%;
}

.mw-dismissable-notice-close {
    font-size: 0;
    width: 20px;
    height: 20px;
}

.mw-dismissable-notice-close a:after {
    font-size: 30px;
    line-height: 18px;
    content: '×';
}

.mw-dismissable-notice-close a {
   color: var(--theme-text-color) !important;
}

#localNotice {
    margin-bottom: 0;
}

@media screen and (max-width: 850px) {
#siteNotice {
    left: 0;
    bottom: 0;
    width: inherit;
}

.skin-cosmos .mw-dismissable-notice {
    width: calc(100% - 65px);
}
}

/* Опросы */
/** Страница **/
.view-poll-page-nav {
    display: inline-block;
    width: 100%;
}

.view-poll-row, .view-poll-row-bottom {
    display: inline-block;
    width: 100%;
    height: auto;
    border-color: var(--theme-page-third-color);
}

.mw-special-ViewPoll div.view-poll-row:hover, .mw-special-ViewPoll div.view-poll-row-bottom:hover {
    background: rgba(var(--theme-link-color--rgb),.1);
}

.view-poll-navigation h2,
.view-poll-number {
    color: var(--theme-text-color);
    font-size: 16px;
}

.view-poll-user-name {
    width: 100%;
    float: none
}

.view-poll-user-image img {
    width: 32px;
    height: 32px;
    border-color: var(--theme-page-third-color);
    border-radius: 50%;
}

.view-poll-user-image {
    object-fit: cover;
}

.view-poll-text {
    color: var(--theme-text-color);
}

.mw-special-AdminPoll .view-poll-text {
    cursor: text;
}

.view-poll-text p:not(.view-poll-num-answers):not(.view-poll-time) {
    font-size: 14px;
    padding-left: 10px;
}

/** Страница опроса **/
@media screen and (max-width: 850px) {
.poll, .poll-right {
    width: 100%;
}

.poll-right {
    float: none;
    border-bottom: 1px solid var(--theme-page-third-color);
    margin-bottom: 20px;
}
}

@media screen and (min-width: 850px) {
.poll-right {
    margin-top: 3px;
    padding-left: 20px;
    border-left: 1px solid var(--theme-page-third-color);
}
}

.poll-choice,
.previous-poll-choice {
    padding: 10px;
    padding-bottom: 22px;
    background: linear-gradient(to right, rgba(150,158,168,0.1), transparent);
    border: 3px solid var(--theme-page-third-color);
    border-radius: 15px;
    color: var(--theme-text-color);
    font-weight: 500;
}

form .poll-choice,
form .previous-poll-choice {
    padding-bottom: 10px;
}

.poll-choice-left,
.previous-poll-choice-left {
    margin: 0;
    margin-bottom: 8px;
}

.poll-choice-right img,
.previous-poll-choice-right img {
    height: 12px !important;
    max-width: inherit !important;
    border: 0;
    border-radius: 10px;
    margin-right: 100%;
    margin-top: -15px;
    filter: saturate(0%) !important;
}

.previous-poll-choice-right img {
    margin-top: -11px;
}

.client-darkmode .poll-choice-right img,
.client-darkmode .previous-poll-choice-right img {
    filter: saturate(0%) invert(1) !important;
}

.poll-choice-right,
.previous-poll-choice-right {
    object-fit: cover;
    width: 100%;
    height: 12px;
    border-radius: 10px;
    background: var(--theme-page-light-color);
    box-shadow: 0 1px 1px rgba(var(--theme-main-invert-color--rgb),.2);
}

.poll-choice-votes,
.previous-poll-choice-votes {
    color: var(--theme-text-color);
    opacity: .5;
    margin-top: -8px;
    float: right;
}

.credit-box {
    margin-top: 15px;
    border-width: 3px;
    border-color: var(--theme-page-third-color);
    border-radius: 10px;
    background: transparent;
}

.credit-box h1 {
    color: var(--theme-text-color);
    font-size: 16px;
}

.submitted-by-user {
    width: calc(100% - 60px);
    margin-bottom: 10px;
}

.submitted-by-user a {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.poll-timestamp,
.poll-total-votes {
    opacity: .5;
    text-align: right;
}

.submitted-by-user li,
.poll-timestamp,
.poll-total-votes {
    color: var(--theme-text-color);
}

.poll-right .create-link a {
    padding: 5px 12px;
    font-weight: 600;
    color: #fff;
}

.submitted-by-image .mw-socialprofile-avatar {
    width: 50px;
    height: 50px;
    border-color: var(--theme-page-third-color);
    border-radius: 50%;
}

.poll table td {
    display: block;
}

/*** Не стоит ***/
.create-poll-image {
    display: none;
}

/* Мини-фиксы */
#blog-page-middle {
    width: 100%;
}

#blog-page-middle {
    width: auto;
}

.ns-502 .main-page-tag-lcs.main-page-tag-lcs-exploded, .ns-502 .lcs-container {
    margin-right: 0 !important;
}

body:not(.mw-special-ManageWiki):not(.mw-special-Preferences) #cosmos-pageBody-content {
    overflow-x: hidden;
}

#cosmos-pageBody-content {
	z-index: 1;
}

.page-header__categories {
    display: inline-flex;
    width: calc(100% - 50px)
}

.page-header__categories-dropdown {
    z-index: 100;
}

.ns--1 #cosmos-articleHeader-actions {
    display: none;
}

@media screen and (max-width: 700px) {
.wds-dropdown__content.page-header__categories-dropdown-content {
     right: 0;
     left: auto;
}
}
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body * {
    font-family: Rubik, sans-serif;
}

:root {
    --theme-main-color: #fff;
    --theme-main-color--rgb: 255,255,255;
    --theme-main-invert-color: #000;
    --theme-main-invert-color--rgb: 0,0,0;
    --theme-main-bg-color: #dc143c;
    --theme-main-bg-color--rgb: 220,20,60;
    --theme-main-mix-color: #e98499;
    --theme-body-color: rgba(88,51,47,.8);
    --theme-bg-color: #3d3d60;
    --theme-link-color: #003399;
    --theme-link-color--rgb: 0,51,153;
    --theme-link-color--hover: #001132;
    --theme-page-color: #fafafa;
    --theme-page-color--rgb: 250,250,250;
    --theme-page-light-color: #fff;
    --theme-page-second-color: #eae7ea;
    --theme-page-third-color: #c6c5c6;
    --theme-text-color: #3a3a3a;
    --theme-text-color--rgb: 58,58,58;
    --theme-text-color--hover: #6d6d6d;
    --theme-text-mix-color: #989798;
}

.client-darkmode {
    --theme-main-color: #000;
    --theme-main-color--rgb: 0,0,0;
    --theme-main-invert-color: #fff;
    --theme-main-invert-color--rgb: 255,255,255;
    --theme-body-color: rgba(88,51,47,.8);
    --theme-link-color: #4e98d1;
    --theme-link-color--rgb: 78,152,209;
    --theme-link-color--hover: #9ec7e6;
    --theme-page-color: #0d0c1a;
    --theme-page-color--rgb: 13,12,26;
    --theme-page-light-color: #262531;
    --theme-page-second-color: #31303c;
    --theme-page-third-color: #43434d;
    --theme-text-color: #e6e6e6;
    --theme-text-color--rgb: 230,230,230;
    --theme-text-color--hover: #b3b3b3;
    --theme-text-mix-color: #7a7980;
}

/* Заглавная страница */
/** Блоки с информацией **/
.box {
    margin: 10px;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(var(--theme-main-invert-color--rgb),.2);
    background: var(--theme-page-light-color);
}
 
.box .boxtitle {
	text-align: center;
    padding: 5px;
    font-size: 25px;
    background-color: #dc143c;
    color: #fff;
    font-weight: 600;
    border-radius: 10px 10px 0 0;
}

.boxcontent {
    padding: 10px;
}
 
/** Навигация **/
.navblockimg {
    position: relative;
    z-index: 200;
    margin: 5px 32px;
    width: 135px;
    height: 135px;
    text-align: center;
    border-radius: 50%;
    border: 10px solid #dc143c;
    box-shadow: 0 4px 4px rgba(var(--theme-main-invert-color--rgb),.1);
}
 
.navblockimg img {
    margin-top: -6.5px;
    margin-left: -0.5px;
    width: 137px;
    height: 137px;
    border-radius: 50% !important;
    object-fit: cover;
}
 
.navblock h5 img {
    margin: 2px 40px 0;
}

.client-darkmode .navblock h5 img {
    filter: invert(1);
}

.navblock {
    transition: 1s;
    display: inline-block;
    vertical-align: top;
}

.box:hover .navblock {
    filter: brightness(.5);
}

.navblock:hover {
    filter: brightness(1) !important;
}

.navblock:hover {
    transform: scale(1.05);
    transition: 1s;
}
 
.boxcontent img {
    border-radius: 10px;
}

.theme-fandomdesktop-dark .navblock h5 img {
   filter: invert(1)
}

/** Коробки помощи **/
.helpbox {
    margin: 10px auto;
    transition: 300ms;
    width: 250px;
}
 
.helpbox:hover {
    filter: grayscale(10%);
    opacity: .7;
    transition: 300ms;
}
 
.helpbox a {
    font-size: 22px;
    font-weight: 700;
    color: #fff !important;
    text-shadow: 0 2px 4px rgba(0,0,0,.5);
    line-height: 70px;
    padding-left: 10px;
    background: linear-gradient(90deg, var(--color) 70%,transparent);
    border-radius: 10px;
    display: block;
    height: 70px !important;
    position: relative;
    text-decoration: none !important;
 
}
 
.helpbox img {
    width: 80px;
    height: 69px;
    margin: -1px;
    margin-top: -70px;
    clear: right;
    float: right;
}

/*** Руководства ***/
.boxminih {
    background: var(--theme-page-second-color);
    border-radius: 15px;
    padding: 5px 20px;
    margin: 5px;
    font-size: 18px;
    display: inline-block;
}

.helpbox.ruk {
    margin-top: -20px;
}

.helpbox.ruk p {
    margin: 0;
}

.helpbox.ruk a {
    text-align: center;
    line-height: 200px;
    font-size: 18px;
    background: linear-gradient(0deg,var(--color) 20%,transparent);
    height: 125px !important;
    width: 125px !important;
    padding: 0;
}

.helpbox.ruk img {
    object-fit: cover;
    width: 125px;
    padding-right: 1px;
    height: 125px;
    margin-top: -125px;
}

/* Статья */
/** Инфобоксы **/
.portable-infobox {
    color: var(--theme-text-color);
}

.pi-title {
	border-radius: 10px 10px 0 0;
	padding-bottom: 10px !important;
}

.pi-title span:first-child {
    font-size: 17px !important;
}

.pi-header {
    padding: 10px 15px !important;
    font-size: 16px !important;
    vertical-align: middle;
}

.portable-infobox h2 {
    border: 0 !important;
}

.portable-infobox h2 p {
    margin: 0;
}

.portable-infobox.pi-background {
	border-radius: 10px;
    background: var(--theme-page-second-color);
}

.pi-collapse-closed:last-child .pi-header {
    border-radius: 0 0 10px 10px;
}

.pi-horizontal-group-item.pi-data-value {
    padding: 9px;
}
 
.pi-data-value:not(:first-child) {
    flex-basis: 180px;
}

.pi-media-collection-tab-content.current img {
    width: 300px;
}

.portable-infobox .pi-caption {
    color: var(--theme-text-color);
}

.portable-infobox .pi-media-collection-tabs {
    background: none;
    font-weight: 500;
    margin: 0;
}

.portable-infobox .pi-media-collection-tabs .current {
    background: none;
    color: var(--theme-link-color);
    border-bottom: 2px solid var(--theme-link-color);
    font-weight: 500;
}

.portable-infobox .pi-horizontal-group-item:nth-child(even) {
    background: rgba(var(--theme-page-color--rgb),.1);
}

.portable-infobox .pi-horizontal-group-item .pi-item-spacing {
    padding: 5px 10px;
}

/** Навбоксы **/
.mw-collapsible-toggle, 
.mw-collapsible-toggle-expanded,
.mw-collapsible-toggle-default:before,
.mw-collapsible-text {
    font-size: 0;
    line-height: 11px;
}
 
.mw-collapsible-toggle:not(.mw-changeslist table .mw-collapsible-toggle):after {
    content: '▾';
    font-size: 22px;
    padding-top: 5px;
    display: inline-block;
    overflow: hidden;
}
 
.mw-collapsible-toggle-expanded:not(.mw-changeslist table .mw-collapsible-toggle-expanded):after {
    content: '▴';
    font-size: 22px;
}
 
.navbox table.wikitable, .navbox .table.wikitable > tr > th, .navbox table.wikitable > tr > td, .navbox table.wikitable > * > tr > th, .navbox table.wikitable > * > tr > td {
    border: 0 !important;
}

/* [[Polandball Wiki:Форум]] */
.forum-thread {
  padding: 10px;
  border-bottom: 2px solid #8080804d;
}
.forum-thread-name {
  font-size: large;
}
.forum-thread-description {
  opacity: .8;
}
.forum-description {
  text-align: center;
  padding-bottom: 5px;
}

/* Избранная статья */
.featured_box {
    margin-top: -7px;
    margin-right: 5px;
    background: #fff795;
    border-radius: 10px;
    border: 2px solid #ee9b10;
    width: 40px;
    height: 26px;
    text-align: center;
    cursor: pointer;
}

.featured_box img {
    margin-top: -2px;
}

.featured_box .wds-dropdown__content {
    padding: 10px;
    top: 55px;
    left: 40%;
    max-width: 20px !important;
    z-index: 300;
}

.featured_box:hover .wds-dropdown__content {
    display: block;
}

/* Классовые особенности */
.bradius img {
    border-radius: 8px;
}

.adaptimg img {
    width: 100%;
    object-fit: contain;
}

/* Цветные ники */
#content a[href$="/Rairakkumee"],
#content a[href$=":Rairakkumee"] {
    color: #999 !important;
    text-shadow: 0 0 1px #999;
}

#content a[href$="/Aphrodite"],
#content a[href$=":Aphrodite"] {
    color: #CB96CD !important;
    text-shadow: 0 0 1px #CB96CD;
}

#content a[href$="/NotOrangeGuy"],
#content a[href$=":NotOrangeGuy"] {
    color: #FF8C00 !important;
    text-shadow: 0 0 1px #FF8C00;
}

#content a[href$="/%D0%A2%D0%B5%D1%85%D0%BD%D0%BE%D0%BA%D1%83%D0%B1"],
#content a[href$=":%D0%A2%D0%B5%D1%85%D0%BD%D0%BE%D0%BA%D1%83%D0%B1"] {
    color: #666 !important;
    text-shadow: 0 0 1px #666;
}
Retrieved from "https://servantpedia.skywiki.org/wiki/MediaWiki:Cosmos.css?oldid=402"