MediaWiki:Common.css: различия между версиями

Материал из Space Station 14 Вики
Интерактивная навигация по истории
← Предыдущая правка
мНет описания правки
мНет описания правки
 
(не показано 497 промежуточных версий этого же участника)
Строка 1: Строка 1:
/* Стандартные цвета:
/**
#1b1b1f - фон Navbar/styles.css/styles.css
* [Содержание]
#212126 - фон информационных блоков (навигация и основной блок страницы)
*
* 0. CSS-переменные
* 1. Шрифты
* 2. Теги
* 3. Шаблоны
* 4. Модули
* 5. Расширение
* 6. Основной интерфейс пользователя
* 7. Классы
* 8. Интерфейс MediaWiki
* 9. Неотсортированные
* 10. <syntaxhighlight> CODE BLOCKS
* 11. SOURCE EDITOR → SYNTAX HIGHLIGHTING
* 12. DRUID Infoboxes
* 13. Меню настроек темы
*/


#303037 - фон для <pre> и <code>
/* ============ */
lightgrey - цвет текста для <pre> и <code>
/* #region CSS-переменные */
*/
/* ============ */
 
:root body {
/* ================================================================== */
 
:root {
/* Пометка:
/* Пометка:
--ooui  - стили для MediaWiki менюшек
--ooui  - стили для MediaWiki менюшек
--theme - тема Вики (зачастую палитра цветов)
--theme - тема Вики (зачастую палитра цветов)
-- - стили для всей Вики
--   - стили для всей Вики
*/
*/


Строка 22: Строка 34:
--color-lighter--rgb: 255, 255, 255;
--color-lighter--rgb: 255, 255, 255;
--color-lighter-alpha-x: rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
--color-darkened--rgb: 0, 0, 0;
--color-lighter-alpha-x: rgba(255, 255, 255, 0.065);
--color-lighter-alpha-xs: rgba(255, 255, 255, var(--alpha-xs));
--transition-time: 0;


--color-darkened--rgb: 0, 0, 0;
--index-max: 100;
--index-high: 10;
--index-medium: 5;
--index-static: 4;
--index-overlay: 3;
--index-element: 2;
--index-fore: 1;
--index-base: 0;
--index-low: -1;
--index-lower: -10;
--invert-0: invert(0);
--invert-100: invert(1);
--invert-75: invert(0.75);
--invert-50: invert(0.5);
--border-color-hr: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 13%));
 
--font-family-base: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif;
--font-family-oswald: 'oswald';
--font-family-heading: "noto sans";
--font-family-libertine: 'Linux Libertine', 'Georgia', 'Times', serif;
--font-family-monospace: 'Menlo', 'Consolas', 'Monaco', 'Noto Mono', 'Nimbus Mono L', monospace;
--font-size-xxs: 80%;
--font-size-xs: 90%;
--font-size-s: 95%;
--font-size-m: 100%;
--font-size-ml: 105%;
--font-size-l: 115%;
--font-size-xl: 120%;
--font-size-xxl: 130%;
--font-size-huge: 150%;
--font-size-giant: 200%;


/*== Значение прозрачности ==*/
/*== Значение прозрачности ==*/
Строка 33: Строка 83:
--alpha-l: 0.75;
--alpha-l: 0.75;
--alpha: 1;
--alpha: 1;
 
/*== Цвет текста ==*/
/*== Цвет текста ==*/
--text-color-link: #77c1d9;
--text-color-link: #77c1d9;
--text-color-link-external: #3377aa;
--text-color-link--visited: #6aa9cf;
--text-color-link-new: #d73333;
--text-color-link-new--visited: #b32424;
--text-color-link-external: #367cb1;
--text-color-link-external--visited: #296c9d;
 
/*== Контрастный цвет (синий) ==*/
/*== Контрастный цвет (синий) ==*/
--color-contrast: #36c;
--color-contrast: #2d5bb9;
--color-contrast2: #2d4d91;
--color-contrast-dark: color-mix(in srgb, var(--color-contrast) 70%, rgb(var(--color-darkened--rgb)));
--color-contrast-dark: #152037;
--color-contrast2: color-mix(in srgb, var(--color-contrast) 53%, var(--theme-bg-color-base));
--color-contrast2-dark: color-mix(in srgb, var(--color-contrast2) 80%, rgb(var(--color-darkened--rgb)));
--color-contrast--rgb: 51, 102, 204;
--color-progressive: #36c;
--color-contrast2--rgb: 45, 77, 145;
 
--color-contrast-dark--rgb: 21, 32, 55;
/*== Цвет фона ==*/
--bg-color-hover: rgba(var(--color-lighter--rgb), 0.05);
--bg-color-focus: rgba(var(--color-lighter--rgb), 0.075);
--bg-contrast-m--rgba: rgba(var(--color-contrast-dark--rgb), var(--alpha-m));
--bg-contrast-s--rgba: rgba(var(--color-contrast-dark--rgb), var(--alpha-s));
--bg-contrast-xs--rgba: rgba(var(--color-contrast-dark--rgb), var(--alpha-xs));
/*== Цвет фона ==*/
/* Алёрты */
/* Алёрты */
--bg-message-subtle: #0e6143;
--bg-color-message: #154938;
--bg-success-subtle: var(--bg-message-subtle);
--bg-color-success: var(--bg-color-message);
--bg-color-notice: #21375f;
--bg-notice-subtle: #21375f;
--bg-color-neutral: var(--theme-bg-color-250);
--bg-neutral-subtle: #2b2e39;
--bg-color-progressive: #23232f;
--bg-progressive-subtle: #23232f;
--bg-color-warning: #5b4f1a;
--bg-color-error: #641b1c;
--bg-warning-subtle: #7b6919;
 
--bg-error-subtle: #7b1919;
--bg-color-message-subtle: #173630;
--bg-color-success-subtle: var(--bg-color-message-subtle);
--bg-color-notice-subtle: #1c2d49;
--bg-color-neutral-subtle: var(--theme-bg-color-175);
--bg-color-progressive-subtle: var(--bg-color-progressive);
--bg-color-warning-subtle: #3d3b25;
--bg-color-error-subtle: #4b1e21;
 
/*== Цвет границ ==*/
/*== Цвет границ ==*/
--color-darkened-border: rgba(0, 0, 0, var(--alpha-s));
--color-darkened-border: rgba(0, 0, 0, var(--alpha-s));
--color-darkened-border-m: rgba(0, 0, 0, var(--alpha-m));
--color-darkened-border-m: rgba(0, 0, 0, var(--alpha-m));
 
/* Алёрты */
/* Алёрты */
--border-message: #13855c;
--border-color-message: #0e6143;
--border-success: var(--border-message);
--border-color-success: var(--border-color-message);
--border-color-notice: #345695;
--border-color-neutral: var(--theme-border-color-base);
--border-color-progressive: #38384b;
--border-color-warning: #897400;
--border-color-error: #9b2122;


--border-notice: #345695;
--border-neutral: #393d4b;
--border-progressive: #38384b;
--border-warning: #af9a24;
--border-error: #af2424;
/*== Для кодо-подобных блоков ==*/
/*== Для кодо-подобных блоков ==*/
/* Цвет фона */
/* Цвет фона */
--bg-code: #25252b;
--bg-color-code: #25252b;
--bg-code-light: #28282f;
--bg-color-code-light: #28282f;
 
/* Цвет границ */
/* Цвет границ */
--color-code-border: #3e3e49;
--border-color-code: #3e3e49;
--color-code-border-light: #2f2f37;
 
/*== Стиль границ ==*/
/*== Стиль границ ==*/
--border-outset: 1px outset rgba(0, 0, 0, 0.3);
--border-outset: 1px outset rgba(0, 0, 0, 0.3);
--border-outset-m: 1px outset rgba(0, 0, 0, var(--alpha-m));
--border-outset-m: 1px outset rgba(0, 0, 0, var(--alpha-m));
 
--border-outset-light: 1px outset rgba(var(--color-lighter--rgb), 0.075);
 
/*== Палитра цветов фонов ==*/
--brightness-hsl: 0%;
--color-shift-percent-50: -4%;
--color-shift-percent-100: 0%;
--color-shift-percent-150: 4%;
--color-shift-percent-dark: 25%;
--color-shift-percent-subtle: 32%;
 
/* Red */
--bg-color-red--hsl: 351.72deg 70%;
--bg-color-red--hsl-alpha: 26.06%;
--bg-color-red-50: hsl(var(--bg-color-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-red--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-red-100: hsl(var(--bg-color-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-red--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-red-150: hsl(var(--bg-color-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-red--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-red-dark: color-mix(in srgb, var(--bg-color-red-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-red-subtle: color-mix(in srgb, var(--bg-color-red-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
 
/* Orange */
--bg-color-orange--hsl: 22.21deg 73.68%;
--bg-color-orange--hsl-alpha: 29.8%;
--bg-color-orange-50: hsl(var(--bg-color-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-orange--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-orange-100: hsl(var(--bg-color-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-orange--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-orange-150: hsl(var(--bg-color-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-orange--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-orange-dark: color-mix(in srgb, var(--bg-color-orange-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-orange-subtle: color-mix(in srgb, var(--bg-color-orange-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
 
/* RedOrange */
--bg-color-rust--hsl: 14.21deg 73.68%;
--bg-color-rust--hsl-alpha: 29.8%;
--bg-color-rust-50: hsl(var(--bg-color-rust--hsl) calc(var(--brightness-hsl) + var(--bg-color-rust--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-rust-100: hsl(var(--bg-color-rust--hsl) calc(var(--brightness-hsl) + var(--bg-color-rust--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-rust-150: hsl(var(--bg-color-rust--hsl) calc(var(--brightness-hsl) + var(--bg-color-rust--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-rust-dark: color-mix(in srgb, var(--bg-color-rust-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-rust-subtle: color-mix(in srgb, var(--bg-color-rust-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Yellow */
--bg-color-yellow--hsl: 45.33deg 64.29%;
--bg-color-yellow--hsl-alpha: 27.45%;
--bg-color-yellow-50: hsl(var(--bg-color-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-yellow--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-yellow-100: hsl(var(--bg-color-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-yellow--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-yellow-150: hsl(var(--bg-color-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-yellow--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-yellow-dark: color-mix(in srgb, var(--bg-color-yellow-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-yellow-subtle: color-mix(in srgb, var(--bg-color-yellow-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Brown */
--bg-color-brown--hsl: 29.43deg 45.30%;
--bg-color-brown--hsl-alpha: 22.94%;
--bg-color-brown-50: hsl(var(--bg-color-brown--hsl) calc(var(--brightness-hsl) + var(--bg-color-brown--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-brown-100: hsl(var(--bg-color-brown--hsl) calc(var(--brightness-hsl) + var(--bg-color-brown--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-brown-150: hsl(var(--bg-color-brown--hsl) calc(var(--brightness-hsl) + var(--bg-color-brown--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-brown-dark: color-mix(in srgb, var(--bg-color-brown-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-brown-subtle: color-mix(in srgb, var(--bg-color-brown-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Blue */
--bg-color-blue--hsl: 212.79deg 72.07%;
--bg-color-blue--hsl-alpha: 27.06%;
--bg-color-blue-50: hsl(var(--bg-color-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-blue--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-blue-100: hsl(var(--bg-color-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-blue--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-blue-150: hsl(var(--bg-color-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-blue--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-blue-dark: color-mix(in srgb, var(--bg-color-blue-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-blue-subtle: color-mix(in srgb, var(--bg-color-blue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* SkyBlue */
--bg-color-sky-blue--hsl: 211.11deg 54.36%;
--bg-color-sky-blue--hsl-alpha: 29.22%;
--bg-color-sky-blue-50: hsl(var(--bg-color-sky-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-sky-blue--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-sky-blue-100: hsl(var(--bg-color-sky-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-sky-blue--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-sky-blue-150: hsl(var(--bg-color-sky-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-sky-blue--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-sky-blue-dark: color-mix(in srgb, var(--bg-color-sky-blue-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-sky-blue-subtle: color-mix(in srgb, var(--bg-color-sky-blue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Turquoise */
--bg-color-turquoise--hsl: 187.05deg 83.96%;
--bg-color-turquoise--hsl-alpha: 20.5%;
--bg-color-turquoise-50: hsl(var(--bg-color-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-turquoise--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-turquoise-100: hsl(var(--bg-color-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-turquoise--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-turquoise-150: hsl(var(--bg-color-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-turquoise--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-turquoise-dark: color-mix(in srgb, var(--bg-color-turquoise-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-turquoise-subtle: color-mix(in srgb, var(--bg-color-turquoise-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Grey */
--bg-color-grey--hsl: 200deg 10%;
--bg-color-grey--hsl-alpha: 29%;
--bg-color-grey-50: hsl(var(--bg-color-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-grey--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-grey-100: hsl(var(--bg-color-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-grey--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-grey-150: hsl(var(--bg-color-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-grey--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-grey-dark: color-mix(in srgb, var(--bg-color-grey-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-grey-subtle: color-mix(in srgb, var(--bg-color-grey-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Azure */
--bg-color-azure--hsl: 195.29deg 100.00%;
--bg-color-azure--hsl-alpha: 20.00%;
--bg-color-azure-50: hsl(var(--bg-color-azure--hsl) calc(var(--brightness-hsl) + var(--bg-color-azure--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-azure-100: hsl(var(--bg-color-azure--hsl) calc(var(--brightness-hsl) + var(--bg-color-azure--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-azure-150: hsl(var(--bg-color-azure--hsl) calc(var(--brightness-hsl) + var(--bg-color-azure--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-azure-dark: color-mix(in srgb, var(--bg-color-azure-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-azure-subtle: color-mix(in srgb, var(--bg-color-azure-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Purple */
--bg-color-purple--hsl: 273.95deg 55.07%;
--bg-color-purple--hsl-alpha: 27.06%;
--bg-color-purple-50: hsl(var(--bg-color-purple--hsl) calc(var(--brightness-hsl) + var(--bg-color-purple--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-purple-100: hsl(var(--bg-color-purple--hsl) calc(var(--brightness-hsl) + var(--bg-color-purple--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-purple-150: hsl(var(--bg-color-purple--hsl) calc(var(--brightness-hsl) + var(--bg-color-purple--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-purple-dark: color-mix(in srgb, var(--bg-color-purple-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-purple-subtle: color-mix(in srgb, var(--bg-color-purple-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Violet */
--bg-color-violet--hsl: 266.57deg 53.03%;
--bg-color-violet--hsl-alpha: 25.88%;
--bg-color-violet-50: hsl(var(--bg-color-violet--hsl) calc(var(--brightness-hsl) + var(--bg-color-violet--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-violet-100: hsl(var(--bg-color-violet--hsl) calc(var(--brightness-hsl) + var(--bg-color-violet--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-violet-150: hsl(var(--bg-color-violet--hsl) calc(var(--brightness-hsl) + var(--bg-color-violet--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-violet-dark: color-mix(in srgb, var(--bg-color-violet-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-violet-subtle: color-mix(in srgb, var(--bg-color-violet-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Pink */
--bg-color-pink--hsl: 313deg 48%;
--bg-color-pink--hsl-alpha: 30%;
--bg-color-pink-50: hsl(var(--bg-color-pink--hsl) calc(var(--brightness-hsl) + var(--bg-color-pink--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pink-100: hsl(var(--bg-color-pink--hsl) calc(var(--brightness-hsl) + var(--bg-color-pink--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pink-150: hsl(var(--bg-color-pink--hsl) calc(var(--brightness-hsl) + var(--bg-color-pink--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pink-dark: color-mix(in srgb, var(--bg-color-pink-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-pink-subtle: color-mix(in srgb, var(--bg-color-pink-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Green */
--bg-color-green--hsl: 124.55deg 48.53%;
--bg-color-green--hsl-alpha: 26.67%;
--bg-color-green-50: hsl(var(--bg-color-green--hsl) calc(var(--brightness-hsl) + var(--bg-color-green--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-green-100: hsl(var(--bg-color-green--hsl) calc(var(--brightness-hsl) + var(--bg-color-green--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-green-150: hsl(var(--bg-color-green--hsl) calc(var(--brightness-hsl) + var(--bg-color-green--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-green-dark: color-mix(in srgb, var(--bg-color-green-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-green-subtle: color-mix(in srgb, var(--bg-color-green-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Emerald */
--bg-color-emerald--hsl: 155.00deg 70.12%;
--bg-color-emerald--hsl-alpha: 21%;
--bg-color-emerald-50: hsl(var(--bg-color-emerald--hsl) calc(var(--brightness-hsl) + var(--bg-color-emerald--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-emerald-100: hsl(var(--bg-color-emerald--hsl) calc(var(--brightness-hsl) + var(--bg-color-emerald--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-emerald-150: hsl(var(--bg-color-emerald--hsl) calc(var(--brightness-hsl) + var(--bg-color-emerald--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-emerald-dark: color-mix(in srgb, var(--bg-color-emerald-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-emerald-subtle: color-mix(in srgb, var(--bg-color-emerald-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Pastel Red */
--bg-color-pastel-red--hsl: 351.21deg 66.67%;
--bg-color-pastel-red--hsl-alpha: 30%;
--bg-color-pastel-red-50: hsl(var(--bg-color-pastel-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-red--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-red-100: hsl(var(--bg-color-pastel-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-red--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-red-150: hsl(var(--bg-color-pastel-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-red--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-red-dark: color-mix(in srgb, var(--bg-color-pastel-red-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-pastel-red-subtle: color-mix(in srgb, var(--bg-color-pastel-red-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Pastel Blue */
--bg-color-pastel-blue--hsl: 246.32deg 28.93%;
--bg-color-pastel-blue--hsl-alpha: 36.63%;
--bg-color-pastel-blue-50: hsl(var(--bg-color-pastel-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-blue--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-blue-100: hsl(var(--bg-color-pastel-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-blue--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-blue-150: hsl(var(--bg-color-pastel-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-blue--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-blue-dark: color-mix(in srgb, var(--bg-color-pastel-blue-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-pastel-blue-subtle: color-mix(in srgb, var(--bg-color-pastel-blue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Pastel Skyblue */
--bg-color-pastel-skyblue--hsl: 195.00deg 41.10%;
--bg-color-pastel-skyblue--hsl-alpha: 26.63%;
--bg-color-pastel-skyblue-50: hsl(var(--bg-color-pastel-skyblue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-skyblue--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-skyblue-100: hsl(var(--bg-color-pastel-skyblue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-skyblue--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-skyblue-150: hsl(var(--bg-color-pastel-skyblue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-skyblue--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-skyblue-dark: color-mix(in srgb, var(--bg-color-pastel-skyblue-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-pastel-skyblue-subtle: color-mix(in srgb, var(--bg-color-pastel-skyblue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Pastel Magenta */
--bg-color-pastel-magenta--hsl: 301.35deg 44.51%;
--bg-color-pastel-magenta--hsl-alpha: 30.92%;
--bg-color-pastel-magenta-50: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-magenta-100: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-magenta-150: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-magenta-dark: color-mix(in srgb, var(--bg-color-pastel-magenta-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-pastel-magenta-subtle: color-mix(in srgb, var(--bg-color-pastel-magenta-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Pastel Lime */
--bg-color-pastel-lime--hsl: 85.71deg 47.19%;
--bg-color-pastel-lime--hsl-alpha: 30.90%;
--bg-color-pastel-lime-50: hsl(var(--bg-color-pastel-lime--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-lime--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-lime-100: hsl(var(--bg-color-pastel-lime--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-lime--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-lime-150: hsl(var(--bg-color-pastel-lime--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-lime--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-lime-dark: color-mix(in srgb, var(--bg-color-pastel-lime-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-pastel-lime-subtle: color-mix(in srgb, var(--bg-color-pastel-lime-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Pastel Turquoise */
--bg-color-pastel-turquoise--hsl: 176.84deg 35.40%;
--bg-color-pastel-turquoise--hsl-alpha: 27.57%;
--bg-color-pastel-turquoise-50: hsl(var(--bg-color-pastel-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-turquoise--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-turquoise-100: hsl(var(--bg-color-pastel-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-turquoise--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-turquoise-150: hsl(var(--bg-color-pastel-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-turquoise--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-turquoise-dark: color-mix(in srgb, var(--bg-color-pastel-turquoise-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-pastel-turquoise-subtle: color-mix(in srgb, var(--bg-color-pastel-turquoise-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
 
/* Pastel Orange */
--bg-color-pastel-orange--hsl: 15.43deg 54.40%;
--bg-color-pastel-orange--hsl-alpha: 33.84%;
--bg-color-pastel-orange-50: hsl(var(--bg-color-pastel-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-orange--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-orange-100: hsl(var(--bg-color-pastel-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-orange--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-orange-150: hsl(var(--bg-color-pastel-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-orange--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-orange-dark: color-mix(in srgb, var(--bg-color-pastel-orange-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-pastel-orange-subtle: color-mix(in srgb, var(--bg-color-pastel-orange-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Pastel Yellow */
--bg-color-pastel-yellow--hsl: 50deg 30%;
--bg-color-pastel-yellow--hsl-alpha: 37%;
--bg-color-pastel-yellow-50: hsl(var(--bg-color-pastel-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-yellow--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-yellow-100: hsl(var(--bg-color-pastel-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-yellow--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-yellow-150: hsl(var(--bg-color-pastel-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-yellow--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-yellow-dark: color-mix(in srgb, var(--bg-color-pastel-yellow-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-pastel-yellow-subtle: color-mix(in srgb, var(--bg-color-pastel-yellow-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Pastel Grey */
--bg-color-pastel-grey--hsl: 50deg 8%;
--bg-color-pastel-grey--hsl-alpha: 38%;
--bg-color-pastel-grey-50: hsl(var(--bg-color-pastel-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-grey--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-grey-100: hsl(var(--bg-color-pastel-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-grey--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-grey-150: hsl(var(--bg-color-pastel-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-grey--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-grey-dark: color-mix(in srgb, var(--bg-color-pastel-grey-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-pastel-grey-subtle: color-mix(in srgb, var(--bg-color-pastel-grey-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
 
/*== Палитра цветов текста ==*/
--text-color-red: #d22222;
--text-color-dark-red: #be2424;
--text-color-indian-red: indianred;
--text-color-crimson: crimson;
--text-color-carmine: #bd3759;
--text-color-dark-salmon: darksalmon;
--text-color-green: #269335;
--text-color-lime: #46bf46;
--text-color-turquoise: #189d80;
--text-color-yellow: #dbdb11;
--text-color-dark-yellow: #a4a400;
--text-color-gold: #c7a226;
--text-color-orange: #df9711;
--text-color-orangered: #dd3d02;
--text-color-pink: #cd6dca;
--text-color-blue: #1c86ed;
--text-color-sky-blue: #3d78d1;
--text-color-aquamarine: #69d2d7;
--text-color-violet: #946ce3;
--text-color-silver: #a9a9a9;
--text-color-moccasin: #D2B48C;
 
/*==========
/*==========
Стили Вики
Стили Вики
==========*/
==========*/
/*== Тени ==*/
/*== Тени ==*/
--box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
--box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
--box-shadow-medium: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
--box-shadow-medium: 0 2px 3px rgba(0, 0, 0, 0.4);
--box-shadow-high: 0 5px 5px 1px rgba(0, 0, 0, 0.2);
--box-shadow-high: 0 5px 5px 2px rgba(0, 0, 0, 0.3);
--box-shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -2px 4px rgba(0, 0, 0, 0.15);
--box-shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -2px 4px rgba(0, 0, 0, 0.15);
--box-shadow-inset-medium: inset 0 0 6px 0 rgba(0, 0, 0, 0.4);
--box-shadow-inset-medium: inset 0 0 6px 0 rgba(0, 0, 0, 0.4);
--box-shadow-inset-high: inset 0 3px 5px rgba(0,0,0,0.2), inset 0 -3px 5px rgba(0,0,0,0.2);
--box-shadow-inset-high: inset 0 3px 5px rgba(0, 0, 0, 0.2), inset 0 -3px 5px rgba(0, 0, 0, 0.2);
--box-shadow-outline: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
--box-shadow-outline: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
--box-shadow-overlay: 0px 0px 100vw 100vh rgba(0, 0, 0, var(--alpha-m));
/*== Закругление границ ==*/
--filter-drop-shadow-low: drop-shadow(0 1px 0px rgba(0,0,0,0.3));
--filter-drop-shadow-medium: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.6));
 
/*== Закругление границ ==*/
--border-radius-low: 0.2em;
--border-radius-low: 0.2em;
--border-radius-medium: 0.3em;
--border-radius-high: 0.4em;
 
/*== Иконки svg ==*/
/*== Иконки svg ==*/
--icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/svg%3E");
--icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/svg%3E");
--icon-settings: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E settings %3C/title%3E%3Cg transform=%22translate%2810 10%29%22%3E%3Cpath id=%22a%22 d=%22M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3%22/%3E%3Cuse xlink:href=%22%23a%22 transform=%22rotate%2845%29%22/%3E%3Cuse xlink:href=%22%23a%22 transform=%22rotate%2890%29%22/%3E%3Cuse xlink:href=%22%23a%22 transform=%22rotate%28135%29%22/%3E%3C/g%3E%3Cpath d=%22M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7%22/%3E%3C/svg%3E");
--icon-personal: url(https://ru.wikipedia.org/w/load.php?modules=skins.vector.icons&image=userAvatar&format=original&lang=ru&skin=vector-2022&version=1n584);
--icon-menu-large: url(/skins/Timeless/resources/images/menu-large-grey.svg?7b579);
--icon-bell: 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%3E bell %3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 0 0-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 0 0 4 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 0 0 3-3H7a3 3 0 0 0 3 3%22/%3E%3C/svg%3E");
--icon-tray: 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%3E tray %3C/title%3E%3Cpath d=%22M3 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22/%3E%3C/svg%3E");
--icon-size: 22px;
--icon-size-big: 28px;


/*==========
/*==========
Палитра темы Вики
Палитра темы Вики
==========*/
==========*/
--theme-color-lighter--rgb: 221, 221, 255;
--theme-color-alpha-x: rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
--theme-color-darkened--rgb: 33, 33, 38;
/*== Цвет текста ==*/
/*== Цвет текста ==*/
--theme-color-text: lightgray;
--theme-text-color: var(--ooui-text-color);
--theme-color-text-light: white;
--theme-text-color-light: var(--ooui-text-color-light);
--theme-color-text-dark: #72777d;
--theme-text-color-dark: var(--ooui-text-color-dark);
--theme-text-color-header: var(--ooui-text-color-header);


/*== Цвет фона ==*/
/*== Цвет фона ==*/
--theme-bg: #212126;
--theme-brightness-trigger: 0% +;
--theme-bg-light: #26262d;
--theme-bg-lighter: #2c2c34;
--theme-bg-dark: #1f1f24;
--theme-bg--rgba: 51, 51, 63;
--theme-bg-light--rgba: 61, 61, 73;
/* Осветление */
--theme-bg-overlay-2: rgba(221, 221, 255, 0.02);
--theme-bg-overlay-3: rgba(221, 221, 255, 0.03);
/*== Цвет фона заголовков ==*/
--theme-bg--hsl: 230deg 14.5%;
--theme-bg-header: #33333d;
--theme-bg--hsl-alpha: 13.5%;
--theme-bg-header-light: #34343f;
--theme-bg-color-base: #18191c;
--theme-bg-header-lighter: #3d3d49;
--theme-bg-color-100: #1f2025;
--theme-bg-header-dark: #2b2b33;
--theme-bg-color-150: color-mix(in srgb, var(--theme-bg-color-100) 80%, hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + 12%)));
--theme-bg-color-175: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 4%));
--theme-bg-header--gradient: linear-gradient(120deg, var(--theme-bg-header), var(--theme-bg-header-dark));
--theme-bg-color-200: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 5%));
--theme-bg-header-light--gradient: linear-gradient(120deg, var(--theme-bg-header-light), var(--theme-bg-header-dark));
--theme-bg-color-250: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 7%));
 
--theme-bg-color-300: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 9%));
--theme-bg-header-light--gradient-center: linear-gradient(120deg, var(--theme-bg-header-dark) 0%, var(--theme-bg-header-light) 50%, var(--theme-bg-header-dark) 100%);
--theme-bg-header--gradient: linear-gradient(120deg, var(--theme-bg-color-250), var(--theme-bg-color-200));
--theme-bg-header-light--gradient: linear-gradient(120deg, var(--theme-bg-color-300), var(--theme-bg-color-200));
--theme-bg-header-light--gradient-center: linear-gradient(120deg, var(--theme-bg-color-200) 0%, var(--theme-bg-color-300) 50%, var(--theme-bg-color-200) 100%);


/*== Цвет границ ==*/
/*== Цвет границ ==*/
--theme-border: #3b3b46;
--theme-border-color-base: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 11%));
--theme-border-light: #464653;
--theme-border-color-100: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 13%));
--theme-border-lighter: #555565;
--theme-border--rgba: rgba(68, 68, 85, var(--alpha));


/*== Цвет иконок svg ==*/
/*== Цвет иконок svg ==*/
--theme-icon-color: var(--theme-color-text);
--theme-icon-color: var(--theme-text-color-dark);


/*==========
/*==========
Палитра UI Вики
Палитра UI Вики
==========*/
==========*/
/*== Цвет текста ==*/
--ooui-text-color: #dbdbdb;
--ooui-text-color-light: white;
--ooui-text-color-dark: #72777d;
--ooui-text-color-header: #dddddd;


/*== Цвет фона ==*/
/*== Цвет фона ==*/
--ooui--bg: #27272d;
--ooui-bg--hsl: 220deg 11%;
--ooui--bg-light: #2a2a31;
--ooui-bg--hsl-alpha: 16.5%;
--ooui--bg-dark: #232329;
--ooui-bg-color: hsl(var(--ooui-bg--hsl) var(--ooui-bg--hsl-alpha));
--ooui--bg-darkened: #1c1c21;
--ooui-bg-color-light: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 2%));
--ooui-bg-color-dark: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) - (var(--theme-brightness-trigger) 1.5%)));
--ooui-bg-color-darkened: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) - (var(--theme-brightness-trigger) 4%)));
 
/* Градиент */
--ooui-gradient: linear-gradient(120deg, var(--ooui-bg-color-light), var(--ooui-bg-color-dark));
--ooui-gradient-light: linear-gradient(120deg, var(--ooui-bg-color-light), var(--ooui-bg-color));
 
/*== Цвет границ ==*/
--ooui-border-color: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 5%));
--ooui-border-color-light: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 7%));
}
 
:root body.wgl-theme-dark {
--brightness-hsl: -1%;
 
--theme-bg--hsl: 215deg 22%;
--theme-bg--hsl-alpha: 11%;
--color-contrast: #2a41a7;
--bg-color-code: #1a1e27;
--bg-color-code-light: #1e252d;
--border-color-code: #2f3641;
--theme-bg-color-base: #090d10;
--theme-bg-color-100: #14181f;
 
--ooui-bg--hsl: 205deg 24%;
--ooui-bg--hsl-alpha: 14%;
}
 
:root body.wgl-theme-light {
color-scheme: light;
--ooui--bg--hover: #ddddff06;
--color-lighter-alpha-x: rgba(255, 255, 255, 0.25);
--color-lighter-alpha-xs: rgba(255, 255, 255, 0.4);
 
--brightness-hsl: 35%;
--theme-brightness-trigger: 0% -;
--color-lighter--rgb: 0, 0, 0;
--color-darkened--rgb: 255, 255, 255;
/* Градиент */
--box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
--ooui--gradient: linear-gradient(120deg, var(--ooui--bg-light), var(--ooui--bg-dark));
--box-shadow-medium: 0 1px 3px rgba(0, 0, 0, 0.5);
--ooui--gradient-light: linear-gradient(120deg, #353540, var(--ooui--bg));
--box-shadow-high: 0 3px 3px 1px rgba(0, 0, 0, 0.3);
--box-shadow-inset: inset 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 3px rgba(0, 0, 0, 0.25);
--box-shadow-inset-medium: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
--box-shadow-inset-high: inset 0 2px 4px rgba(0, 0, 0, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.3);
--box-shadow-outline: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
 
--theme-bg--hsl: 210deg 46%;
--theme-bg--hsl-alpha: 94%;
--theme-bg-color-base: #f7f7f7;
--theme-bg-color-100: #eef1f4;
--theme-bg-color-150: hsl(var(--theme-bg--hsl) var(--theme-bg--hsl-alpha));
--theme-text-color: var(--ooui-text-color);
--theme-text-color-light: var(--ooui-text-color-light);
--theme-text-color-dark: var(--ooui-text-color-dark);
--theme-text-color-header: var(--ooui-text-color-header);
 
--ooui-bg--hsl: 200deg 30%;
--ooui-bg--hsl-alpha: 90%;
--ooui-border-color: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 5% - 5%));
--ooui-border-color-light: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 7% - 5%));
 
--ooui-text-color: #141414;
--ooui-text-color-light: #000000;
--ooui-text-color-dark: #555;
--ooui-text-color-header: #232728;
 
--text-color-link: #427bda;
--text-color-link--visited: #0b0080;
--text-color-link-external: #36B;
--text-color-link-external--visited: #636;
 
--invert-0: invert(0);
--invert-100: invert(0);
--invert-75: invert(0);
--invert-50: invert(0);
 
--color-contrast: #3372f0;
--color-contrast2: #bbd7ff;
 
--bg-color-message: #55bfa6;
--bg-color-success: #22ae8c;
--bg-color-notice: #c4ced2;
--bg-color-neutral: #eaecf0;
--bg-color-progressive: #36c;
--bg-color-warning: #e1cc92;
--bg-color-error: var(--bg-color-error-subtle);
 
--bg-color-message-subtle: #8ed5c5;
--bg-color-success-subtle: #9cd5cd;
--bg-color-notice-subtle: #d1dbe0;
--bg-color-neutral-subtle: #f8f9fa;
--bg-color-progressive-subtle: #f1f4fd;
--bg-color-warning-subtle: #fdf2d5;
--bg-color-error-subtle: #ffe9e5;
 
--border-color-message: var(--bg-color-success);
--border-color-success: #099979;
--border-color-notice: #72777d;
--border-color-neutral: #a2a9b1;
--border-color-progressive: #6485d1;
--border-color-warning: #ab7f2a;
--border-color-error: #f54739;
 
--bg-color-code: #f8f9fa;
--bg-color-code-light: var(--bg-color-code);
--border-color-code: #dadde3;
 
--border-outset: 1px outset rgb(150, 150, 150, 0.4);
--border-outset-m: 1px outset rgba(150, 150, 150, 0.6);
}
 
:root body.wgl-theme-ss14 {
--theme-bg--hsl: 230deg 8%;
--theme-bg--hsl-alpha: 16%;
 
--color-contrast: #7e7637;
--color-progressive: #9b8553;


/*== Цвет границ ==*/
--theme-bg-color-base: #1c1c21;
--ooui--border: #32323b;
--theme-bg-color-100: #252529;
--ooui--border-light: #35353f;
--ooui--border-lighter: #474755;
--ooui--border-dark: #2d2d35;


--ooui-bg--hsl: 220deg 5%;
--ooui-bg--hsl-alpha: 18%;
}
}
/* #endregion */
/* ============ */
/* #region Шрифты */
/* ============ */


/* ШРИФТЫ */
@font-face {
@font-face {
font-family: 'Noto Sans Light';
font-family: 'Noto Sans Light';
Строка 300: Строка 725:
font-weight: 400;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v170/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2')
src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v170/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2')
}
/* #endregion */
/* ============ */
/* #region Теги */
/* ============ */
.mw-editform #wpTextbox1, textarea {
background: var(--theme-bg-color-100);
border-color: var(--theme-border-color-base);
color: var(--theme-text-color);
}
}


/* ================================================================== */
math {
margin: 0.2em 0;
font-size: 1.1em;
}


/* ТЕГИ */
cite,dfn {
cite,dfn {
font-style: inherit;
font-style: inherit;
Строка 311: Строка 748:
q {
q {
quotes: '«' '»' "„" "“";
quotes: '«' '»' "„" "“";
}
ol {
margin-block-start: 0.7em;
margin-block-end: 0.7em;
}
}


Строка 318: Строка 760:
border-radius: 2px;
border-radius: 2px;
padding: 1px 4px;
padding: 1px 4px;
background-color: var(--bg-code);
background: var(--bg-color-code);
border: 1px solid var(--color-code-border);
border: 1px solid var(--border-color-code);
color: lightgrey;
color: var(--theme-text-color);
font-size: 95%;
}
}


pre,  
.screenplay, code, tt, kbd, pre, samp, .skin-timeless .monospace {
.doc {
font-family: var(--font-family-monospace);
}
 
pre {
overflow: auto;
overflow: auto;
white-space: pre-wrap;
white-space: pre-wrap;
background: var(--bg-code-light);
background: var(--bg-color-code-light);
border: 1px solid var(--color-code-border-light);
border: 1px solid var(--border-color-code);
padding: 0.5em;
padding: 0.5em;
color: lightgrey;
color: var(--theme-text-color);
font-family: 'Menlo', 'Consolas', 'Monaco', 'Noto Mono', 'Nimbus Mono L', monospace;
font-family: var(--font-family-monospace);
}
}


blockquote {
blockquote {
background: var(--theme-bg-color-100);
border-left: 4px solid var(--theme-bg-color-150);
padding: 8px 32px;
overflow: hidden;
overflow: hidden;
margin: 1em 0;
box-shadow: var(--box-shadow);
padding: 0 40px
border-radius: var(--border-radius-low);
}
 
@media screen and (max-width: 850px) {
blockquote {
margin-inline-start: 10px;
margin-inline-end: 10px;
padding: 6px 24px;
}
}
}


Строка 350: Строка 805:


input[type="button"] {
input[type="button"] {
background: var(--ooui--bg);
background: var(--ooui-bg-color);
border: 1px solid var(--ooui--border);
border: 1px solid var(--ooui-border-color);
color: lightgray;
color: var(--ooui-text-color);
}
}


Строка 358: Строка 813:
img {
img {
image-rendering: pixelated;
image-rendering: pixelated;
filter: var(--filter-drop-shadow-low);
}
}


/*Для непиксельных изображений*/
/*Для непиксельных изображений*/
.noSprite>*>* {
.mw-body-content .noSprite img {
image-rendering: auto !important;  
image-rendering: auto !important;  
height: auto !important;
max-width: 100% !important;
}
}


/*==========
.mw-body-content a > img, .mw-body-content .floatnone > img {
  Боковая панель
max-width: unset !important;
==========*/
}


/* Основной блок */
hr {
#mw-site-navigation .sidebar-chunk, #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk, body.skin--responsive .portlet, body.skin--responsive .pBody {
border-bottom-width: 0px;
margin: 1.5em 0;
border-color: var(--border-color-hr);
padding: 0;
border: 0;
border-radius: 0;
background: none;
}
}


/* Блок навигации */
footer,#footer-info-lastmod,#footer-info-copyright {
@media (min-width: 1100px) {
color: var(--theme-text-color);
#mw-related-navigation {
margin-top: 0;
}
}
}


/* Блоки */
p,h1,h2,h3,h4,h5,h6,li {
@media (min-width: 1100px) {
color: var(--theme-text-color);
.sidebar-inner .mw-portlet {
padding: 0;
margin: 0.5em 8px 2px 6px !important;
border-radius: 0.2em;
box-shadow: var(--box-shadow);
}
}
}


@media screen and (min-width: 1340px) {
p {
#mw-site-navigation .sidebar-chunk .mw-portlet > div, #mw-site-navigation .sidebar-chunk .mw-portlet-body {
margin: 0.5em 0;
margin-bottom: 1em;
}
}
}


@media screen and (min-width: 1100px) and (max-width: 1339px) {
a {
#mw-site-navigation .sidebar-chunk .mw-portlet > div, #mw-related-navigation .sidebar-chunk .mw-portlet > div, #mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {
color: var(--text-color-link);
margin-bottom: 1em;
}
}
}


/* Заголовок */
a:hover {
@media (min-width: 1100px) {
color: var(--theme-text-color-light);
#mw-site-navigation .sidebar-chunk h3,
#mw-related-navigation .sidebar-chunk h3 {
margin: 0;
padding: calc(0.4em + 2px);
border-top: 2px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
border-bottom: 2px solid var(--color-darkened-border);
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
background-color: var(--ooui--bg-light);
font-size: 1.05em;
font-weight: bold;
}
}
}


/* Содержание */
a:visited, a:visited:hover {
@media (min-width: 1100px) {
color: var(--text-color-link--visited);
#mw-site-navigation .sidebar-chunk .mw-portlet-body,  
#mw-related-navigation .sidebar-chunk .mw-portlet-body {
margin: 0;
padding: 0.3em 0.5em;
border: 2px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
border-top: 0;
border-radius: 0 0 var(--border-radius-low) var(--border-radius-low);
background-color: var(--theme-bg-dark);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -2px 4px rgba(0, 0, 0, 0.15);
}
}
}


/* Для телефонов */
a.new, .new a {
@media screen and (max-width: 850px) {
color: var(--text-color-link-new);
.sidebar-inner, .dropdown {
padding: 1em 2em;
background: var(--ooui--bg);
border-color: var(--ooui--border);
}
}
}


@media screen and (max-width: 850px) {
a.new:hover, .new a:hover {
#mw-content-block {
color: var(--text-color-link-new--visited);
background: var(--theme-bg);
}
}
}


/*==========
a.new:visited, .new a:visited {
  Чекбоксы
color: var(--text-color-link-new--visited);
==========*/
/* При нажатии */
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
box-shadow: none;
}
}


/* В фокусе */
.mw-parser-output a.external, .mw-parser-output a.extiw {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
color: var(--text-color-link-external)
box-shadow: none;
}
}


/*==========
.mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
Поиск в режиме редактирования
color: var(--text-color-link-external--visited);
==========*/
/* Основной блок */
.ace_search {
background-color: var(--theme-bg);
color: var(--theme-color-text);
border-color: var(--ooui--border-light);
padding: 6px 4px 2px 4px;
}
}


.ace_search_form.ace_nomatch {
a.current {
outline: 1px solid #922626
color: var(--theme-text-color);
}
}


/* Поисковик */
a.label {
.ace_search_field {
color: var(--theme-text-color);
background-color: var(--ooui--bg);
color: var(--theme-color-text);
margin: 0 2px 0 0 !important;
}
}


/* Кнопки основного поисковика */
.mw-body dt {
.ace_searchbtn {
font-weight: bold;
border-color: var(--ooui--border-light);
font-family: sans-serif;
background: var(--ooui--bg);
margin-top: 0.8em;
color: var(--theme-color-text);
margin-bottom: 0.4em;
border-left: 2px solid var(--theme-border-color-100);
padding-left: 5px;
}
}


.ace_searchbtn:last-child {
.mw-body h1 {
border-color: var(--ooui--border-light);
font-family: var(--font-family-oswald);
font-size: var(--font-size-giant);
}
}


.ace_searchbtn.prev:after {
.mw-body h2 {
border-color: var(--theme-color-text);
font-size: var(--font-size-huge);
border-bottom: none;
font-family: var(--font-family-libertine);
margin-bottom: 0.4em;
margin-top: 1em;
line-height: 1.375;
border-bottom: 2px solid var(--color-contrast);
}
}


.ace_searchbtn.next:after {
.mw-body h3 {
border-color: var(--theme-color-text);
font-size: var(--font-size-xl);
font-weight: bold;
font-family: sans-serif;
margin-top: 0.3em;
margin-bottom: 0.3em;
padding-bottom: 0;
line-height: 1.6;
padding-top: 0.5em;
}
}


.ace_searchbtn_close:hover {
.mw-body h4,
background-color: var(--color-contrast2);
.mw-body h5 {
font-size: var(--font-size-ml);
font-weight: bold;
font-family: sans-serif;
margin-top: 0.5em;
margin-bottom: 0.3em;
}
}
/* #endregion */


/* Чекбоксы режимов поиска */
/* ============ */
.ace_button {
/* #region Шаблоны */
border-color: var(--ooui--border-light);
/* ============ */
color: var(--theme-color-text);
 
background-color: var(--ooui--bg);
/*=== Навигационный шаблон ===*/
/* Default style for navigation boxes */
.navbox { /* Navbox container style */
box-sizing: border-box;
border: 1px solid var(--theme-border-color-base);
width: 100%;
margin: 2em auto 0; /* Prevent preceding content from clinging to navboxes */
clear: both;
font-size: 90%;
text-align: center;
padding: 3px;
}
}
 
.navbox-inner,
/* Активированный */
.navbox-subgroup {
.ace_button.checked {
width: 100%;
background-color: var(--color-contrast2);
}
border-color: var(--color-contrast);
.navbox-group,
color: var(--theme-color-text-light);
.navbox-title,
.navbox-abovebelow {
padding: 0.25em 1em;   /* Title, group and above/below styles */
text-align: center;
}
}
 
.navbox-title {
/*==========
position: relative;
Меню при редактировании css
line-height: 1.6em; /* Standard 1.6em for title */
==========*/
border-bottom: 2px solid var(--color-darkened-border);
.ace_editor.ace_autocomplete {
border-radius: var(--border-radius-low);
background: var(--ooui--bg-dark);
border-top: 1px solid var(--color-lighter-alpha-x);
border-color: var(--ooui--border);
border-bottom: 2px solid var(--color-darkened-border);  
color: lightgrey;
box-shadow: var(--box-shadow-medium);
}
}


.ace_editor.ace_autocomplete .ace_line-hover {
/* cell spacing for navbox cells */
border-color: var(--color-contrast);
tr + tr > .navbox-abovebelow,
background: var(--color-contrast2);
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list { /* Borders above 2nd, 3rd, etc. rows */
border-top: 2px solid var(--theme-bg-color-100); /* Must match background color */
}
}


/* ================================================================== */
th.navbox-group { /* Group style */
 
white-space: nowrap;
/* КЛАССЫ */
/* @noflip */
 
text-align: left;
/* Кнопка вверх [[Файл:AnomalyElectricityPulse.png]] */
}
#scroll-top {
.navbox th,
display: none;
.navbox-title {
background: url(https://station14.ru/images/0/00/AnomalyElectricityPulse.png) 0% 0%/57px 57px no-repeat;
background: var(--color-contrast2); /* Level title color */
opacity: 0.5;
width: 57px;
height: 57px;
cursor: pointer;
position: fixed;
right: calc(0.95em + 6px);
bottom: 30px;
z-index: 10000;
image-rendering: pixelated;
}
}
 
.navbox,
#scroll-top:hover {
.navbox-subgroup {
opacity: 0.8;
background: var(--theme-bg-color-100); /* Level 1 color */
}
}
 
.navbox-subgroup .navbox-group,
@media screen and (max-width: 850px) {
.navbox-subgroup .navbox-abovebelow {
#scroll-top {
background: var(--theme-bg-color-200); /* Level 2 color */
transform: translate(-50%, -50%);
left: 50%;
right: 50%;
bottom: 15px;
opacity: 0.3;
}
}
}
 
.navbox-abovebelow,
/* Необходим для использования fonts.google.com/icons */
th.navbox-group,
.material-symbols-outlined {
.navbox-subgroup .navbox-title {
font-family: 'Material Symbols Outlined';
background: var(--theme-bg-color-250); /* Level 3 color */
font-weight: normal;
border-right: 1px solid var(--theme-bg-color-100);
font-style: normal;
}
font-size: 24px;
.navbox-even {
line-height: 1;
background: transparent; /* Even row striping */
letter-spacing: normal;
}
text-transform: none;
.navbox-odd {
display: inline-block;
background: transparent;  /* Odd row striping */
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased
}
}


.tools-inline li:hover {
.navbox .hlist td dl,
border-bottom-width: 2px;
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 1px 0 0;   /* Adjust hlist padding in navboxes */
}
}
 
.navbox .navbox {
.tools-inline li.selected {
margin-top: 0; /* No top margin for nested navboxes */
background: transparent !important;
}
border-bottom-width: 2px;
.navbox + .navbox {
margin-top: -1px; /* Single pixel border between adjacent navboxes */
}
}


#mw-indicator-mw-helplink a {
.navbox td:not(:has(table)), .navbox ul {
background-image: none;
background: var(--theme-bg-color-150);
padding: 3px 2px !important;
}
}


.mw-body-content sub,.mw-body-content sup,span.reference {
@media screen and (max-width: 650px) {
font-size: 80%
th.navbox-group {
white-space: unset;
}
}
}
/* КОНЕЦ */


.ns-talk .mw-body-content dd {
/* #endregion */
margin-top: 0.4em;
margin-bottom: 0.4em
}


#interwiki-completelist {
/* ============ */
font-weight: bold
/* #region Модули */
}
/* ============ */


.biglink {
/*=== Модуль:Краткий вызов ===*/
font-family: "Oswald";
.shortcut {
font-style: oblique 10deg;
clear: right;
font-variant-caps: small-caps;
float: right;
text-shadow: #1b1b1f 1px 2px,#595959dd 2px 2px 1px
margin-left: 0.75em;
font-size: smaller;
background: var(--bg-color-code-light);
border: 1px solid var(--border-color-code);
}
}


.client-js .mw-special-Watchlist #watchlist-message,.client-js .collapsible:not(.mw-made-collapsible).collapsed>tbody>tr:not(:first-child),#editpage-specialchars {
.shortcut-1, .shortcut-2 {
display: none
padding: 4px;
}
}


.mw-rcfilters-enabled .mw-specialpage-summary {
.shortcut-2 {
margin-top: 1em
line-height: 1.25em;
font-weight: bold;
vertical-align: middle;
}
}
/* #endregion */


.citation:target {
/* ============ */
background-color: rgba(0, 127, 255, 0.133)
/* #region Расширение */
/* ============ */
/*=== Clipboard4wiki ===*/
[tooltip] {
background: var(--theme-bg-color-100);
border: 1px solid var(--theme-border-color-base);
border-radius: var(--border-radius-low);
padding: 1px 3px;
}
}


.citation {
[tooltip] img {
word-wrap: break-word
filter: var(--invert-100);
}
}


ol.references {
[tooltip]:active {
font-size: 90%;
background: var(--theme-bg-color-250);
margin-bottom: 0.5em
}
}


.hlist dl,.hlist ol,.hlist ul {
/*=== CodeMirror ===*/
margin: 0;
.CodeMirror {
padding: 0
height: 600px;
position: relative;
overflow: hidden;
background: var(--theme-bg-color-base);
color: inherit;
}
}


.hlist dd,.hlist dt,.hlist li {
.CodeMirror-gutters {
margin: 0;
border-right: 1px solid var(--theme-bg-color-100);
display: inline
background: var(--theme-bg-color-100);
white-space: nowrap;
}
}


.hlist.inline,.hlist.inline dl,.hlist.inline ol,.hlist.inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul {
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
display: inline
background: var(--color-contrast2-dark);
}
}


.hlist .mw-empty-li {
/*=== Popups ===*/
display: none
/* Всплывающие окна */
.mwe-popups {
background: var(--ooui-gradient-light);
box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.35), 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
}


.hlist dt:after {
.mwe-popups img {
content: ":"
image-rendering: auto;
}
}


.hlist dd:after,.hlist li:after {
.mwe-popups .mwe-popups-container {
content: " · ";
background: var(--ooui-gradient-light);
font-weight: bold
}
}


.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
.mwe-popups .mwe-popups-extract {
content: none
color: var(--theme-text-color);
}
}


.hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before {
.mwe-popups .mwe-popups-extract:hover {
content: " (";
color: var(--theme-text-color-light);
font-weight: normal
}
}


.hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after {
.mwe-popups .mwe-popups-extract[dir='ltr']::after {
content: ")";
background: transparent;
font-weight: normal
}
}


.hlist ol {
.mwe-popups .mwe-popups-extract[dir='rtl']::after {
counter-reset: listitem
background: transparent;
}
}


.hlist ol>li {
.popups-icon {
counter-increment: listitem
filter: var(--invert-100);
}
}


.hlist ol>li:before {
/* Настройки */
content: " " counter(listitem) "\a0"
.mwe-popups-overlay {
background: rgba(0, 0, 0, 0.6);
}
}


.hlist dd ol>li:first-child:before,.hlist dt ol>li:first-child:before,.hlist li ol>li:first-child:before {
#mwe-popups-settings {
content: " (" counter(listitem) "\a0"
border: 1px solid #41414d;
background: #27272f;
}
}


.plainlist ol,.plainlist ul {
#mwe-popups-settings header {
line-height: inherit;
border-bottom: 1px solid #41414d;
list-style: none none;
margin: 0
}
}


.plainlist ol li,.plainlist ul li {
#mwe-popups-settings main#mwe-popups-settings-form p {
margin-bottom: 0
color: var(--ooui-text-color);
}
}


/* НАВИГАЦИОННЫЙ ШАБЛОН --------------------------- */
#mwe-popups-settings main#mwe-popups-settings-form form label > span {
color: #dddddd;
}


/* Default style for navigation boxes */
/*=== InputBox ===*/
.navbox { /* Navbox container style */
.mw-ui-input {
box-sizing: border-box;
background: var(--ooui-bg-color);
border: 1px solid var(--theme-border);
color: var(--ooui-text-color-light);
width: 100%;
margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
clear: both;
font-size: 90%;
text-align: center;
padding: 3px;
}
}
.navbox-inner,
 
.navbox-subgroup {
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input {
width: 100%;
border-radius: var(--border-radius-low);
border-color: var(--ooui-border-color);
}
}
.navbox-group,
 
.navbox-title,
.mw-ui-input:hover {
.navbox-abovebelow {
border-color: var(--ooui-border-color-light);
padding: 0.25em 1em;   /* Title, group and above/below styles */
text-align: center;
}
}
.navbox-title {
 
line-height: 1.6em; /* Standard 1.6em for title */
/*=== SyntaxHighlight ===*/
border-bottom: 2px solid var(--color-darkened-border);
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
border-radius: var(--border-radius-low);
background: var(--theme-bg-color-100);
border-top: 1px solid rgba(var(--color-lighter--rgb), 0.07);
border-color: var(--ooui-border-color);
border-bottom: 2px solid var(--color-darkened-border);  
box-shadow: var(--ooui-bg-color-dark) 2.75em 0px 0px inset;
font-size: 90%;
color: var(--ooui-text-color);
}
}


/* cell spacing for navbox cells */
.mw-content-ltr.mw-highlight .linenos {
tr + tr > .navbox-abovebelow,
color: var(--ooui-text-color-dark);
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list { /* Borders above 2nd, 3rd, etc. rows */
border-top: 2px solid var(--theme-bg); /* Must match background color */
}
}


th.navbox-group { /* Group style */
/*=== GrowthExperiments ===*/
white-space: nowrap;
.growthexperiments-mentor-dashboard-group-main {
/* @noflip */
--width: clamp(300px, 50vw, 480px);
text-align: right;
width: var(--width);
flex: 1 0 var(--width);
}
}
.navbox,
 
.navbox-subgroup {
.ext-growthExperiments-MenteeOverview__actions {
background: var(--theme-bg);   /* Background color */
flex-wrap: wrap;
}
}
.navbox-list {
 
border-color: var(--theme-bg); /* Must match background color */
.mw-echo-ui-notificationItemWidget-initiallyUnseen {
animation-fill-mode: unset;
}
}
.navbox th,
 
.navbox-title {
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image {
background: var(--theme-bg-lighter);   /* Level 1 color */
box-shadow: inset 0 0 1px 1px var(--bg-color-focus);
}
}
.navbox-abovebelow,
 
th.navbox-group,
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete, .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image.no-image {
.navbox-subgroup .navbox-title {
background-color: var(--ooui-bg-color-light);
background: var(--theme-bg-lighter);   /* Level 2 color */
}
}
.navbox-subgroup .navbox-group,
 
.navbox-subgroup .navbox-abovebelow {
.ext-discussiontools-init-targetcomment {
background: var(--theme-bg-light); /* Level 3 color */
background: var(--bg-color-hover);
border-radius: var(--border-radius-low);
}
}
.navbox-even {
 
background: var(--bg-contrast-s--rgba);   /* Even row striping */
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-text[dir='ltr'] .se-card-extract::after,
.oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless::after,
.oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed::after {
background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--ooui-bg-color) 50%);
}
}
.navbox-odd {
 
background: transparent; /* Odd row striping */
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image.mw-ge-tasktype-image-recommendation, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image.mw-ge-tasktype-section-image-recommendation {
background-color: var(--bg-color-yellow-100);
}
}


.navbox .hlist td dl,
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium {
.navbox .hlist td ol,
background-color: var(--bg-color-yellow-50);
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 1px 0 0;   /* Adjust hlist padding in navboxes */
}
}
.navbox .navbox {
 
margin-top: 0; /* No top margin for nested navboxes */
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium {
border-color: var(--bg-color-yellow-150);
}
}
.navbox + .navbox {
 
margin-top: -1px; /* Single pixel border between adjacent navboxes */
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium::before, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium::before {
border-top-color: var(--bg-color-yellow-150);
border-bottom-color: var(--bg-color-yellow-150);
}
}


.navbox td:not(.navbox-list), .navbox ul {
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium::after, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium::after {
padding: 4px 2px !important;
border-top-color: var(--bg-color-yellow-50);
border-bottom-color: var(--bg-color-yellow-50);
}
}


/* КОНЕЦ */
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard {
background-color: var(--bg-color-red-50);
}


.mw-parser-output .mw-collapsible-toggle {
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard {
position: relative;
border-color: var(--bg-color-red-150);
font-weight: normal;
text-align: right;
top: 0;
right: 0;
}
}


.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard::before, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard::before {
float: left;
border-top-color: var(--bg-color-red-150);
text-align: left
border-bottom-color: var(--bg-color-red-150);
}
}


.mw-collapsible-toggle-default .mw-collapsible-text {
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard::after, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard::after {
color: var(--text-color-link);
border-top-color: var(--bg-color-red-50);
border-bottom-color: var(--bg-color-red-50);
}
}


.mw-collapsible-toggle-default .mw-collapsible-text:hover {
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy {
color: var(--text-color-link);
background-color: var(--bg-color-emerald-50);
}
}


.mw-collapsible-toggle-default .mw-collapsible-text:active {
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy {
color: var(--text-color-link);
border-color: var(--bg-color-emerald-150);
}
}


.infobox {
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy::before, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy::before {
border: 1px solid #a2a9b1;
border-top-color: var(--bg-color-emerald-150);
border-spacing: 3px;
border-bottom-color: var(--bg-color-emerald-150);
background-color: #f8f9fa;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
font-size: 88%;
line-height: 1.5em;
width: 22em
}
}


.infobox-header,.infobox-label,.infobox-above,.infobox-full-data,.infobox-data,.infobox-below,.infobox-subheader,.infobox-image,.infobox-navbar,.infobox th,.infobox td {
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy::after, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy::after {
vertical-align: top
border-top-color: var(--bg-color-emerald-50);
border-bottom-color: var(--bg-color-emerald-50);
}
}
/* #endregion */


.infobox-label,.infobox-data,.infobox th,.infobox td {
/* ============ */
text-align: left
/* #region Основной интерфейс пользователя */
}
/* ============ */


.infobox .infobox-above,.infobox .infobox-title,.infobox caption {
/*=== Страница поиска ===*/
font-size: 125%;
.mw-body .mw-search-profile-tabs {
font-weight: bold;
max-width: unset;
text-align: center
background-color: var(--ooui-bg-color-dark);
border: var(--border-outset-light);
border-radius: var(--border-radius-medium);
}
}


.infobox-title,.infobox caption {
.mw-search-form-wrapper .mw-search-profile-tabs .search-types a,
padding: 0.2em
#mw-search-togglebox input {
background: var(--ooui-bg-color-light);
border-top: 1px solid var(--color-lighter-alpha-x);
padding: 1px 8px;
border-radius: var(--border-radius-low);
box-shadow: var(--box-shadow);
margin: 0.1em 0.25em;
}
}


.infobox .infobox-header,.infobox .infobox-subheader,.infobox .infobox-image,.infobox .infobox-full-data,.infobox .infobox-below {
.mw-search-form-wrapper .mw-search-profile-tabs .search-types .current a {
text-align: center
background: var(--bg-color-message);
}
}


.infobox .infobox-navbar {
#mw-search-togglebox input {
text-align: right
padding: 0.2em 0.5em;
}
}


.wikitable.plainrowheaders th[scope=row] {
.mw-body fieldset#mw-searchoptions .divider {
font-weight: normal;
border-color: var(--border-color-hr);
text-align: left
}
}


.wikitable td ul,.wikitable td ol,.wikitable td dl {
.mw-body fieldset#mw-searchoptions {
text-align: left
background-color: var(--ooui-bg-color-dark);
border: var(--border-outset-light);
border-radius: var(--border-radius-medium);
margin-top: 0.25em;
color: var(--ooui-text-color);
}
}


table.mw-hiero-table td {
.searchresults {
vertical-align: middle
display: flex;
flex-direction: column;
margin: 0;
}
}


.mw-parser-output a[href$=".pdf"].external,.mw-parser-output a[href*=".pdf?"].external,.mw-parser-output a[href*=".pdf#"].external,.mw-parser-output a[href$=".PDF"].external,.mw-parser-output a[href*=".PDF?"].external,.mw-parser-output a[href*=".PDF#"].external {
.searchresults .mw-search-pager-top .mw-pager-navigation-bar {
background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) no-repeat right;
display: none;
padding-right: 18px
}
}


hr {
.searchresults .mw-search-results-container {
border-bottom-width: 0px;
width: unset;
border-color: var(--theme-border-lighter);
}
}


.messagebox {
.searchresults .mw-search-results {
border: 1px solid #a2a9b1;
display: flex;
background-color: #f8f9fa;
flex-wrap: wrap;
width: 80%;
gap: 0.75em;
margin: 0 auto 1em auto;
margin: 1em 0 !important;
padding: .2em
max-width: 100%;
}
}


.messagebox.merge {
.searchresults .mw-search-results li {
border: 1px solid #c0b8cc;
display: flex;
background-color: #f0e5ff;
flex-direction: column;
text-align: center
flex: 1 0 30rem;
list-style: none;
padding: 0;
background-color: var(--ooui-bg-color-dark);
border: var(--border-outset-light);
border-radius: var(--border-radius-medium);
}
}


.messagebox.cleanup {
@media (max-width: 639px) {
border: 1px solid #9f9fff;
.searchresults .mw-search-results li {
background-color: #efefff;
flex: 1 0 100%;
text-align: center
}
}
}


.messagebox.standard-talk {
.searchresults .mw-search-results li a {
border: 1px solid #c0c090;
font-size: 110%;
background-color: #f8eaba;
margin: 4px auto
}
}


.mbox-inside .standard-talk {
.searchresults .mw-search-results .mw-search-result {
border: 1px solid #c0c090;
margin: 0;
background-color: #f8eaba;
width: 100%;
margin: 2px 0;
padding: 2px
}
}


.messagebox.small {
.searchresults .mw-search-results .mw-search-result-heading {
width: 238px;
border-bottom: 2px solid var(--bg-color-sky-blue-100);
font-size: 85%;
display: flex;
float: right;
flex-direction: column;
clear: both;
margin: 0 0 1em 1em;
line-height: 1.25em
}
}


.messagebox.small-talk {
.searchresults .mw-search-results .mw-search-result-heading > a,
width: 238px;
.searchalttitle {
font-size: 85%;
display: flex;
float: right;
padding: 0.1em 0.75em;
clear: both;
margin: 0 0 1em 1em;
line-height: 1.25em;
background-color: #f8eaba
}
}


th.mbox-text,td.mbox-text {
.searchalttitle, #mw-search-interwiki li {
border: none;
display: flex;
padding: 0.25em 0.9em;
flex-wrap: wrap;
width: 100%
}
}


td.mbox-image {
.searchresults .mw-search-results .searchresult {
border: none;
flex: 1;
padding: 2px 0 2px 0.9em;
padding: 0.5em;
text-align: center
}
}


td.mbox-imageright {
.searchresults .mw-search-results .searchresult .mw-search-exists {
border: none;
margin-bottom: 1em;
padding: 2px 0.9em 2px 0;
text-align: center
}
}


td.mbox-empty-cell {
.searchresults .mw-search-results .mw-search-result-data {
border: none;
font-size: 90%;
padding: 0;
padding: 0.5em 0.5em 0 0.5em;
width: 1px
color: var(--ooui-text-color-dark);
}
}


table.ambox {
.searchResultImage .searchResultImage-thumbnail {
margin: 0 10%;
padding: 0.5em;
border: 1px solid #a2a9b1;
padding-right: 1em;
border-left: 10px solid var(--color-contrast);
background-color: #fbfbfb;
box-sizing: border-box
}
}


table.ambox+table.ambox,table.ambox+.mw-empty-elt+table.ambox {
.searchResultImage .searchResultImage-text {
margin-top: -1px
flex: 1;
}
}


.ambox th.mbox-text,.ambox td.mbox-text {
/*=== Остальное ===*/
padding: 0.25em 0.5em
.mw-json th, .mw-json td {
border: 1px solid black;
}
}


.ambox td.mbox-image {
.mw-json tr {
padding: 2px 0 2px 0.5em
background: var(--theme-bg-color-100);
}
}


.ambox td.mbox-imageright {
.mw-json th {
padding: 2px 0.5em 2px 0
background: var(--theme-bg-color-250);
color: var(--theme-text-color);
}
}


table.ambox-notice {
.mw-json-value, .mw-json-single-value {
border-left: 10px solid var(--color-contrast);
background: var(--bg-color-emerald-50);
color: var(--theme-text-color);
}
}


table.ambox-speedy {
.mw-json-empty {
border-left: 10px solid #b32424;
background: var(--bg-color-emerald-50);
background-color: #fee7e6
color: var(--theme-text-color);
}
}


table.ambox-delete {
.mw-ui-button.mw-ui-progressive:not(:disabled),
border-left: 10px solid #b32424
.mw-ui-button.mw-ui-destructive:not(:disabled),
.mw-ui-button {
color: var(--theme-text-color);
}
}


table.ambox-content {
.mw-ui-button:not(:disabled):hover {
border-left: 10px solid #f28500
color: var(--theme-text-color-light);
}
}


table.ambox-style {
@media screen and (max-width: 850px) {
border-left: 10px solid #fc3
.wikitable:not(.no-img-adaptive) img[width="64"][height="64"] {
width: 32px !important;
height: 32px !important;
}
*:not(.no-img-adaptive) img[width="64"][height="128"] {
width: 32px !important;
height: 64px !important;
}
*:not(.no-img-adaptive) img[width="128"][height="128"] {
width: 64px !important;
height: 64px !important;
}
}
}


table.ambox-move {
@media screen and (max-width: 650px) {
border-left: 10px solid #9932cc
.mw-parser-output table {
table-layout: auto !important;
overflow: auto;
max-width: 100%;
}
}
}


table.ambox-protection {
.mw-code {
border-left: 10px solid #a2a9b1
background: var(--theme-bg-color-100);
color: var(--theme-text-color)
}
}


table.imbox {
.wikiEditor-ui-toolbar .group .tool-select .options {
margin: 4px 10%;
border: none;
border-collapse: collapse;
border: 3px solid var(--color-contrast);
background-color: #fbfbfb;
box-sizing: border-box
}
}


.imbox .mbox-text .imbox {
/*=== Полоса прокрутки === */
margin: 0 -0.5em;
@media not all and (hover: none) and (pointer: coarse) {
display: block
body:not(.wgl-theme-light)::-webkit-scrollbar,
body:not(.wgl-theme-light) *::-webkit-scrollbar {
width: 16px;
}
body:not(.wgl-theme-light)::-webkit-scrollbar-track,
body:not(.wgl-theme-light) *::-webkit-scrollbar-track {
  background-color: color-mix(in srgb, rgb(var(--color-lighter--rgb)) 8%, var(--theme-bg-color-base));
}
body:not(.wgl-theme-light)::-webkit-scrollbar-thumb,
body:not(.wgl-theme-light) *::-webkit-scrollbar-thumb {
height: 40px;
border-radius: 6px;
border: 4px solid transparent;
background-clip: content-box;
background-color: hsl(0, 0%, 45%);
}
}
}


.mbox-inside .imbox {
/*=== Чекбоксы ===*/
margin: 4px
/* При нажатии */
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
box-shadow: none;
}
}


table.imbox-notice {
/* В фокусе */
border: 3px solid var(--color-contrast);
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
box-shadow: none;
}
}


table.imbox-speedy {
/*=== Стиль для таблиц ===*/
border: 3px solid #b32424;
/* wikitable */
background-color: #fee7e6
.wikitable,
.content table.wikitable {
background-color: var(--theme-bg-color-100);
color: var(--theme-text-color);
margin: 1em 0;
border: 1px solid var(--theme-bg-color-250);
padding: 3px;
border-collapse: separate;
border-spacing: 1px;
border-radius: var(--border-radius-medium);
}
}


table.imbox-delete {
.mw_metadata > tr > th, .mw-datatable > tr > th, .wikitable > tr > th, .mw_metadata > tr > td, .mw-datatable > tr > td, .wikitable > tr > td, .mw_metadata > * > tr > th, .mw-datatable > * > tr > th, .wikitable > * > tr > th, .mw_metadata > * > tr > td, .mw-datatable > * > tr > td, .wikitable > * > tr > td {
border: 3px solid #b32424
border: none;
padding: 0.4em 0.5em;
}
}


table.imbox-content {
.wikitable>*>tr>th {
border: 3px solid #f28500
background: var(--theme-bg-color-250);
}
}


table.imbox-style {
.wikitable>*>tr>td {
border: 3px solid #fc3
background: var(--theme-bg-color-200);
}
}


table.imbox-move {
.wikitable.plainrowheaders th[scope=row] {
border: 3px solid #9932cc
font-weight: normal;
text-align: left
}
}


table.imbox-protection {
.wikitable td ul,.wikitable td ol,.wikitable td dl {
border: 3px solid #a2a9b1
text-align: left
}
}


table.imbox-license {
/* Закругление верхнего левого угла первой ячейки */
border: 3px solid #88a;
.wikitable thead tr:first-child th:first-child,
background-color: #f7f8ff
.wikitable thead tr:first-child td:first-child,
.wikitable:not(:has(thead)) tr:first-child th:first-child,
.wikitable:not(:has(thead)) tr:first-child td:first-child {
border-top-left-radius: var(--border-radius-low);
}
}


table.imbox-featured {
/* Закругление верхнего правого угла последней ячейки */
border: 3px solid #cba135
.wikitable thead tr:first-child th:last-child,
.wikitable thead tr:first-child td:last-child,
.wikitable:not(:has(thead)) tbody > tr:first-child th:last-child,
.wikitable:not(:has(thead)) tbody > tr:first-child td:last-child {
border-top-right-radius: var(--border-radius-low);
}
}


table.cmbox {
/* Закругление нижнего левого угла первой ячейки последнего ряда
margin: 3px 10%;
.wikitable tbody tr:last-child th:first-child,
border-collapse: collapse;
.wikitable tbody tr:last-child td:first-child {
border: 1px solid #a2a9b1;
border-bottom-left-radius: var(--border-radius-low);
background-color: #dfe8ff;
}*/
box-sizing: border-box
 
/* Закругление нижнего правого угла последней ячейки последнего ряда
.wikitable tbody tr:last-child th:last-child,
.wikitable tbody tr:last-child td:last-child {
border-bottom-right-radius: var(--border-radius-low);
}*/
 
@media all and (max-width: 640px) {
.mw-body-content table.mw-made-collapsible.mw-collapsed {
display: table;
}
}
}


table.cmbox-notice {
@media screen and (max-width: 850px) {
background-color: #d8e8ff
    .mw-body table table {
        width: 100%;
    }
}
}


table.cmbox-speedy {
/* standard */
margin-top: 4px;
.standard {
margin-bottom: 4px;
background: none;
border: 4px solid #b32424;
margin-top: 1em;
background-color: #ffdbdb
margin-bottom: 1em;
border: 1px solid var(--theme-border-color-base);
border-collapse: collapse;
}
}


table.cmbox-delete {
.standard > tr > th, .standard > * > tr > th {
background-color: #ffdbdb
background-color: var(--theme-bg-color-150);
}
}


table.cmbox-content {
.standard > tr > th, .standard > tr > td, .standard > * > tr > th, .standard > * > tr > td {
background-color: #ffe7ce
border: 1px solid var(--theme-border-color-base);
padding: 0.2em 0.4em;
}
}
/* КОНЕЦ */


table.cmbox-style {
/*=== Сollapsible ===*/
background-color: #fff9db
.mw-parser-output .mw-collapsible-toggle {
position: relative;
font-weight: normal;
text-align: right;
top: 0;
right: 0;
}
}


table.cmbox-move {
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
background-color: #e4d8ff
float: left;
text-align: left
}
}


table.cmbox-protection {
.mw-collapsible-toggle-default .mw-collapsible-text {
background-color: #efefe1
color: var(--text-color-link);
}
}


table.ombox {
.mw-collapsible-toggle-default .mw-collapsible-text:hover {
margin: 4px 10%;
color: var(--text-color-link);
border-collapse: collapse;
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
box-sizing: border-box
}
}


table.ombox-notice {
.mw-collapsible-toggle-default .mw-collapsible-text:active {
border: 1px solid #a2a9b1
color: var(--text-color-link);
}
}


table.ombox-speedy {
/*=== Картинки с обёрткой ===*/
border: 2px solid #b32424;
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
background-color: #fee7e6
background: var(--theme-bg-color-100);
border-color: var(--theme-border-color-base);
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
border-collapse: unset;
}
}


table.ombox-delete {
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
border: 2px solid #b32424
margin: 0.5em;
border-radius: var(--border-radius-high);
border: none;
}
}


table.ombox-content {
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
border: 1px solid #f28500
padding: 0.25em 0.5em 0.5em 0.5em;
background: var(--theme-bg-color-150);
border-color: var(--theme-border-color-base);
border-radius: var(--border-radius-low);
}
}


table.ombox-style {
/*=== Gallery ===*/
border: 1px solid #fc3
.mw-body li.gallerybox div.thumb {
background: var(--theme-bg-color-150);
border-color: var(--theme-border-color-base);
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
}
}


table.ombox-move {
/*=== Медиа-просмотрщике ===*/
border: 1px solid #9932cc
.mw-mmv-post-image {
background: var(--theme-bg-color-100);
color: var(--theme-text-color);
}
}


table.ombox-protection {
.mw-mmv-image-metadata {
border: 2px solid #a2a9b1
background: var(--theme-border-color-base);
border-color: var(--border-color-hr);
}
}


table.tmbox {
.mw-mmv-title-para.mw-mmv-ttf-normal {
margin: 4px 10%;
font-size: 18px;
border-collapse: collapse;
font-weight: bold;
border: 1px solid #c0c090;
background-color: #f8eaba;
min-width: 80%;
box-sizing: border-box
}
}


.tmbox.mbox-small {
.mw-mmv-dialog {
min-width: 0
background-color: var(--theme-bg-color-100);
}
}


.mediawiki .mbox-inside .tmbox {
.mw-mmv-dialog .mw-mmv-dialog-warning {
margin: 2px 0;
background-color: var(--bg-color-warning);
width: 100%
}
}


.mbox-inside .tmbox.mbox-small {
.mw-mmv-download-dialog .mw-mmv-dialog-down-arrow {
line-height: 1.5em;
background-color: var(--theme-bg-color-100);
font-size: 100%
}
}


table.tmbox-speedy {
.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
border: 2px solid #b32424;
background-color: var(--theme-bg-color-100);
background-color: #fee7e6
}
}


table.tmbox-delete {
/*=== ace ===*/
border: 2px solid #b32424
.ace-tm .ace_gutter {
background: var(--theme-bg-color-100);
color: var(--ooui-text-color-dark);
}
}


table.tmbox-content {
.ace-tm .ace_print-margin {
border: 2px solid #f28500
width: 1px;
background: var(--theme-bg-color-base)
}
}


table.tmbox-style {
.ace_mobile-menu {
border: 2px solid #fc3
color: var(--theme-text-color);
background: var(--ooui-bg-color);
border-color: var(--ooui-border-color-light);
box-shadow: var(--box-shadow-medium);
}
}


table.tmbox-move {
.ace-tm {
border: 2px solid #9932cc
background: var(--theme-bg-color-base);
color: var(--ooui-text-color);
}
}


table.tmbox-protection,table.tmbox-notice {
.ace-tm .ace_cursor {
border: 1px solid #c0c090
color: var(--ooui-text-color-light);
}
}


table.fmbox {
body:not(.wgl-theme-light) .ace-tm .ace_storage,.ace-tm .ace_keyword {
clear: both;
color: rgb(153,153,255);
margin: 0.2em 0;
width: 100%;
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
box-sizing: border-box
}
}


table.fmbox-system {
body:not(.wgl-theme-light) .ace-tm .ace_constant {
background-color: #191970
color: rgb(241,89,92);
}
}


table.fmbox-warning {
body:not(.wgl-theme-light) .ace-tm .ace_support.ace_function {
border: 1px solid #bb7070;
color: rgb(68,118,235);
background-color: #ffdbdb
}
}


table.fmbox-editnotice {
body:not(.wgl-theme-light) .ace-tm .ace_support.ace_constant {
background-color: transparent
color: rgb(23,202,33);
}
}


div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon,div.titleblacklist-warning {
body:not(.wgl-theme-light) .ace-tm .ace_support.ace_type,.ace-tm .ace_support.ace_class {
clear: both;
color: rgb(182,187,236);
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: #ffdbdb;
padding: 0.25em 0.9em;
box-sizing: border-box
}
}


.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {
body:not(.wgl-theme-light) .ace-tm .ace_string {
border-color: #fc3;
color: rgb(6,142,13);
background-color: #fef6e7
}
}


html body.mediawiki .mbox-small {
body:not(.wgl-theme-light) .ace-tm .ace_comment {
clear: right;
color: rgb(103,193,150);
float: right;
margin: 4px 0 4px 1em;
box-sizing: border-box;
width: 238px;
font-size: 88%;
line-height: 1.25em
}
}


html body.mediawiki .mbox-small-left {
body:not(.wgl-theme-light) .ace-tm .ace_constant.ace_numeric {
margin: 4px 1em 4px 0;
color: rgb(153,153,255);
box-sizing: border-box;
overflow: hidden;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em
}
}


.compact-ambox table .mbox-image,.compact-ambox table .mbox-imageright,.compact-ambox table .mbox-empty-cell {
body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_selection {
display: none
background: rgb(28,45,68);
}
}


.compact-ambox table.ambox {
body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_bracket {
border: none;
margin: -1px 0 0 -1px;
border-collapse: collapse;
border: 1px solid rgb(94,94,94);
background-color: transparent;
margin: 0 0 0 1.6em !important;
padding: 0 !important;
width: auto;
display: block
}
}


body.mediawiki .compact-ambox table.mbox-small-left {
body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_active-line {
font-size: 100%;
background: rgb(153,153,183,7%);
width: auto;
margin: 0
}
}


.compact-ambox table .mbox-text {
body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_selected-word {
padding: 0 !important;
background: rgb(37,59,89);
margin: 0 !important
border: 1px solid rgb(36,36,42);
}
}


.compact-ambox table .mbox-text-span {
/*=== tabs ===*/
display: list-item;
/* Стили для блока */
line-height: 1.5em;
.tabs-tabbox, .tabs-togglebox {
list-style-type: square;
display: flow-root;
list-style-image: url(/w/skins/MonoBook/resources/images/bullet.svg)
}
}


.compact-ambox .hide-when-compact {
/* Стили для активных вкладок */
display: none
.tabs-tabbox > .tabs-input:checked + .tabs-label,
.tabs-input-0:checked + .tabs-input-1 + .tabs-label {
background: var(--theme-bg-color-200);
border-top: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-xs));
border-bottom: 1px solid var(--color-contrast);
z-index: 2;
}
}


.nounderlines a,.IPA a:link,.IPA a:visited {
/* Стили для стили для вкладок */
text-decoration: none !important
.tabs-tabbox > .tabs-input + .tabs-input + .tabs-label {
margin: 0;
}
}


.nowrap,.nowraplinks a {
.tabs-tabbox > .tabs-label {
white-space: nowrap
cursor: pointer;
padding: 1px 6px;
margin: 0;
vertical-align: baseline;
border-radius: 0;
background: var(--theme-bg-color-150);
border: 1px solid var(--theme-bg-color-base);
border-top: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-xs));
}
}


.wrap,.wraplinks a {
.tabs-tabbox > .tabs-label:hover {
white-space: normal
z-index: 2;
background: var(--theme-bg-color-200);
transition: all 0.1s;
}
}


#wpUploadDescription {
/* Стили для контейнера вкладок */
height: 13em
.tabs-tabbox > .tabs-container {
padding: 14px 10px;
background: var(--theme-bg-color-175);
border: none;
border-top: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-x));
border-radius: var(--border-radius-low);
box-shadow: var(--box-shadow);
}
}


.thumbinner {
/*=== toc ===*/
min-width: 100px;
ul#filetoc, .toc, .toccolours, .mw-warning {
background: #303037;
border-radius: 0.5em;
border: solid var(--ooui--border)
background: var(--theme-bg-color-150);
padding: 12px;
box-sizing: border-box;
margin: 12px 0;
min-width: 12em;
border: none;
box-shadow: var(--box-shadow-outline);
line-height: 1.3;
}
}


.thumbinner .thumbimage,.thumbborder {
.toc, .toc * {
border: solid 1px var(--ooui--border)
box-sizing: border-box;
}
}


#mw-subcategories,#mw-pages,#mw-category-media,#filehistory,#wikiPreview,#wikiDiff {
.toc .toctitle {
clear: both
font-size: 0.95em;
}
padding: 0 8px;
 
display: flex;
.wpb .wpb-header {
align-items: center;
display: none
position: relative;
overflow: hidden;
text-align: left;
border: none;
}
}


.wpbs-inner .wpb .wpb-header {
.toc .toctitle h2 {
display: table-row
font-size: 1.1em;
font-weight: bold;
display: flex;
align-items: center;
}
}


.wpbs-inner .wpb-outside {
.toc .toctitle h2::before {
display: none
content: "";
display: block;
width: 12px;
height: 12px;
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background: var(--theme-icon-color);
margin: 0 6px 0 0;
}
}


.mw-tag-markers {
.toc .toctogglelabel {
font-style: italic;
position: absolute;
font-size: 90%
width: 100%;
}
height: 100%;
 
left: 0;
.checkuser-show,.sysop-show,.abusefilter-show,.abusefilter-helper-show,.patroller-show,.templateeditor-show,.extendedmover-show,.extendedconfirmed-show,.autoconfirmed-show,.user-show {
top: 0;
display: none
padding: 0 8px;
font-size: unset;
line-height: unset;
display: flex;
align-items: center;
justify-content: flex-end;
font-family: var(--font-family-heading);
}
}


.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,.ve-ui-mwNoticesPopupTool-item .mbox-image,.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
.toctogglecheckbox:not(:checked) + .toctitle .toctogglelabel:after,
display: none !important
.toctogglecheckbox:checked + .toctitle .toctogglelabel:after {
content: "";
display: block;
pointer-events: none;
--mask: var(--icon-chevron-down) no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background: var(--theme-icon-color);
width: 14px;
height: 14px;
flex: 0 0 auto;
transform: scaleY(-1);
}
 
.toctogglecheckbox:checked + .toctitle .toctogglelabel:after {
transform: none;
}
}


ul.permissions-errors>li {
.toc > ul {
list-style: none none
margin: 6px 0 0 0;
border-top: 1px solid var(--theme-border-color-base);
padding-top: 2px;
}
}


ul.permissions-errors {
#searchInput:focus {
margin: 0
outline: 2px solid var(--color-contrast);
}
}


span.texhtml {
.toctogglecheckbox:focus + .toctitle .toctogglelabel {
font-family: "Nimbus Roman No9 L","Times New Roman",Times,serif;
outline: none;
font-size: 118%;
line-height: 1;
white-space: nowrap;
-moz-font-feature-settings: "lnum","tnum","kern" 0;
-webkit-font-feature-settings: "lnum","tnum","kern" 0;
font-feature-settings: "lnum","tnum","kern" 0;
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none
}
}
/* #endregion */


span.texhtml span.texhtml {
/* ============ */
font-size: 100%
/* #region Классы */
}
/* ============ */


span.mwe-math-mathml-inline {
/* Ссылка на весь контейнер кнопки */
font-size: 118%
a:has(.StupidButton) {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: var(--index-overlay);
}
}


.mwe-math-fallback-image-display,.mwe-math-mathml-display {
/* Подсветка при наведении */
margin-left: 1.6em !important;
.backlight:hover {
margin-top: 0.6em;
box-shadow: 0 0 4px 2px var(--color-contrast);
margin-bottom: 0.6em
}
}


.mwe-math-mathml-display math {
/* Key press */
display: inline
.keyboard-key,
.ve-ui-commandHelpDialog-shortcut > kbd, .ve-ui-commandHelpDialog-sequence > kbd {
border: 1px solid var(--theme-border-color-100);
border-radius: var(--border-radius-low);
background-image: linear-gradient(to bottom, var(--theme-bg-color-100), var(--theme-bg-color-250), var(--theme-bg-color-100));
color: var(--theme--text-color);
padding: 0.1em 0.3em;
font-family: inherit;
font-size: 0.8em;
}
}


.k-player .k-attribution {
/* Кнопка вверх [[Файл:AnomalyElectricityPulse.png]] */
visibility: hidden
#scroll-top {
display: none !important;
background: url(https://station14.ru/images/0/00/AnomalyElectricityPulse.png) 0% 0%/57px 57px no-repeat;
opacity: 0.5;
width: 57px;
height: 57px;
cursor: pointer;
position: fixed;
right: calc(0.95em + 6px);
bottom: 30px;
z-index: 10000;
image-rendering: pixelated;
filter: var(--filter-drop-shadow-medium);
}
}


.PopUpMediaTransform a .play-btn-large {
#scroll-top:hover {
margin: 0;
opacity: 0.8;
top: auto;
right: auto;
bottom: 0;
left: 0
}
}


@media screen {
@media screen and (max-width: 850px) {
#content .gallerybox div.thumb {
#scroll-top {
background-color: #f8f9fa
transform: translate(-50%, -50%);
}
left: 50%;
 
right: 50%;
.gallerybox .thumb img {
bottom: 15px;
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat
opacity: 0.3;
}
 
.ns-0 .gallerybox .thumb img,.ns-2 .gallerybox .thumb img,.ns-100 .gallerybox .thumb img,.nochecker .gallerybox .thumb img {
background-image: none
}
}
}
}


.flaggedrevs_draft_synced,.flaggedrevs_stable_synced,#t-upload,.mw-special-Book #coll-downloadbox {
/* Необходим для использования fonts.google.com/icons */
display: none
.material-symbols-outlined {
}
font-family: 'Material Symbols Outlined';
 
font-weight: normal;
#site-tools {
font-style: normal;
display: none !important
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased
}
}


span.comment {
#mw-indicator-mw-helplink a {
overflow-wrap: break-word
background-image: none;
}
}


#mw-page-base {
.mw-body-content sub,.mw-body-content sup,span.reference {
background: #1b1b1f;
font-size: 80%
color: lightgrey;
border: #1b1b1f
}
}


.mediawiki,.mw-page-container {
.ns-talk .mw-body-content dd {
background: #1b1b1f;
margin-top: 0.4em;
color: lightgrey;
margin-bottom: 0.4em
border: #1b1b1f
}
}


#mw-panel {
#interwiki-completelist {
background: #1b1b1f;
font-weight: bold
color: lightgrey;
border: #1b1b1f
}
}


#mw-content-container,#mw-header-container,#mw-content-wrapper,#mw-content,#p-logo {
.hatnote {
background: #1b1b1f;
    font-style: italic;
color: lightgrey;
    padding-left: 1.6em;
border: #1b1b1f
}
}


.mw-code {
.biglink {
background: var(--theme-bg);
font-family: var(--font-family-oswald);
color: lightgrey
font-style: oblique 10deg;
font-variant-caps: small-caps;
text-shadow: var(--theme-bg-color-base) 1px 2px,#595959dd 2px 2px 1px
}
}


footer,#footer-info-lastmod,#footer-info-copyright {
.client-js .mw-special-Watchlist #watchlist-message,.client-js .collapsible:not(.mw-made-collapsible).collapsed>tbody>tr:not(:first-child),#editpage-specialchars {
color: lightgrey
display: none
}
}


p,h1,h2,h3,h4,h5,h6,li {
.mw-rcfilters-enabled .mw-specialpage-summary {
color: lightgrey
margin-top: 1em
}
}


p {
.citation:target {
margin: 0.8em 0;
background: rgba(0, 127, 255, 0.133)
}
}


a,.vector-menu-portal .vector-menu-content li a,.vector-menu-tabs li a,body.skin--responsive #p-cactions li a,a:visited,.vector-menu-portal .vector-menu-content li a:visited,.vector-menu-tabs li a:visited,body.skin--responsive #p-cactions li a:visited {
.citation {
color: var(--text-color-link);
word-wrap: break-word
}
}


a.current {
ol.references {
color: lightgray !important;
font-size: 90%;
margin-bottom: 0.5em
}
}


a.label {
.hlist dl,.hlist ol,.hlist ul {
color: lightgray !important;
margin: 0;
padding: 0
}
}


a:hover,a:visited:hover {
.hlist dd,.hlist dt,.hlist li {
color: white
margin: 0;
display: inline
}
}


a.option {
.hlist.inline,.hlist.inline dl,.hlist.inline ol,.hlist.inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul {
background: var(--ooui--bg);
display: inline
color: lightgray !important;
border: 1px solid var(--ooui--border);
}
}


.screenplay, code, tt, kbd, pre, samp, .skin-timeless .monospace {
.hlist .mw-empty-li {
font-family: 'Menlo', 'Consolas', 'Monaco', 'Noto Mono', 'Nimbus Mono L', monospace;
display: none
}
}


/* КОНЕЦ */
.hlist dt:after {
 
content: ":"
/* ============ */
/* СТИЛИ ДЛЯ ui MediaWiki */
/* ============ */
 
.wikiEditor-ui-text {
background: #1b1b1f;
}
}


.wikiEditor-ui-toolbar .tabs span.tab a {
.hlist dd:after,.hlist li:after {
color: var(--text-color-link);
content: " · ";
font-weight: bold
}
}


.wikiEditor-ui-toolbar .section-secondary .group.empty {
.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
display: none;
content: none
}
}


.wikiEditor-ui .wikiEditor-ui-top {
.hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before {
border-color: var(--ooui--border);
content: " (";
font-weight: normal
}
}


.ext-WikiEditor-ResizingDragBar {
.hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after {
background: var(--theme-bg);
content: ")";
font-weight: normal
}
}


.ext-WikiEditor-ResizingDragBar-ns {
.hlist ol {
border-color: var(--ooui--border);
counter-reset: listitem
}
}


.ext-WikiEditor-ResizingDragBar span {
.hlist ol>li {
background-color: var(--ooui--border);
counter-increment: listitem
}
}


.ext-WikiEditor-ResizingDragBar:hover span {
.hlist ol>li:before {
background-color: var(--color-contrast2);
content: " " counter(listitem) "\a0"
}
}


.wikiEditor-ui .wikiEditor-ui-view {
.hlist dd ol>li:first-child:before,.hlist dt ol>li:first-child:before,.hlist li ol>li:first-child:before {
border-color: var(--ooui--border-light);
content: " (" counter(listitem) "\a0"
}
}


.wikiEditor-ui-toolbar {
.plainlist ol,.plainlist ul {
background: var(--ooui--bg);
line-height: inherit;
box-shadow: var(--box-shadow-medium);
list-style: none none;
color: white;
margin: 0
}
}


.wikiEditor-ui-toolbar .group {
.plainlist ol li,.plainlist ul li {
border-color: var(--ooui--border-light);
margin-bottom: 0
color: white;
}
}


.wikiEditor-ui-toolbar .group .label {
@media (max-width: 800px) {
color: lightgray;
.grid-adaptive {
grid-template-columns: 1fr !important;
}
}
}


/* invert(0) */
.grid-item-adaptive {
.tools-inline .selected span {
display: grid;
filter: invert(0);
gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 300px), 1fr));
}
}


.oo-ui-image-progressive {
.grid-small-item-adaptive {
filter: invert(0) !important;
display: grid;
gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
}


/* invert(1) */
.grid-item-compressed {
.wikiEditor-ui-toolbar .page-characters div span,
display: grid;
.shortcut-1 > span > span > img,
gap: 10px;
.tools-inline li:not(.selected) a,
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr));
.tools-inline li.selected a,
#personal h2, #site-tools h2, #site-navigation h2, #searchButton,
#personal h2 span,
.dropdown-toggle:after,
.mw-editsection,
.mw-editsection a,
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
.oo-ui-icon-template-format-block.oo-ui-image-invert{
filter: invert(1);
}
}


.tools-inline li.selected span {
.grid-item-compressed {
filter: invert(1);
display: grid;
color: lightgrey;
gap: 10px;
font-weight: bold;
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr));
}
}


.tools-inline span {
.link-card__flex-container {
filter: invert(1);
display: flex;
margin-left: 2px;
gap: 10px;
font-size: 15px;
justify-content: center;
font-family: "noto sans";
flex-grow: 1;  
align-items: flex-start;  
flex-wrap: wrap;  
align-content: center;
}
}


/* invert(0.75) */
@media (max-width: 800px) {
.wikiEditor-ui-toolbar .group .tool-select .label:after,
.link-card__flex-container {
.wikiEditor-ui-toolbar .tabs span.tab a:before,
gap: 8px;
.oo-ui-icon-menu,
}
.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon:not(.oo-ui-image-invert), .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator:not(.oo-ui-image-invert),
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-input > .oo-ui-icon-menu,
.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator,
.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
.oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon, .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
.oo-ui-iconElement-icon.oo-ui-icon-search,
.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
.oo-ui-icon-bookmark, .mw-ui-icon-bookmark:before,
.oo-ui-icon-template-format-block,
.oo-ui-icon-template-format-inline {
filter: invert(0.75);
}
}


.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon {
/* Удаление верхних и нижних отступов для первого и последнего дочернего элемента */
filter: invert(0.75) !important;
.no-margin-edges > :first-child,
.tabs-content > :first-child,
.doc > :first-child {
margin-top: 0 !important;
}
}


/* invert(0.5) */
.no-margin-edges > :last-child,
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator,
.tabs-content > :last-child,
.mw-enhancedchanges-arrow-space,
.doc > :last-child {
#mw-indicator-mw-helplink a .mw-helplink-icon {
margin-bottom: 0 !important;
filter: invert(0.5);
}
}


/* Простые стили с bg */
/* Сброс и настройка отступов для списков */
.oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button,
.list-reset-margin ol {
.mw-prefs-buttons,
margin: 0 0 0 24px;
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed,
padding: 0;
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-dropdownWidget,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
background: var(--ooui--bg);
}
}


.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content,
.list-reset-margin > ol:not(:first-child) > li:not(:first-child),
.mw-rcfilters-ui-menuSelectWidget-body.oo-ui-clippableElement-clippable,  
.list-reset-margin > ul:nth-of-type(n+2) {
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled,
margin-top: 10px;
.oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input,
.mw-widgets-datetime-calendarWidget-grid .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.ace_mobile-button:active,
.ace_mobile-button:hover,
.ace_searchbtn:hover {
background: var(--ooui--bg-dark);
}
}


.mw-rcfilters-ui-filterMenuSectionOptionWidget,
/* Кнопка копирования текста */
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover,
.copy-icon {
#ca-nstab-special.selected.mw-list-item,
cursor: pointer;
.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {
background: var(--ooui--bg-light);
}
}


.wikiEditor-ui-toolbar .booklet > .index > :hover,
/* Кнопка копирования текста */
.mw-rcfilters-ui-itemMenuOptionWidget:hover,
.brightness-overlay::before {
.mw-highlight .hll,
content: "";
.ace_button:hover:not(.checked),
position: absolute;
.ace_button:active {
top: 0;
background-color: var(--ooui--bg--hover);
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: var(--background-color);
}
}


.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background: var(--ooui--bg--hover) !important;
}


.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete {
/* Псевдоэлемент для добавления фона, который изменяет яркость при наведении */
background: var(--bg-message-subtle);
.brightness-overlay::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background: var(--background-color);
}
}


.mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add {
.brightness-overlay:hover::before {
border-color: var(--border-message-subtle);
filter: brightness(103%);
}
}


.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
/* Уменьшеная полоса прокрутки */
background: var(--ooui--bg);
@media not all and (hover: none) and (pointer: coarse) {
color: white;
body:not(.wgl-theme-light) .short-scrollbar::-webkit-scrollbar {  
width: 13px;
}
}
}


.wikiEditor-ui-toolbar .booklet > .index > .current {
/* Для для динамичного вида кнопки "[развернуть]" */
background: var(--ooui--bg-light);
.collapsible-absolute .mw-collapsible-toggle {
color: white !important;
position: absolute;
left: 0;
right: 0;
}
}


.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-single-column {
/* Обводка тенью изображений и текста */
background: var(--ooui--bg-darkened);
.with-drop-shadow,
color: lightgrey;
.mw-wiki-logo.timeless-logo img {
filter: var(--filter-drop-shadow-medium);
}
}


/* Простые стили с border */
.tooltip {
.mw-rcfilters-ui-watchlistTopSectionWidget-separator,
position: relative;
.mw-revslider-revision-tooltip .mw-revslider-filter-highlightable-row.mw-revslider-filter-highlight {
display: inline;
border-color: var(--ooui--border-lighter);
}
}


.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
.tooltiptext {
border-bottom-color: var(--ooui--border-light);
position: absolute;
}
min-width: 240px;
 
max-width: 100%;
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
left: -240px;
border-bottom-color: var(--ooui--bg-light);
right: -240px;
top: 125%;
margin-left: auto;
margin-right: auto;
z-index: 99;
padding: 22px;
pointer-events: none;
visibility: hidden;
transition: all 0.05s;
border: 1px solid var(--color-contrast);
border-radius: 1.4rem;
background: var(--ooui-bg-color);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
}


.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
.tooltip:hover>.tooltiptext {
border-top-color: var(--ooui--border-light);
visibility: visible;
opacity: 1;
}
}


.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
@media screen and (min-width: 851px) {
border-top-color: var(--ooui--bg-light);
.mobile {
}
display:none
}


.mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete {
.headder {
border-color: var(--border-warning);
width: 25%;
}
float: right;
margin-left: 1em
}


.mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add {
.stiky {
border-color: var(--border-message);
position: sticky;
top: 0.1em
}
}
}


/* Простые стили с bg + border */
@media screen and (max-width: 850px) {
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover,
.nomobile {
.footer-icons a:hover {
display: none !important;
background: var(--ooui--bg);
}
border-color: var(--ooui--border);
}


.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
.headder {
background-color: var(--bg-message-subtle);
width: 100%;
border-color: var(--border-message);
margin-left: 0;
}
}


.mw-message-box-warning,
.tooltip {
.cdx-message--warning,
position: static;
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
}
background-color: var(--bg-warning-subtle);
border-color: var(--border-warning);
}


.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
.tooltiptext {
background-color: var(--bg-notice-subtle);
box-shadow: var(--box-shadow-overlay);
border-color: var(--border-notice);
position: fixed!important;
width: 80vw !important;
top: 40vh !important;
left: 0 !important;
margin: 0 auto !important;
right: 0!important;
}
/*
.mobilefont {
font-size: 80%
}
*/
.mobile-image img {
width: 32px !important;
height: 32px !important;
}
}
}


.mw-message-box-error {
/* Класс для уменьшения яркости фона tabs */
background-color: var(--bg-error-subtle);
.tabs-no-background > .tabs-container {
border-color: var(--border-error);
background: rgba(var(--color-lighter--rgb), 0.02);
}
}
/* #endregion */


.cdx-message--error {
/* ============ */
background-color: var(--bg-error-subtle);
/* #region <syntaxhighlight> CODE BLOCKS  */
border-color: var(--border-error);
/* ============ */
}


.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
:root {
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span {
--synt-high--color-darkCreamy: #262421;
background-color: var(--ooui--bg-dark);
--synt-high--color-lightCreamy: hsl(38, 5%, 45%);
border: 1px solid var(--ooui--border-lighter);
 
--synt-high--color-comment: var(--synt-high--color-lightCreamy);
--synt-high--color-err: #ff1a94;
--synt-high--color-operator: #e7236a;
--synt-high--color-punctuation: #f8f8f2;
--synt-high--color-string: #e6db74;
--synt-high--color-date: var(--synt-high--color-string);
/* names for things such as variables, functions, classes, etc. */
--synt-high--color-name: #a6e22e;
/* literals, mostly numbers, some string stuff too. */
--synt-high--color-literal: #ae81ff;
/* keywords and constants */
--synt-high--color-keyword: #57b8cb;
--action-color: hsl(220, 60%, 50%);
}
}


.ace_optionsMenuEntry input, .ace_optionsMenuEntry button {
/* Modified version of https://github.com/richleland/pygments-css/blob/master/monokai.css */
background: var(--ooui--bg);
 
border: 1px solid var(--ooui--border-light);
/* Highlighted Lines */
margin: 0.35em 0.2em 0.25em 0;
body:not(.wgl-theme-light) .mw-highlight .hll {
background: var(--action-color);
}
}


.ace_optionsMenuEntry button {
/* Error */
background: var(--ooui--bg);
body:not(.wgl-theme-light) .mw-highlight .err {
border-color: var(--ooui--border-light);
color: var(--synt-high--color-err);
box-shadow: var(--box-shadow-inset-high);
background: hsl(328, 40%, 16%);
}
}


.ace_optionsMenuEntry button[ace_selected_button=true] {
/* Keyword */
background: var(--ooui--bg);
body:not(.wgl-theme-light) .mw-highlight .k {
border-color: var(--ooui--border-light);
color: var(--synt-high--color-keyword);
box-shadow: var(--box-shadow-inset-high);
}
}


#ace_settingsmenu, #kbshortcutmenu {
/* Literal */
background: var(--ooui--bg-darkened);
body:not(.wgl-theme-light) .mw-highlight .l {
box-shadow: var(--box-shadow-high);
color: var(--synt-high--color-literal);
color: lightgray;
}
}


/* Простые стили с color */
/* Name */
.mw-twocolconflict-split-editable .mw-twocolconflict-split-editor,
body:not(.wgl-theme-light) .mw-highlight .n {
.cdx-message,
color: #f8f8f2;
.mw-message-box,
.wikiEditor-ui-toolbar .booklet > .index {
color: lightgray;
}
}


#contentSub,
/* Operator */
.mw-templatedata-doc-muted,
body:not(.wgl-theme-light) .mw-highlight .o {
.mw-templatedata-doc-param-alias {
color: var(--synt-high--color-operator);
color: var(--theme-color-text-dark);
}
}


/* Стили с color-contrast */
/* Punctuation */
.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button,
body:not(.wgl-theme-light) .mw-highlight .p {
.mw-portlet-body #ca-move.selected {
color: var(--synt-high--color-punctuation);
background: var(--bg-contrast-m--rgba);  
}
}


.ace_optionsMenuEntry button:hover {
/* Comment */
background: var(--color-contrast2);
body:not(.wgl-theme-light) .mw-highlight .c {
border-color: var(--color-contrast);
color: var(--synt-high--color-comment);
}
}


/* Сложные стили */
/* Comment.Hashbang */
.mw-footer .footer-icons a {
body:not(.wgl-theme-light) .mw-highlight .ch {
background: var(--theme-bg-dark);
color: var(--synt-high--color-comment);
border: 1px solid var(--ooui--border-dark);
padding-right: 15px;
padding-left: 15px;
min-height: 44px;
display: inline-flex;
align-items: center;
}
}


#footer-poweredbyico a {
/* Comment.Multiline */
background-image: url(https://commons.wiki.gg/images/1/1c/MediaWiki_footer_badge_dark.svg?12ec0a);
body:not(.wgl-theme-light) .mw-highlight .cm {
background-position: 50% 50%;
color: var(--synt-high--color-comment);
background-size: 88px 31px;
background-repeat: no-repeat;
}
}


#footer-poweredbyico a img {
/* Comment.Preproc */
visibility: hidden;
body:not(.wgl-theme-light) .mw-highlight .cp {
color: var(--synt-high--color-comment);
}
}


/* Остальное */
/* Comment.PreprocFile */
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
body:not(.wgl-theme-light) .mw-highlight .cpf {
border-color: var(--color-contrast);
color: var(--synt-high--color-comment);
background: var(--ooui--bg-light);
border-width: 2px;
}
}


/* КОНЕЦ */
/* Comment.Single */
 
body:not(.wgl-theme-light) .mw-highlight .c1 {
.wikiEditor-ui-toolbar .group .tool-select .options {
color: var(--synt-high--color-comment);
border: none;
}
}


.wikiEditor-ui-toolbar .sections .section {
/* Comment.Special */
border-color: var(--ooui--border-light);
body:not(.wgl-theme-light) .mw-highlight .cs {
color: var(--synt-high--color-comment);
}
}


.wikiEditor-ui-toolbar .page-table th {
/* Generic.Deleted */
color: lightgrey;
body:not(.wgl-theme-light) .mw-highlight .gd {
color: #f92672;
}
}


.wikiEditor-ui-toolbar .page-table td {
/* Generic.Emph */
color: lightgrey;
body:not(.wgl-theme-light) .mw-highlight .ge {
font-style: italic;
}
}


.oo-ui-indicatorElement-indicator {
/* Generic.Inserted */
background-size: contain;
body:not(.wgl-theme-light) .mw-highlight .gi {
background-position: center center;
color: var(--synt-high--color-name);
background-repeat: no-repeat;
position: absolute;
top: 0;
min-width: 12px;
width: 0.8571429em;
min-height: 12px;
height: 100%;
}
}


a.extiw:visited,a.external:visited,.mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,body.skin--responsive #p-cactions li a.external:visited {
/* Generic.Strong */
color: var(--text-color-link-external)
body:not(.wgl-theme-light) .mw-highlight .gs {
font-weight: bold;
}
}


.vector-menu-tabs li {
/* Generic.Subheading */
background: var(--theme-bg)
body:not(.wgl-theme-light) .mw-highlight .gu {
color: #75715e;
}
}


#p-logo-text a {
/* Keyword.Constant */
color: lightgrey
body:not(.wgl-theme-light) .mw-highlight .kc {
color: var(--synt-high--color-keyword);
}
}


#ca-nstab-mediawiki.a {
/* Keyword.Declaration */
color: lightgrey
body:not(.wgl-theme-light) .mw-highlight .kd {
color: var(--synt-high--color-keyword);
}
}


#mw-changeslist-links {
/* Keyword.Namespace */
background: var(--theme-bg);
body:not(.wgl-theme-light) .mw-highlight .kn {
color: lightgrey
color: #f92672;
}
}


#simpleSearch {
/* Keyword.Pseudo */
background: var(--ooui--bg);
body:not(.wgl-theme-light) .mw-highlight .kp {
border: 1px solid var(--ooui--border);
color: var(--synt-high--color-keyword);
color: lightgrey;
border-radius: var(--border-radius-low);
}
}


#searchInput {
/* Keyword.Reserved */
color: white
body:not(.wgl-theme-light) .mw-highlight .kr {
color: var(--synt-high--color-keyword);
}
}


#pt-createaccount {
/* Keyword.Type */
visibility: hidden;
body:not(.wgl-theme-light) .mw-highlight .kt {
display: none
color: var(--synt-high--color-keyword);
}
}


.vector-user-links .vector-user-menu-more .vector-menu-content-list li a, #personal .dropdown {
/* Literal.Date */
background: var(--ooui--bg-dark);
body:not(.wgl-theme-light) .mw-highlight .ld {
border-color: var(--ooui--border);
color: var(--synt-high--color-date);
color: lightgrey;
box-shadow: var(--box-shadow-medium);
}
}


.mw-notification {
/* Literal.Number */
background: var(--ooui--bg-dark);
body:not(.wgl-theme-light) .mw-highlight .m {
border: 1px solid var(--ooui--border);
color: var(--synt-high--color-literal);
color: lightgrey;
box-shadow: var(--box-shadow-medium);
}
}


@media screen and (min-width: 851px) {
/* Literal.String */
#personal .dropdown:before, #personal .dropdown:after {
body:not(.wgl-theme-light) .mw-highlight .s {
border-bottom: 10px solid var(--ooui--border-light);
color: var(--synt-high--color-string);
}
}
}


@media screen and (min-width: 851px) {
/* Name.Attribute */
#personal .dropdown:after {
.mw-highlight .na {
border-bottom: 10px solid var(--ooui--bg-dark);
color: var(--synt-high--color-name);
}
}
}


.vector-menu-tabs .selected {
/* Name.Builtin */
background: #1b1b1f
body:not(.wgl-theme-light) .mw-highlight .nb {
color: #f8f8f2;
}
}


#pagehistory li.selected {
/* Name.Class */
background: #1B4D3E;
body:not(.wgl-theme-light) .mw-highlight .nc {
font-weight: bold
color: var(--synt-high--color-name);
}
}


div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon,div.titleblacklist-warning {
/* Name.Constant */
background: #7C0A02;
body:not(.wgl-theme-light) .mw-highlight .no {
border: 1px solid #bb7070
color: var(--synt-high--color-keyword);
}
}


/* Стиль для таблиц wikitable */
/* Name.Decorator */
.wikitable {
body:not(.wgl-theme-light) .mw-highlight .nd {
border-spacing: 1px;
color: var(--synt-high--color-name);
padding: 10px;
border-collapse: separate;
border: none;
border-radius: 0.8em;
background: var(--theme-bg-light);
color: #dddddd;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.55);
}
}


.wikitable>*>tr>*{
/* Name.Entity */
padding: 0.4em !important;
body:not(.wgl-theme-light) .mw-highlight .ni {
margin: 0 !important;
color: #f8f8f2;
border: none;
}
}


.wikitable>*>tr>th {
/* Name.Exception */
background: var(--theme-bg-light);
body:not(.wgl-theme-light) .mw-highlight .ne {
color: #e1e1e1;
color: var(--synt-high--color-name);
}
}


.wikitable>*>tr>td {
/* Name.Function */
background: #31313b;
body:not(.wgl-theme-light) .mw-highlight .nf {
color: var(--synt-high--color-name);
}
}


.wikitable p, .wikitable h1, .wikitable h2, .wikitable h3, .wikitable h4, .wikitable h5, .wikitable h6, .wikitable li {
/* Name.Label */
color: #dddddd;
body:not(.wgl-theme-light) .mw-highlight .nl {
color: #f8f8f2;
}
}


/* Закругление верхнего левого угла первой ячейки */
/* Name.Namespace */
.wikitable thead tr:first-child th:first-child,
body:not(.wgl-theme-light) .mw-highlight .nn {
.wikitable thead tr:first-child td:first-child,
color: #f8f8f2;
.wikitable:not(:has(thead)) tr:first-child th:first-child,
}
.wikitable:not(:has(thead)) tr:first-child td:first-child {
 
border-top-left-radius: 4px;
/* Name.Other */
body:not(.wgl-theme-light) .mw-highlight .nx {
color: var(--synt-high--color-name);
}
}


/* Закругление верхнего правого угла последней ячейки */
/* Name.Property */
.wikitable thead tr:first-child th:last-child,
body:not(.wgl-theme-light) .mw-highlight .py {
.wikitable thead tr:first-child td:last-child,
color: #f8f8f2;
.wikitable:not(:has(thead)) tbody > tr:first-child th:last-child,
.wikitable:not(:has(thead)) tbody > tr:first-child td:last-child {
border-top-right-radius: 4px;
}
}


/* Закругление нижнего левого угла первой ячейки последнего ряда
/* Name.Tag */
.wikitable tbody tr:last-child th:first-child,
body:not(.wgl-theme-light) .mw-highlight .nt {
.wikitable tbody tr:last-child td:first-child {
color: #f92672;
border-bottom-left-radius: 4px;
}
}*/


/* Закругление нижнего правого угла последней ячейки последнего ряда
/* Name.Variable */
.wikitable tbody tr:last-child th:last-child,
body:not(.wgl-theme-light) .mw-highlight .nv {
.wikitable tbody tr:last-child td:last-child {
color: #f8f8f2;
border-bottom-right-radius: 4px;
}
}*/


/* Таблицы на телефонах */
/* Operator.Word */
@media screen and (max-width: 850px) {
body:not(.wgl-theme-light) .mw-highlight .ow {
.wikitable {
color: var(--synt-high--color-operator);
font-size: 0.65em;
padding: 5px !important;
}
.wikitable:not(.no-img-adaptive) img[width="64"][height="64"] {
width: 32px;
height: 32px;
}
.wikitable:not(.no-img-adaptive) img[width="64"][height="128"] {
width: 32px;
height: 64px;
}
.wikitable:not(.no-img-adaptive) img[width="128"][height="128"] {
width: 64px;
height: 64px;
}
}
}


ul#filetoc, .toc, .toccolours, .mw-warning {
/* Text.Whitespace */
border-radius: 0.5em;
body:not(.wgl-theme-light) .mw-highlight .w {
background: var(--theme-bg-light);
color: #f8f8f2;
padding: 14px;
}
box-sizing: border-box;
 
margin: 12px 0;
/* Literal.Number.Bin */
min-width: 12em;
body:not(.wgl-theme-light) .mw-highlight .mb {
border: none;
color: var(--synt-high--color-literal);
box-shadow: var(--box-shadow-outline);
line-height: 1.3;
}
}


.toc, .toc * {
/* Literal.Number.Float */
box-sizing: border-box;
body:not(.wgl-theme-light) .mw-highlight .mf {
color: var(--synt-high--color-literal);
}
}


.toc .toctitle {
/* Literal.Number.Hex */
font-size: 0.95em;
body:not(.wgl-theme-light) .mw-highlight .mh {
padding: 0 8px;
color: var(--synt-high--color-literal);
display: flex;
align-items: center;
position: relative;
overflow: hidden;
text-align: left;
border: none;
}
}


.toc .toctitle h2 {
/* Literal.Number.Integer */
font-size: 1.1em;
body:not(.wgl-theme-light) .mw-highlight .mi {
font-weight: bold;
color: var(--synt-high--color-literal);
display: flex;
align-items: center;
}
}


.toc .toctitle h2::before {
/* Literal.Number.Oct */
content: "";
body:not(.wgl-theme-light) .mw-highlight .mo {
display: block;
color: var(--synt-high--color-literal);
width: 12px;
}
height: 12px;
 
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
/* Literal.String.Affix */
-webkit-mask: var(--mask);
body:not(.wgl-theme-light) .mw-highlight .sa {
mask: var(--mask);
color: var(--synt-high--color-string);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background-color: var(--theme-icon-color);
margin: 0 6px 0 0;
}
}


.toc .toctogglelabel {
/* Literal.String.Backtick */
position: absolute;
body:not(.wgl-theme-light) .mw-highlight .sb {
width: 100%;
color: var(--synt-high--color-string);
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
font-size: unset;
line-height: unset;
display: flex;
align-items: center;
justify-content: flex-end;
font-family: "noto sans";
}
}


.toctogglecheckbox:not(:checked) + .toctitle .toctogglelabel:after,
/* Literal.String.Char */
.toctogglecheckbox:checked + .toctitle .toctogglelabel:after {
body:not(.wgl-theme-light) .mw-highlight .sc {
content: "";
color: var(--synt-high--color-string);
display: block;
}
pointer-events: none;
--mask: var(--icon-chevron-down) no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background-color: var(--theme-icon-color);
width: 14px;
height: 14px;
flex: 0 0 auto;
transform: scaleY(-1);
}


.toctogglecheckbox:checked + .toctitle .toctogglelabel:after {
/* Literal.String.Delimiter */
transform: none;
body:not(.wgl-theme-light) .mw-highlight .dl {
color: var(--synt-high--color-string);
}
}


.toc > ul {
/* Literal.String.Doc */
margin: 6px 0 0 0;
body:not(.wgl-theme-light) .mw-highlight .sd {
border-top: 1px solid var(--theme-border);
color: var(--synt-high--color-string);
padding-top: 2px;
}
}


#searchInput:focus {
/* Literal.String.Double */
outline: 2px solid var(--color-contrast);
body:not(.wgl-theme-light) .mw-highlight .s2 {
color: var(--synt-high--color-string);
}
}


.toctogglecheckbox:focus + .toctitle .toctogglelabel {
/* Literal.String.Escape */
outline: none;
body:not(.wgl-theme-light) .mw-highlight .se {
color: var(--synt-high--color-literal);
}
}


.mw-content-ltr .tocnumber {
/* Literal.String.Heredoc */
color: grey
body:not(.wgl-theme-light) .mw-highlight .sh {
color: var(--synt-high--color-string);
}
}


.quickbox {
/* Literal.String.Interpol */
border: 1px solid var(--ooui--border);
body:not(.wgl-theme-light) .mw-highlight .si {
background: var(--ooui--bg);
color: var(--synt-high--color-string);
}
}


.quickboxhead {
/* Literal.String.Other */
border-bottom: 1px solid var(--ooui--border);
body:not(.wgl-theme-light) .mw-highlight .sx {
background: #1b1b1f;
color: var(--synt-high--color-string);
text-align: center
}
}


.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
/* Literal.String.Regex */
margin: 0;
body:not(.wgl-theme-light) .mw-highlight .sr {
color: var(--synt-high--color-string);
}
}


.results-info {
/* Literal.String.Single */
color: var(--theme-color-text-dark);
body:not(.wgl-theme-light) .mw-highlight .s1 {
color: var(--synt-high--color-string);
}
}


.mw-search-result-data {
/* Literal.String.Symbol */
color: var(--theme-color-text-dark);
body:not(.wgl-theme-light) .mw-highlight .ss {
color: var(--synt-high--color-string);
}
}


.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button {
/* Name.Builtin.Pseudo */
font-size: 14px;
body:not(.wgl-theme-light) .mw-highlight .bp {
color: #f8f8f2;
}
}


.mw-rcfilters-ui-filterWrapperWidget-bottom {
/* Name.Function.Magic */
gap: 4px;
body:not(.wgl-theme-light) .mw-highlight .fm {
color: var(--synt-high--color-name);
}
}


.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget {
/* Name.Variable.Class */
padding: 0.6em;
body:not(.wgl-theme-light) .mw-highlight .vc {
border: 1px solid var(--ooui--border);
color: #f8f8f2;
}
}


.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
/* Name.Variable.Global */
border-color: var(--ooui--border-lighter);
body:not(.wgl-theme-light) .mw-highlight .vg {
color: #f8f8f2;
}
}


.mw-changeslist-legend {
/* Name.Variable.Instance */
max-width: 300px;
body:not(.wgl-theme-light) .mw-highlight .vi {
color: #f8f8f2;
}
}


.mw-changeslist-legend {
/* Name.Variable.Magic */
display: none;
body:not(.wgl-theme-light) .mw-highlight .vm {
color: #f8f8f2;
}
}


.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget > .mw-changeslist-legend {
/* Literal.Number.Integer.Long */
display: block;
body:not(.wgl-theme-light) .mw-highlight .il {
background: var(--ooui--bg-light);
color: var(--synt-high--color-literal);
}
}
/* #endregion */


.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
/* ============ */
color: lightgray;
/* #region SOURCE EDITOR → SYNTAX HIGHLIGHTING */
}
/* based on: https://github.com/wikimedia/mediawiki-extensions-CodeMirror/blob/master/resources/mode/mediawiki/mediawiki.less */
 
/* ============ */
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
:root {
color: lightgray;
/* "se-cm" = Source Editor - Code Mirror */
}
/* same color as for source editor */
 
--se-cm--bg-color: var(--bg-color-light-x2);
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget {
/* same color as for code block */
background: var(--ooui--bg);
--se-cm--gutter-bg-color: var(--code-color-bg);
border-color: var(--ooui--border);
/* margin to the left for the main contents of the editor */
color: white;
--se-cm--main-contents-left-margin: 0.25rem;
border-radius: 0.4em 0.4em 0 0;
/* bg color for pre/nowiki tags contents */
}
--se-cm--pre-bg-color: hsl(205, 21%, 15%);
 
/* from the <syntaxhighlight> theme */
.mw-rcfilters-ui-datePopupWidget {
--se-cm--comment-color: var(--synt-high--color-comment);
border-color: var(--ooui--border-lighter);
--se-cm--error-color: var(--red-color);
}
/* link itself */
 
--se-cm--link-color: #699ae9;
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
/* link delimiter */
color: var(--theme-color-text-dark);
--se-cm--cm-mw-link-delimiter: var(--se-cm--template-delimiter-color);
}
/* link text */
 
--se-cm--link-text-color: #3873d3;
.mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedseen div.mw-rcfilters-ui-highlights-color-none {
--se-cm--link-brackets-color: var(--se-cm--link-text-color);
background-color: var(--ooui--border-light);
/* things like "DISPLAYTITLE" "templates" (the whole template except the value part) */
border: 1px solid var(--color-contrast);
--se-cm--parser-function-color: #e0485a;
}
/* function param values */
 
--se-cm--parser-function-values-color: #e0cacd;
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
/* table brackets and row delimiter */
background-color: var(--color-contrast2);
--se-cm--table-punctuation-color: var(--se-cm--parser-function-color);
border-color: var(--color-contrast2);
/* table settings */
}
--se-cm--table-settings-color: var(--se-cm--template-name-color);
 
/* template name */
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover {
--se-cm--template-name-color: #a142cf;
border-color: var(--color-contrast);
/* template arg names */
}
--se-cm--template-arg-name-color: #9e27da;
 
/* template brackets */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
--se-cm--template-brackets-color: var(--se-cm--template-name-color);
background-color: var(--color-contrast2);
/* template arg values */
border-color: var(--color-contrast);
--se-cm--template-values-color: #a3cced;
color: white;
/* template arg delimiters */
--se-cm--template-delimiter-color: var(--se-cm--link-color);
/* template param name */
--se-cm--template-param-name-color: #d07b00;
/* template param brackets */
--se-cm--template-param-brackets-color: #ac6600;
/* template param values */
--se-cm--template-param-value-color: hsl(207,90%,83%);
/* template param delimiter */
--se-cm--template-param-delimiter-color: var(--se-cm--template-delimiter-color);
/* wiki formatting: headers, bullet points, bold/italic quotes, etc. */
--se-cm--wikitext-formatting-color: var(--se-cm--link-text-color);
/* html tags, including ones specific for the wiki (like syntaxhighlight) */
--se-cm--xml-tag-color: #11a886;
/* selection color */
--se-cm--selection-color: hsl(205, 21%, 30%);
/* bg color applied when selecting a bracket that has a match (in templates) */
--se-cm--matching-brackets-bg-color: hsl(205, 21%, 44%);
}
}
 
/* the whole content body code mirror wrapper */
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover {
body:not(.wgl-theme-light) .CodeMirror-wrap {
background-color: var(--color-contrast2);
/* same color as for source editor */
border-color: var(--color-contrast);
background: var(--se-cm--bg-color);
color: white;
/* color for the text that the other rules don't apply to (regular text, header text, etc.) */
color: var(--text-color);
}
}
 
/* the actual lines of text */
.tdg-templateDataParamWidget-param-description {
body:not(.wgl-theme-light) .CodeMirror pre.CodeMirror-line {
color: var(--theme-color-text-dark);
/* a little bit of margin for the main content */
margin-left: var(--se-cm--main-contents-left-margin);
}
}
 
/* gutters?? */
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button {
body:not(.wgl-theme-light) .CodeMirror-wrap .CodeMirror-gutters {
border-color: transparent;
border-color: var(--ooui-border-color);
border-right-color: var(--ooui--border);
}
}
 
/* gutter */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
body:not(.wgl-theme-light) .CodeMirror-wrap .CodeMirror-gutter {
border-color: transparent;
/* same color as for code block */
border-right-color: var(--ooui--border);
background: var(--se-cm--gutter-bg-color);
}
}
 
/* selection */
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active {
body:not(.wgl-theme-light) .CodeMirror-line::selection,
border-color: transparent;
/* selection */
border-right-color: var(--ooui--border);
body:not(.wgl-theme-light) .CodeMirror-line>span::selection,
/* selection */
body:not(.wgl-theme-light) .CodeMirror-line>span>span::selection {
background: var(--se-cm--selection-color);
}
}
 
/* bullet point symbol */
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active {
body:not(.wgl-theme-light) .cm-mw-list,
background-color: var(--color-contrast2);
/* ???? */
border-color: var(--color-contrast);
body:not(.wgl-theme-light) .cm-mw-indenting {
color: var(--se-cm--wikitext-formatting-color);
}
}
 
/* magic words */
.mw-revslider-container {
body:not(.wgl-theme-light) .cm-mw-doubleUnderscore,
border-color: var(--ooui--border-light);
/* magic words */
body:not(.wgl-theme-light) .cm-mw-double-underscore,
/* ???? user signature maybe */
body:not(.wgl-theme-light) .cm-mw-signature,
/* ???? hr tags prob */
body:not(.wgl-theme-light) .cm-mw-hr {
color: var(--se-cm--wikitext-formatting-color);
/* override the defaults */
background: inherit;
}
}
 
/* html sequences like "&nbsp;" */
.mw-revslider-slider-wrapper {
body:not(.wgl-theme-light) .cm-mw-mnemonic,
border-color: var(--ooui--border-light);
/* ???? */
body:not(.wgl-theme-light) .cm-mw-html-entity {
color: var(--se-cm--xml-tag-color);
background: #684905;
border-radius: 2px;
}
}
 
/* comments */
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
body:not(.wgl-theme-light) .cm-mw-comment {
background-color: var(--ooui--bg);
color: var(--se-cm--comment-color);
border-color: var(--ooui--border-light);
color: white;
text-shadow: none;
}
}
 
/* formatting: 3 apostrophes for bold text */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
body:not(.wgl-theme-light) .cm-mw-apostrophes-bold,
background-color: var(--ooui--bg);
/* formatting: 2 apostrophes for italic text
border-color: var(--ooui--border-light);
todo make them separate? better eligibility */
color: white;
body:not(.wgl-theme-light) .cm-mw-apostrophes-italic {
color: var(--se-cm--wikitext-formatting-color);
}
}
 
/* template name */
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input {
body:not(.wgl-theme-light) .cm-mw-template-name {
color: white;
color: var(--se-cm--template-name-color);
/* disable the default */
text-decoration: none;
}
}
 
/* template arg names */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
body:not(.wgl-theme-light) .cm-mw-template-argument-name {
background-color: var(--color-contrast2);
color: var(--se-cm--template-arg-name-color);
}
}
 
/* template arg values */
.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot {
body:not(.wgl-theme-light) .cm-mw-template {
outline-color: var(--ooui--border);
color: var(--ooui-text-color);
background: var(--ooui--bg);
}
}
 
/* template pipe delimiters (maybe colon too for modules?) */
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
body:not(.wgl-theme-light) .cm-mw-template-delimiter {
background: transparent;
color: var(--se-cm--template-name-color);
}
}
 
/* template brackets */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
body:not(.wgl-theme-light) .cm-mw-template-bracket {
background: transparent;
color: var(--se-cm--template-brackets-color);
}
}
 
/* template variable (with 3 brackets) name */
.mw-templateData-template-map-list-menu-panel {
body:not(.wgl-theme-light) .cm-mw-templatevariable-name {
border-color: var(--ooui--border);
color: var(--se-cm--template-param-name-color);
}
}
 
/* template variable (with 3 brackets) value */
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
body:not(.wgl-theme-light) .cm-mw-templatevariable {
background: var(--bg-contrast-m--rgba);
color: var(--se-cm--template-param-brackets-color);
color: white;
}
}
 
/* template variable brackets (3 brackets) */
.oo-ui-searchWidget-query {
body:not(.wgl-theme-light) .cm-mw-templatevariable-bracket {
border-color: var(--ooui--border-lighter);
color: var(--se-cm--template-param-brackets-color);
}
}
 
/* template variable (with 3 brackets) delimiter */
.oo-ui-searchWidget-results {
body:not(.wgl-theme-light) .cm-mw-templatevariable-delimiter {
background: var(--ooui--bg-darkened);
color: var(--se-cm--template-param-brackets-color);
}
}
 
/* parser functions (things like "DISPLAYTITLE" or invokes) → name */
.oo-ui-searchWidget-query {
body:not(.wgl-theme-light) .cm-mw-parserfunction-name {
border-color: var(--ooui--border-light);
color: var(--se-cm--parser-function-color) !important;
background: var(--ooui--bg-darkened);
}
}
 
/* parser functions (things like "DISPLAYTITLE" or invokes) → value */
.mw-templateData-template-add-map-button-panel.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-expanded.tdg-templateDataDialog-addNewMapButtonPanel {
body:not(.wgl-theme-light) .cm-mw-parserfunction {
display: flex;
color: var(--se-cm--parser-function-values-color);
align-items: center;
}
}
 
/* parser functions (things like "DISPLAYTITLE" or invokes) → brackets */
.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
body:not(.wgl-theme-light) .cm-mw-parserfunction-bracket {
border-radius: 0;
color: var(--se-cm--parser-function-color);
}
}
 
/* parser functions (things like "DISPLAYTITLE" or invokes) → delimiters */
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-ui-highlights > div {
body:not(.wgl-theme-light) .cm-mw-parserfunction-delimiter {
margin-right: 8px;
color: var(--se-cm--parser-function-color);
}
}
 
/* wiki html tag names? like >syntaxhighlight> */
.oo-ui-popupWidget-popup {
body:not(.wgl-theme-light) .cm-mw-exttag-name,
background: var(--ooui--bg-light);
/* html tag names */
border-color: var(--ooui--border-light);
body:not(.wgl-theme-light) .cm-mw-htmltag-name {
color: lightgray;
color: var(--se-cm--xml-tag-color);
}
}
 
/* if a string starts with an empty space, it will generate a pre block.
.oo-ui-menuSelectWidget {
this targets that one single space.
border-color: var(--ooui--border);
same style as for html tag names, but for bg here */
background: var(--ooui--gradient);
body:not(.wgl-theme-light) .cm-mw-skipformatting {
box-shadow: var(--box-shadow);
background: var(--se-cm--xml-tag-color);
}
}
 
/* wiki html tag brackets */
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
body:not(.wgl-theme-light) .cm-mw-exttag-bracket,
background: var(--ooui--border);
/* wiki html tag attributes (name, delimiter, value) */
body:not(.wgl-theme-light) .cm-mw-exttag-attribute,
/* html tag brackets */
body:not(.wgl-theme-light) .cm-mw-htmltag-bracket,
/* html tag attributes (name, delimiter, value) */
body:not(.wgl-theme-light) .cm-mw-htmltag-attribute {
color: var(--se-cm--xml-tag-color);
}
}
 
/* pre tag BLOCK contents */
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-pre,
background: var(--ooui--bg--hover);
/* pre tag INLINE contents */
outline: 1px solid var(--ooui--border);
body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-pre,
}
/* ???? */
 
body:not(.wgl-theme-light) pre.CodeMirror-line-like.cm-mw-tag-pre,
.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 {
/* pre tag contents */
background-color: var(--bg-contrast-m--rgba) !important;
body:not(.wgl-theme-light) .cm-mw-tag-pre,
/* ============== */
/* nowiki tag BLOCK contents */
body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-nowiki,
/* nowiki tag INLINE contents */
body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-nowiki,
/* ???? */
body:not(.wgl-theme-light) pre.CodeMirror-line-like.cm-mw-tag-nowiki,
/* nowiki tag contents */
body:not(.wgl-theme-light) .cm-mw-tag-nowiki {
background: var(--se-cm--pre-bg-color);
}
}
 
/* pre tag BLOCK contents */
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-pre,
border-color: var(--ooui--border);
/* nowiki tag BLOCK contents */
color: lightgrey;
body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-nowiki {
transition: all 0.01s;
/* colors the margin gap bg for block variants */
cursor: pointer;
box-shadow: calc(-1 * var(--se-cm--main-contents-left-margin)) 0
var(--se-cm--pre-bg-color);
}
}
 
/* pre tag INLINE contents */
.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-pre,
color: lightgrey;
/* nowiki tag INLINE contents */
cursor: pointer;
body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-nowiki {
/* a little corner rounding won't hurt a thing! */
border-radius: 2px;
}
}
 
/* ???? */
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
body:not(.wgl-theme-light) .cm-mw-link,
color: var(--theme-color-text-dark);
/* ???? */
cursor: pointer;
body:not(.wgl-theme-light) .cm-mw-link-tosection,
/* header equal signs */
body:not(.wgl-theme-light) .cm-mw-section-header {
color: var(--se-cm--wikitext-formatting-color);
}
}
 
/* link itself */
/*==========
body:not(.wgl-theme-light) .cm-mw-link-pagename,
  Страница
/* external link itself, without protocol */
==========*/
body:not(.wgl-theme-light) .cm-mw-extlink,
 
/* ???? same as above, maybe? */
/* Заголовок */
body:not(.wgl-theme-light) .cm-mw-free-extlink,
.mw-body h1.firstHeading {
/* external link protocol (the "https://" part) */
border-width: 3px;
body:not(.wgl-theme-light) .cm-mw-extlink-protocol,
/* ???? same as above, maybe? */
body:not(.wgl-theme-light) .cm-mw-free-extlink-protocol {
color: var(--se-cm--link-color);
}
}
 
/* link brackets */
/* Содержание */
body:not(.wgl-theme-light) .cm-mw-link-bracket,
.mw-body {
/* external link brackets */
background: var(--theme-bg);
body:not(.wgl-theme-light) .cm-mw-extlink-bracket {
color: lightgrey;
color: var(--se-cm--link-color);
padding: 12px 14px;
border-radius: var(--border-radius-low);
box-shadow: var(--box-shadow-outline);
border: none;
border-top: 1px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
}
}
 
/* link delimiter */
@media screen and (max-width: 850px) {
body:not(.wgl-theme-light) .cm-mw-link-delimiter {
.mw-body {
color: var(--se-cm--cm-mw-link-delimiter);
padding: 6px;
}
}
}
 
/* link text */
/* Категории */
body:not(.wgl-theme-light) .cm-mw-link-text,
#content-bottom-stuff .catlinks {
/* external link text */
margin-top: 6px;
body:not(.wgl-theme-light) .cm-mw-extlink-text {
border-radius: var(--border-radius-low);
color: var(--se-cm--link-text-color);
border: none;
box-shadow: var(--box-shadow-outline);
border-top: 1px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
}
}
 
/* tables opening "{|" and closing "|}" brackets */
/*==========
body:not(.wgl-theme-light) .cm-mw-table-bracket,
  Заглавный поисковик
/* table row delimiter (doesn't include cols!) */
==========*/
body:not(.wgl-theme-light) .cm-mw-table-delimiter {
 
color: var(--se-cm--table-punctuation-color);
/* Выдвижной блок */
.suggestions {
box-shadow: var(--box-shadow-high);
border-radius: 0 0 0.3em 0.3em;
background: var(--theme-bg-dark);
border: 1px solid var(--ooui--border);
border-top: 2px solid var(--color-contrast);
padding-top: 4px;
}
}
 
/* the table settings I guess? (like «class="wikitable"») */
.suggestions .suggestions-results, /* Блок страниц */
body:not(.wgl-theme-light) .cm-mw-table-definition {
.suggestions .suggestions-special  /* Блок поиска страниц, содержащих введённый текст */ {
color: var(--se-cm--table-settings-color);
border-radius: 0.4em;
margin: 0.5em;
background: var(--ooui--bg);
border: 1px outset rgb(0 0 0 / 20%);
}
}
 
/* ???? idk some kind of formatting errors? */
/* Страницы */
body:not(.wgl-theme-light) .cm-error,
.suggestions .suggestions-result {
body:not(.wgl-theme-light) .cm-mw-error,
color: white;
body:not(.wgl-theme-light) .cm-s-default .cm-error {
margin: 6px;
color: var(--se-cm--error-color);
}
}
 
body:not(.wgl-theme-light) .cm-mw-matchingbracket {
/* Если пустой */
background: var(--se-cm--matching-brackets-bg-color);
.suggestions .suggestions-results:empty {
/* disable the default */
display: none;
box-shadow: none;
}
}
 
/* various inline bg targeting things, idk what each of them target exactly */
.suggestions-special .special-label {
.cm-mw-template2-ground,
color: lightgray;
.cm-mw-template3-ground,
}
.cm-mw-ext-ground,
 
.cm-mw-template-ext-ground,
.suggestions-special .special-query {
.cm-mw-ext2-ground,
color: white;
.cm-mw-template-ext2-ground,
}
.cm-mw-ext3-ground,
 
.cm-mw-template-ext3-ground,
/* Подсветка при наведении */
.cm-mw-link-ground,
.suggestions .suggestions-result-current {
.cm-mw-ext-link-ground,
background-color: var(--color-contrast2);
.cm-mw-template-link-ground,
outline: 1px solid var(--color-contrast);
.cm-mw-ext2-link-ground,
border-radius: var(--border-radius-low);
.cm-mw-template-ext-link-ground,
border-color: var(--color-contrast2);
.cm-mw-ext3-link-ground,
.cm-mw-template-ext2-link-ground,
.cm-mw-template-ext3-link-ground,
.cm-mw-template2-ext-ground,
.cm-mw-template2-ext2-ground,
.cm-mw-template2-ext3-ground,
.cm-mw-template2-link-ground,
.cm-mw-template2-ext-link-ground,
.cm-mw-template2-ext2-link-ground,
.cm-mw-template2-ext3-link-ground,
.cm-mw-template3-ext-ground,
.cm-mw-template3-ext2-ground,
.cm-mw-template3-ext3-ground,
.cm-mw-template3-link-ground,
.cm-mw-template3-ext-link-ground,
.cm-mw-template3-ext2-link-ground,
.cm-mw-template3-ext3-link-ground {
/* just disable them */
background: inherit;
}
}
 
/* new code */
/* Общие стили */
body:not(.wgl-theme-light) .cm-mw-template-ground.cm-mw-template,
.suggestions .suggestions-result,
body:not(.wgl-theme-light) .cm-mw-template2-ground.cm-mw-template,
.suggestions .suggestions-special {
body:not(.wgl-theme-light) .cm-mw-template3-ground.cm-mw-template {
padding: 0.5em 0.5em 0.35em;
color: var(--se-cm--template-values-color);
}
}
/* #endregion */


.mw-rcfilters-ui-menuSelectWidget-footer {
/* ============ */
border-color: var(--ooui--border);
/* #region DRUID Infoboxes */
background: var(--ooui--bg);
/* ============ */
}


.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
/* DRUID Infobox. */
color: lightgrey;
/* source: https://support.wiki.gg/wiki/MediaWiki:Gadget-druidInfoboxes.css */
}
/* license: CC BY-SA 4.0 */


.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
/****************************************/
background: transparent;
/*******  Start DRUID CSS rules *********/
}
/****************************************/


.mw-rcfilters-ui-itemMenuOptionWidget .mw-rcfilters-ui-table {
/* ---------------------------------  */
font-size: 0.9em;
/* Safe to edit ABOVE this line */
}
/* ---------------------------------  */


.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-widget.oo-ui-textInputWidget > .oo-ui-inputWidget-input, .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-widget .oo-ui-dropdownWidget-handle, .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-widget .oo-ui-tagMultiselectWidget-handle {
/* ---------------------------------  */
margin: 0;
/* Do not edit below this line */
}
/* ---------------------------------  */


.oo-ui-layout.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-actionFieldLayout {
.druid-container {
margin: 0.5em 0;
--druid-border-color: var(--theme-border-color-base);
--druid-color-contrast: var(--color-contrast-dark);
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
table.druid-container {
background-color: var(--color-contrast2);
background: var(--theme-bg-color-150);
border-color: var(--color-contrast);
float: right;
color: white;
clear: right;
margin: 0 0 1em 1em;
max-width: 400px;
min-width: 300px;
box-sizing: border-box;
position: relative;
z-index: 1;
border: 1px solid var(--druid-border-color);
border-radius: 0.2em;
overflow: auto;
border-spacing: 0;
padding: 2px;
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon:not(.oo-ui-image-invert), .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator:not(.oo-ui-image-invert) {
@media screen and (max-width: 720px) {
opacity: 0.87;
  .druid-container {
float: none;
margin: 0.5rem auto;
min-width: 100%;
  }
}
}


.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
.druid-main-images-file,
background: var(--ooui--bg-dark);
.druid-main-image {
border-color: var(--ooui--border-light);
text-align: center;
color: lightgray;
border-radius: 0.3em;
}
}


.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
.druid-infobox .druid-title,
box-shadow: none;
.druid-infobox .druid-section {
background: var(--druid-color-contrast);
border-bottom: 2px solid var(--color-darkened-border);
border-radius: 0.1em;
padding: 5px;
text-align: center;
font-size: var(--font-size-ml);
font-weight: bold;
}
}


.mw-widget-dateInputWidget-calendar {
.druid-infobox .druid-section {
border-color: var(--ooui--border);
font-size: var(--font-size-m);
background: var(--ooui--gradient);
background: color-mix(in srgb, var(--druid-color-contrast) 30%, var(--theme-bg-color-150));
border-top: 1px solid var(--theme-border-color-base);
padding: 4px;
}
}


.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
.druid-infobox  .druid-collapsible .druid-section {
border-color: var(--ooui--border-light);
flex-grow: 1;
}
}


.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
.druid-row > .druid-label,
border-radius: var(--border-radius-low);
.druid-row > .druid-data {
padding-inline: 0.5em;
}
}


.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
.druid-main-image,
font-weight: bold;
.druid-main-images {
background: var(--theme-bg-color-150);
border-bottom: 1px solid var(--druid-border-color);
padding: 2px 0;
}
}


.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover {
.mw-body-content .druid-main-image img,
background-color: var(--color-contrast2);
.mw-body-content .druid-main-images img {
color: white;
max-width: 100% !important;
height: auto !important;
}
}


.tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover {
.druid-main-images-labels {
background: var(--bg-contrast-m--rgba);
transition: all 0.01s;
}
 
.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
display: flex;
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
margin: 0.25em;
gap: 0.25em;
}
}


.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
.druid-main-images-label {
color: lightgrey;
cursor: pointer;
flex: 1 1 auto;
text-align: center;
transition: .1s ease-in;
outline: 1px solid var(--druid-link-color);
}
}


.mw-widget-calendarWidget-day-heading {
.druid-main-images-label.focused {
color: lightgray;
background: var(--druid-link-color);
color: var(--druid-link-label-color);
}
}


.mw-widget-calendarWidget-day {
.druid-main-images-label:not(.focused):hover {
color: lightgray;
background: var(--druid-link-color); /* fallback */
background: color-mix(in srgb, var(--druid-link-color) 25%, transparent);
}
}


.mw-widget-calendarWidget-labelButton .oo-ui-buttonElement-button .oo-ui-labelElement-label {
.druid-toggleable-data:not(.focused),
color: lightgrey;
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
display: none;
}
}


.mw-editform #wpTextbox1, textarea {
.druid-grid {
background: #1b1b1f;
display:grid;
border: none;
gap: 0.3em;
color: lightgray;
padding: 0.35em;
}
}


.group.group-search {
.druid-grid-item {
border: none;
background: var(--druid-tertiary-background-color);
padding: 0.25em;
border: 1px solid var(--druid-border-color); /* fallback */
border: 1px solid color-mix(in srgb, var(--druid-border-color) 50%, transparent);
border-radius: 2px;
}
}


.editOptions,.mw-editform .editOptions {
.druid-grid-item .druid-label,
background: var(--theme-bg);
.druid-grid-item .druid-data {
border: 1px solid var(--ooui--border-light);
text-align: center;
border-top: none;
color: white;
}
}


.oo-ui-tagMultiselectWidget-input.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-iconElement.oo-ui-textInputWidget.oo-ui-textInputWidget-type-text {
.druid-data-wide {
background: var(--ooui--border);
width: 100%;
}
}


.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
.druid-section-container > .druid-collapsible {
color: lightgrey;
display: flex;
justify-content: space-between;
align-items: center;
}
}


.mw-rcfilters-ui-filterMenuHeaderWidget-header-highlight {
.druid-collapsed {
padding-right: 0.3em;
display: none !important;
padding-left: 0.3em;
}
}


.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
.druid-collapsible {
border-color: var(--ooui--border);
cursor: pointer;
padding: 0;
position: relative;
}
}


.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
.druid-collapsible::after {
min-height: 2.5em;
content: "";
display: block;
position: absolute;
right: 10px;
width: var(--icon-size);
height: var(--icon-size);
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background: var(--druid-secondary-background-label-color);
}
}


.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
.druid-collapsible-collapsed::after {
color: var(--theme-color-text-dark);
transform: rotate(180deg);
}
}


.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
/*****************************************
background: var(--ooui--bg);
Table support
border-color: var(--ooui--border);
*****************************************/
.druid-container tr:not(.data-druid-section):nth-child(odd) {
background: var(--theme-bg-color-200);
}
}


.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
.druid-container tr:not(.data-druid-section):nth-child(even) {
border-color: var(--ooui--border);
background: var(--theme-bg-color-150);
display: flex;
align-items: center;
padding: 0;
gap: 2px;
}
}


.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
.druid-container tr:nth-child(even) th:not([colspan]) {
background: var(--ooui--bg);
border-right: 1px solid var(--theme-bg-color-150);
border-color: var(--ooui--border);
border-radius: 0.4em 0.4em 0 0;
}
}


@media screen {
.druid-container th,
.mw-body-content .recipeimg a > img {
.druid-container td,
padding: 0;
.druid-container th .mw-collapsible-toggle {
margin: 0;
padding: 4px;
border: 0;
font-size: var(--font-size-xs);
width: 32px !important;
max-width: 32px !important;
height: 32px !important;
max-height: 32px !important
}
}
}


.positive {
.druid-container th {
color: #00FF00;
width: 40%;
font-weight: bold
text-align: left;
}
}


.negative {
.druid-container ul {
color: #FF0000;
list-style: none;
font-weight: bold
padding: 0;
margin: 0;
margin-left: 10px;
}
}


.anglerect {
.druid-container ul li::before {
--angle-rect-clip-size: 16px;
content: "•";
clip-path: polygon(0 0,calc(100% - var(--angle-rect-clip-size)) 0,100% var(--angle-rect-clip-size),100% 100%,var(--angle-rect-clip-size) 100%,0 calc(100% - var(--angle-rect-clip-size)))
display: inline-block;
font-size: var(--font-size-l);
margin-left: -10px;
margin-right: 4px;
}
}


.flex {
/********
display: flex
Custom display classes
}
*********/


.mw-body dd {
div.druid-stacked.druid-row,
margin: 0.2em;
.druid-stacked div.druid-row {
margin-left: 1.6em
flex-direction: column;
}
}


/* Стили для блока */
.druid-stacked.druid-row > .druid-data,
.tabs-tabbox, .tabs-togglebox {
.druid-stacked .druid-row > .druid-data {
display: flow-root;
padding-left: 0.75em;
}
}


/* Общие стили для вкладок */
/* ---------------------------------  */
.tabs-label {
/* Do not edit above this line */
cursor: pointer;
/* ---------------------------------  */
padding: 1px 6px;
background: transparent;
border: 1px solid black;
}


.tabs-label:hover {
/* --------------------------------- */
z-index: 2;
/* Local overrides go below this line */
background: #ddddff0d !important;
/* ---------------------------------  */
transition: all 0.1s;
}


/* Стили для активных вкладок */
.druid-infobox .druid-title {
.tabs-tabbox > .tabs-input:checked + .tabs-label,
--clip: 0.6em;
.tabs-input-0:checked + .tabs-input-1 + .tabs-label {
clip-path: polygon( 0 0, calc(100% - var(--clip)) 0, 100% var(--clip), 100% 100%, var(--clip) 100%, 0 calc(100% - var(--clip)) );
background: #ddddff0d;
margin: 3px;
border-top: 1px solid rgb(255 255 255 / 15%);
}
border-bottom: 1px solid var(--color-contrast);
 
z-index: 2;
/****************************************/
/*******  End DRUID CSS rules  *********/
/****************************************/
 
/* #endregion */
 
/* Таблица в виде грид сетки для сортировки. Используется вместе с классом .sortable */
.sortable-grid {
width: 100%;
}
}


/* Стили для структуры вкладок */
.sortable-grid tbody {
.tabs-tabbox > .tabs-input + .tabs-input + .tabs-label {
display: grid;
margin: 0;
gap: 8px 6px;
grid-template-columns: repeat(auto-fit,minmax(clamp(250px, 50vw, 400px),1fr));
}
 
/* Класс для большего количества столбцов */
.sortable-grid--small-column tbody {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
}


.tabs-tabbox > .tabs-label {
.sortable-grid thead tr:first-child {
margin: 0;
grid-column: 1 / -1;
vertical-align: baseline;
border-radius: 0;
background: transparent;
border: 1px solid rgb(0 0 0 / 50%);
border-top: 1px solid rgb(255 255 255 / 10%);
}
}


/* Стили для контейнера вкладок */
.sortable-grid > tr > th,
.tabs-tabbox > .tabs-container {
.sortable-grid > tr > td,
padding: 14px 10px;
.sortable-grid > * > tr > th,
background: #ddddff0d;
.sortable-grid > * > tr > td {
border-radius: 0;
display: block;
border: 1px solid rgb(0 0 0 / 50%);
height: 100%;
box-sizing: border-box;
}
}


/* Класс для уменьшения яркости фона tabs */
.sortable-grid .headerSort {
.tabs-no-background > .tabs-container {
padding: 4px 0;
background: #ddddff06;
text-align: left;
}
}


.tooltip {
/* ============ */
/* #region Меню настроек темы */
/* ============ */
 
.theme-dropdown {
position: relative;
position: relative;
display: inline;
}
}


.tooltiptext {
#personal-extra li,
position: absolute;
#personal h2,
min-width: 240px;
.theme-dropdown-details {
max-width: 100%;
padding: 0.25em;
left: -240px;
border-radius: var(--border-radius-medium);
right: -240px;
margin: 0;
top: 125%;
margin-left: auto;
margin-right: auto;
z-index: 99;
padding: 22px;
pointer-events: none;
visibility: hidden;
transition: all 0.05s;
border: 1px solid var(--color-contrast);
border-radius: 1.4rem;
background-color: var(--ooui--bg);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
}


.tooltip:hover>.tooltiptext {
.theme-dropdown-details[open] + .theme-window {
visibility: visible;
visibility: visible;
opacity: 1;
opacity: 1;
height: auto;
transform: scale(0.99999);
}
}


@media screen and (min-width: 851px) {
#personal .dropdown,
.mobile {
.theme-dropdown .theme-window {
display:none
top: unset;
}
user-select: none;
position: absolute;
right: -14px;
width: 14.5rem;
background: var(--ooui-bg-color-darkened);
box-shadow: var(--box-shadow-high);
transition-duration: var(--transition-time);
transition-property: transform, opacity, visibility;
z-index: var(--index-high);
margin-top: 0.3rem;
border: 2px solid var(--ooui-bg-color-light);
border-top: 2px solid var(--ooui-border-color);
border-radius: var(--border-radius-low);
padding: 0.2em;
box-shadow: var(--box-shadow-high), var(--box-shadow-inset);
}


.headder {
#personal .dropdown::before,
width: 25%;
#personal .dropdown::after {
float: right;
display: none;
margin-left: 1em
}
}


.stiky {
.theme-dropdown .theme-window {
position: sticky;
overflow: hidden;
top: 0.1em
opacity: 0;
}
visibility: hidden;
transform: scale(0.9);
transform-origin: top;
}
 
.theme-dropdown .theme-window * {
user-select: none;
user-drag: none;
-webkit-user-drag: none;
}
}


@media screen and (max-width: 850px) {
#personal .dropdown label, #personal .dropdown h3,
.nomobile {
.theme-dropdown .theme-window__header {
display:none
display: flex;
}
align-items: center;
gap: 4px;
position: relative;
height: 2rem;
font-size: var(--font-size-ml);
border-radius: var(--border-radius-low);
background-color: var(--color-contrast2);
font-weight: bold;
padding: 0 0.4em;
border-bottom: 2px solid var(--color-darkened-border);
flex-direction: row;
margin: 0;
}


.headder {
#theme-preferences__content {
width: 100%;
display: flex;
margin-left: 0
flex-direction: column;
}
gap: 0.5em;
}


.tooltip {
#theme-preferences__content .theme-menu__heading {
position: static
display: flex;
}
justify-content: center;
align-items: center;
font-weight: bold;
height: 1.75rem;
border-bottom: 2px solid var(--bg-color-sky-blue-100);
}


.tooltiptext {
#personal .dropdown ul,
box-shadow: 0px 0px 100vw 100vh rgb(0 0 0 / 60%);
#theme-preferences__content .theme-menu__content {
position: fixed!important;
padding: 0.5em;
width: 80vw !important;
top: 40vh !important;
left: 0 !important;
margin: 0 auto !important;
right: 0!important;
}
/*
.mobilefont {
font-size: 80%
}
*/
.mobile-image img {
width: 32px;
height: 32px;
}
}
}


.mw-mmv-above-fold,.mw-mmv-dialog,.mw-mmv-image-links li,.mw-mmv-options-cancel-button.mw-ui-button.mw-ui-quiet,.mw-mmv-options-dialog-header,.mw-mmv-options-text-header {
.theme-dropdown .theme-window * {
color: #e0e0e0
user-select: none;
user-drag: none;
-webkit-user-drag: none;
}
}


.mw-mmv-above-fold {
#personal .dropdown .mw-portlet > div, #personal .dropdown .mw-portlet-body,
background: #222;
.theme-dropdown .theme-window__content {
border-top: 1px solid #333
position: relative;
margin: 0.3em 0;
}
}


.mw-mmv-image-metadata {
#personal .dropdown ul,
background-color: #111;
#theme-preferences__content .theme-menu {
border-color: #333
flex: 1 0 9rem;
background-color: var(--theme-bg-color-base);
border-radius: var(--border-radius-low);
}
}


.mw-mmv-dialog {
#theme-preferences__content .theme-menu li {
border: 1px solid #333;
margin: 0;
background: #222;
box-shadow: none
}
}


.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
#personal .dropdown ul,
background: #222;
#theme-preferences__content .theme-menu form {
border-bottom: 1px solid #333;
position: relative;
border-right: 1px solid #333
display: flex;
flex-direction: column;
gap: 0.5em;
text-align: center;
}
}


.mw-mmv-options-enable-alert {
#personal .dropdown li,
background: #333;
#theme-preferences__content .theme-client-prefs-radio {
color: #e0e0e0
display: flex;
justify-content: center;
padding: 0;
margin: 0;
}
}


.mw-mmv-filepage-buttons .mw-ui-button {
#theme-preferences__content .theme-client-prefs-radio input {
background: var(--color-contrast);
display: none;
color: #e0e0e0;
border-color: #1d4699
}
}


.mw-default-size {
#personal .dropdown li a,
background-color: #21212600 !important;
#theme-preferences__content .theme-client-prefs-radio label {
border-color: black !important
user-select: none;
-webkit-user-drag: none;
background: var(--ooui-bg-color-light);
border-radius: var(--border-radius-medium);
transition-property: background, box-shadow;
transition-duration: var(--transition-time);
cursor: pointer;
flex-grow: 1;
align-content: center;
padding: 0.25em 0.5em;
font-weight: bold;
border-top: 1px solid var(--color-lighter-alpha-x);
border-bottom: 2px solid var(--color-darkened-border);
color: var(--theme-text-color);
}
}


.mw-default-size img {
#theme-preferences__content .theme-client-prefs-radio input:checked + label {
border-color: black !important
background-color: var(--bg-color-message);
}
}


.mw-default-size figcaption {
#personal-extra li:hover,
background-color: #21212600 !important;
#personal h2:hover,
border-color: black !important
.theme-dropdown-details:hover,
.tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover {
background: var(--bg-color-hover);
}
}


.mw-halign-right {
.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,
background-color: #27272d00 !important;
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover,
border-color: black !important
.ve-ce-branchNode-blockSlug, html body p.ve-ce-branchNode-newSlug {
background: var(--bg-color-focus);
}
}


.mw-halign-right img {
#personal-extra li:focus,
border-color: black !important
#personal.dropdown-active h2,
.theme-dropdown-details[open] {
background-color: var(--bg-color-focus) !important;
}
}


.mw-halign-right figcaption {
#personal h2::before,
background-color: #27272d00 !important;
#site-navigation h2,
border-color: black !important
.theme-dropdown-summary {
}
content: '';
cursor: pointer;
background: var(--theme-icon-color);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
width: var(--icon-size);
height: var(--icon-size);
opacity: 1 !important;
margin: 0;
}  


.mw-halign-left {
.theme-dropdown-summary {
background-color: #27272d00 !important;
mask-image: var(--icon-settings);
border-color: black !important
}
}


.mw-halign-left img {
#pt-notifications-alert .mw-echo-notifications-badge,
border-color: black !important
#pt-notifications-notice .mw-echo-notifications-badge {
width: var(--icon-size);
height: var(--icon-size);
filter: var(--invert-100);
background-size: cover;
margin: 0;
}
}


.mw-halign-left figcaption {
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
background-color: #27272d00 !important;
opacity: 0.45;
border-color: black !important
}
}


.mw-halign-center {
#pt-notifications-alert .mw-echo-notifications-badge::after,
background-color: #27272d00 !important;
#pt-notifications-notice .mw-echo-notifications-badge::after {
border-color: black !important
filter: var(--invert-100);
}
}


.mw-halign-center img {
@media screen and (max-width: 850px) {
border-color: black !important
#pt-notifications-alert .mw-echo-notifications-badge,
}
#pt-notifications-notice .mw-echo-notifications-badge,
 
#personal h2::before,
.mw-halign-center figcaption {
#site-navigation h2,
background-color: #27272d00 !important;
.theme-dropdown-summary {
border-color: black !important
width: var(--icon-size-big);
height: var(--icon-size-big);
}
#personal .dropdown,
.theme-dropdown .theme-window {
right: 0;
}
#personal-extra {
position: unset;
}
}
}
/* #endregion */


.reference {
/* ============ */
background-color: #27272d00;
/* #region Интерфейс MediaWiki */
}
/* ============ */


ol.references li:target,sup.reference:target {
/* invert(1) */
background-color: #ffffff0f;
.mw-editsection,
padding: 0px 1px 3px 1px;
.mw-editsection a,
.dropdown-toggle::after,
.cdx-button .cdx-button__icon, .cdx-button .cdx-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before,
.wikiEditor-ui-toolbar .group .tool-select .label::after,
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, .mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after {
filter: var(--invert-100);
}
}


.oo-ui-textInputWidget .oo-ui-inputWidget-input {
/* invert(0.75) */
background-color: var(--ooui--bg);
.oo-ui-iconElement-icon:not(.oo-ui-image-progressive):not(.oo-ui-image-destructive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-image-invert):not(.mw-no-invert):not(.oo-ui-icon-difficulty-easy):not(.oo-ui-icon-difficulty-medium):not(.oo-ui-icon-difficulty-hard):not(.oo-ui-image-error):not(.oo-ui-image-success),
border-color: var(--ooui--border-light);
.oo-ui-indicatorElement-indicator,
color: white;
.cdx-icon svg,
.skin-invert img[role="presentation"] {
filter: var(--invert-75) hue-rotate(180deg);
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
body.wgl-theme-ss14 .oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator):not(.oo-ui-icon-mentor),
background-color: var(--color-contrast2);
body.wgl-theme-ss14 .oo-ui-icon-linked {
border-color: var(--color-contrast2);
filter: var(--invert-75);
}
}


.oo-ui-messageDialog-message {
/* invert(0) */
color: lightgray;
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
.mw-ge-help-panel-button.oo-ui-buttonElement.oo-ui-iconElement.oo-ui-indicatorElement a.oo-ui-buttonElement-button .oo-ui-indicator-up {
filter: var(--invert-0);
}
}


.oo-ui-messageDialog-content > .oo-ui-window-foot {
body:not(.wgl-theme-ss14) .oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator):not(.oo-ui-icon-mentor),
outline-color: var(--ooui--border);
body:not(.wgl-theme-ss14) .oo-ui-icon-linked {
filter: var(--invert-0) !important;
}
}


.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
/* icon color */
border-color: var(--ooui--border);
#mw-indicator-mw-helplink a .mw-helplink-icon,
.mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow {
background: var(--theme-icon-color);
}
}


.oo-ui-windowManager-modal > .oo-ui-dialog {
/* background */
background-color: rgba(0, 0, 0, var(--alpha-m));
.oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button,
.mw-prefs-buttons,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed,
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-dropdownWidget,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover,
.mw-datatable td,
.oo-ui-tabSelectWidget-framed,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td,
.growthexperiments-homepage-module-startemail,
.mw-ge-startediting-dialog-progress,
body.ltr .mw-ge-help-panel-processdialog .oo-ui-window-head:not(.oo-ui-pendingElement-pending),
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu,
.ve-ui-toolbarDialog,
.mw-echo-ui-notificationItemWidget:hover,
.mw-echo-ui-pageNotificationsOptionWidget-label-count,
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,
.footer-icons a:hover,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending),
.mw-special-Contribute .mw-contribute-card,
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
.wikiEditor-ui-toolbar .group .tool-select .options .option,
.ext-templatewizard-templatetitlebar,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all,
.mw-ge-help-panel-home-button,
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
span.fileinput-button,
.ace_button,
.ace_searchbtn,
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.growthexperiments-homepage-module,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip,
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button,
.ace_optionsMenuEntry button,
.ace_optionsMenuEntry button[ace_selected_button=true],
.wikiEditor-ui-toolbar,
.ace_search_field,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.quickbox,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot,
.mw-rcfilters-ui-menuSelectWidget-footer,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after,
.mw-widget-dateInputWidget-handle,
#wpDestFile,
#wpUploadDescription,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.ui-widget input,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
#mw-scribunto-input,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module-mentor-tools .growthexperiments-mentor-dashboard-module-mentor-tools-other-actions,
.growthexperiments-mentor-dashboard-module-mentee-overview .growthexperiments-mentor-dashboard-module-mentee-overview-recent-by-mentees,
.ext-growthExperiments-NumberInput__input:enabled,
.cdx-dialog__header--default,
.cdx-select-vue--enabled .cdx-select-vue__handle,
.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle,
.cdx-select-vue--enabled .cdx-select-vue__handle:hover,
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper,
.mw-ge-help-panel-processdialog .suggested-edits-panel-footer,
.ext-communityConfiguration-JsonForm__footer-wrapper,
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled,
.cdx-select:enabled,
.cdx-select:enabled:hover,
.cdx-text-input__input:enabled,
.oo-ui-toolbar-bar,
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-example,
.mw-ge-help-panel-processdialog .suggested-edits-panel-switch-editor-panel,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip,
.mw-body-content .recent-questions-growthexperiments-mentor-questions, .overlay-content .recent-questions-growthexperiments-mentor-questions, .content .recent-questions-growthexperiments-mentor-questions {
background: var(--ooui-bg-color);
}
}


.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame {
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content,
border-color: var(--ooui--border-light);
.mw-rcfilters-ui-menuSelectWidget-body.oo-ui-clippableElement-clippable,
background: var(--ooui--bg);
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input,
.mw-widgets-datetime-calendarWidget-grid .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.ace_mobile-button:active,
.ace_mobile-button:hover,
.ace_searchbtn:hover,
.ext-templatewizard-templateform .oo-ui-menuLayout-content,
.mw-echo-ui-notificationItemWidget,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td,
.ext-discussiontools-ui-replyWidget-preview,
#preferences .mw-htmlform-submit-buttons,
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input,
.ace_editor.ace_autocomplete,
.ext-growthExperiments-CPopper__popover,
.growthexperiments-homepage-module-suggested-edits .growthexperiments-homepage-module-footer,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.mw-notification,
.oo-ui-popupWidget-popup,
.ui-widget-header,
.ui-widget-content,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable,
div.editOptions,
.mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group,
.ext-growthExperiments-MenteeFilters__form,
.oo-ui-tagItemWidget.oo-ui-widget-disabled,
.cdx-input-chip,
.ve-init-mw-progressBarWidget {
background: var(--ooui-bg-color-dark);
}
}


.oo-ui-textInputWidget.oo-ui-widget-enabled:hover {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
z-index: 1;
.cdx-checkbox__icon {
background-color: var(--ooui-bg-color-dark);
}
}


.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout,
border-color: var(--ooui--border-lighter);
.mw-special-Contribute .mw-contribute-tabs-content,
.mw-echo-ui-placeholderItemWidget,
.mw-ge-startediting-dialog-intro-general,
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-single-column,
.oo-ui-searchWidget-results,
.mw-rcfilters-ui-tagItemWidget-popup-content,
#ace_settingsmenu, #kbshortcutmenu,
.oo-ui-searchWidget-query,
.mw-ge-startediting-dialog-difficulty-banner,
.mw-ge-help-panel-popup .oo-ui-dialog,
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread,
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded,
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane,
.wikiEditor-toolbar-dialog .ui-dialog-content,
.cdx-dialog,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content,
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame,
.oo-ui-toggleSwitchWidget {
background-color: var(--ooui-bg-color-darkened);
}
}


.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {
.mw-rcfilters-ui-filterMenuSectionOptionWidget,
background-color: var(--bg-contrast-m--rgba);
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover,
#ca-nstab-special.selected.mw-list-item,
.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line,
.mw-revslider-revision-wrapper:hover, .mw-revslider-revision-wrapper-hovered,
.mw-datatable tr:hover td,
.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,
.wikiEditor-ui-toolbar .booklet > .index > .current,
.mw-revslider-revision-new .mw-revslider-revision, .mw-revslider-revision-old .mw-revslider-revision, .mw-revslider-revision-intermediate .mw-revslider-revision,
.mw-revslider-revision-filter-highlight .mw-revslider-revision-border-box,
.ext-templatewizard-templatetitlebar,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span,
.thumbinner,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
.ace-tm .ace_gutter-active-line,
.cdx-input-chip:not(.cdx-input-chip--disabled):hover,
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover,
.wikiEditor-ui-toolbar .page-characters div span:hover {
background: var(--ooui-bg-color-light);
}
}


.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
.wikiEditor-ui-toolbar .booklet > .index > :hover,
background-color: var(--ooui--bg);
.mw-rcfilters-ui-itemMenuOptionWidget:hover,
border-color: var(--ooui--border);
.mw-highlight .hll,
color: lightgray;
.ace_button:hover:not(.checked),
.ace_button:active,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {
background: var(--bg-color-hover);
}
}


.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
.oo-ui-menuSelectWidget,
border-color: var(--ooui--border-light);
.oo-ui-popupToolGroup-tools,
color: lightgray;
.mw-widget-dateInputWidget-calendar,
.mw-widgets-datetime-calendarWidget,
.cdx-menu {
background: var(--ooui-gradient);
}
}


.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
color: lightgray;
.mw-apisandbox-toolbar,
form:not(.oo-ui-layout) fieldset,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected),
.ext-WikiEditor-realtimepreview-button:hover,
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header,
.ext-discussiontools-init-publishedcomment {
background: transparent;
}
}


form:not(.oo-ui-layout) button:not(:disabled):hover, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):hover, form:not(.oo-ui-layout) button:not(:disabled):active, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):active {
.mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend,
background-color: var(--color-contrast2);
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label,
border-color: var(--color-contrast);
#pagehistory li.selected,
color: white;
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
background: var(--bg-color-emerald-subtle);
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
.approved-revision {
background: var(--ooui--bg);
    background: var(--bg-color-emerald-subtle) !important;
border-color: var(--ooui--border-light);
color: lightgray;
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
.cdx-message--success,
background-color: var(--color-contrast2);
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete,
border-color: var(--color-contrast2);
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
color: white;
background-color: var(--bg-color-message);
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
ul.fileupload-results li.ful-success {
background-color: var(--color-contrast2);
background: var(--bg-color-message);
border-color: var(--color-contrast);
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
box-shadow: inset var(--box-shadow-medium);
background: var(--bg-color-blue-dark);
}
}


.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
.mw-echo-ui-notificationItemWidget-unread,
background-color: var(--ooui--bg);
.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-desktop.growthexperiments-homepage-module.activated,
border-color: var(--ooui--border);
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice,
color: lightgray;
.ext-growthExperiments-ScoreCard,
.ext-growthExperiments-MenteeOverview__no-results,
.ext-growthExperiments-PersonalizedPraise .ext-growthExperiments-NoResults__image,
.suggested-edits-mobile-peek-content, .suggested-edits-panel-header,
.ext-communityConfiguration-Guidelines__Guideline {
background-color: var(--bg-color-notice-subtle);
}
}


.oo-ui-comboBoxInputWidget-field {
.mw-echo-ui-notificationItemWidget-unread:hover {
display: flex;
background: var(--bg-color-notice);
align-items: center;
}
}


.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
.wikiEditor-ui-text {
border-color: var(--ooui--border-lighter);
background: var(--theme-bg-color-base);
background-color: var(--ooui--bg);
color: lightgray;
}
}


.mw-widget-dateInputWidget-handle {
.ext-WikiEditor-ResizingDragBar,
background-color: var(--ooui--bg);
.ace_search,
border-color: var(--ooui--border);
.editOptions, .mw-editform .editOptions {
color: white !important;
background: var(--theme-bg-color-100);
}
}


.mw-search-profile-tabs {
.ext-WikiEditor-ResizingDragBar span,
background-color: var(--ooui--bg) !important;
.mw-revslider-revision,
border: var(--ooui--border) !important;
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
background: var(--ooui-border-color);
}
}


.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 {
body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
background: var(--color-contrast2);
background: var(--border-color-hr);
border-color: var(--color-contrast2);
color: white;
}
}


form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {
.oo-ui-windowManager-modal > .oo-ui-dialog,
background: var(--color-contrast2);
.oo-ui-processDialog-errors,
border-color: var(--color-contrast2);
.cdx-dialog-backdrop {
color: white;
background: rgba(0, 0, 0, var(--alpha-m));
}
}


#wpDestFile {
.mw-ui-button:not(:disabled):hover {
background: var(--ooui--bg);
background-color: var(--theme-border-color-base);
border-color: var(--ooui--border-light);
color: white;
}
}


#wpUploadDescription {
.mw-ui-button {
background: var(--ooui--bg);
background-color: var(--theme-bg-color-200);
border-color: var(--ooui--border-light);
color: white;
}
}


.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, button, select {
.cdx-message--warning,
background: var(--ooui--bg);
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
border-color: var(--ooui--border-light);
background: var(--bg-color-warning);
color: lightgray;
}
}


.mw-widgets-datetime-calendarWidget {
.cdx-message--error,
background: var(--ooui--gradient);
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error,
border-color: var(--ooui--border-light);
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning,
.mw-ui-button.mw-ui-destructive:not(:disabled),
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark.negative {
background: var(--bg-color-error);
}
}


.mw-widgets-datetime-dateTimeInputWidget-handle {
.mw-ui-button.mw-ui-destructive:not(:disabled):hover {
background-color: var(--ooui--bg);
background-color: var(--border-color-error);
border-color: var(--ooui--border-light);
border-radius: var(--border-radius-low);
color: white;
}
}


.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover {
.mw-notification.mw-notification-type-warn,
border-color: var(--ooui--border-lighter);
.mw-destfile-warning {
background-color: var(--bg-color-warning-subtle);
}
}


.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
/* border */
color: lightgray;
.wikiEditor-ui .wikiEditor-ui-top,
.ext-WikiEditor-ResizingDragBar-ns,
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu,
.mw-apisandbox-help-field,
.mw-echo-ui-subGroupListWidget .mw-echo-ui-sortedListWidget-group:not(:empty), .mw-echo-ui-bundleNotificationItemWidget-group .mw-echo-ui-sortedListWidget-group:not(:empty),
.mw-echo-ui-crossWikiUnreadFilterWidget,
.mw-echo-ui-notificationItemWidget:not(:last-child),
.footer-icons a:hover,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending),
.mw-special-Contribute .mw-contribute-card,
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
.wikiEditor-ui-toolbar .group .tool-select .options .option,
.ext-templatewizard-templatetitlebar,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all,
.mw-ge-help-panel-home-button,
.ace_editor.ace_autocomplete,
.ext-growthExperiments-CPopper__popover,
.mw-revslider-revision-new .mw-revslider-revision, .mw-revslider-revision-old .mw-revslider-revision, .mw-revslider-revision-intermediate .mw-revslider-revision,
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.mw-notification,
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget,
.mw-templateData-template-map-list-menu-panel,
.oo-ui-menuSelectWidget,
.oo-ui-popupToolGroup-tools,
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.mw-rcfilters-ui-menuSelectWidget-footer,
.mw-widget-dateInputWidget-calendar,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.mw-widget-dateInputWidget-handle,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable,
div.editOptions,
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1,
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2,
.oo-ui-menuToolGroup,
.ve-ui-mwHelpListToolGroup-tools-footer,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-example,
.mw-ge-help-panel-processdialog .suggested-edits-panel-switch-editor-panel,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
border-color: var(--ooui-border-color);
}
}


.mw-rcfilters-ui-savedLinksListWidget-placeholder-description {
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout,
color: var(--theme-color-text-dark);
.wikiEditor-ui-toolbar .sections .section,
.mw-revslider-container,
.mw-revslider-slider-wrapper,
#mw-searchoptions .divider,
.ace_searchbtn:last-child,
.wikiEditor-ui .wikiEditor-ui-view,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer,
.ve-ui-symbolListPage-symbol,
.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget,
.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label,
.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group,
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
span.fileinput-button,
.ace_button,
.ace_searchbtn,
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.growthexperiments-homepage-module,
.oo-ui-toggleSwitchWidget,
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input,
.oo-ui-searchWidget-query,
.mw-ge-startediting-dialog-difficulty-banner,
.mw-ge-help-panel-popup .oo-ui-dialog,
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
.mw-revslider-revision-filter-highlight .mw-revslider-revision-border-box,
.ext-templatewizard-templatetitlebar,
.mw-rcfilters-ui-tagItemWidget-popup-content,
.ace_optionsMenuEntry button,
.ace_optionsMenuEntry button[ace_selected_button=true],
.ace_search_field,
.ace_search,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-popupWidget-popup,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
#wpDestFile,
#wpUploadDescription,
.mw-widgets-datetime-calendarWidget,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module,
.ext-growthExperiments-MenteeFilters__form,
.ext-growthExperiments-NumberInput__input:enabled,
.cdx-dialog,
.cdx-select-vue--enabled .cdx-select-vue__handle,
.cdx-select-vue--enabled .cdx-select-vue__handle:hover,
.cdx-menu,
.cdx-checkbox__input:enabled+.cdx-checkbox__icon,
.oo-ui-tagItemWidget.oo-ui-widget-disabled,
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,
.cdx-input-chip,
.ext-communityConfiguration-Features__Feature,
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled,
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover,
.cdx-select:enabled,
.cdx-select:enabled:hover,
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header,
.cdx-text-input__input:enabled,
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar,
.ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td,
.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu,
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .page-characters div span:hover {
border-color: var(--ooui-border-color-light);
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
.mw-rcfilters-ui-watchlistTopSectionWidget-separator,
box-shadow: inset var(--box-shadow-medium);
.mw-revslider-revision-tooltip .mw-revslider-filter-highlightable-row.mw-revslider-filter-highlight,
.mw-revslider-revision-border-box,
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover,
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator,
.mw-rcfilters-ui-datePopupWidget,
.oo-ui-searchWidget-query,
.ext-replacetext-searchoptions .ext-replacetext-divider,
.ve-ui-symbolListPage-symbol:hover,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2, .ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section,
#preferences .mw-htmlform-submit-buttons,
.mw-revslider-revision,
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread,
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after,
.ext-growthExperiments-HorizontalDivider,
.growthexperiments-homepage-mentorship-intro, .growthexperiments-homepage-module-mentorship-optin-intro,
.ext-communityConfiguration-JsonForm__footer,
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover, .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover,
.cdx-text-input__input:enabled:hover,
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar,
.ext-discussiontools-emptystate:not(:first-child),
.wikiEditor-ui-toolbar .page-table td {
border-color: var(--border-color-hr);
}
}


.search-types .current a {
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label,
color: #d3d3d3 !important;
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button,
cursor: default !important
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active,
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button,
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
border-color: transparent;
}
}


div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning {
.cdx-message--success,
background-color: var(--bg-error-subtle);
.mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add,
border-color: var(--border-error);
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
border-color: var(--border-color-message);
}
}


#mw-header-nav-hack {
.mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete,
border-top: solid 2px var(--theme-bg) !important;
.cdx-message--warning,
display: block;
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
position: absolute;
border-color: var(--border-color-warning);
z-index: 98;
background: var(--theme-bg) !important;
width: 100%
}
}


.ui-widget-overlay {
.mw-ui-button:not(:disabled) {
background: #000000 !important;
border-color: var(--theme-border-color-base);
opacity: .3 !important
}
}


.ui-widget-content {
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
border: 1px solid #4a4a57 !important;
border-color: var(--ooui-bg-color);
background: var(--theme-bg) !important;
color: #e0e0e0 !important
}
}


.ui-widget-header {
.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-desktop.growthexperiments-homepage-module.activated,
border: 1px solid #4a4a57 !important;
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice,
background: var(--theme-bg) !important;
.ext-growthExperiments-ScoreCard,
color: #e0e0e0 !important;
.ext-growthExperiments-MenteeOverview__no-results {
font-weight: bold !important
border-color: var(--bg-color-notice);
}
}


#wikieditor-toolbar-file-target,#wikieditor-toolbar-file-caption,#wikieditor-toolbar-file-alt {
.cdx-message--error,
width: 100% !important;
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error,
background-color: var(--ooui--bg) !important;
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning,
color: #e0e0e0 !important
.mw-ui-button.mw-ui-destructive:not(:disabled),
.mw-ui-button.mw-ui-destructive:not(:disabled):hover {
border-color: var(--border-color-error);
}
}


.wikiEditor-toolbar-dialog .ui-dialog-content input[type='text'] {
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button,
box-sizing: border-box !important;
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active {
background-color: var(--ooui--bg) !important;
border-right-color: var(--ooui-border-color);
color: #e0e0e0 !important
}
}


.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button {
font-family: Verdana,Arial,sans-serif !important;
border-left-color: var(--ooui-border-color);
font-size: 1em !important;
background-color: var(--ooui--bg) !important;
color: #e0e0e0 !important
}
}


.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget {
border: 1px solid #4a4a57 !important;
border: 1px solid var(--ooui-border-color);
background: var(--ooui--bg) !important;
font-weight: normal !important;
color: #e0e0e0 !important
}
}


.ui-state-hover,.ui-widget-contetn .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
border: 1px solid #4a4a57 !important;
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span {
background: #4c4c59 !important;
border: 1px solid var(--border-color-hr);
font-weight: normal !important;
color: #e0e0e0 !important
}
}


body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
.editOptions,.mw-editform .editOptions,
right: 0.9em !important;
.ui-widget input,
background: #4c4c59 !important
#mw-scribunto-input,
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button {
border: 1px solid var(--ooui-border-color-light);
}
}


.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus {
.growthexperiments-homepage-module-suggested-edits .growthexperiments-homepage-module-footer {
padding: 0 !important;
border-color: var(--bg-color-notice-subtle);
background: #6c6c80 !important
}
}


.diff-editfont-monospace .diff-addedline,.diff-editfont-monospace .diff-deletedline,.diff-editfont-monospace .diff-context {
.mw-notification.mw-notification-type-warn,
font-family: monospace,monospace !important;
.mw-destfile-warning {
background-color: #1b1b1f !important;
border-color: var(--bg-color-warning);
border-color: #1b1b1f !important;
color: white !important
}
}


.diff-deletedline .diffchange {
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
background: #4c3c16 !important
border-bottom-color: var(--ooui-border-color-light);
}
}


.diff-addedline .diffchange {
.ext-discussiontools-init-publishedcomment {
background: #16324d !important
border: 1px solid var(--border-color-message);
}
}


.mw-json th,.mw-json td {
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
border: 1px solid #000000;
border-bottom-color: var(--ooui-bg-color-light);
font-size: 16px;
padding: 0.5em 1em
}
}


.mw-json tr {
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
background-color: var(--theme-bg);
border-top-color: var(--ooui-border-color-light);
margin-bottom: 0.5em
}
}


.mw-json th {
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
background-color: #303037;
border-top-color: var(--ooui-bg-color-light);
font-weight: normal;
vertical-align: top;
color: #d3d3d3
}
}


.mw-json th span {
/* Стили с color-contrast */
-webkit-position: sticky;
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover,
position: sticky;
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active,
top: 0.5em
.mw-ui-button.mw-ui-progressive:not(:disabled):hover,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
background: var(--color-contrast);
}
}


.mw-json-value,.mw-json-single-value {
.mw-ui-button.mw-ui-progressive:not(:disabled):hover,
background-color: #1b5929;
form:not(.oo-ui-layout) button:not(:disabled):hover, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):hover, form:not(.oo-ui-layout) button:not(:disabled):active, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):active,
font-family: monospace,monospace;
span.fileinput-button:hover,
white-space: pre-wrap;
.ace_optionsMenuEntry button:hover,
color: #d3d3d3
.ace_button.checked,
.ace_editor.ace_autocomplete .ace_line-hover,
.ui-state-default:hover,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.mw-ui-button.mw-ui-progressive:not(:disabled),
.mw-body h1.firstHeading,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input,
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.ext-growthExperiments-NumberInput__input:enabled:hover,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.ve-init-mw-progressBarWidget {
border-color: var(--color-contrast);
}
}


.mw-json-empty {
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
background-color: #1b5929;
.ace_searchbtn_close:hover,
font-style: italic;
.ext-WikiEditor-ResizingDragBar:hover span,
color: #d3d3d3
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active, .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-popupToolGroup-handle, .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle,
.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,
form:not(.oo-ui-layout) button:not(:disabled):hover, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):hover, form:not(.oo-ui-layout) button:not(:disabled):active, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):active,
span.fileinput-button:hover,
.ace_optionsMenuEntry button:hover,
.ace_button.checked,
.ace_editor.ace_autocomplete .ace_line-hover,
.ui-state-default:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active,
.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-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.mw-ui-button.mw-ui-progressive:not(:disabled),
.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,
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'],
.ve-ce-linkAnnotation.ve-ce-annotation-active,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive {
background: var(--color-contrast-dark);
}
}


.hover_img_special {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
top: 0;
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
left: 0;
.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,
display: none
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'],
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive {
border-color: var(--color-contrast-dark);
}
}


.img_special:hover .hover_img_special {
.cdx-menu-item--enabled.cdx-menu-item--selected {
display: inline
background: var(--color-contrast2);
}
}


.img_special:hover .img_spec {
ul li.selected:not(.init),
display: none
.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button,
.mw-portlet-body #ca-move.selected,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted,
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover,
.cdx-menu-item--enabled.cdx-menu-item--highlighted {
background: var(--color-contrast2-dark);
}
}


.ace-tm .ace_gutter {
/* box-shadow */
background: var(--theme-bg);
.ve-ce-linkAnnotation.ve-ce-annotation-active,
color: var(--theme-color-text-dark);
.oo-ui-menuSelectWidget,
.oo-ui-popupToolGroup-tools,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable,
.ext-growthExperiments-MenteeFilters__form {
box-shadow: var(--box-shadow);
}
}


.ace-tm .ace_print-margin {
.wikiEditor-ui-toolbar,
width: 1px;
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
background-color: #1b1b1f
.mw-notification {
}
 
.ace_mobile-menu {
color: lightgray;
background: var(--ooui--bg);
border-color: var(--ooui--border-light);
box-shadow: var(--box-shadow-medium);
box-shadow: var(--box-shadow-medium);
}
}


.ace-tm {
#ace_settingsmenu, #kbshortcutmenu {
background-color: #1b1b1f;
box-shadow: var(--box-shadow-high);
color: lightgrey
}
}


.ace-tm .ace_cursor {
.mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group {
color: white
box-shadow: var(--box-shadow-inset);
}
}


.ace-tm .ace_storage,.ace-tm .ace_keyword {
.ace_optionsMenuEntry button,
color: rgb(153,153,255)
.ace_optionsMenuEntry button[ace_selected_button=true] {
box-shadow: var(--box-shadow-inset-high);
}
}


.ace-tm .ace_constant.ace_numeric {
/* color */
color: rgb(153,153,205)
.mw-echo-ui-pageNotificationsOptionWidget-label-count,
#contentSub,
.mw-templatedata-doc-muted,
.mw-templatedata-doc-param-alias,
.oo-ui-labelWidget.oo-ui-inline-help,
.wikiEditor-ui-toolbar .group .label,
.mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-section-header,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters,
.mw-rcfilters-ui-savedLinksListWidget-placeholder-description,
.results-info,
.mw-search-result-data,
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title,
.tdg-templateDataParamWidget-param-description,
.mw-echo-ui-notificationsListWidget:not(:hover) a, #p-personal .mw-echo-ui-notificationsListWidget:not(:hover) a.new,
.mw-echo-ui-notificationItemWidget-content-message-body,
.ext-growthExperiments-CText--color-subtle,
.growthexperiments-homepage-module .growthexperiments-homepage-module-subheader, .growthexperiments-homepage-module h3.growthexperiments-homepage-module-subheader,
.oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-create .mw-ge-homepage-taskTypeSelectionWidget-additional-msg, .oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-image-recommendation .mw-ge-homepage-taskTypeSelectionWidget-additional-msg, .oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-section-image-recommendation .mw-ge-homepage-taskTypeSelectionWidget-additional-msg, .oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-link-recommendation .mw-ge-homepage-taskTypeSelectionWidget-additional-msg,
.mw-ge-homepage-taskTypeSelectionWidget-create-body,
.mw-ge-suggestededits-articleCountWidget .oo-ui-labelWidget,
.mw-ge-startediting-dialog-progress-label,
.mw-ge-startediting-dialog-progress-indicator,
.mw-ge-startediting-dialog-difficulty-legend-description-body,
.mw-ge-help-panel-home-button-text-subheader,
.mw-ge-help-panel-processdialog label > strong,
.mw-ge-help-panel-processdialog h2,
.ext-discussiontools-init-timestamplink, .ext-discussiontools-init-timestamplink:visited, .ext-discussiontools-init-timestamplink:active,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2-metaitem, .ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section-metaitem,
.ext-discussiontools-ui-targetWidget > .ve-init-target > .ve-ui-surface .ve-ui-completionWidget-header > .oo-ui-labelElement-label,
.mw-ge-help-panel-popup-search-search-result div,
.ext-discussiontools-ui-replyWidget-preview::before,
.mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary,
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label,
.mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module h3,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module-mentor-tools .growthexperiments-mentor-dashboard-module-mentor-tools-other-actions .growthexperiments-mentor-dashboard-module-mentor-tools-claim-mentee-footer,
.growthexperiments-mentor-dashboard-module-mentee-overview h4,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module-mentor-tools h4,
.suggested-edits-task-explanation-wrapper .suggested-edits-short-description,
.growthexperiments-homepage-mentorship-editcount, .growthexperiments-homepage-module-mentorship-optin-editcount, .growthexperiments-homepage-mentorship-lastactive, .growthexperiments-homepage-module-mentorship-optin-lastactive,
.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text,
.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag, .cdx-label:not(.cdx-label--disabled) .cdx-label__description,
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__list__item[aria-selected=false],
.ve-ui-mwHelpListToolGroup-version-link, .ve-ui-mwHelpListToolGroup-version-date,
.mw-ge-help-panel-home-button-preheader-text,
.mw-body-content .recent-questions-growthexperiments-help-questions h3, .overlay-content .recent-questions-growthexperiments-help-questions h3, .content .recent-questions-growthexperiments-help-questions h3, .mw-body-content .recent-questions-growthexperiments-mentor-questions h3, .overlay-content .recent-questions-growthexperiments-mentor-questions h3, .content .recent-questions-growthexperiments-mentor-questions h3,
.mw-body-content .recent-questions-growthexperiments-help-questions .question-posted-on, .overlay-content .recent-questions-growthexperiments-help-questions .question-posted-on, .content .recent-questions-growthexperiments-help-questions .question-posted-on, .mw-body-content .recent-questions-growthexperiments-mentor-questions .question-posted-on, .overlay-content .recent-questions-growthexperiments-mentor-questions .question-posted-on, .content .recent-questions-growthexperiments-mentor-questions .question-posted-on {
color: var(--ooui-text-color-dark);
}
}


.ace-tm .ace_constant {
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,
color: rgb(241,89,92)
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-single-column,
.oo-ui-searchWidget-results,
.footer-icons a:hover,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending),
.mw-special-Contribute .mw-contribute-card,
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
.wikiEditor-ui-toolbar .group .tool-select .options .option,
.ext-templatewizard-templatetitlebar,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all,
.mw-ge-help-panel-home-button,
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
span.fileinput-button,
.ace_button,
.ace_searchbtn,
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.growthexperiments-homepage-module,
.oo-ui-searchWidget-query,
.mw-ge-startediting-dialog-difficulty-banner,
.mw-ge-help-panel-popup .oo-ui-dialog,
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
.ace_editor.ace_autocomplete,
.ext-growthExperiments-CPopper__popover,
.mw-rcfilters-ui-tagItemWidget-popup-content,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip,
#ace_settingsmenu, #kbshortcutmenu,
.growthexperiments-homepage-module-suggested-edits .growthexperiments-homepage-module-footer,
.mw-twocolconflict-split-editable .mw-twocolconflict-split-editor,
.cdx-message,
.mw-message-box,
.wikiEditor-ui-toolbar .booklet > .index,
.ace_searchbtn.prev:after,
.ace_searchbtn.next:after,
.wikiEditor-ui-toolbar .group .tool-select .label,
.mw-special-Contribute .mw-contribute-card-content,
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-parameter-list-inner .oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label, .ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-parameter-list-inner .oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label,
.wikiEditor-ui-toolbar .page-table th,
.wikiEditor-ui-toolbar .page-table td,
#ca-nstab-mediawiki.a,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.mw-widget-calendarWidget-day-heading,
.mw-widget-calendarWidget-day,
.mw-widget-calendarWidget-labelButton .oo-ui-buttonElement-button .oo-ui-labelElement-label,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-messageDialog-message,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active,
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label,
.oo-ui-tabOptionWidget,
.mw-echo-ui-notificationItemWidget-content-message-header,
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-no-results .se-card-title, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-error .se-card-title, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-end-of-queue .se-card-title, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-no-results .se-card-text, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-error .se-card-text, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-end-of-queue .se-card-text,
p.mw-ge-homepage-taskTypeSelectionWidget-difficulty-level-desc,
.suggested-edits-topic-filters-topic-selector h4, .suggested-edits-topic-filters-topic-selector p,
.mw-ge-startediting-dialog-intro-general-title, .mw-ge-startediting-dialog-intro-general-header,
.mw-ge-startediting-dialog-difficulty-header,
.mw-ge-startediting-dialog-difficulty-legend-description-header,
.mw-ge-help-panel-processdialog .oo-ui-window-head .oo-ui-processDialog-title,
.mw-ge-help-panel-processdialog .mw-ge-help-panel-home-button h2,
.mw-ge-help-panel-popup .oo-ui-dialog,
.oo-ui-toolbar-bar,
.ext-discussiontools-ui-targetWidget > .ve-init-target > .ve-ui-surface .ve-ui-completionWidget-header > .oo-ui-labelElement-label > span,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.mw-notification,
.ace_search,
.ace_search_field,
#pagehistory li.selected,
.oo-ui-popupWidget-popup,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after,
.ui-widget-header,
.ui-widget-content,
.mw-rcfilters-ui-filterMenuHeaderWidget-title.oo-ui-labelElement-label,
#mw-scribunto-input,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.search-types .current a,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module .growthexperiments-mentor-dashboard-module-header,
.cdx-select-vue--enabled .cdx-select-vue__handle,
.cdx-menu-item--enabled, .cdx-menu-item--enabled .cdx-menu-item__content,
.oo-ui-tagItemWidget.oo-ui-widget-disabled,
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-time-estimate .suggested-edits-difficulty-level, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-time-estimate .suggested-edits-difficulty-level,
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-text,
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-pager,
.suggested-edits-mobile-peek-content .suggested-edits-header-text h4, .suggested-edits-panel-header .suggested-edits-header-text h4,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-main, .mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-main-multiple,
.mw-ge-help-panel-processdialog .suggested-edits-panel-footer-text,
.suggested-edits-taskexplanation-difficulty-and-time p, .suggested-edits-taskexplanation-additional-info p,
.growthexperiments-homepage-mentorship-intro, .growthexperiments-homepage-module-mentorship-optin-intro,
.cdx-input-chip,
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled,
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-example-text,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark,
.wikiEditor-ui-toolbar .page-characters div span {
color: var(--ooui-text-color);
}
}


.ace-tm .ace_support.ace_function {
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
color: rgb(68,118,235)
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,
.wikiEditor-ui-toolbar .booklet > .index > .current,
.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group,
.oo-ui-processDialog-errors-title,
.mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.mw-echo-ui-notificationItemWidget-content-actions-timestamp,
.growthexperiments-homepage-module .growthexperiments-homepage-module-header, .growthexperiments-homepage-module h2.growthexperiments-homepage-module-header,
.mw-ge-startediting-dialog-progress-indicator-completed,
.oo-ui-messageDialog-title,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
form:not(.oo-ui-layout) button:not(:disabled):hover, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):hover, form:not(.oo-ui-layout) button:not(:disabled):active, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):active,
span.fileinput-button:hover,
.ace_optionsMenuEntry button:hover,
.ace_button.checked,
.ace_editor.ace_autocomplete .ace_line-hover,
.ui-state-default:hover,
.wikiEditor-ui-toolbar,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover,
.editOptions, .mw-editform .editOptions,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.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,
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'],
#wpDestFile,
#wpUploadDescription,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.ui-widget input,
.diff-editfont-monospace .diff-addedline,.diff-editfont-monospace .diff-deletedline,.diff-editfont-monospace .diff-context,
.mw-widget-dateInputWidget-handle,
.ext-growthExperiments-NumberInput__input:enabled,
.cdx-select-vue--enabled .cdx-select-vue__handle:hover,
.cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__content, .cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__text__description,
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium,
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard,
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy,
.cdx-chip-input__input,
.cdx-select:enabled,
.cdx-select:enabled:hover,
.cdx-text-input__input:enabled,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted,
.wikiEditor-ui-toolbar .page-characters div span:hover {
color: var(--ooui-text-color-light);
}
}


.ace-tm .ace_support.ace_constant {
.wikiEditor-ui-toolbar .tabs span.tab a,
color: rgb(23,202,33)
.mw-special-Contribute .mw-contribute-card-action,
ul.fileupload-results li.ful-success a {
color: var(--text-color-link);
}
}


.ace-tm .ace_support.ace_type,.ace-tm .ace_support.ace_class {
.ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label,
color: rgb(182,187,236)
.ext-growthExperiments-ScoreCards__link:visited,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted {
color: var(--color-progressive);
}
}


.ace-tm .ace_string {
/* border-radius */
color: rgb(6,142,13)
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded,
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.cdx-input-chip {
border-radius: var(--border-radius-low);
}
}


.ace-tm .ace_comment {
.oo-ui-tagItemWidget {
color: rgb(103,193,150)
border-radius: var(--border-radius-medium);
}
}


.ace-tm .ace_constant.ace_numeric {
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget,
color: rgb(153,153,255)
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
border-radius: var(--border-radius-high) var(--border-radius-high) 0 0;
}
}


.ace-tm .ace_marker-layer .ace_selection {
/* Остальное */
background: rgb(28,45,68)
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark {
mix-blend-mode: unset;
}
}


.ace-tm .ace_marker-layer .ace_bracket {
.ve-ce-branchNode-blockSlug, html body p.ve-ce-branchNode-newSlug {
margin: -1px 0 0 -1px;
outline-color: var(--border-color-hr);
border: 1px solid rgb(94,94,94)
}
}


.ace-tm .ace_marker-layer .ace_active-line {
.oo-ui-toolbar, .ve-init-mw-editSwitch .oo-ui-toolbar-bar, .ve-init-mw-editSwitch .oo-ui-popupToolGroup, .ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle {
background: rgb(153,153,183,7%)
height: 100%;
}
}


.ace-tm .ace_gutter-active-line {
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module-mentor-tools .oo-ui-dropdownWidget {
background-color: rgb(44,44,51)
display: inline-block;
padding-top: 0;
}
}


.ace-tm .ace_marker-layer .ace_selected-word {
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
background: rgb(37,59,89);
margin-left: 6px;
border: 1px solid rgb(36,36,42)
}
}


.codeEditor-status {
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button {
clear: both;
margin: 0.35em 0.2em 0.25em 0;
width: 100%;
background-color: var(--theme-bg);
border-top: 1px solid #40404b;
display: table
}
}


.codeEditor-status-message {
#footer-poweredbyico a {
border-left: 1px solid #40404b;
background-image: url(https://commons.wiki.gg/images/1/1c/MediaWiki_footer_badge_dark.svg?12ec0a);
border-right: 1px solid #40404b;
background-position: 50% 50%;
padding: 0 0.3em;
background-size: 88px 31px;
width: 100%;
background-repeat: no-repeat;
display: table-cell
}
}


::-webkit-scrollbar {
body:not(.wgl-theme-light) #footer-poweredbyico a img {
background-color: #313137;
visibility: hidden;
}
}


::-webkit-scrollbar-thumb {
.ace_search {
background-color: #505057;
padding: 6px 4px 2px 4px;
border: 3px solid #313137;
border-radius: 0.3em;
}
}


::-webkit-scrollbar-thumb:hover {
.ace_search_field {
background-color: #616169;
margin: 0 2px 0 0 !important;
}
}


::-webkit-scrollbar-thumb:active {
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
background-color: #72727b;
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
text-shadow: none;
}
}


@media (hover: none) and (pointer: coarse) {
.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget {
::-webkit-scrollbar {
padding: 0.6em;
all: unset;
}
width: 0;
 
height: 0;
.mw-changeslist-legend {
}
max-width: 300px;
}
.mw-changeslist-legend {
display: none;
}
.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget > .mw-changeslist-legend {
display: block;
}


::-webkit-scrollbar-thumb {
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
all: unset;
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
}
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
cursor: pointer;
}
}


.overflowed {
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] {
margin: 0;
margin: 0;
}
}


.scroll-left.overflowed .content-table-left,
.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.mw-prefs-fieldset-wrapper {
.scroll-right.overflowed .content-table-right {
padding: 1em;
border-left: solid 1px rgba(var(--color-lighter--rgb), 0.4);
z-index: 9999;
}
}


.scroll-left.overflowed .content-table-left {
.oo-ui-pendingElement-pending {
box-shadow: 1px 0px 2px 2px rgba(0, 0, 0, 0.2);
--background-color-interactive: var(--ooui-bg-color);
--background-color-base: var(--ooui-border-color-light);
}
}


.scroll-right.overflowed .content-table-right {
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
box-shadow: -1px 0px 2px 2px rgba(0, 0, 0, 0.2);
border-width: 2px;
}
}


.style-for-sub-numbered-lists ol {
.mw-prefs-search-highlight {
counter-reset: item
background: transparent !important;
outline: 2px solid var(--bg-color-emerald-50) !important;
border-radius: 0 !important;
}
}


.style-for-sub-numbered-lists li {
.wikiEditor-ui-text textarea#wpTextbox1 {
display: block
border: none;
background: var(--theme-bg-color-base);
}
}


.style-for-sub-numbered-lists li:before {
.ace_search_form.ace_nomatch {
content: counters(item,".") ". ";
outline: 1px solid #922626
counter-increment: item
}
}


.section {
.wikiEditor-ui-toolbar .section-secondary .group.empty {
display: flex;
display: none;
flex-wrap: wrap
}
}


.section .col {
.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon {
flex: 1 1 auto
top: 2px;
}
}


.section .line-break {
#pagehistory li.selected {
flex-basis: 100%;
outline: none;
width: 0px;
height: 0px;
overflow: hidden
}
}


.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body fieldset#mw-searchoptions, .mw_metadata, .mw-datatable {
#mw-subcategories, #mw-pages, #mw-category-media, #filehistory, #wikiPreview, #wikiDiff {
color: #d3d3d3;
clear: both;
background: var(--ooui--gradient);
border: 1px solid var(--ooui--bg);
padding: 12px 10px;
box-shadow: var(--box-shadow-medium);
}
}


.mw-rcfilters-ui-filterMenuHeaderWidget-header {
.mw-tag-markers {
background: var(--ooui--bg);
font-style: italic;
border-color: var(--ooui--border-light);
font-size: 90%
}
}
/* #endregion */


.mw-footer-container {
/* ============ */
border-color: var(--ooui--border-light);
/* #region Неотсортированные */
/* ============ */
form.createbox:invalid .cdx-button {
background-color: var(--theme-bg-color-200) !important;
color: var(--theme-text-color) !important;
border-color: var(--theme-bg-color-200) !important;
}
}


.mw-rcfilters-ui-filterMenuHeaderWidget-title.oo-ui-labelElement-label {
.noExternal>.external {
color: lightgray;
  padding-right: 0px !important;
font-weight: bold;
  background-image: none !important;
}
}


#mw-search-toggleall {
.mw-mmv-image>*, .fullImageLink>*>* {
background-color: var(--ooui--bg);
image-rendering: auto !important;
border-color: var(--ooui--border);
}
}


#mw-search-togglenone {
.mw-parser-output a[href$=".pdf"].external,.mw-parser-output a[href*=".pdf?"].external,.mw-parser-output a[href*=".pdf#"].external,.mw-parser-output a[href$=".PDF"].external,.mw-parser-output a[href*=".PDF?"].external,.mw-parser-output a[href*=".PDF#"].external {
background-color: var(--ooui--bg);
background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) no-repeat right;
border-color: var(--ooui--border);
padding-right: 18px
}
}


#mw-searchoptions .divider {
.nounderlines a,.IPA a:link,.IPA a:visited {
border-color: var(--ooui--border-light);
text-decoration: none !important
}
}


.mw_metadata > tr > th,.mw-datatable > tr > th,.wikitable > tr > th,.mw_metadata > tr > td,.mw-datatable > tr > td,.wikitable > tr > td,.mw_metadata > * > tr > th,.mw-datatable > * > tr > th,.wikitable > * > tr > th,.mw_metadata > * > tr > td,.mw-datatable > * > tr > td,.wikitable > * > tr > td {
.nowrap,.nowraplinks a {
border:none;
white-space: nowrap
padding:0.5em;
}
}


.mw-datatable th {
.wrap,.wraplinks a {
background: var(--theme-bg)
white-space: normal
}
}


.mw-datatable td {
.thumbinner {
background-color: #303037
min-width: 100px;
border-color: var(--ooui-border-color);
}
}


.mw-datatable tr:hover td {
.thumbinner .thumbimage, .thumbborder {
background-color: #3f3f48
border: solid 1px var(--ooui-border-color);
}
}


.pretoclip-copy-button {
ul.permissions-errors>li {
float: right
list-style: none none
}
}


.mw-scribunto-message {
ul.permissions-errors {
color: var(--se-cm--xml-tag-color);
margin: 0
}
}


#mw-scribunto-input {
span.texhtml {
width: 100%;
font-family: "Nimbus Roman No9 L","Times New Roman",Times,serif;
border: 0;
font-size: 118%;
overflow: auto;
line-height: 1;
background: var(--ooui--bg);
white-space: nowrap;
border: 1px solid var(--ooui--border-light);
-moz-font-feature-settings: "lnum","tnum","kern" 0;
font-weight: normal;
-webkit-font-feature-settings: "lnum","tnum","kern" 0;
color: lightgray;
font-feature-settings: "lnum","tnum","kern" 0;
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none
}
}


.mw-scribunto-input {
span.texhtml span.texhtml {
color: #d3d3d3;
font-size: 100%
font: inherit;
font-weight: bold;
margin-top: 0.5em
}
}


.table-flex {
span.mwe-math-mathml-inline {
display: flex;
font-size: 118%
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly
}
}


.boxes-flex {
.mwe-math-fallback-image-display,.mwe-math-mathml-display {
padding: 0;
margin-left: 1.6em !important;
margin: 0;
margin-top: 0.6em;
text-align: center
margin-bottom: 0.6em
}
}


.role-big-title {
.mwe-math-mathml-display math {
margin: 0px;
display: inline
text-align: center;
font-size: 40px;
line-height: 50px;
border-radius: 8px
}
}


.role-block-radius {
.k-player .k-attribution {
border-radius: 8px
visibility: hidden
}
}


.role-block-name {
.PopUpMediaTransform a .play-btn-large {
padding: 2px;
margin: 0;
border-radius: .3em;
top: auto;
margin-bottom: .2em;
right: auto;
bottom: 0;
left: 0
}
 
.flaggedrevs_draft_synced,.flaggedrevs_stable_synced,#t-upload,.mw-special-Book #coll-downloadbox {
display: none
}
}


.story-text {
#site-tools {
text-indent: 19px;
display: none !important
text-align: justify
}
}


.story-dialogue {
span.comment {
line-height: 1.2
overflow-wrap: break-word
}
}


.oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
.mw-content-ltr .tocnumber {
display: block;
color: grey
position: relative;
margin: 0px 25%
}
}


.mw-gallery-slideshow .gallerybox.slideshow-current {
.quickbox {
background: #28282e
border: 1px solid var(--ooui-border-color);
}
}


.gallerytext {
.quickboxhead {
overflow: hidden;
border-bottom: 1px solid var(--ooui-border-color);
font-size: 94%;
background: var(--theme-bg-color-base);
padding: 2px 4px;
word-wrap: break-word;
text-align: center
text-align: center
}
}


#content .gallerybox div.thumb {
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
background-color: #f8f9fa00
color: var(--ooui-bg-color);
}
}


.mw-body li.gallerybox div.thumb {
.mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedseen div.mw-rcfilters-ui-highlights-color-none {
background: #f8f9fa00;
background: var(--ooui-border-color-light);
border: solid #28282e;
border: 1px solid var(--color-contrast);
border-width: 1px 1px 0.2em;
padding: 1.25em 1.75em;
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.02);
padding: 0
}
}


.title-no-bottom-border {
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
border-bottom: none !important
border-color: var(--ooui-bg-color-light);
}
}


.title-top-border {
.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot {
border-top: solid 2px #c8ccd1
outline-color: var(--ooui-border-color);
}
}


@media (min-width: 1340px) {
.mw-templateData-template-add-map-button-panel.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-expanded.tdg-templateDataDialog-addNewMapButtonPanel {
#mw-content-block {
display: flex;
display:block
align-items: center;
}
}


#mw-content {
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
margin-left: 14em;
outline: 1px solid var(--ooui-border-color);
padding: 2em 0 0
}
}


#mw-content-wrapper {
.mw-rcfilters-ui-itemMenuOptionWidget .mw-rcfilters-ui-table {
float: right;
font-size: 0.9em;
margin-left: -14em;
background: transparent;
width: 100%
}
 
.color-middle {
margin-right: 1em !important;
}
 
.mw-wiki-logo {
display: inline-block
}
 
#catlinks {
margin-left: 14em
}
}
}


#footer {
.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-widget.oo-ui-textInputWidget > .oo-ui-inputWidget-input, .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-widget .oo-ui-dropdownWidget-handle, .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-widget .oo-ui-tagMultiselectWidget-handle {
padding-right: 1em
margin: 0;
}
}


.mw-body h1 {
.oo-ui-layout.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-actionFieldLayout {
font-family: 'oswald';
margin: 0.5em 0;
font-size: 2em;
}
}


.mw-body h2 {
.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
font-size: 1.6em;
box-shadow: none;
border-bottom: solid 2px var(--color-contrast);
font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
margin-bottom: 0.4em;
margin-top: 1em;
}
}


.mw-body h3 {
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
font-size: 1.2em;
font-weight: bold;
font-weight: bold;
font-family: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif;
margin-top: 0.5em;
margin-bottom: 0.3em;
padding-bottom: 0;
line-height: 1.6;
padding-top: 0.3em;
}
}


.mw-body h4 {
.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
font-size: 1.05em;
display: flex;
font-weight: bold;
align-items: center;
font-family: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif;
}
}


.target {
.group.group-search {
border-bottom: 1px solid darkblue
border: none;
}
}


.target:target {
.editOptions, .mw-editform .editOptions {
border-bottom: 2px solid gold;
border-top: none;
transition: border 0.7s cubic-bezier(0.4,0,0.2,1)
}
}


.backlight:hover {
.oo-ui-tagMultiselectWidget-input.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-iconElement.oo-ui-textInputWidget.oo-ui-textInputWidget-type-text {
box-shadow: 0 0 0.3em gold;
background: var(--ooui-border-color);
background-color: #00000025;
}
}


#main.backlight:hover {
.mw-rcfilters-ui-filterMenuHeaderWidget-header-highlight {
box-shadow: inset 0 0 23em #00000066;
padding-right: 0.3em;
border-radius: 8px;
padding-left: 0.3em;
}
}


#strongwhite, #strongwhite p, #strongwhite h1, #strongwhite h2, #strongwhite h3, #strongwhite h4, #strongwhite h5, #strongwhite h6, #strongwhite li {
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
color: #e9e9e9 !important
padding: 0;
}
}
/*затемнение для мобилок*/
 
#menus-cover {
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
background: #000000;
border-color: var(--ooui-border-color);
opacity: var(--alpha-s);
display: flex;
align-items: center;
padding: 0;
gap: 2px;
}
}
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded {
 
background: var(--ooui--bg-darkened);
@media screen {
border: none;
.mw-body-content .recipeimg a > img {
border-radius: var(--border-radius-low);
padding: 0;
margin: 0;
border: 0;
width: 32px !important;
max-width: 32px !important;
height: 32px !important;
max-height: 32px !important
}
}
}
/*Красивые картинки*/
 
.mw-content-ltr figure[typeof~='mw:File/Thumb'], .mw-content-ltr figure[typeof~='mw:File/Frame'] {
.positive {
margin: 0 0 0.5em 0.5em;
color: #00FF00;
border:1px solid black;
font-weight: bold
border-bottom:0;
border-radius:0.9em 0.9em 0 0;
background:#1b1b1f;
}
}
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
 
border-radius: 0 0 0.9em 0.9em;
.negative {
border:1px solid black;
color: #FF0000;
border-top:0;
font-weight: bold
background:#1b1b1f;
padding-bottom:5px;
font-family:oswald;
font-size:1em;
}
}


figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) {
.anglerect {
margin: 5px;
--angle-rect-clip-size: 16px;
border-radius: 0.4em;
clip-path: polygon(0 0,calc(100% - var(--angle-rect-clip-size)) 0,100% var(--angle-rect-clip-size),100% 100%,var(--angle-rect-clip-size) 100%,0 calc(100% - var(--angle-rect-clip-size)))
}
}
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame']{
 
border-collapse:separate;
.flex {
display: flex
}
}
.mw-content-ltr figure[typeof~='mw:File/Thumb']:not([typeof~='mw:Error']) > a.mw-file-description:after{
 
border-bottom: 1px solid var(--color-contrast);
.mw-body dd {
margin: 0.2em;
margin-left: 1.6em
}
}


/*кнопка для главного меню*/
ol.references li:target,sup.reference:target {
.StupidButton {
background: var(--ooui-bg-color-light);
width: 100%;
padding: 0px 1px 3px 1px;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 100;
}
}


/*Цвета таблиц для разных отделов*/
.oo-ui-messageDialog-content > .oo-ui-window-foot {
 
outline-color: var(--ooui-border-color);
/* Таблица */
#MED.wikitable {
background: #01453e;
border-spacing: 0px;
}
}


/* Заголовок */
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover {
#MED.wikitable thead tr th,
z-index: 1;
#MED.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background-color: #01453e;
border-bottom: 3px solid #00000015;
}
}


/* Заглавная ячейка */
.oo-ui-comboBoxInputWidget-field {
#MED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
display: flex;
#MED.wikitable thead + tbody > tr th {
align-items: center;
background: #005b53;
border-bottom: 1px solid #01453e;
}
}


/* Ячейка с содержимым */
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
#MED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after {
#MED.wikitable thead + tbody > tr td {
margin: 0;
background: #1f635d;
border-bottom: 1px solid #01453e;
border-left: 1px solid #005b53;
}
}


/* Таблица */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
#ENG.wikitable {
box-shadow: inset var(--box-shadow-medium);
background: #775f0e;
border-spacing: 0px;
}
}


/* Заголовок */
.ui-widget-overlay {
#ENG.wikitable thead tr th,
background: #000000;
#ENG.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background-color: #775f0e;
border-bottom: 3px solid #00000015;
}
}


/* Заглавная ячейка */
.ui-widget-header {
#ENG.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
border: none !important;
#ENG.wikitable thead + tbody > tr th {
background: #8f7210;
border-bottom: 1px solid #775f0e;
}
}


/* Ячейка с содержимым */
.ui-widget-content {
#ENG.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
border: 1px solid var(--ooui-border-color) !important;
#ENG.wikitable thead + tbody > tr td {
background: #977e31;
border-bottom: 1px solid #775f0e;
border-left: 1px solid #8f7210;
}
}


#SEC.wikitable {
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane,
background: #404144;
.wikiEditor-toolbar-dialog .ui-dialog-content {
color: #dddddd;
border: none !important;
}
}


#SEC.wikitable>*>tr>th {
.diff-editfont-monospace .diff-addedline,.diff-editfont-monospace .diff-deletedline,.diff-editfont-monospace .diff-context {
background: #912424;
background: var(--theme-bg-color-base);
color: #dddddd;
border-color: var(--theme-bg-color-base);
}
}


#SEC.wikitable > * > tr > td {
.diff-addedline .diffchange, .diff-deletedline .diffchange {
background: #515255;
border-radius: var(--border-radius-low);
color: #dddddd;
padding: 0.2em 0;
}
}


#SRV.wikitable {
.diff-deletedline .diffchange {
background: #316f20;
background: var(--bg-color-yellow-subtle);
color: #dddddd;
}
}


#SRV.wikitable>*>tr>th {
.diff-addedline .diffchange {
background: #316f20;
background: var(--bg-color-azure-subtle);
color: #dddddd;
}
}


#SRV.wikitable >*> tr > td {
.diff-deletedline {
background: #40852b;
border-color: var(--bg-color-yellow-150) !important;
color: #dddddd;
}
}


/* Таблица */
.diff-addedline {
#RND.wikitable {
border-color: var(--bg-color-blue-150) !important;
background: #630069;
border-spacing: 0px;
}
}


/* Заголовок */
.codeEditor-status {
#RND.wikitable thead tr th,
clear: both;
#RND.wikitable:not(:has(thead)) tr:first-of-type th {
width: 100%;
position: relative;
background: var(--theme-bg-color-100);
background-color: #630069;
border-top: 1px solid var(--ooui-border-color-light);
border-bottom: 3px solid #00000015;
display: table
}
}


/* Заглавная ячейка */
.codeEditor-status-message {
#RND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
border-left: 1px solid var(--ooui-border-color-light);
#RND.wikitable thead + tbody > tr th {
border-right: 1px solid var(--ooui-border-color-light);
background: #7c0183;
padding: 0 0.3em;
border-bottom: 1px solid #630069;
width: 100%;
display: table-cell
}
}


/* Ячейка с содержимым */
.overflowed {
#RND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
margin: 0;
#RND.wikitable thead + tbody > tr td {
background: #84328f;
border-bottom: 1px solid #630069;
border-left: 1px solid #7c0183;
}
}


/* Таблица */
.scroll-left.overflowed .content-table-left,
#SUP.wikitable {
.scroll-right.overflowed .content-table-right {
background: #6f3d0a;
border-left: solid 1px rgba(var(--color-lighter--rgb), 0.4);
border-spacing: 0px;
z-index: 9999;
}
}


/* Заголовок */
.scroll-left.overflowed .content-table-left {
#SUP.wikitable thead tr th,
box-shadow: 1px 0px 2px 2px rgba(0, 0, 0, 0.2);
#SUP.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background-color: #6f3d0a;
border-bottom: 3px solid #00000015;
}
}


/* Заглавная ячейка */
.scroll-right.overflowed .content-table-right {
#SUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
box-shadow: -1px 0px 2px 2px rgba(0, 0, 0, 0.2);
#SUP.wikitable thead + tbody > tr th {
background: #85490c;
border-bottom: 1px solid #6f3d0a;
}
}


/* Ячейка с содержимым */
.style-for-sub-numbered-lists ol {
#SUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
counter-reset: item
#SUP.wikitable thead + tbody > tr td {
background: #8f5a23;
border-bottom: 1px solid #6f3d0a;
border-left: 1px solid #85490c;
}
}


 
.style-for-sub-numbered-lists li {
/*Альтернативные цвета таблиц для разных отделов*/
display: block
#aMED.wikitable thead tr th,
#aMED.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background-color: #004d45;
border-bottom: 0.2em solid #00000059;
box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
}


#aMED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.style-for-sub-numbered-lists li:before {
#aMED.wikitable thead + tbody > tr th {
content: counters(item,".") ". ";
background: #0d747f;
counter-increment: item
border-bottom: 0.1em solid #00000059;
border-left: 0.2em solid #00000059;
}
}


#aENG.wikitable thead tr th,
.section {
#aENG.wikitable:not(:has(thead)) tr:first-of-type th {
display: flex;
position: relative;
flex-wrap: wrap
background-color: #715609;
border-bottom: 0.2em solid #00000059;
box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
}


#aENG.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.section .col {
#aENG.wikitable thead + tbody > tr th {
flex: 1 1 auto
background: #957710;
border-bottom: 0.1em solid #00000059;
border-left: 0.2em solid #00000059;
}
}


#aRND.wikitable thead tr th,
.section .line-break {
#aRND.wikitable:not(:has(thead)) tr:first-of-type th {
flex-basis: 100%;
position: relative;
width: 0px;
background-color: #4e0163;
height: 0px;
border-bottom: 0.2em solid #00000059;
overflow: hidden
box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
}


#aRND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.mw-rcfilters-ui-filterMenuHeaderWidget-title.oo-ui-labelElement-label {
#aRND.wikitable thead + tbody > tr th {
font-weight: bold;
background: #78027f;
border-bottom: 0.1em solid #00000059;
border-left: 0.2em solid #00000059;
}
}


#aSUP.wikitable thead tr th,
.mw-datatable th {
#aSUP.wikitable:not(:has(thead)) tr:first-of-type th {
background: var(--theme-bg-color-100)
position: relative;
background-color: #6f390a;
border-bottom: 0.2em solid #00000059;
box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
}


#aSUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.pretoclip-copy-button {
#aSUP.wikitable thead + tbody > tr th {
float: right
background: #874b0e;
border-bottom: 0.1em solid #00000059;
border-left: 0.2em solid #00000059;
}
}


#aSEC.wikitable {
.mw-scribunto-message {
background: var(--ooui--bg);
color: var(--se-cm--xml-tag-color);
color: #dddddd;
}
}


#aSEC.wikitable>*>tr>th {
/*Цвета таблиц для разных отделов*/
background: #912424;
/* COM */
color: #dddddd;
#COM.wikitable {
border: 1px solid var(--bg-color-blue-subtle);
}
}


#aSEC.wikitable > * > tr > td {
#COM.wikitable th {
background: #31313b;
background: var(--bg-color-blue-150);
color: #dddddd;
}
}


/* Таблица */
#COM.wikitable thead tr th,
#aSRV.wikitable {
#COM.wikitable:not(:has(thead)) tr:first-of-type th {
background: #216321;
position: relative;
border-spacing: 0px;
background: var(--bg-color-blue-100);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
}


/* Заголовок */
#COM.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#aSRV.wikitable thead tr th,
#COM.wikitable thead + tbody > tr th:first-child {
#aSRV.wikitable:not(:has(thead)) tr:first-of-type th {
border-left: 3px solid var(--color-darkened-border);
position: relative;
background-color: #216321;
border-bottom: 0.2em solid #00000021;
}
}


/* Заглавная ячейка */
#COM.wikitable tr td {
#aSRV.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
background: var(--bg-color-blue-subtle);
#aSRV.wikitable thead + tbody > tr th {
background: #297929;
border-bottom: 1px solid #216321;
}
}


/* Ячейка с содержимым */
/* MED */
#aSRV.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#MED.wikitable {
#aSRV.wikitable thead + tbody > tr td {
border: 1px solid var(--bg-color-sky-blue-subtle);
background: #3f833f;
}
border-bottom: 1px solid #216321;
border-left: 1px solid #297929;
}


/* Таблица */
#MED.wikitable th {
#BOTANY.wikitable {
background: var(--bg-color-sky-blue-150);
background: #0d3f28;
}
}
 
/* Заголовок */
#MED.wikitable thead tr th,
#BOTANY.wikitable thead tr th,
#MED.wikitable:not(:has(thead)) tr:first-of-type th {
#BOTANY.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
background-color: #04673e !important;
background: var(--bg-color-sky-blue-100);
border-bottom: 0.2em solid #00000021;
border-bottom: 3px solid var(--color-darkened-border);
box-shadow:  var(--box-shadow-medium);
}
}


/* Заглавные ячейки */
#MED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#MED.wikitable thead + tbody > tr th:first-child {
#BOTANY.wikitable thead + tbody > tr th {
border-left: 3px solid var(--color-darkened-border);
background: #0d7b39;
}
}


/* Первая заглавная ячейка */
#MED.wikitable tr td {
#BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-of-type,
background: var(--bg-color-sky-blue-subtle);
#BOTANY.wikitable thead + tbody > tr th:first-of-type {
border-left: 0.2em solid #0000003b;
}
}


/* Ячейка с содержимым */
/* SRV */
#BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#SRV.wikitable {
#BOTANY.wikitable thead + tbody > tr td {
border: 1px solid var(--bg-color-green-subtle);
background: #2a834e;
}
}


/* Таблица */
#SRV.wikitable th {
#MUTATION.wikitable {
background: var(--bg-color-green-150);
background: #220f3b;
}
}


/* Заголовок */
#SRV.wikitable thead tr th,
#MUTATION.wikitable thead tr th,
#SRV.wikitable:not(:has(thead)) tr:first-of-type th {
#MUTATION.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
background-color: #330b65 !important;
background: var(--bg-color-green-100);
border-bottom: 0.2em solid #00000021;
border-bottom: 3px solid var(--color-darkened-border);
box-shadow:  var(--box-shadow-medium);
}
}


/* Заглавные ячейки */
#SRV.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#SRV.wikitable thead + tbody > tr th:first-child {
#MUTATION.wikitable thead + tbody > tr th {
border-left: 3px solid var(--color-darkened-border);
background: #3a1769;
}
}


/* Первая заглавная ячейка */
#SRV.wikitable tr td {
#MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-of-type,
background: var(--bg-color-green-subtle);
#MUTATION.wikitable thead + tbody > tr th:first-of-type {
border-left: 0.2em solid #0000003b;
}
}


/* Ячейка с содержимым */
/* ENG */
#MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#ENG.wikitable {
#MUTATION.wikitable thead + tbody > tr td {
border: 1px solid var(--bg-color-yellow-subtle);
background: #422371;
}
}


/* Неразрывные пробелы в горизонтальных списках
#ENG.wikitable th {
  @источник: https://ru.wikipedia.org/wiki/MediaWiki:Common.css
background: var(--bg-color-yellow-150);
  @Распорстраняется под CC BY-SA 4.0
}
  @автор: [[Участник:WindEwriX]]*/
 
.nowrap,
#ENG.wikitable thead tr th,
.nowraplinks a,
#ENG.wikitable:not(:has(thead)) tr:first-of-type th {
.nowraplinks .selflink,
position: relative;
.hlist-items-nowrap dd,
background: var(--bg-color-yellow-100);
.hlist-items-nowrap dt,
border-bottom: 3px solid var(--color-darkened-border);
.hlist-items-nowrap li {
box-shadow: var(--box-shadow-medium);
white-space: nowrap;
}
}
/* Прекращение действия лицензии CC BY-SA 4.0*/


/* Style for horizontal lists (separator following item).
#ENG.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
#ENG.wikitable thead + tbody > tr th:first-child {
  @revision 9 (2016-08-10)
border-left: 3px solid var(--color-darkened-border);
  @Распорстраняется под CC BY-SA 4.0
  @author [[User:Edokter]]
*/
.hlist dl,
.hlist.hlist ol,
.hlist.hlist ul {
margin: 0;
padding: 0;
}
}
/* Display list items inline */
 
.hlist dd,
#ENG.wikitable tr td {
.hlist dt,
background: var(--bg-color-yellow-subtle);
.hlist li {
margin: 0;
display: inline;
}
}
/* Display nested lists inline */
 
.hlist.inline,
/* RND */
.hlist.inline dl,
#RND.wikitable {
.hlist.inline ol,
border: 1px solid var(--bg-color-purple-subtle);
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
}
/* Hide empty list items */
 
.hlist .mw-empty-li,
#RND.wikitable th {
.hlist .mw-empty-elt {
background: var(--bg-color-purple-150);
display: none;
}
}
/* Generate bullets */
 
.hlist dt:after {
#RND.wikitable thead tr th,
content: ": ";
#RND.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: var(--bg-color-purple-100);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
}
.hlist dd:after,
 
.hlist li:after {
#RND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
content: "\00a0· ";
#RND.wikitable thead + tbody > tr th:first-child {
font-weight: bold;
border-left: 3px solid var(--color-darkened-border);
}
}
.hlist dd:last-child:after,
 
.hlist dt:last-child:after,
#RND.wikitable tr td {
.hlist li:last-child:after {
background: var(--bg-color-purple-subtle);
content: none;
}
}
/* Add parentheses around nested lists */
 
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
/* SUP */
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
#SUP.wikitable {
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
border: 1px solid var(--bg-color-brown-subtle);
content: " (";
font-weight: normal;
}
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
 
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
#SUP.wikitable th {
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
background: var(--bg-color-brown-150);
content: ")";
}
font-weight: normal;
 
#SUP.wikitable thead tr th,
#SUP.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: var(--bg-color-brown-100);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
 
#SUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#SUP.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
}
 
#SUP.wikitable tr td {
background: var(--bg-color-brown-subtle);
}
}
/* Put ordinals in front of ordered list items */
 
.hlist ol {
/* SEC */
counter-reset: listitem;
#SEC.wikitable {
border: 1px solid var(--bg-color-red-subtle);
}
}
.hlist ol > li {
 
counter-increment: listitem;
#SEC.wikitable th {
background: var(--bg-color-red-150);
}
}
.hlist ol > li:before {
 
content: " " counter(listitem) "\a0";
#SEC.wikitable thead tr th,
#SEC.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: var(--bg-color-red-100);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
}
.hlist dd ol > li:first-child:before,
 
.hlist dt ol > li:first-child:before,
#SEC.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
.hlist li ol > li:first-child:before {
#SEC.wikitable thead + tbody > tr th:first-child {
content: " (" counter(listitem) "\a0";
border-left: 3px solid var(--color-darkened-border);
}
}
/* Прекращение действия лицензии CC BY-SA 4.0*/


/* Псевдо-модальное окно */
#SEC.wikitable tr td {
.pseudomodal--caller {
background: var(--bg-color-red-subtle);
  cursor:pointer;
}
}


.pseudomodal {
/* BOTANY */
overflow-y: auto;
#BOTANY.wikitable {
display: flex;
border: 1px solid var(--bg-color-emerald-subtle);
flex-direction: column;
visibility: hidden;
opacity: 0;
background-color: var(--theme-bg);
width: 60%;
height: 80%;
border: 1px solid black;
border-radius: 0.5rem;
padding: 5px 25px;
position: fixed;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100 !important;
box-shadow: 0px 0px 0px 100vh rgba(0, 0, 0, 0.6);
}
}


.pseudomodal--caller:focus-within + .pseudomodal {
#BOTANY.wikitable th {
  visibility: visible;
background: var(--bg-color-emerald-150);
  opacity: 1;
}
}


.pseudomodal:hover {
#BOTANY.wikitable thead tr th,
  visibility: visible;
#BOTANY.wikitable:not(:has(thead)) tr:first-of-type th {
  opacity: 1;
position: relative;
background: var(--bg-color-emerald-100);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
}


.pseudomodal--header {
#BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
  text-align: center;
#BOTANY.wikitable thead + tbody > tr th:first-child {
  font-size: 1.1em;
border-left: 3px solid var(--color-darkened-border);
  position: relative;
}
}


.pseudomodal--header-hr{
#BOTANY.wikitable tr td {
  margin: 20px 0;
background: var(--bg-color-emerald-subtle);
  padding: 0;
  height: 0;
  border: none;
  border-top: 1px solid darkgray;
}
}


.pseudomodal--body{
/* MUTATION */
  height: 100%;
#MUTATION.wikitable {
  position: relative;
border: 1px solid var(--bg-color-violet-subtle);
}
}


.pseudomodal::-webkit-scrollbar {
#MUTATION.wikitable th {
  width: 0.15rem;
background: var(--bg-color-violet-150);
  background-color:transparent;
}
}


.pseudomodal::-webkit-scrollbar-track {
#MUTATION.wikitable thead tr th,
  margin:1em;
#MUTATION.wikitable:not(:has(thead)) tr:first-of-type th {
  background: transparent;
position: relative;
}
background: var(--bg-color-violet-100);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow:  var(--box-shadow-medium);
}


.pseudomodal::-webkit-scrollbar-thumb {
#MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
  background-color: transparent;
#MUTATION.wikitable thead + tbody > tr th:first-child {
  border: solid #373737;
border-left: 3px solid var(--color-darkened-border);
}
}


/* Key press */
#MUTATION.wikitable tr td {
.keyboard-key {
background: var(--bg-color-violet-subtle);
border: 1px solid #555555;
border-radius: var(--border-radius-low);
box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.1);
background-image: linear-gradient(to bottom, #1e1e1e, #393838, #1e1e1e);
color: lightgrey;
padding: 0.1em 0.3em;
font-family: inherit;
font-size: 0.8em;
}
}


@media only screen and (max-width: 600px) {
/* Стили для заголовков в таблицах с thead */
.flex--row-column {
#highlighted-header.wikitable thead tr th,
flex-direction:column; width: 50%; margin: auto;
/* Стили для первого ряда в таблицах без thead */
}
#highlighted-header.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: var(--theme-bg-color-300);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
}


/* Классы для форума "Справочник сталкера" проекта S.T.A.L.K.E.R. и для вики-плашек*/
/* Стили для последующих строк в таблицах без thead */
 
#highlighted-header.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.forumMessage, .wikiMessage {
/* Стили для последующих строк в таблицах с thead */
background: #1b1b1f;
#highlighted-header.wikitable thead + tbody > tr th {
background: var(--bg-color-red-150);
border-left: 3px solid var(--color-darkened-border);
}
}


.forumMessage {
/* Серый заголовок и серые ячейки */
padding: 10px 10px 30px;
#highlighted-header-classic.wikitable thead tr th,
#highlighted-header-classic.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: var(--theme-bg-color-300);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
}


.wikiMessage {
#highlighted-header-classic.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
padding: 10px 10px 10px;
#highlighted-header-classic.wikitable thead + tbody > tr th {
margin-bottom: 10px;
background: var(--theme-bg-color-250);
border-left: 3px solid var(--color-darkened-border);
}
}


.forumMessageInfo, .wikiMessageInfo{
/* Холодный цвет ячеек */
padding: 0;
#highlighted-header-cold.wikitable {
margin-left: 160px;
border: 1px solid var(--bg-color-azure-subtle);
border-bottom: 1px none black;
zoom: 1;
color: rgb(255, 255, 255);
}
}


.forumMessageContent, .wikiMessageContent {
#highlighted-header-cold.wikitable th {
padding-bottom: 2px;
background: var(--bg-color-azure-150);
padding-left:4px;
border-style: hidden;
min-height: 100px;
overflow: hidden;
}
.forumMessageContent {
background-color: #303037
}
}


.forumMessageUserInfo, .wikiIMG {
#highlighted-header-cold.wikitable thead tr th,
float: left;
#highlighted-header-cold.wikitable:not(:has(thead)) tr:first-of-type th {
width: 140px;
position: relative;
position: relative;
background: var(--bg-color-azure-100);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow:  var(--box-shadow-medium);
}
}


.forumAvatarHolder, .wikiIMGHolder {
#highlighted-header-cold.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
padding: 10px;
#highlighted-header-cold.wikitable thead + tbody > tr th:first-child {
text-align: center;
border-left: 3px solid var(--color-darkened-border);
position:relative;
}
}


.forumAvatarHolder {
#highlighted-header-cold.wikitable tr td {
background:#303037
background: var(--bg-color-azure-subtle);
}
}


.forumUserText {
/* Серый заголовок и темно-красные ячейки TODO: удалить */
padding: 1px 10px;
#highlighted-header-dark.wikitable thead tr th,
background:#303037
#highlighted-header-dark.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background: var(--theme-bg-color-300);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow:  var(--box-shadow-medium);
}
}


.forumUserName {
#highlighted-header-dark.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
font-size: 14px;
#highlighted-header-dark.wikitable thead + tbody > tr th {
color: rgb(255, 148, 7);
background: var(--bg-color-red-150);
margin-bottom: 5px;
border-left: 3px solid var(--color-darkened-border);
display: block;
overflow: hidden;
line-height: 16px;
text-align: center;
}
}


.forumBanner {
/* Палитра для Морпехов TODO: палитра в переменных */
font-size: 11px;
#highlighted-header-CM.wikitable thead tr th,
text-align: center;
#highlighted-header-CM.wikitable:not(:has(thead)) tr:first-of-type th {
padding: 5px;
position: relative;
color: black;
background: #313d45;
border-color: silver;
border-bottom: 3px solid var(--color-darkened-border);
height: 16px;
box-shadow: var(--box-shadow-medium);
width: 105px;
display: block;
margin-bottom: 5px
}
}


.forumAdmin {
#highlighted-header-CM.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
background: silver
#highlighted-header-CM.wikitable thead + tbody > tr th {
background: #355f54;
border-left: 3px solid var(--color-darkened-border);
}
}
/* CodeMirror */
 
.CodeMirror {
/* Палитра для Ксеноморфов TODO: палитра в переменных */
height: 600px;
#highlighted-header-xenomorph.wikitable thead tr th,
#highlighted-header-xenomorph.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
overflow: hidden;
background: #3c1d5f;
background: #1b1b1f;
border-bottom: 3px solid var(--color-darkened-border);
color: inherit;
box-shadow: var(--box-shadow-medium);
}
}


.CodeMirror-gutters {
#highlighted-header-xenomorph.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
border-right: 1px solid var(--theme-bg);
#highlighted-header-xenomorph.wikitable thead + tbody > tr th {
background-color: var(--theme-bg);
background: #5d1c55;
white-space: nowrap;
border-left: 3px solid var(--color-darkened-border);
}
}


.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
/* Если не нужен другой стиль кроме цвета */
background: #1c2d44;
#no-highlight {
border-bottom: none !important;
box-shadow: none !important;
}
}


.noExternal>.external {
/* КОНЕЦ */
  padding-right:0px !important;
  background-image:none !important;
}


.mw-mmv-image>*, .fullImageLink>*>* {
/* Неразрывные пробелы в горизонтальных списках
image-rendering: auto !important;
  @источник: https://ru.wikipedia.org/wiki/MediaWiki:Common.css
}
  @Распорстраняется под CC BY-SA 4.0
 
  @автор: [[Участник:WindEwriX]]*/
/* Для тестов */
.nowrap,
.skameykatable{
.nowraplinks a,
border:1px solid black;
.nowraplinks .selflink,
border-radius:1.4rem;
.hlist-items-nowrap dd,
}
.hlist-items-nowrap dt,
.skameykatable>*>tr>th{
.hlist-items-nowrap li {
  text-align:center;
white-space: nowrap;
font-weight:bold;
}
.skameykatable>*>tr>td{
  border:none;
}
.skameykatable>*>tr:not(:first-child)>*{
border-top:1px solid black !important;
}
.skameykatable>*>tr:not(:first-child):not(:last-child):hover{
box-shadow: inset 30em 30em 0 #1b1b20;
}
.skameykatable>*>tr:last-child{
box-shadow: inset 30em 30em 0 #1b1b20;
border-bottom-left-radius:1.3rem;
border-bottom-right-radius:1.3rem;
}
}
/* Прекращение действия лицензии CC BY-SA 4.0*/


.skameykatable>*>tr>*{
/* Style for horizontal lists (separator following item).
padding:0.4em;
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
background:transparent;
  @revision 9 (2016-08-10)
border:none !important;
  @Распорстраняется под CC BY-SA 4.0
  @author [[User:Edokter]]
*/
.hlist dl,
.hlist.hlist ol,
.hlist.hlist ul {
margin: 0;
padding: 0;
}
}
/* Display list items inline */
.headerSort::after {
.hlist dd,
content: "\21C5";
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
}
/* Display nested lists inline */
.headerSort.headerSortUp::after {
.hlist.inline,
content: "\2191";
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
}
 
/* Hide empty list items */
.headerSort.headerSortDown::after {
.hlist .mw-empty-li,
content: "\2193";
.hlist .mw-empty-elt {
display: none;
}
}
 
/* Generate bullets */
 
.hlist dt:after {
.headerSort {
content: ": ";
background-size: 0 0 !important;
white-space: nowrap;
}
}
 
.hlist dd:after,
 
.hlist li:after {
.pseudomodal p {
content: "\00a0· ";
margin: 0 !important;
font-weight: bold;
}
}
 
.hlist dd:last-child:after,
/**
.hlist dt:last-child:after,
* SS220 import
.hlist li:last-child:after {
*
content: none;
* Taken from https://wiki.ss220.space/index.php?title=MediaWiki:Common.css&oldid=35625
}
*/
/* Add parentheses around nested lists */
 
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
/* Hide noscript only elements */
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.client-js *.noscript {
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
display: none;
content: " (";
font-weight: normal;
}
}
 
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
 
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
/* SS220 import end*/
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
 
content: ")";
 
font-weight: normal;
/* Стили для заголовков в таблицах с thead */
#highlighted-header.wikitable thead tr th,
/* Стили для первого ряда в таблицах без thead */
#highlighted-header.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background-color: #3d3d4f;
border-bottom: 0.2em solid #00000059;
box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
}
 
/* Put ordinals in front of ordered list items */
/* Стили для последующих строк в таблицах без thead */
.hlist ol {
#highlighted-header.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
counter-reset: listitem;
/* Стили для последующих строк в таблицах с thead */
#highlighted-header.wikitable thead + tbody > tr th {
background: #972626;
border-bottom: 0.1em solid #00000059;
border-left: 0.2em solid #00000059;
}
}
 
.hlist ol > li {
/* Серый заголовок и серые ячейки */
counter-increment: listitem;
#highlighted-header-classic.wikitable thead tr th,
#highlighted-header-classic.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background-color: #323240;
border-bottom: 0.2em solid #00000045;
box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
}
 
.hlist ol > li:before {
#highlighted-header-classic.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
content: " " counter(listitem) "\a0";
#highlighted-header-classic.wikitable thead + tbody > tr th {
background: #3e3e4d;
border-bottom: 0.1em solid #0000000d;
border-left: 0.2em solid #00000024;
}
}
 
.hlist dd ol > li:first-child:before,
/* Холодный цвет ячеек */
.hlist dt ol > li:first-child:before,
#highlighted-header-cold.wikitable thead tr th,
.hlist li ol > li:first-child:before {
#highlighted-header-cold.wikitable:not(:has(thead)) tr:first-of-type th {
content: " (" counter(listitem) "\a0";
position: relative;
background-color: #006587;
border-bottom: 0.2em solid #00000059;
box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
}
/* Прекращение действия лицензии CC BY-SA 4.0*/


#highlighted-header-cold.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
/* Псевдо-модальное окно (TODO: удалить) */
#highlighted-header-cold.wikitable thead + tbody > tr th {
.pseudomodal--caller {
background: #00707b;
  cursor:pointer;
border-bottom: 0.1em solid #00000059;
border-left: 0.2em solid #00000059;
}
}


/* Серый заголовок и темно-красные ячейки */
.pseudomodal {
#highlighted-header-dark.wikitable thead tr th,
overflow-y: auto;
#highlighted-header-dark.wikitable:not(:has(thead)) tr:first-of-type th {
display: flex;
position: relative;
flex-direction: column;
background-color: #3d3d4f;
visibility: hidden;
border-bottom: 0.2em solid #00000059;
opacity: 0;
box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
background: var(--theme-bg-color-100);
}
width: 60%;
 
height: 80%;
#highlighted-header-dark.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
border: 1px solid black;
#highlighted-header-dark.wikitable thead + tbody > tr th {
border-radius: 0.5rem;
background: #8d2121;
padding: 5px 25px;
border-bottom: 0.1em solid #00000059;
position: fixed;
border-left: 0.2em solid #00000059;
margin: auto;
}
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100 !important;
box-shadow: 0px 0px 0px 100vh rgba(0, 0, 0, 0.6);
}


/* Палитра для Морпехов */
.pseudomodal--caller:focus-within + .pseudomodal {
#highlighted-header-CM.wikitable thead tr th,
  visibility: visible;
#highlighted-header-CM.wikitable:not(:has(thead)) tr:first-of-type th {
  opacity: 1;
position: relative;
background-color: #313d45;
border-bottom: 0.2em solid #00000059;
box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
}


#highlighted-header-CM.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.pseudomodal:hover {
#highlighted-header-CM.wikitable thead + tbody > tr th {
  visibility: visible;
background: #355f54;
  opacity: 1;
border-bottom: 0.1em solid #00000059;
border-left: 0.2em solid #00000059;
}
}


/* Палитра для Ксеноморфов */
.pseudomodal--header {
#highlighted-header-xenomorph.wikitable thead tr th,
  text-align: center;
#highlighted-header-xenomorph.wikitable:not(:has(thead)) tr:first-of-type th {
  font-size: 1.1em;
position: relative;
  position: relative;
background-color: #3c1d5f;
border-bottom: 0.2em solid #00000059;
box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
}


#highlighted-header-xenomorph.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
.pseudomodal--header-hr{
#highlighted-header-xenomorph.wikitable thead + tbody > tr th {
  margin: 20px 0;
background: #5d1c55;
  padding: 0;
border-bottom: 0.1em solid #00000059;
  height: 0;
border-left: 0.2em solid #00000059;
  border: none;
  border-top: 1px solid darkgray;
}
}


/* Если не нужен другой стиль кроме цвета */
.pseudomodal--body{
#no-highlight {
  height: 100%;
border-bottom: none !important;
  position: relative;
box-shadow: none !important;
}
}


 
@media only screen and (max-width: 600px) {
/* Таблица */
.flex--row-column {
#VIOLET.wikitable {
flex-direction:column; width: 50%; margin: auto;
background: #391b5d;
}
border-spacing: 0px;
}
}
 
/* Заголовок */
.headerSort::after {
#VIOLET.wikitable thead tr th,
content: "\21C5";
#VIOLET.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
background-color: #391b5d;
border-bottom: 0.2em solid #00000021;
}
}
 
/* Заглавная ячейка */
.headerSort.headerSortUp::after {
#VIOLET.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
content: "\2191";
#VIOLET.wikitable thead + tbody > tr th {
background: #44206f;
border-bottom: 1px solid #391b5d;
}
}


/* Ячейка с содержимым */
.headerSort.headerSortDown::after {
#VIOLET.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
content: "\2193";
#VIOLET.wikitable thead + tbody > tr td {
background: #4a2b6f;
border-bottom: 1px solid #391b5d;
}
}




/* Таблица */
.headerSort {
#YELLOW.wikitable {
background-size: 0 0 !important;
background: #405d1b;
white-space: nowrap;
border-spacing: 0px;
}
}


/* Заголовок */
 
#YELLOW.wikitable thead tr th,
.pseudomodal p {
#YELLOW.wikitable:not(:has(thead)) tr:first-of-type th {
margin: 0 !important;
position: relative;
background-color: #405d1b;
border-bottom: 0.2em solid #00000021;
}
}


/* Заглавная ячейка */
/**
#YELLOW.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
* SS220 import
#YELLOW.wikitable thead + tbody > tr th {
*
background: #4c6d20;
* Taken from https://wiki.ss220.space/index.php?title=MediaWiki:Common.css&oldid=35625
border-bottom: 1px solid #405d1b;
*/
}


/* Ячейка с содержимым */
/* Hide noscript only elements */
#YELLOW.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
.client-js *.noscript {
#YELLOW.wikitable thead + tbody > tr td {
display: none;
background: #577332;
border-bottom: 1px solid #405d1b;
}
}


@media (max-width: 800px) {
.grid-adaptive {
grid-template-columns: 1fr !important;
}
}


.grid-item-adaptive {
/* SS220 import end*/
display: grid;
gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 300px), 1fr));
}
 
.grid-item-compressed {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 350px), 0fr));
}
 
 
/* Удаление верхних и нижних отступов для первого и последнего дочернего элемента */
.no-margin-edges > :first-child,
.tabs-content > :first-child,
.doc > :first-child {
margin-top: 0 !important;
}
 
.no-margin-edges > :last-child,
.tabs-content > :last-child,
.doc > :last-child {
margin-bottom: 0 !important;
}
 
/* Сброс и настройка отступов для списков */
.list-reset-margin ol {
margin: 0 0 0 24px;
padding: 0;
}
 
.list-reset-margin > ol:not(:first-child) > li:not(:first-child),
.list-reset-margin > ul:nth-of-type(n+2) {
margin-top: 10px;
}
 
/* Кнопка копирования текста */
.copy-icon {
cursor: pointer;
}
 
/* Кнопка копирования текста */
.brightness-overlay::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: var(--background-color);
}
 
 
/* Псевдоэлемент для добавления фона, который изменяет яркость при наведении */
.brightness-overlay::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background: var(--background-color);
}
 
.brightness-overlay:hover::before {
filter: brightness(103%);
}
 
/* Уменьшеная полоса прокрутки */
.short-scrollbar::-webkit-scrollbar {
width: 10px;
}
 
.short-scrollbar::-webkit-scrollbar-track  {
background: var(--ooui--bg-light);
}
 
.short-scrollbar::-webkit-scrollbar-thumb {
background: #44444d; border: 2px solid var(--ooui--bg-light); border-radius: 0;
}
 
/* Для для динамичного вида кнопки "[развернуть]" */
.collapsible-absolute .mw-collapsible-toggle {
position: absolute;
left: 0;
right: 0;
}
 
/*==========
  Модуль:Краткий вызов
==========*/
 
.shortcut {
clear: right;
float: right;
margin-left: 0.75em;
font-size: smaller;
background: var(--bg-code-light);
border: 1px solid var(--color-code-border-light);
}
 
.shortcut-1, .shortcut-2 {
padding: 4px;
}
 
.shortcut-2 {
line-height: 1.25em;
font-weight: bold;
vertical-align: middle;
}
 
/*==========
  Расширение:Popups
==========*/
 
/* Всплывающие окна */
.mwe-popups {
background: var(--ooui--gradient-light);
box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.35), 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
 
.mwe-popups img {
image-rendering: auto;
}
 
.mwe-popups .mwe-popups-container {
background: var(--ooui--gradient-light);
}
 
.mwe-popups .mwe-popups-extract {
color: #dddddd;
}
 
.mwe-popups .mwe-popups-extract:hover {
color: #e8e8e8;
}
 
.mwe-popups .mwe-popups-extract[dir='ltr']::after {
background: linear-gradient(90deg, #ffffff00 0%, #2a2a3387 50%);
}
 
.mwe-popups .mwe-popups-extract[dir='rtl']::after {
background: linear-gradient(90deg, #2a2a3387 50%, #ffffff00 0%);
}
 
/* Настройки */
.mwe-popups-overlay {
background-color: rgba(0, 0, 0, 0.6);
}
 
#mwe-popups-settings {
border: 1px solid #41414d;
background: #27272f;
}
 
#mwe-popups-settings header {
border-bottom: 1px solid #41414d;
}
 
#mwe-popups-settings main#mwe-popups-settings-form p {
color: lightgray;
}
 
#mwe-popups-settings main#mwe-popups-settings-form form label > span {
color: #dddddd;
}
 
/*==========
Расширение:InputBox
==========*/
 
.mw-ui-input {
background-color: var(--ooui--bg);
color: white;
}
 
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input {
border-radius: var(--border-radius-low);
border-color: var(--ooui--border);
}
 
.mw-ui-input:hover {
border-color: var(--ooui--border-light);
}
 
/*==========
Расширение:SyntaxHighlight
==========*/
 
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
background: var(--theme-bg-dark);
border-color: var(--ooui--border);
box-shadow: var(--ooui--bg-dark) 2.75em 0px 0px inset;
font-size: 90%;
color: lightgrey;
}
 
.mw-content-ltr.mw-highlight .linenos {
color: var(--theme-color-text-dark);
}
 
/* ================================================ */
/* #region <syntaxhighlight> CODE BLOCKS  */
/* ================================================ */
 
:root {
--synt-high--color-darkCreamy: #262421;
--synt-high--color-lightCreamy: hsl(38, 5%, 45%);
 
--synt-high--color-comment: var(--synt-high--color-lightCreamy);
--synt-high--color-err: #ff1a94;
--synt-high--color-operator: #e7236a;
--synt-high--color-punctuation: #f8f8f2;
--synt-high--color-string: #e6db74;
--synt-high--color-date: var(--synt-high--color-string);
/* names for things such as variables, functions, classes, etc. */
--synt-high--color-name: #a6e22e;
/* literals, mostly numbers, some string stuff too. */
--synt-high--color-literal: #ae81ff;
/* keywords and constants */
--synt-high--color-keyword: #57b8cb;
--action-color: hsl(220, 60%, 50%);
}
 
/* Modified version of https://github.com/richleland/pygments-css/blob/master/monokai.css */
 
/* Highlighted Lines */
.mw-highlight .hll {
background-color: var(--action-color);
}
 
/* Error */
.mw-highlight .err {
color: var(--synt-high--color-err);
background-color: hsl(328, 40%, 16%);
}
 
/* Keyword */
.mw-highlight .k {
color: var(--synt-high--color-keyword);
}
 
/* Literal */
.mw-highlight .l {
color: var(--synt-high--color-literal);
}
 
/* Name */
.mw-highlight .n {
color: #f8f8f2;
}
 
/* Operator */
.mw-highlight .o {
color: var(--synt-high--color-operator);
}
 
/* Punctuation */
.mw-highlight .p {
color: var(--synt-high--color-punctuation);
}
 
/* Comment */
.mw-highlight .c {
color: var(--synt-high--color-comment);
}
 
/* Comment.Hashbang */
.mw-highlight .ch {
color: var(--synt-high--color-comment);
}
 
/* Comment.Multiline */
.mw-highlight .cm {
color: var(--synt-high--color-comment);
}
 
/* Comment.Preproc */
.mw-highlight .cp {
color: var(--synt-high--color-comment);
}
 
/* Comment.PreprocFile */
.mw-highlight .cpf {
color: var(--synt-high--color-comment);
}
 
/* Comment.Single */
.mw-highlight .c1 {
color: var(--synt-high--color-comment);
}
 
/* Comment.Special */
.mw-highlight .cs {
color: var(--synt-high--color-comment);
}
 
/* Generic.Deleted */
.mw-highlight .gd {
color: #f92672;
}
 
/* Generic.Emph */
.mw-highlight .ge {
font-style: italic;
}
 
/* Generic.Inserted */
.mw-highlight .gi {
color: var(--synt-high--color-name);
}
 
/* Generic.Strong */
.mw-highlight .gs {
font-weight: bold;
}
 
/* Generic.Subheading */
.mw-highlight .gu {
color: #75715e;
}
 
/* Keyword.Constant */
.mw-highlight .kc {
color: var(--synt-high--color-keyword);
}
 
/* Keyword.Declaration */
.mw-highlight .kd {
color: var(--synt-high--color-keyword);
}
 
/* Keyword.Namespace */
.mw-highlight .kn {
color: #f92672;
}
 
/* Keyword.Pseudo */
.mw-highlight .kp {
color: var(--synt-high--color-keyword);
}
 
/* Keyword.Reserved */
.mw-highlight .kr {
color: var(--synt-high--color-keyword);
}
 
/* Keyword.Type */
.mw-highlight .kt {
color: var(--synt-high--color-keyword);
}
 
/* Literal.Date */
.mw-highlight .ld {
color: var(--synt-high--color-date);
}
 
/* Literal.Number */
.mw-highlight .m {
color: var(--synt-high--color-literal);
}
 
/* Literal.String */
.mw-highlight .s {
color: var(--synt-high--color-string);
}
 
/* Name.Attribute */
.mw-highlight .na {
color: var(--synt-high--color-name);
}
 
/* Name.Builtin */
.mw-highlight .nb {
color: #f8f8f2;
}
 
/* Name.Class */
.mw-highlight .nc {
color: var(--synt-high--color-name);
}
 
/* Name.Constant */
.mw-highlight .no {
color: var(--synt-high--color-keyword);
}
 
/* Name.Decorator */
.mw-highlight .nd {
color: var(--synt-high--color-name);
}
 
/* Name.Entity */
.mw-highlight .ni {
color: #f8f8f2;
}
 
/* Name.Exception */
.mw-highlight .ne {
color: var(--synt-high--color-name);
}
 
/* Name.Function */
.mw-highlight .nf {
color: var(--synt-high--color-name);
}
 
/* Name.Label */
.mw-highlight .nl {
color: #f8f8f2;
}
 
/* Name.Namespace */
.mw-highlight .nn {
color: #f8f8f2;
}
 
/* Name.Other */
.mw-highlight .nx {
color: var(--synt-high--color-name);
}
 
/* Name.Property */
.mw-highlight .py {
color: #f8f8f2;
}
 
/* Name.Tag */
.mw-highlight .nt {
color: #f92672;
}
 
/* Name.Variable */
.mw-highlight .nv {
color: #f8f8f2;
}
 
/* Operator.Word */
.mw-highlight .ow {
color: var(--synt-high--color-operator);
}
 
/* Text.Whitespace */
.mw-highlight .w {
color: #f8f8f2;
}
 
/* Literal.Number.Bin */
.mw-highlight .mb {
color: var(--synt-high--color-literal);
}
 
/* Literal.Number.Float */
.mw-highlight .mf {
color: var(--synt-high--color-literal);
}
 
/* Literal.Number.Hex */
.mw-highlight .mh {
color: var(--synt-high--color-literal);
}
 
/* Literal.Number.Integer */
.mw-highlight .mi {
color: var(--synt-high--color-literal);
}
 
/* Literal.Number.Oct */
.mw-highlight .mo {
color: var(--synt-high--color-literal);
}
 
/* Literal.String.Affix */
.mw-highlight .sa {
color: var(--synt-high--color-string);
}
 
/* Literal.String.Backtick */
.mw-highlight .sb {
color: var(--synt-high--color-string);
}
 
/* Literal.String.Char */
.mw-highlight .sc {
color: var(--synt-high--color-string);
}
 
/* Literal.String.Delimiter */
.mw-highlight .dl {
color: var(--synt-high--color-string);
}
 
/* Literal.String.Doc */
.mw-highlight .sd {
color: var(--synt-high--color-string);
}
 
/* Literal.String.Double */
.mw-highlight .s2 {
color: var(--synt-high--color-string);
}
 
/* Literal.String.Escape */
.mw-highlight .se {
color: var(--synt-high--color-literal);
}
 
/* Literal.String.Heredoc */
.mw-highlight .sh {
color: var(--synt-high--color-string);
}
 
/* Literal.String.Interpol */
.mw-highlight .si {
color: var(--synt-high--color-string);
}
 
/* Literal.String.Other */
.mw-highlight .sx {
color: var(--synt-high--color-string);
}
 
/* Literal.String.Regex */
.mw-highlight .sr {
color: var(--synt-high--color-string);
}
 
/* Literal.String.Single */
.mw-highlight .s1 {
color: var(--synt-high--color-string);
}
 
/* Literal.String.Symbol */
.mw-highlight .ss {
color: var(--synt-high--color-string);
}
 
/* Name.Builtin.Pseudo */
.mw-highlight .bp {
color: #f8f8f2;
}
 
/* Name.Function.Magic */
.mw-highlight .fm {
color: var(--synt-high--color-name);
}
 
/* Name.Variable.Class */
.mw-highlight .vc {
color: #f8f8f2;
}
 
/* Name.Variable.Global */
.mw-highlight .vg {
color: #f8f8f2;
}
 
/* Name.Variable.Instance */
.mw-highlight .vi {
color: #f8f8f2;
}
 
/* Name.Variable.Magic */
.mw-highlight .vm {
color: #f8f8f2;
}
 
/* Literal.Number.Integer.Long */
.mw-highlight .il {
color: var(--synt-high--color-literal);
}
 
/* #endregion */
 
/* Test AsnDen */
.AsnDen {
color: #55555555;
}
 
/* ============ */
/* #region SOURCE EDITOR → SYNTAX HIGHLIGHTING */
/* based on: https://github.com/wikimedia/mediawiki-extensions-CodeMirror/blob/master/resources/mode/mediawiki/mediawiki.less */
/* ============ */
:root {
/* "se-cm" = Source Editor - Code Mirror */
/* same color as for source editor */
--se-cm--bg-color: var(--bg-color-light-x2);
/* same color as for code block */
--se-cm--gutter-bg-color: var(--code-color-bg);
/* margin to the left for the main contents of the editor */
--se-cm--main-contents-left-margin: 0.25rem;
/* bg color for pre/nowiki tags contents */
--se-cm--pre-bg-color: hsl(205, 21%, 15%);
/* from the <syntaxhighlight> theme */
--se-cm--comment-color: var(--synt-high--color-comment);
--se-cm--error-color: var(--red-color);
/* link itself */
--se-cm--link-color: #699ae9;
/* link delimiter */
--se-cm--cm-mw-link-delimiter: var(--se-cm--template-delimiter-color);
/* link text */
--se-cm--link-text-color: #3873d3;
--se-cm--link-brackets-color: var(--se-cm--link-text-color);
/* things like "DISPLAYTITLE" "templates" (the whole template except the value part) */
--se-cm--parser-function-color: #e0485a;
/* function param values */
--se-cm--parser-function-values-color: #e0cacd;
/* table brackets and row delimiter */
--se-cm--table-punctuation-color: var(--se-cm--parser-function-color);
/* table settings */
--se-cm--table-settings-color: var(--se-cm--template-name-color);
/* template name */
--se-cm--template-name-color: #a142cf;
/* template arg names */
--se-cm--template-arg-name-color: #9e27da;
/* template brackets */
--se-cm--template-brackets-color: var(--se-cm--template-name-color);
/* template arg values */
--se-cm--template-values-color: #a3cced;
/* template arg delimiters */
--se-cm--template-delimiter-color: var(--se-cm--link-color);
/* template param name */
--se-cm--template-param-name-color: #d07b00;
/* template param brackets */
--se-cm--template-param-brackets-color: #ac6600;
/* template param values */
--se-cm--template-param-value-color: hsl(207,90%,83%);
/* template param delimiter */
--se-cm--template-param-delimiter-color: var(--se-cm--template-delimiter-color);
/* wiki formatting: headers, bullet points, bold/italic quotes, etc. */
--se-cm--wikitext-formatting-color: var(--se-cm--link-text-color);
/* html tags, including ones specific for the wiki (like syntaxhighlight) */
--se-cm--xml-tag-color: #11a886;
/* selection color */
--se-cm--selection-color: hsl(205, 21%, 30%);
/* bg color applied when selecting a bracket that has a match (in templates) */
--se-cm--matching-brackets-bg-color: hsl(205, 21%, 44%);
}
/* the whole content body code mirror wrapper */
.CodeMirror-wrap {
/* same color as for source editor */
background-color: var(--se-cm--bg-color);
/* color for the text that the other rules don't apply to (regular text, header text, etc.) */
color: var(--text-color);
}
/* the actual lines of text */
.CodeMirror pre.CodeMirror-line {
/* a little bit of margin for the main content */
margin-left: var(--se-cm--main-contents-left-margin);
}
/* gutters?? */
.CodeMirror-wrap .CodeMirror-gutters {
border-color: var(--ooui--border-dark);
}
/* gutter */
.CodeMirror-wrap .CodeMirror-gutter {
/* same color as for code block */
background-color: var(--se-cm--gutter-bg-color);
}
/* selection */
.CodeMirror-line::selection,
/* selection */
.CodeMirror-line>span::selection,
/* selection */
.CodeMirror-line>span>span::selection {
background-color: var(--se-cm--selection-color);
}
/* bullet point symbol */
.cm-mw-list,
/* ???? */
.cm-mw-indenting {
color: var(--se-cm--wikitext-formatting-color);
}
/* magic words */
.cm-mw-doubleUnderscore,
/* magic words */
.cm-mw-double-underscore,
/* ???? user signature maybe */
.cm-mw-signature,
/* ???? hr tags prob */
.cm-mw-hr {
color: var(--se-cm--wikitext-formatting-color);
/* override the defaults */
background-color: inherit;
}
/* html sequences like "&nbsp;" */
.cm-mw-mnemonic,
/* ???? */
.cm-mw-html-entity {
color: var(--se-cm--xml-tag-color);
background-color: #684905;
border-radius: 2px;
}
/* comments */
.cm-mw-comment {
color: var(--se-cm--comment-color);
}
/* formatting: 3 apostrophes for bold text */
.cm-mw-apostrophes-bold,
/* formatting: 2 apostrophes for italic text
todo make them separate? better eligibility */
.cm-mw-apostrophes-italic {
color: var(--se-cm--wikitext-formatting-color);
}
/* template name */
.cm-mw-template-name {
color: var(--se-cm--template-name-color);
/* disable the default */
text-decoration: none;
}
/* template arg names */
.cm-mw-template-argument-name {
color: var(--se-cm--template-arg-name-color);
}
/* template arg values */
.cm-mw-template {
color: lightgray;
}
/* template pipe delimiters (maybe colon too for modules?) */
.cm-mw-template-delimiter {
color: var(--se-cm--template-name-color);
}
/* template brackets */
.cm-mw-template-bracket {
color: var(--se-cm--template-brackets-color);
}
/* template variable (with 3 brackets) name */
.cm-mw-templatevariable-name {
color: var(--se-cm--template-param-name-color);
}
/* template variable (with 3 brackets) value */
.cm-mw-templatevariable {
color: var(--se-cm--template-param-brackets-color);
}
/* template variable brackets (3 brackets) */
.cm-mw-templatevariable-bracket {
color: var(--se-cm--template-param-brackets-color);
}
/* template variable (with 3 brackets) delimiter */
.cm-mw-templatevariable-delimiter {
color: var(--se-cm--template-param-brackets-color);
}
/* parser functions (things like "DISPLAYTITLE" or invokes) → name */
.cm-mw-parserfunction-name {
color: var(--se-cm--parser-function-color) !important;
}
/* parser functions (things like "DISPLAYTITLE" or invokes) → value */
.cm-mw-parserfunction {
color: var(--se-cm--parser-function-values-color);
}
/* parser functions (things like "DISPLAYTITLE" or invokes) → brackets */
.cm-mw-parserfunction-bracket {
color: var(--se-cm--parser-function-color);
}
/* parser functions (things like "DISPLAYTITLE" or invokes) → delimiters */
.cm-mw-parserfunction-delimiter {
color: var(--se-cm--parser-function-color);
}
/* wiki html tag names? like >syntaxhighlight> */
.cm-mw-exttag-name,
/* html tag names */
.cm-mw-htmltag-name {
color: var(--se-cm--xml-tag-color);
}
/* if a string starts with an empty space, it will generate a pre block.
this targets that one single space.
same style as for html tag names, but for bg here */
.cm-mw-skipformatting {
background-color: var(--se-cm--xml-tag-color);
}
/* wiki html tag brackets */
.cm-mw-exttag-bracket,
/* wiki html tag attributes (name, delimiter, value) */
.cm-mw-exttag-attribute,
/* html tag brackets */
.cm-mw-htmltag-bracket,
/* html tag attributes (name, delimiter, value) */
.cm-mw-htmltag-attribute {
color: var(--se-cm--xml-tag-color);
}
/* pre tag BLOCK contents */
pre.CodeMirror-line.cm-mw-tag-pre,
/* pre tag INLINE contents */
.CodeMirror-line span.cm-mw-tag-pre,
/* ???? */
pre.CodeMirror-line-like.cm-mw-tag-pre,
/* pre tag contents */
.cm-mw-tag-pre,
/* ============== */
/* nowiki tag BLOCK contents */
pre.CodeMirror-line.cm-mw-tag-nowiki,
/* nowiki tag INLINE contents */
.CodeMirror-line span.cm-mw-tag-nowiki,
/* ???? */
pre.CodeMirror-line-like.cm-mw-tag-nowiki,
/* nowiki tag contents */
.cm-mw-tag-nowiki {
background-color: var(--se-cm--pre-bg-color);
}
/* pre tag BLOCK contents */
pre.CodeMirror-line.cm-mw-tag-pre,
/* nowiki tag BLOCK contents */
pre.CodeMirror-line.cm-mw-tag-nowiki {
/* colors the margin gap bg for block variants */
box-shadow: calc(-1 * var(--se-cm--main-contents-left-margin)) 0
var(--se-cm--pre-bg-color);
}
/* pre tag INLINE contents */
.CodeMirror-line span.cm-mw-tag-pre,
/* nowiki tag INLINE contents */
.CodeMirror-line span.cm-mw-tag-nowiki {
/* a little corner rounding won't hurt a thing! */
border-radius: 2px;
}
/* ???? */
.cm-mw-link,
/* ???? */
.cm-mw-link-tosection,
/* header equal signs */
.cm-mw-section-header {
color: var(--se-cm--wikitext-formatting-color);
}
/* link itself */
.cm-mw-link-pagename,
/* external link itself, without protocol */
.cm-mw-extlink,
/* ???? same as above, maybe? */
.cm-mw-free-extlink,
/* external link protocol (the "https://" part) */
.cm-mw-extlink-protocol,
/* ???? same as above, maybe? */
.cm-mw-free-extlink-protocol {
color: var(--se-cm--link-color);
}
/* link brackets */
.cm-mw-link-bracket,
/* external link brackets */
.cm-mw-extlink-bracket {
color: var(--se-cm--link-color);
}
/* link delimiter */
.cm-mw-link-delimiter {
color: var(--se-cm--cm-mw-link-delimiter);
}
/* link text */
.cm-mw-link-text,
/* external link text */
.cm-mw-extlink-text {
color: var(--se-cm--link-text-color);
}
/* tables opening "{|" and closing "|}" brackets */
.cm-mw-table-bracket,
/* table row delimiter (doesn't include cols!) */
.cm-mw-table-delimiter {
color: var(--se-cm--table-punctuation-color);
}
/* the table settings I guess? (like «class="wikitable"») */
.cm-mw-table-definition {
color: var(--se-cm--table-settings-color);
}
/* ???? idk some kind of formatting errors? */
.cm-error,
.cm-mw-error,
.cm-s-default .cm-error {
color: var(--se-cm--error-color);
}
.cm-mw-matchingbracket {
background-color: var(--se-cm--matching-brackets-bg-color);
/* disable the default */
box-shadow: none;
}
/* various inline bg targeting things, idk what each of them target exactly */
.cm-mw-template2-ground,
.cm-mw-template3-ground,
.cm-mw-ext-ground,
.cm-mw-template-ext-ground,
.cm-mw-ext2-ground,
.cm-mw-template-ext2-ground,
.cm-mw-ext3-ground,
.cm-mw-template-ext3-ground,
.cm-mw-link-ground,
.cm-mw-ext-link-ground,
.cm-mw-template-link-ground,
.cm-mw-ext2-link-ground,
.cm-mw-template-ext-link-ground,
.cm-mw-ext3-link-ground,
.cm-mw-template-ext2-link-ground,
.cm-mw-template-ext3-link-ground,
.cm-mw-template2-ext-ground,
.cm-mw-template2-ext2-ground,
.cm-mw-template2-ext3-ground,
.cm-mw-template2-link-ground,
.cm-mw-template2-ext-link-ground,
.cm-mw-template2-ext2-link-ground,
.cm-mw-template2-ext3-link-ground,
.cm-mw-template3-ext-ground,
.cm-mw-template3-ext2-ground,
.cm-mw-template3-ext3-ground,
.cm-mw-template3-link-ground,
.cm-mw-template3-ext-link-ground,
.cm-mw-template3-ext2-link-ground,
.cm-mw-template3-ext3-link-ground {
/* just disable them */
background-color: inherit;
}
/* new code */
.cm-mw-template-ground.cm-mw-template,
.cm-mw-template2-ground.cm-mw-template,
.cm-mw-template3-ground.cm-mw-template {
color: var(--se-cm--template-values-color);
}
/* #endregion */
 
/* ============ */
/* #region DRUID Infoboxes */
/* ============ */
 
/* DRUID Infobox. */
/* source: https://support.wiki.gg/wiki/MediaWiki:Gadget-druidInfoboxes.css */
/* license: CC BY-SA 4.0 */
 
/****************************************/
/*******  Start DRUID CSS rules *********/
/****************************************/
 
/* ---------------------------------  */
/* Safe to edit ABOVE this line */
/* ---------------------------------  */
 
/* ---------------------------------  */
/* Do not edit below this line */
/* ---------------------------------  */
 
.druid-container {
--druid-border-color: var(--theme-border);
--druid-color-contrast: var(--color-contrast2);
--druid-color-contrast-darkened: color-mix(in srgb, var(--druid-color-contrast) 10%, rgb(var(--theme-color-darkened--rgb)));
}
 
.druid-container {
background: var(--theme-bg-light);
float: right;
clear: right;
margin: 0 0 1em 1em;
max-width: 375px;
box-sizing: border-box;
position: relative;
z-index: 1;
border: 1px solid var(--druid-border-color);
border-radius: 0.2em;
overflow: auto;
font-size: 90%;
border-spacing: 0;
padding: 2px;
}
 
@media screen and (max-width: 720px) {
  .druid-container {
float: none;
margin: 0.5rem auto;
min-width: 100%;
  }
}
 
.druid-main-images-file,
.druid-main-image {
text-align: center;
}
 
.druid-infobox .druid-title,
.druid-infobox .druid-section {
background: var(--druid-color-contrast);
border-bottom: 2px solid var(--color-darkened-border);
border-radius: 0.1em;
padding: 5px;
text-align: center;
font-size: 120%;
font-weight: bold;
}
 
.druid-infobox .druid-section {
font-size: 110%;
background: var(--druid-color-contrast-darkened);
padding: 4px;
border-top: 1px solid var(--druid-border-color);
}
 
.druid-infobox  .druid-collapsible .druid-section {
flex-grow: 1;
}
 
.druid-row > .druid-label,
.druid-row > .druid-data {
padding-inline: 0.3em;
}
 
.druid-main-image,
.druid-main-images {
background: var(--theme-bg-light);
border-bottom: 1px solid var(--druid-border-color);
padding: 2px 0;
}
 
.mw-body-content .druid-main-image img,
.mw-body-content .druid-main-images img {
max-width: 100% !important;
height: auto !important;
}
 
.druid-main-images-labels {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
margin: 0.25em;
gap: 0.25em;
}
 
.druid-main-images-label {
cursor: pointer;
flex: 1 1 auto;
text-align: center;
transition: .1s ease-in;
outline: 1px solid var(--druid-link-color);
}
 
.druid-main-images-label.focused {
background: var(--druid-link-color);
color: var(--druid-link-label-color);
}
 
.druid-main-images-label:not(.focused):hover {
background: var(--druid-link-color); /* fallback */
background: color-mix(in srgb, var(--druid-link-color) 25%, transparent);
}
 
.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
display: none;
}
 
.druid-grid {
display:grid;
gap: 0.3em;
padding: 0.35em;
}
 
.druid-grid-item {
background: var(--druid-tertiary-background-color);
padding: 0.25em;
border: 1px solid var(--druid-border-color); /* fallback */
border: 1px solid color-mix(in srgb, var(--druid-border-color) 50%, transparent);
border-radius: 2px;
}
 
.druid-grid-item .druid-label,
.druid-grid-item .druid-data {
text-align: center;
}
 
.druid-data-wide {
width: 100%;
}
 
.druid-section-container > .druid-collapsible {
display: flex;
justify-content: space-between;
align-items: center;
}
 
.druid-collapsed {
display: none !important;
}
 
.druid-collapsible {
cursor: pointer;
position: relative;
}
 
.druid-collapsible::after {
content: "";
display: block;
position: absolute;
right: 10px;
width: 20px;
height: 20px;
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background-color: var(--druid-secondary-background-label-color);
}
 
.druid-collapsible-collapsed::after {
transform: rotate(180deg);
}
 
/*****************************************
Table support
*****************************************/
 
.druid-container tbody tr.data-druid-section:nth-child(3),
.druid-container tbody tr.data-druid-section:nth-child(4),
.druid-container tbody tr.data-druid-section:nth-child(5) {
display: none;
}
 
.druid-container tbody tr.druid-row:nth-child(3) {
background: var(--theme-bg-lighter) !important;
}
 
.druid-container tbody tr.druid-row:nth-child(3) th {
border-right: 1px solid var(--theme-bg-light) !important;
}
 
.druid-container tr:not(.data-druid-section):nth-child(odd) {
background: var(--theme-bg-light);
}
 
.druid-container tr:not(.data-druid-section):nth-child(even) {
background: var(--theme-bg-lighter);
}
 
.druid-container tr:nth-child(even) th:not([colspan]) {
border-right: 1px solid var(--theme-bg-light);
}
 
.druid-container th,
.druid-container td,
.druid-container th .mw-collapsible-toggle {
padding: 4px;
font-size: 14px;
}
 
.druid-container th {
width: 35%;
text-align: left;
}
 
.druid-container ul {
list-style: none;
margin: 0;
margin-left: 10px;
}
 
.druid-container ul li::before {
content: "•";
display: inline-block;
font-size: 15px;
margin-left: -10px;
margin-right: 4px;
}
 
/********
Custom display classes
*********/
 
div.druid-stacked.druid-row,
.druid-stacked div.druid-row {
flex-direction: column;
}
 
.druid-stacked.druid-row > .druid-data,
.druid-stacked .druid-row > .druid-data {
padding-left: 0.75em;
}
 
/* ---------------------------------  */
/* Do not edit above this line */
/* ---------------------------------  */
 
/* ---------------------------------  */
/* Local overrides go below this line */
/* ---------------------------------  */
 
.druid-infobox .druid-title {
--clip: 0.6em;
clip-path: polygon( 0 0, calc(100% - var(--clip)) 0, 100% var(--clip), 100% 100%, var(--clip) 100%, 0 calc(100% - var(--clip)) );
margin: 3px;
}
 
/****************************************/
/*******  End DRUID CSS rules  *********/
/****************************************/


/* #endregion */
/* #endregion */
/*==========
  Шаблон:LinkCard
==========*/
.link-card__image:has(img) {
min-width: unset !important;
}

Текущая версия от 16:51, 22 ноября 2025

/**
 * [Содержание]
 *
 * 0. CSS-переменные
 * 1. Шрифты
 * 2. Теги
 * 3. Шаблоны
 * 4. Модули
 * 5. Расширение
 * 6. Основной интерфейс пользователя
 * 7. Классы
 * 8. Интерфейс MediaWiki
 * 9. Неотсортированные
 * 10. <syntaxhighlight> CODE BLOCKS
 * 11. SOURCE EDITOR → SYNTAX HIGHLIGHTING
 * 12. DRUID Infoboxes
 * 13. Меню настроек темы
 */

/* ============ */
/* #region CSS-переменные */
/* ============ */
:root body {
	/* Пометка:
	--ooui  - стили для MediaWiki менюшек
	--theme - тема Вики (зачастую палитра цветов)
	--	  - стили для всей Вики
	*/

	/*==========
	 Неизменяемая тема Вики 
	==========*/
	color-scheme: dark;
	
	--color-lighter--rgb: 255, 255, 255;
	--color-darkened--rgb: 0, 0, 0;
	
	--color-lighter-alpha-x: rgba(255, 255, 255, 0.065);
	--color-lighter-alpha-xs: rgba(255, 255, 255, var(--alpha-xs));
	
	--transition-time: 0;

	--index-max: 100;
	--index-high: 10;
	--index-medium: 5;
	--index-static: 4;
	--index-overlay: 3;
	--index-element: 2;
	--index-fore: 1;
	--index-base: 0;
	--index-low: -1;
	--index-lower: -10;
	
	--invert-0: invert(0);
	--invert-100: invert(1);
	--invert-75: invert(0.75);
	--invert-50: invert(0.5);
	
	--border-color-hr: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 13%));

	--font-family-base: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif;
	--font-family-oswald: 'oswald';
	--font-family-heading: "noto sans";
	--font-family-libertine: 'Linux Libertine', 'Georgia', 'Times', serif;
	--font-family-monospace: 'Menlo', 'Consolas', 'Monaco', 'Noto Mono', 'Nimbus Mono L', monospace;
	
	--font-size-xxs: 80%;
	--font-size-xs: 90%;
	--font-size-s: 95%;
	--font-size-m: 100%;
	--font-size-ml: 105%;
	--font-size-l: 115%;
	--font-size-xl: 120%;
	--font-size-xxl: 130%;
	--font-size-huge: 150%;
	--font-size-giant: 200%;

	/*== Значение прозрачности ==*/
	--alpha-x: 0.05;
	--alpha-xs: 0.1;
	--alpha-s: 0.25;
	--alpha-m: 0.5;
	--alpha-l: 0.75;
	--alpha: 1;

	/*== Цвет текста ==*/
	--text-color-link: #77c1d9;
	--text-color-link--visited: #6aa9cf;
	--text-color-link-new: #d73333;
	--text-color-link-new--visited: #b32424;
	--text-color-link-external: #367cb1;
	--text-color-link-external--visited: #296c9d;

	/*== Контрастный цвет (синий) ==*/
	--color-contrast: #2d5bb9;
	--color-contrast-dark: color-mix(in srgb, var(--color-contrast) 70%, rgb(var(--color-darkened--rgb)));
	--color-contrast2: color-mix(in srgb, var(--color-contrast) 53%, var(--theme-bg-color-base));
	--color-contrast2-dark: color-mix(in srgb, var(--color-contrast2) 80%, rgb(var(--color-darkened--rgb)));
	
	--color-progressive: #36c;

	/*== Цвет фона ==*/
	--bg-color-hover: rgba(var(--color-lighter--rgb), 0.05);
	--bg-color-focus: rgba(var(--color-lighter--rgb), 0.075);
	
	/* Алёрты */
	--bg-color-message: #154938;
	--bg-color-success: var(--bg-color-message);
	--bg-color-notice: #21375f;
	--bg-color-neutral: var(--theme-bg-color-250);
	--bg-color-progressive: #23232f;
	--bg-color-warning: #5b4f1a;
	--bg-color-error: #641b1c;

	--bg-color-message-subtle: #173630;
	--bg-color-success-subtle: var(--bg-color-message-subtle);
	--bg-color-notice-subtle: #1c2d49;
	--bg-color-neutral-subtle: var(--theme-bg-color-175);
	--bg-color-progressive-subtle: var(--bg-color-progressive);
	--bg-color-warning-subtle: #3d3b25;
	--bg-color-error-subtle: #4b1e21;

	/*== Цвет границ ==*/
	--color-darkened-border: rgba(0, 0, 0, var(--alpha-s));
	--color-darkened-border-m: rgba(0, 0, 0, var(--alpha-m));

	/* Алёрты */
	--border-color-message: #0e6143;
	--border-color-success: var(--border-color-message);
	--border-color-notice: #345695;
	--border-color-neutral: var(--theme-border-color-base);
	--border-color-progressive: #38384b;
	--border-color-warning: #897400;
	--border-color-error: #9b2122;

	/*== Для кодо-подобных блоков ==*/
	/* Цвет фона */
	--bg-color-code: #25252b;
	--bg-color-code-light: #28282f;

	/* Цвет границ */
	--border-color-code: #3e3e49;

	/*== Стиль границ ==*/
	--border-outset: 1px outset rgba(0, 0, 0, 0.3);
	--border-outset-m: 1px outset rgba(0, 0, 0, var(--alpha-m));

	--border-outset-light: 1px outset rgba(var(--color-lighter--rgb), 0.075);

	/*== Палитра цветов фонов ==*/
	--brightness-hsl: 0%;
	--color-shift-percent-50: -4%;
	--color-shift-percent-100: 0%;
	--color-shift-percent-150: 4%;
	--color-shift-percent-dark: 25%;
	--color-shift-percent-subtle: 32%;

	/* Red */
	--bg-color-red--hsl: 351.72deg 70%;
	--bg-color-red--hsl-alpha: 26.06%;
	--bg-color-red-50: hsl(var(--bg-color-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-red--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-red-100: hsl(var(--bg-color-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-red--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-red-150: hsl(var(--bg-color-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-red--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-red-dark: color-mix(in srgb, var(--bg-color-red-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-red-subtle: color-mix(in srgb, var(--bg-color-red-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));

	/* Orange */
	--bg-color-orange--hsl: 22.21deg 73.68%;
	--bg-color-orange--hsl-alpha: 29.8%;
	--bg-color-orange-50: hsl(var(--bg-color-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-orange--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-orange-100: hsl(var(--bg-color-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-orange--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-orange-150: hsl(var(--bg-color-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-orange--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-orange-dark: color-mix(in srgb, var(--bg-color-orange-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-orange-subtle: color-mix(in srgb, var(--bg-color-orange-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));

	/* RedOrange */
	--bg-color-rust--hsl: 14.21deg 73.68%;
	--bg-color-rust--hsl-alpha: 29.8%;
	--bg-color-rust-50: hsl(var(--bg-color-rust--hsl) calc(var(--brightness-hsl) + var(--bg-color-rust--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-rust-100: hsl(var(--bg-color-rust--hsl) calc(var(--brightness-hsl) + var(--bg-color-rust--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-rust-150: hsl(var(--bg-color-rust--hsl) calc(var(--brightness-hsl) + var(--bg-color-rust--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-rust-dark: color-mix(in srgb, var(--bg-color-rust-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-rust-subtle: color-mix(in srgb, var(--bg-color-rust-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* Yellow */
	--bg-color-yellow--hsl: 45.33deg 64.29%;
	--bg-color-yellow--hsl-alpha: 27.45%;
	--bg-color-yellow-50: hsl(var(--bg-color-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-yellow--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-yellow-100: hsl(var(--bg-color-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-yellow--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-yellow-150: hsl(var(--bg-color-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-yellow--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-yellow-dark: color-mix(in srgb, var(--bg-color-yellow-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-yellow-subtle: color-mix(in srgb, var(--bg-color-yellow-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* Brown */
	--bg-color-brown--hsl: 29.43deg 45.30%;
	--bg-color-brown--hsl-alpha: 22.94%;
	--bg-color-brown-50: hsl(var(--bg-color-brown--hsl) calc(var(--brightness-hsl) + var(--bg-color-brown--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-brown-100: hsl(var(--bg-color-brown--hsl) calc(var(--brightness-hsl) + var(--bg-color-brown--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-brown-150: hsl(var(--bg-color-brown--hsl) calc(var(--brightness-hsl) + var(--bg-color-brown--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-brown-dark: color-mix(in srgb, var(--bg-color-brown-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-brown-subtle: color-mix(in srgb, var(--bg-color-brown-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* Blue */
	--bg-color-blue--hsl: 212.79deg 72.07%;
	--bg-color-blue--hsl-alpha: 27.06%;
	--bg-color-blue-50: hsl(var(--bg-color-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-blue--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-blue-100: hsl(var(--bg-color-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-blue--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-blue-150: hsl(var(--bg-color-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-blue--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-blue-dark: color-mix(in srgb, var(--bg-color-blue-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-blue-subtle: color-mix(in srgb, var(--bg-color-blue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* SkyBlue */
	--bg-color-sky-blue--hsl: 211.11deg 54.36%;
	--bg-color-sky-blue--hsl-alpha: 29.22%;
	--bg-color-sky-blue-50: hsl(var(--bg-color-sky-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-sky-blue--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-sky-blue-100: hsl(var(--bg-color-sky-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-sky-blue--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-sky-blue-150: hsl(var(--bg-color-sky-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-sky-blue--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-sky-blue-dark: color-mix(in srgb, var(--bg-color-sky-blue-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-sky-blue-subtle: color-mix(in srgb, var(--bg-color-sky-blue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* Turquoise */
	--bg-color-turquoise--hsl: 187.05deg 83.96%;
	--bg-color-turquoise--hsl-alpha: 20.5%;
	--bg-color-turquoise-50: hsl(var(--bg-color-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-turquoise--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-turquoise-100: hsl(var(--bg-color-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-turquoise--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-turquoise-150: hsl(var(--bg-color-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-turquoise--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-turquoise-dark: color-mix(in srgb, var(--bg-color-turquoise-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-turquoise-subtle: color-mix(in srgb, var(--bg-color-turquoise-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* Grey */
	--bg-color-grey--hsl: 200deg 10%;
	--bg-color-grey--hsl-alpha: 29%;
	--bg-color-grey-50: hsl(var(--bg-color-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-grey--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-grey-100: hsl(var(--bg-color-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-grey--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-grey-150: hsl(var(--bg-color-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-grey--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-grey-dark: color-mix(in srgb, var(--bg-color-grey-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-grey-subtle: color-mix(in srgb, var(--bg-color-grey-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* Azure */
	--bg-color-azure--hsl: 195.29deg 100.00%;
	--bg-color-azure--hsl-alpha: 20.00%;
	--bg-color-azure-50: hsl(var(--bg-color-azure--hsl) calc(var(--brightness-hsl) + var(--bg-color-azure--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-azure-100: hsl(var(--bg-color-azure--hsl) calc(var(--brightness-hsl) + var(--bg-color-azure--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-azure-150: hsl(var(--bg-color-azure--hsl) calc(var(--brightness-hsl) + var(--bg-color-azure--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-azure-dark: color-mix(in srgb, var(--bg-color-azure-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-azure-subtle: color-mix(in srgb, var(--bg-color-azure-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* Purple */
	--bg-color-purple--hsl: 273.95deg 55.07%;
	--bg-color-purple--hsl-alpha: 27.06%;
	--bg-color-purple-50: hsl(var(--bg-color-purple--hsl) calc(var(--brightness-hsl) + var(--bg-color-purple--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-purple-100: hsl(var(--bg-color-purple--hsl) calc(var(--brightness-hsl) + var(--bg-color-purple--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-purple-150: hsl(var(--bg-color-purple--hsl) calc(var(--brightness-hsl) + var(--bg-color-purple--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-purple-dark: color-mix(in srgb, var(--bg-color-purple-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-purple-subtle: color-mix(in srgb, var(--bg-color-purple-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* Violet */
	--bg-color-violet--hsl: 266.57deg 53.03%;
	--bg-color-violet--hsl-alpha: 25.88%;
	--bg-color-violet-50: hsl(var(--bg-color-violet--hsl) calc(var(--brightness-hsl) + var(--bg-color-violet--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-violet-100: hsl(var(--bg-color-violet--hsl) calc(var(--brightness-hsl) + var(--bg-color-violet--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-violet-150: hsl(var(--bg-color-violet--hsl) calc(var(--brightness-hsl) + var(--bg-color-violet--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-violet-dark: color-mix(in srgb, var(--bg-color-violet-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-violet-subtle: color-mix(in srgb, var(--bg-color-violet-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* Pink */
	--bg-color-pink--hsl: 313deg 48%;
	--bg-color-pink--hsl-alpha: 30%;
	--bg-color-pink-50: hsl(var(--bg-color-pink--hsl) calc(var(--brightness-hsl) + var(--bg-color-pink--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-pink-100: hsl(var(--bg-color-pink--hsl) calc(var(--brightness-hsl) + var(--bg-color-pink--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-pink-150: hsl(var(--bg-color-pink--hsl) calc(var(--brightness-hsl) + var(--bg-color-pink--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-pink-dark: color-mix(in srgb, var(--bg-color-pink-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-pink-subtle: color-mix(in srgb, var(--bg-color-pink-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* Green */
	--bg-color-green--hsl: 124.55deg 48.53%;
	--bg-color-green--hsl-alpha: 26.67%;
	--bg-color-green-50: hsl(var(--bg-color-green--hsl) calc(var(--brightness-hsl) + var(--bg-color-green--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-green-100: hsl(var(--bg-color-green--hsl) calc(var(--brightness-hsl) + var(--bg-color-green--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-green-150: hsl(var(--bg-color-green--hsl) calc(var(--brightness-hsl) + var(--bg-color-green--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-green-dark: color-mix(in srgb, var(--bg-color-green-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-green-subtle: color-mix(in srgb, var(--bg-color-green-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* Emerald */
	--bg-color-emerald--hsl: 155.00deg 70.12%;
	--bg-color-emerald--hsl-alpha: 21%;
	--bg-color-emerald-50: hsl(var(--bg-color-emerald--hsl) calc(var(--brightness-hsl) + var(--bg-color-emerald--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-emerald-100: hsl(var(--bg-color-emerald--hsl) calc(var(--brightness-hsl) + var(--bg-color-emerald--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-emerald-150: hsl(var(--bg-color-emerald--hsl) calc(var(--brightness-hsl) + var(--bg-color-emerald--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-emerald-dark: color-mix(in srgb, var(--bg-color-emerald-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-emerald-subtle: color-mix(in srgb, var(--bg-color-emerald-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* Pastel Red */
	--bg-color-pastel-red--hsl: 351.21deg 66.67%;
	--bg-color-pastel-red--hsl-alpha: 30%;
	--bg-color-pastel-red-50: hsl(var(--bg-color-pastel-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-red--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-pastel-red-100: hsl(var(--bg-color-pastel-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-red--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-pastel-red-150: hsl(var(--bg-color-pastel-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-red--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-pastel-red-dark: color-mix(in srgb, var(--bg-color-pastel-red-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-pastel-red-subtle: color-mix(in srgb, var(--bg-color-pastel-red-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* Pastel Blue */
	--bg-color-pastel-blue--hsl: 246.32deg 28.93%;
	--bg-color-pastel-blue--hsl-alpha: 36.63%;
	--bg-color-pastel-blue-50: hsl(var(--bg-color-pastel-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-blue--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-pastel-blue-100: hsl(var(--bg-color-pastel-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-blue--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-pastel-blue-150: hsl(var(--bg-color-pastel-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-blue--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-pastel-blue-dark: color-mix(in srgb, var(--bg-color-pastel-blue-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-pastel-blue-subtle: color-mix(in srgb, var(--bg-color-pastel-blue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* Pastel Skyblue */
	--bg-color-pastel-skyblue--hsl: 195.00deg 41.10%;
	--bg-color-pastel-skyblue--hsl-alpha: 26.63%;
	--bg-color-pastel-skyblue-50: hsl(var(--bg-color-pastel-skyblue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-skyblue--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-pastel-skyblue-100: hsl(var(--bg-color-pastel-skyblue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-skyblue--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-pastel-skyblue-150: hsl(var(--bg-color-pastel-skyblue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-skyblue--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-pastel-skyblue-dark: color-mix(in srgb, var(--bg-color-pastel-skyblue-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-pastel-skyblue-subtle: color-mix(in srgb, var(--bg-color-pastel-skyblue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* Pastel Magenta */
	--bg-color-pastel-magenta--hsl: 301.35deg 44.51%;
	--bg-color-pastel-magenta--hsl-alpha: 30.92%;
	--bg-color-pastel-magenta-50: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-pastel-magenta-100: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-pastel-magenta-150: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-pastel-magenta-dark: color-mix(in srgb, var(--bg-color-pastel-magenta-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-pastel-magenta-subtle: color-mix(in srgb, var(--bg-color-pastel-magenta-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* Pastel Lime */
	--bg-color-pastel-lime--hsl: 85.71deg 47.19%;
	--bg-color-pastel-lime--hsl-alpha: 30.90%;
	--bg-color-pastel-lime-50: hsl(var(--bg-color-pastel-lime--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-lime--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-pastel-lime-100: hsl(var(--bg-color-pastel-lime--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-lime--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-pastel-lime-150: hsl(var(--bg-color-pastel-lime--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-lime--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-pastel-lime-dark: color-mix(in srgb, var(--bg-color-pastel-lime-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-pastel-lime-subtle: color-mix(in srgb, var(--bg-color-pastel-lime-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* Pastel Turquoise */
	--bg-color-pastel-turquoise--hsl: 176.84deg 35.40%;
	--bg-color-pastel-turquoise--hsl-alpha: 27.57%;
	--bg-color-pastel-turquoise-50: hsl(var(--bg-color-pastel-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-turquoise--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-pastel-turquoise-100: hsl(var(--bg-color-pastel-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-turquoise--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-pastel-turquoise-150: hsl(var(--bg-color-pastel-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-turquoise--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-pastel-turquoise-dark: color-mix(in srgb, var(--bg-color-pastel-turquoise-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-pastel-turquoise-subtle: color-mix(in srgb, var(--bg-color-pastel-turquoise-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));

	/* Pastel Orange */
	--bg-color-pastel-orange--hsl: 15.43deg 54.40%;
	--bg-color-pastel-orange--hsl-alpha: 33.84%;
	--bg-color-pastel-orange-50: hsl(var(--bg-color-pastel-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-orange--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-pastel-orange-100: hsl(var(--bg-color-pastel-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-orange--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-pastel-orange-150: hsl(var(--bg-color-pastel-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-orange--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-pastel-orange-dark: color-mix(in srgb, var(--bg-color-pastel-orange-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-pastel-orange-subtle: color-mix(in srgb, var(--bg-color-pastel-orange-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* Pastel Yellow */
	--bg-color-pastel-yellow--hsl: 50deg 30%;
	--bg-color-pastel-yellow--hsl-alpha: 37%;
	--bg-color-pastel-yellow-50: hsl(var(--bg-color-pastel-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-yellow--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-pastel-yellow-100: hsl(var(--bg-color-pastel-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-yellow--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-pastel-yellow-150: hsl(var(--bg-color-pastel-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-yellow--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-pastel-yellow-dark: color-mix(in srgb, var(--bg-color-pastel-yellow-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-pastel-yellow-subtle: color-mix(in srgb, var(--bg-color-pastel-yellow-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
	
	/* Pastel Grey */
	--bg-color-pastel-grey--hsl: 50deg 8%;
	--bg-color-pastel-grey--hsl-alpha: 38%;
	--bg-color-pastel-grey-50: hsl(var(--bg-color-pastel-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-grey--hsl-alpha) + var(--color-shift-percent-50)));
	--bg-color-pastel-grey-100: hsl(var(--bg-color-pastel-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-grey--hsl-alpha) + var(--color-shift-percent-100)));
	--bg-color-pastel-grey-150: hsl(var(--bg-color-pastel-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-grey--hsl-alpha) + var(--color-shift-percent-150)));
	--bg-color-pastel-grey-dark: color-mix(in srgb, var(--bg-color-pastel-grey-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
	--bg-color-pastel-grey-subtle: color-mix(in srgb, var(--bg-color-pastel-grey-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));

	/*== Палитра цветов текста ==*/
	--text-color-red: #d22222;
	--text-color-dark-red: #be2424;
	--text-color-indian-red: indianred;
	--text-color-crimson: crimson;
	--text-color-carmine: #bd3759;
	--text-color-dark-salmon: darksalmon;
	--text-color-green: #269335;
	--text-color-lime: #46bf46;
	--text-color-turquoise: #189d80;
	--text-color-yellow: #dbdb11;
	--text-color-dark-yellow: #a4a400;
	--text-color-gold: #c7a226;
	--text-color-orange: #df9711;
	--text-color-orangered: #dd3d02;
	--text-color-pink: #cd6dca;
	--text-color-blue: #1c86ed;
	--text-color-sky-blue: #3d78d1;
	--text-color-aquamarine: #69d2d7;
	--text-color-violet: #946ce3;
	--text-color-silver: #a9a9a9;
	--text-color-moccasin: #D2B48C;

	/*==========
	 Стили Вики
	==========*/
	/*== Тени ==*/
	--box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	--box-shadow-medium: 0 2px 3px rgba(0, 0, 0, 0.4);
	--box-shadow-high: 0 5px 5px 2px rgba(0, 0, 0, 0.3);
	--box-shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -2px 4px rgba(0, 0, 0, 0.15);
	--box-shadow-inset-medium: inset 0 0 6px 0 rgba(0, 0, 0, 0.4);
	--box-shadow-inset-high: inset 0 3px 5px rgba(0, 0, 0, 0.2), inset 0 -3px 5px rgba(0, 0, 0, 0.2);
	--box-shadow-outline: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
	--box-shadow-overlay: 0px 0px 100vw 100vh rgba(0, 0, 0, var(--alpha-m));
	
	--filter-drop-shadow-low: drop-shadow(0 1px 0px rgba(0,0,0,0.3));
	--filter-drop-shadow-medium: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.6));

	/*== Закругление границ ==*/
	--border-radius-low: 0.2em;
	--border-radius-medium: 0.3em;
	--border-radius-high: 0.4em;

	/*== Иконки svg ==*/
	--icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/svg%3E");
	--icon-settings: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E settings %3C/title%3E%3Cg transform=%22translate%2810 10%29%22%3E%3Cpath id=%22a%22 d=%22M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3%22/%3E%3Cuse xlink:href=%22%23a%22 transform=%22rotate%2845%29%22/%3E%3Cuse xlink:href=%22%23a%22 transform=%22rotate%2890%29%22/%3E%3Cuse xlink:href=%22%23a%22 transform=%22rotate%28135%29%22/%3E%3C/g%3E%3Cpath d=%22M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7%22/%3E%3C/svg%3E");
	--icon-personal: url(https://ru.wikipedia.org/w/load.php?modules=skins.vector.icons&image=userAvatar&format=original&lang=ru&skin=vector-2022&version=1n584);
	--icon-menu-large: url(/skins/Timeless/resources/images/menu-large-grey.svg?7b579);
	--icon-bell: 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%3E bell %3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 0 0-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 0 0 4 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 0 0 3-3H7a3 3 0 0 0 3 3%22/%3E%3C/svg%3E");
	--icon-tray: 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%3E tray %3C/title%3E%3Cpath d=%22M3 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22/%3E%3C/svg%3E");
	
	--icon-size: 22px;
	--icon-size-big: 28px;

	/*==========
	 Палитра темы Вики
	==========*/
	/*== Цвет текста ==*/
	--theme-text-color: var(--ooui-text-color);
	--theme-text-color-light: var(--ooui-text-color-light);
	--theme-text-color-dark: var(--ooui-text-color-dark);
	--theme-text-color-header: var(--ooui-text-color-header);

	/*== Цвет фона ==*/
	--theme-brightness-trigger: 0% +;
	
	--theme-bg--hsl: 230deg 14.5%;
	--theme-bg--hsl-alpha: 13.5%;
	--theme-bg-color-base: #18191c;
	--theme-bg-color-100: #1f2025;
	--theme-bg-color-150: color-mix(in srgb, var(--theme-bg-color-100) 80%, hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + 12%)));
	--theme-bg-color-175: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 4%));
	--theme-bg-color-200: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 5%));
	--theme-bg-color-250: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 7%));
	--theme-bg-color-300: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 9%));
	--theme-bg-header--gradient: linear-gradient(120deg, var(--theme-bg-color-250), var(--theme-bg-color-200));
	--theme-bg-header-light--gradient: linear-gradient(120deg, var(--theme-bg-color-300), var(--theme-bg-color-200));
	--theme-bg-header-light--gradient-center: linear-gradient(120deg, var(--theme-bg-color-200) 0%, var(--theme-bg-color-300) 50%, var(--theme-bg-color-200) 100%);

	/*== Цвет границ ==*/
	--theme-border-color-base: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 11%));
	--theme-border-color-100: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 13%));

	/*== Цвет иконок svg ==*/
	--theme-icon-color: var(--theme-text-color-dark);

	/*==========
	 Палитра UI Вики
	==========*/
	/*== Цвет текста ==*/
	--ooui-text-color: #dbdbdb;
	--ooui-text-color-light: white;
	--ooui-text-color-dark: #72777d;
	--ooui-text-color-header: #dddddd;

	/*== Цвет фона ==*/
	--ooui-bg--hsl: 220deg 11%;
	--ooui-bg--hsl-alpha: 16.5%;
	--ooui-bg-color: hsl(var(--ooui-bg--hsl) var(--ooui-bg--hsl-alpha));
	--ooui-bg-color-light: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 2%));
	--ooui-bg-color-dark: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) - (var(--theme-brightness-trigger) 1.5%)));
	--ooui-bg-color-darkened: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) - (var(--theme-brightness-trigger) 4%)));

	/* Градиент */
	--ooui-gradient: linear-gradient(120deg, var(--ooui-bg-color-light), var(--ooui-bg-color-dark));
	--ooui-gradient-light: linear-gradient(120deg, var(--ooui-bg-color-light), var(--ooui-bg-color));

	/*== Цвет границ ==*/
	--ooui-border-color: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 5%));
	--ooui-border-color-light: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 7%));
}

:root body.wgl-theme-dark {
	--brightness-hsl: -1%;	

	--theme-bg--hsl: 215deg 22%;
	--theme-bg--hsl-alpha: 11%;
	
	--color-contrast: #2a41a7;
	
	--bg-color-code: #1a1e27;
	--bg-color-code-light: #1e252d;
	--border-color-code: #2f3641;
	
	--theme-bg-color-base: #090d10;
	--theme-bg-color-100: #14181f;

	--ooui-bg--hsl: 205deg 24%;
	--ooui-bg--hsl-alpha: 14%;
}

:root body.wgl-theme-light {
	color-scheme: light;
	
	--color-lighter-alpha-x: rgba(255, 255, 255, 0.25);
	--color-lighter-alpha-xs: rgba(255, 255, 255, 0.4);

	--brightness-hsl: 35%;
	--theme-brightness-trigger: 0% -;
	--color-lighter--rgb: 0, 0, 0;
	--color-darkened--rgb: 255, 255, 255;
	
	--box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
	--box-shadow-medium: 0 1px 3px rgba(0, 0, 0, 0.5);
	--box-shadow-high: 0 3px 3px 1px rgba(0, 0, 0, 0.3);
	--box-shadow-inset: inset 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 3px rgba(0, 0, 0, 0.25);
	--box-shadow-inset-medium: inset 0 0 4px 0 rgba(0, 0, 0, 0.5);
	--box-shadow-inset-high: inset 0 2px 4px rgba(0, 0, 0, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.3);
	--box-shadow-outline: 0 1px 1px 1px rgba(0, 0, 0, 0.2);

	--theme-bg--hsl: 210deg 46%;
	--theme-bg--hsl-alpha: 94%;
	--theme-bg-color-base: #f7f7f7;
	--theme-bg-color-100: #eef1f4;
	--theme-bg-color-150: hsl(var(--theme-bg--hsl) var(--theme-bg--hsl-alpha));
	
	--theme-text-color: var(--ooui-text-color);
	--theme-text-color-light: var(--ooui-text-color-light);
	--theme-text-color-dark: var(--ooui-text-color-dark);
	--theme-text-color-header: var(--ooui-text-color-header);

	--ooui-bg--hsl: 200deg 30%;
	--ooui-bg--hsl-alpha: 90%;
	
	--ooui-border-color: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 5% - 5%));
	--ooui-border-color-light: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 7% - 5%));

	--ooui-text-color: #141414;
	--ooui-text-color-light: #000000;
	--ooui-text-color-dark: #555;
	--ooui-text-color-header: #232728;

	--text-color-link: #427bda;
	--text-color-link--visited: #0b0080;
	--text-color-link-external: #36B;
	--text-color-link-external--visited: #636;

	--invert-0: invert(0);
	--invert-100: invert(0);
	--invert-75: invert(0);
	--invert-50: invert(0);

	--color-contrast: #3372f0;
	--color-contrast2: #bbd7ff;

	--bg-color-message: #55bfa6;
	--bg-color-success: #22ae8c;
	--bg-color-notice: #c4ced2;
	--bg-color-neutral: #eaecf0;
	--bg-color-progressive: #36c;
	--bg-color-warning: #e1cc92;
	--bg-color-error: var(--bg-color-error-subtle);

	--bg-color-message-subtle: #8ed5c5;
	--bg-color-success-subtle: #9cd5cd;
	--bg-color-notice-subtle: #d1dbe0;
	--bg-color-neutral-subtle: #f8f9fa;
	--bg-color-progressive-subtle: #f1f4fd;
	--bg-color-warning-subtle: #fdf2d5;
	--bg-color-error-subtle: #ffe9e5;

	--border-color-message: var(--bg-color-success);
	--border-color-success: #099979;
	--border-color-notice: #72777d;
	--border-color-neutral: #a2a9b1;
	--border-color-progressive: #6485d1;
	--border-color-warning: #ab7f2a;
	--border-color-error: #f54739;

	--bg-color-code: #f8f9fa;
	--bg-color-code-light: var(--bg-color-code);
	--border-color-code: #dadde3;

	--border-outset: 1px outset rgb(150, 150, 150, 0.4);
	--border-outset-m: 1px outset rgba(150, 150, 150, 0.6);
}

:root body.wgl-theme-ss14 {
	--theme-bg--hsl: 230deg 8%;
	--theme-bg--hsl-alpha: 16%;

	--color-contrast: #7e7637;
	--color-progressive: #9b8553;

	--theme-bg-color-base: #1c1c21;
	--theme-bg-color-100: #252529;

	--ooui-bg--hsl: 220deg 5%;
	--ooui-bg--hsl-alpha: 18%;
}
/* #endregion */

/* ============ */
/* #region Шрифты */
/* ============ */

@font-face {
	font-family: 'Noto Sans Light';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v30/o-0OIpQlx3QUlC5A4PNjhgRPQ_m87A.woff2) format('woff2');
	unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
	font-family: 'Noto Sans Light';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v30/o-0OIpQlx3QUlC5A4PNjhgRGQ_m87A.woff2) format('woff2');
	unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
	font-family: 'Noto Sans Light';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v30/o-0OIpQlx3QUlC5A4PNjhgRMQ_m87A.woff2) format('woff2');
	unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
	font-family: 'Noto Sans Light';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v30/o-0OIpQlx3QUlC5A4PNjhgRCQ_k.woff2) format('woff2');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 200 700;
	src: url(https://fonts.gstatic.com/s/oswald/v53/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
	unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 200 700;
	src: url(https://fonts.gstatic.com/s/oswald/v53/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
	font-family: 'Boxfont Round';
	src: url(/assets/fonts/boxfont-round/f3507eaadc95584e7358703d74e793ea/324a92fc76117885a667ae8af2be25ab/BoxfontRoundRegular.ttf) format('truetype');
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'noto sans';
	font-style: normal;
	font-weight: 400;
	src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-Regular.woff) format('woff')
}

@font-face {
	font-family: 'noto sans';
	font-style: italic;
	font-weight: 400;
	src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-Italic.woff) format('woff')
}

@font-face {
	font-family: 'noto sans';
	font-style: normal;
	font-weight: 700;
	src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-Bold.woff) format('woff')
}

@font-face {
	font-family: 'noto sans';
	font-style: italic;
	font-weight: 700;
	src: local('Noto Sans'),url(https://fonts.cdnfonts.com/s/15794/NotoSans-BoldItalic.woff) format('woff')
}

@font-face {
	font-family: 'Noto Sans Symbols';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/notosanssymbols/v40/rP2up3q65FkAtHfwd-eIS2brbDN6gxP34F9jRRCe4W3gfQ8QA_9Edkw.woff2) format('woff2');
	unicode-range: U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F10C,U+1F110-1F16C,U+1F170-1F190,U+1F19B-1F1AC,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F321-1F32C,U+1F336,U+1F378,U+1F37D,U+1F393-1F39F,U+1F3A7,U+1F3AC-1F3AE,U+1F3C2,U+1F3C4,U+1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4DA,U+1F4DF,U+1F4E4-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50A,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F579,U+1F57B-1F594,U+1F597-1F5A3,U+1F5A5-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CB,U+1F6CD-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8B1,U+1F93B,U+1F946,U+1FA00-1FA6F,U+1FA70-1FA74,U+1FA78-1FA7A,U+1FA80-1FA86,U+1FA90-1FAA8,U+1FAB0-1FAB6,U+1FAC0-1FAC2,U+1FAD0-1FAD6,U+1FB00-1FBFF
}

@font-face {
	font-family: 'Noto Sans Symbols';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/notosanssymbols/v40/rP2up3q65FkAtHfwd-eIS2brbDN6gxP34F9jRRCe4W3gfQ8QY_9Edkw.woff2) format('woff2');
	unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
	font-family: 'Noto Sans Symbols';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/notosanssymbols/v40/rP2up3q65FkAtHfwd-eIS2brbDN6gxP34F9jRRCe4W3gfQ8Qbf9E.woff2) format('woff2');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
	font-family: 'Material Symbols Outlined';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v170/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2')
}
/* #endregion */

/* ============ */
/* #region Теги */
/* ============ */
.mw-editform #wpTextbox1, textarea {
	background: var(--theme-bg-color-100);
	border-color: var(--theme-border-color-base);
	color: var(--theme-text-color);
}

math {
	margin: 0.2em 0;
	font-size: 1.1em;
}

cite,dfn {
	font-style: inherit;
}

q {
	quotes: '«' '»' "„" "“";
}

ol {
	margin-block-start: 0.7em;
	margin-block-end: 0.7em;
}

code, code.mw-highlight,
.code,
.tdg-templateDataParamWidget-param-alias:first-child {
	border-radius: 2px;
	padding: 1px 4px;
	background: var(--bg-color-code);
	border: 1px solid var(--border-color-code);
	color: var(--theme-text-color);
}

.screenplay, code, tt, kbd, pre, samp, .skin-timeless .monospace {
	font-family: var(--font-family-monospace);
}

pre {
	overflow: auto;
	white-space: pre-wrap;
	background: var(--bg-color-code-light);
	border: 1px solid var(--border-color-code);
	padding: 0.5em;
	color: var(--theme-text-color);
	font-family: var(--font-family-monospace);
}

blockquote {
	background: var(--theme-bg-color-100);
	border-left: 4px solid var(--theme-bg-color-150);
	padding: 8px 32px;
	overflow: hidden;
	box-shadow: var(--box-shadow);
	border-radius: var(--border-radius-low);
}

@media screen and (max-width: 850px) {
	blockquote {
		margin-inline-start: 10px;
		margin-inline-end: 10px;
		padding: 6px 24px;
	}
}

small {
	font-size: 85%
}

li {
	margin-top: 2px;
}

input[type="button"] {
	background: var(--ooui-bg-color);
	border: 1px solid var(--ooui-border-color);
	color: var(--ooui-text-color);
}

/*основные изображения - пиксельные. Для остальных нужно использовать класс noSprite*/
img {
	image-rendering: pixelated;
	filter: var(--filter-drop-shadow-low);
}

/*Для непиксельных изображений*/
.mw-body-content .noSprite img {
	image-rendering: auto !important; 
	height: auto !important;
	max-width: 100% !important;
}

.mw-body-content a > img, .mw-body-content .floatnone > img {
	max-width: unset !important;
}

hr {
	border-bottom-width: 0px;
	border-color: var(--border-color-hr);
}

footer,#footer-info-lastmod,#footer-info-copyright {
	color: var(--theme-text-color);
}

p,h1,h2,h3,h4,h5,h6,li {
	color: var(--theme-text-color);
}

p {
	margin: 0.5em 0;
}

a {
	color: var(--text-color-link);
}

a:hover {
	color: var(--theme-text-color-light);
}

a:visited, a:visited:hover {
	color: var(--text-color-link--visited);
}

a.new, .new a {
	color: var(--text-color-link-new);
}

a.new:hover, .new a:hover {
	color: var(--text-color-link-new--visited);
}

a.new:visited, .new a:visited {
	color: var(--text-color-link-new--visited);
}

.mw-parser-output a.external, .mw-parser-output a.extiw {
	color: var(--text-color-link-external)
}

.mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
	color: var(--text-color-link-external--visited);
}

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

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

.mw-body dt {
	font-weight: bold;
	font-family: sans-serif;
	margin-top: 0.8em;
	margin-bottom: 0.4em;
	border-left: 2px solid var(--theme-border-color-100);
	padding-left: 5px;
}

.mw-body h1 {
	font-family: var(--font-family-oswald);
	font-size: var(--font-size-giant);
}

.mw-body h2 {
	font-size: var(--font-size-huge);
	border-bottom: none;
	font-family: var(--font-family-libertine);
	margin-bottom: 0.4em;
	margin-top: 1em;
	line-height: 1.375;
	border-bottom: 2px solid var(--color-contrast);
}

.mw-body h3 {
	font-size: var(--font-size-xl);
	font-weight: bold;
	font-family: sans-serif;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	padding-bottom: 0;
	line-height: 1.6;
	padding-top: 0.5em;
}

.mw-body h4,
.mw-body h5 {
	font-size: var(--font-size-ml);
	font-weight: bold;
	font-family: sans-serif;
	margin-top: 0.5em;
	margin-bottom: 0.3em;
}
/* #endregion */

/* ============ */
/* #region Шаблоны */
/* ============ */

/*=== Навигационный шаблон ===*/
/* Default style for navigation boxes */
.navbox {					 /* Navbox container style */
	box-sizing: border-box;
	border: 1px solid var(--theme-border-color-base);
	width: 100%;
	margin: 2em auto 0; /* Prevent preceding content from clinging to navboxes */
	clear: both;
	font-size: 90%;
	text-align: center;
	padding: 3px;
}
.navbox-inner,
.navbox-subgroup {
	width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
	padding: 0.25em 1em;	  /* Title, group and above/below styles */
	text-align: center;
}
.navbox-title {
	position: relative;
	line-height: 1.6em; /* Standard 1.6em for title */
	border-bottom: 2px solid var(--color-darkened-border);
	border-radius: var(--border-radius-low);
	border-top: 1px solid var(--color-lighter-alpha-x);
	border-bottom: 2px solid var(--color-darkened-border);	  
	box-shadow: var(--box-shadow-medium);
}

/* cell spacing for navbox cells */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {	/* Borders above 2nd, 3rd, etc. rows */
	border-top: 2px solid var(--theme-bg-color-100); /* Must match background color */
}

th.navbox-group {			 /* Group style */
	white-space: nowrap;
	/* @noflip */
	text-align: left;
}
.navbox th,
.navbox-title {
	background: var(--color-contrast2); /* Level title color */
}
.navbox,
.navbox-subgroup {
	background: var(--theme-bg-color-100); /* Level 1 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	background: var(--theme-bg-color-200); /* Level 2 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
	background: var(--theme-bg-color-250); /* Level 3 color */
	border-right: 1px solid var(--theme-bg-color-100);
}
.navbox-even {
	background: transparent;  /* Even row striping */
}
.navbox-odd {
	background: transparent;  /* Odd row striping */
}

.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
	padding: 1px 0 0;	   /* Adjust hlist padding in navboxes */
}
.navbox .navbox {
	margin-top: 0;			/* No top margin for nested navboxes */
}
.navbox + .navbox {
	margin-top: -1px;		 /* Single pixel border between adjacent navboxes */
}

.navbox td:not(:has(table)), .navbox ul {
	background: var(--theme-bg-color-150);
	padding: 3px 2px !important;
}

@media screen and (max-width: 650px) {
	th.navbox-group {
		white-space: unset;
	}
}
/* КОНЕЦ */

/* #endregion */

/* ============ */
/* #region Модули */
/* ============ */

/*=== Модуль:Краткий вызов ===*/
.shortcut {
	clear: right;
	float: right;
	margin-left: 0.75em;
	font-size: smaller;
	background: var(--bg-color-code-light);
	border: 1px solid var(--border-color-code);
}

.shortcut-1, .shortcut-2 {
	padding: 4px;
}

.shortcut-2 {
	line-height: 1.25em;
	font-weight: bold;
	vertical-align: middle;
}
/* #endregion */

/* ============ */
/* #region Расширение */
/* ============ */
/*=== Clipboard4wiki ===*/
[tooltip] {
	background: var(--theme-bg-color-100);
	border: 1px solid var(--theme-border-color-base);
	border-radius: var(--border-radius-low);
	padding: 1px 3px;
}

[tooltip] img {
	filter: var(--invert-100);
}

[tooltip]:active {
	background: var(--theme-bg-color-250);
}

/*=== CodeMirror ===*/
.CodeMirror {
	height: 600px;
	position: relative;
	overflow: hidden;
	background: var(--theme-bg-color-base);
	color: inherit;
}

.CodeMirror-gutters {
	border-right: 1px solid var(--theme-bg-color-100);
	background: var(--theme-bg-color-100);
	white-space: nowrap;
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
	background: var(--color-contrast2-dark);
}

/*=== Popups ===*/
/* Всплывающие окна */
.mwe-popups {
	background: var(--ooui-gradient-light);
	box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.35), 0 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mwe-popups img {
	image-rendering: auto;
}

.mwe-popups .mwe-popups-container {
	background: var(--ooui-gradient-light);
}

.mwe-popups .mwe-popups-extract {
	color: var(--theme-text-color);
}

.mwe-popups .mwe-popups-extract:hover {
	color: var(--theme-text-color-light);
}

.mwe-popups .mwe-popups-extract[dir='ltr']::after {
	background: transparent;
}

.mwe-popups .mwe-popups-extract[dir='rtl']::after {
	background: transparent;
}

.popups-icon {
	filter: var(--invert-100);
}

/* Настройки */
.mwe-popups-overlay {
	background: rgba(0, 0, 0, 0.6);
}

#mwe-popups-settings {
	border: 1px solid #41414d;
	background: #27272f;	
}

#mwe-popups-settings header {
	border-bottom: 1px solid #41414d;
}

#mwe-popups-settings main#mwe-popups-settings-form p {
	color: var(--ooui-text-color);
}

#mwe-popups-settings main#mwe-popups-settings-form form label > span {
	color: #dddddd;
}

/*=== InputBox ===*/
.mw-ui-input {
	background: var(--ooui-bg-color);
	color: var(--ooui-text-color-light);
}

form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input {
	border-radius: var(--border-radius-low);
	border-color: var(--ooui-border-color);
}

.mw-ui-input:hover {
	border-color: var(--ooui-border-color-light);
}

/*=== SyntaxHighlight ===*/
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
	background: var(--theme-bg-color-100);
	border-color: var(--ooui-border-color);
	box-shadow: var(--ooui-bg-color-dark) 2.75em 0px 0px inset;
	font-size: 90%;
	color: var(--ooui-text-color);
}

.mw-content-ltr.mw-highlight .linenos {
	color: var(--ooui-text-color-dark);
}

/*=== GrowthExperiments ===*/
.growthexperiments-mentor-dashboard-group-main {
	--width: clamp(300px, 50vw, 480px);
	width: var(--width);
	flex: 1 0 var(--width);
}

.ext-growthExperiments-MenteeOverview__actions {
	flex-wrap: wrap;
}

.mw-echo-ui-notificationItemWidget-initiallyUnseen {
	animation-fill-mode: unset;
}

.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image {
	box-shadow: inset 0 0 1px 1px var(--bg-color-focus);
}

.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete, .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image.no-image {
	background-color: var(--ooui-bg-color-light);
}

.ext-discussiontools-init-targetcomment {
	background: var(--bg-color-hover);
	border-radius: var(--border-radius-low);
}

.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-text[dir='ltr'] .se-card-extract::after,
.oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless::after,
.oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed::after {
	background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--ooui-bg-color) 50%);
}

.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image.mw-ge-tasktype-image-recommendation, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image.mw-ge-tasktype-section-image-recommendation {
	background-color: var(--bg-color-yellow-100);
}

.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium {
	background-color: var(--bg-color-yellow-50);
}

.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium {
	border-color: var(--bg-color-yellow-150);
}

.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium::before, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium::before {
	border-top-color: var(--bg-color-yellow-150);
	border-bottom-color: var(--bg-color-yellow-150);
}

.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium::after, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium::after {
	border-top-color: var(--bg-color-yellow-50);
	border-bottom-color: var(--bg-color-yellow-50);
}

.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard {
	background-color: var(--bg-color-red-50);
}

.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard {
	border-color: var(--bg-color-red-150);
}

.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard::before, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard::before {
	border-top-color: var(--bg-color-red-150);
	border-bottom-color: var(--bg-color-red-150);
}

.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard::after, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard::after {
	border-top-color: var(--bg-color-red-50);
	border-bottom-color: var(--bg-color-red-50);
}

.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy {
	background-color: var(--bg-color-emerald-50);
}

.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy {
	border-color: var(--bg-color-emerald-150);
}

.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy::before, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy::before {
	border-top-color: var(--bg-color-emerald-150);
	border-bottom-color: var(--bg-color-emerald-150);
}

.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy::after, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy::after {
	border-top-color: var(--bg-color-emerald-50);
	border-bottom-color: var(--bg-color-emerald-50);
}
/* #endregion */

/* ============ */
/* #region Основной интерфейс пользователя */
/* ============ */

/*=== Страница поиска ===*/
.mw-body .mw-search-profile-tabs {
	max-width: unset;
	background-color: var(--ooui-bg-color-dark);
	border: var(--border-outset-light);
	border-radius: var(--border-radius-medium);
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types a,
#mw-search-togglebox input {
	background: var(--ooui-bg-color-light);
	border-top: 1px solid var(--color-lighter-alpha-x);
	padding: 1px 8px;
	border-radius: var(--border-radius-low);
	box-shadow: var(--box-shadow);
	margin: 0.1em 0.25em;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types .current a {
	background: var(--bg-color-message);
}

#mw-search-togglebox input {
	padding: 0.2em 0.5em;
}

.mw-body fieldset#mw-searchoptions .divider {
	border-color: var(--border-color-hr);
}

.mw-body fieldset#mw-searchoptions {
	background-color: var(--ooui-bg-color-dark);
	border: var(--border-outset-light);
	border-radius: var(--border-radius-medium);
	margin-top: 0.25em;
	color: var(--ooui-text-color);
}

.searchresults {
	display: flex;
	flex-direction: column;
	margin: 0;
}

.searchresults .mw-search-pager-top .mw-pager-navigation-bar {
	display: none;
}

.searchresults .mw-search-results-container {
	width: unset;
}

.searchresults .mw-search-results {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75em;
	margin: 1em 0 !important;
	max-width: 100%;
}

.searchresults .mw-search-results li {
	display: flex;
	flex-direction: column;
	flex: 1 0 30rem;
	list-style: none;
	padding: 0;
	background-color: var(--ooui-bg-color-dark);
	border: var(--border-outset-light);
	border-radius: var(--border-radius-medium);
}

@media (max-width: 639px) {
	.searchresults .mw-search-results li {
		flex: 1 0 100%;
	}
}

.searchresults .mw-search-results li a {
	font-size: 110%;
}

.searchresults .mw-search-results .mw-search-result {
	margin: 0;
}

.searchresults .mw-search-results .mw-search-result-heading {
	border-bottom: 2px solid var(--bg-color-sky-blue-100);
	display: flex;
	flex-direction: column;
}

.searchresults .mw-search-results .mw-search-result-heading > a, 
.searchalttitle {
	display: flex;
	padding: 0.1em 0.75em;
}

.searchalttitle, #mw-search-interwiki li {
	display: flex;
	flex-wrap: wrap;
}

.searchresults .mw-search-results .searchresult {
	flex: 1;
	padding: 0.5em;
}

.searchresults .mw-search-results .searchresult .mw-search-exists {
	margin-bottom: 1em;
}

.searchresults .mw-search-results .mw-search-result-data {
	font-size: 90%;
	padding: 0.5em 0.5em 0 0.5em;
	color: var(--ooui-text-color-dark);
}

.searchResultImage .searchResultImage-thumbnail {
	padding: 0.5em;
	padding-right: 1em;
}

.searchResultImage .searchResultImage-text {
	flex: 1;
}

/*=== Остальное ===*/
.mw-json th, .mw-json td {
	border: 1px solid black;
}

.mw-json tr {
	background: var(--theme-bg-color-100);
}

.mw-json th {
	background: var(--theme-bg-color-250);
	color: var(--theme-text-color);
}

.mw-json-value, .mw-json-single-value {
	background: var(--bg-color-emerald-50);
	color: var(--theme-text-color);
}

.mw-json-empty {
	background: var(--bg-color-emerald-50);
	color: var(--theme-text-color);
}

.mw-ui-button.mw-ui-progressive:not(:disabled),
.mw-ui-button.mw-ui-destructive:not(:disabled),
.mw-ui-button {
	color: var(--theme-text-color);
}

.mw-ui-button:not(:disabled):hover {
	color: var(--theme-text-color-light);
}

@media screen and (max-width: 850px) {
	.wikitable:not(.no-img-adaptive) img[width="64"][height="64"] {
		width: 32px !important;
		height: 32px !important;
	}
	
	*:not(.no-img-adaptive) img[width="64"][height="128"] {
		width: 32px !important;
		height: 64px !important;
	}
	
	*:not(.no-img-adaptive) img[width="128"][height="128"] {
		width: 64px !important;
		height: 64px !important;
	}
}

@media screen and (max-width: 650px) {
	.mw-parser-output table {
		table-layout: auto !important;
		overflow: auto;
		max-width: 100%;
	}
}

.mw-code {
	background: var(--theme-bg-color-100);
	color: var(--theme-text-color)
}

.wikiEditor-ui-toolbar .group .tool-select .options {
	border: none;
}

/*=== Полоса прокрутки === */
@media not all and (hover: none) and (pointer: coarse) {
	body:not(.wgl-theme-light)::-webkit-scrollbar,
	body:not(.wgl-theme-light) *::-webkit-scrollbar {
		width: 16px;
	}
	
	body:not(.wgl-theme-light)::-webkit-scrollbar-track,
	body:not(.wgl-theme-light) *::-webkit-scrollbar-track {
	   background-color: color-mix(in srgb, rgb(var(--color-lighter--rgb)) 8%, var(--theme-bg-color-base));
	}
	
	body:not(.wgl-theme-light)::-webkit-scrollbar-thumb,
	body:not(.wgl-theme-light) *::-webkit-scrollbar-thumb {
		height: 40px;
		border-radius: 6px;
		border: 4px solid transparent;
		background-clip: content-box;
		background-color: hsl(0, 0%, 45%);
	}
}

/*=== Чекбоксы ===*/
/* При нажатии */
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
	box-shadow: none;	
}

/* В фокусе */
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
	box-shadow: none;	
}

/*=== Стиль для таблиц ===*/
/* wikitable */
.wikitable,
.content table.wikitable {
	background-color: var(--theme-bg-color-100);
	color: var(--theme-text-color);
	margin: 1em 0;
	border: 1px solid var(--theme-bg-color-250);
	padding: 3px;
	border-collapse: separate;
	border-spacing: 1px;
	border-radius: var(--border-radius-medium);
}

.mw_metadata > tr > th, .mw-datatable > tr > th, .wikitable > tr > th, .mw_metadata > tr > td, .mw-datatable > tr > td, .wikitable > tr > td, .mw_metadata > * > tr > th, .mw-datatable > * > tr > th, .wikitable > * > tr > th, .mw_metadata > * > tr > td, .mw-datatable > * > tr > td, .wikitable > * > tr > td {
	border: none;
	padding: 0.4em 0.5em;
}

.wikitable>*>tr>th {
	background: var(--theme-bg-color-250);
}

.wikitable>*>tr>td {
	background: var(--theme-bg-color-200);
}

.wikitable.plainrowheaders th[scope=row] {
	font-weight: normal;
	text-align: left
}

.wikitable td ul,.wikitable td ol,.wikitable td dl {
	text-align: left
}

/* Закругление верхнего левого угла первой ячейки */
.wikitable thead tr:first-child th:first-child,
.wikitable thead tr:first-child td:first-child,
.wikitable:not(:has(thead)) tr:first-child th:first-child,
.wikitable:not(:has(thead)) tr:first-child td:first-child {
	border-top-left-radius: var(--border-radius-low);
}

/* Закругление верхнего правого угла последней ячейки */
.wikitable thead tr:first-child th:last-child,
.wikitable thead tr:first-child td:last-child,
.wikitable:not(:has(thead)) tbody > tr:first-child th:last-child,
.wikitable:not(:has(thead)) tbody > tr:first-child td:last-child {
	border-top-right-radius: var(--border-radius-low);
}

/* Закругление нижнего левого угла первой ячейки последнего ряда 
.wikitable tbody tr:last-child th:first-child,
.wikitable tbody tr:last-child td:first-child {
	border-bottom-left-radius: var(--border-radius-low);
}*/

/* Закругление нижнего правого угла последней ячейки последнего ряда 
.wikitable tbody tr:last-child th:last-child,
.wikitable tbody tr:last-child td:last-child {
	border-bottom-right-radius: var(--border-radius-low);
}*/

@media all and (max-width: 640px) {
	.mw-body-content table.mw-made-collapsible.mw-collapsed {
		display: table;
	}
}

@media screen and (max-width: 850px) {
    .mw-body table table {
        width: 100%;
    }
}

/* standard */
.standard {
	background: none;
	margin-top: 1em;
	margin-bottom: 1em;
	border: 1px solid var(--theme-border-color-base);
	border-collapse: collapse;
}

.standard > tr > th, .standard > * > tr > th {
	background-color: var(--theme-bg-color-150);
}

.standard > tr > th, .standard > tr > td, .standard > * > tr > th, .standard > * > tr > td {
	border: 1px solid var(--theme-border-color-base);
	padding: 0.2em 0.4em;
}
/* КОНЕЦ */

/*=== Сollapsible ===*/
.mw-parser-output .mw-collapsible-toggle {
	position: relative;
	font-weight: normal;
	text-align: right;
	top: 0;
	right: 0;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
	float: left;
	text-align: left
}

.mw-collapsible-toggle-default .mw-collapsible-text {
	color: var(--text-color-link);
}

.mw-collapsible-toggle-default .mw-collapsible-text:hover {
	color: var(--text-color-link);
}

.mw-collapsible-toggle-default .mw-collapsible-text:active {
	color: var(--text-color-link);
}

/*=== Картинки с обёрткой ===*/
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
	background: var(--theme-bg-color-100);
	border-color: var(--theme-border-color-base);
	border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
	border-collapse: unset;
}

figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
	margin: 0.5em;
	border-radius: var(--border-radius-high);
	border: none;
}

figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
	padding: 0.25em 0.5em 0.5em 0.5em;
	background: var(--theme-bg-color-150);
	border-color: var(--theme-border-color-base);
	border-radius: var(--border-radius-low);
}

/*=== Gallery ===*/
.mw-body li.gallerybox div.thumb {
	background: var(--theme-bg-color-150);
	border-color: var(--theme-border-color-base);
	border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
}

/*=== Медиа-просмотрщике ===*/
.mw-mmv-post-image {
	background: var(--theme-bg-color-100);
	color: var(--theme-text-color);
}

.mw-mmv-image-metadata {
	background: var(--theme-border-color-base);
	border-color: var(--border-color-hr);
}

.mw-mmv-title-para.mw-mmv-ttf-normal {
	font-size: 18px;
	font-weight: bold;
}

.mw-mmv-dialog {
	background-color: var(--theme-bg-color-100);
}

.mw-mmv-dialog .mw-mmv-dialog-warning {
	background-color: var(--bg-color-warning);
}

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

.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
	background-color: var(--theme-bg-color-100);
}

/*=== ace ===*/
.ace-tm .ace_gutter {
	background: var(--theme-bg-color-100);
	color: var(--ooui-text-color-dark);
}

.ace-tm .ace_print-margin {
	width: 1px;
	background: var(--theme-bg-color-base)
}

.ace_mobile-menu {
	color: var(--theme-text-color);
	background: var(--ooui-bg-color);
	border-color: var(--ooui-border-color-light);
	box-shadow: var(--box-shadow-medium);
}

.ace-tm {
	background: var(--theme-bg-color-base);
	color: var(--ooui-text-color);
}

.ace-tm .ace_cursor {
	color: var(--ooui-text-color-light);
}

body:not(.wgl-theme-light) .ace-tm .ace_storage,.ace-tm .ace_keyword {
	color: rgb(153,153,255);
}

body:not(.wgl-theme-light) .ace-tm .ace_constant {
	color: rgb(241,89,92);
}

body:not(.wgl-theme-light) .ace-tm .ace_support.ace_function {
	color: rgb(68,118,235);
}

body:not(.wgl-theme-light) .ace-tm .ace_support.ace_constant {
	color: rgb(23,202,33);
}

body:not(.wgl-theme-light) .ace-tm .ace_support.ace_type,.ace-tm .ace_support.ace_class {
	color: rgb(182,187,236);
}

body:not(.wgl-theme-light) .ace-tm .ace_string {
	color: rgb(6,142,13);
}

body:not(.wgl-theme-light) .ace-tm .ace_comment {
	color: rgb(103,193,150);
}

body:not(.wgl-theme-light) .ace-tm .ace_constant.ace_numeric {
	color: rgb(153,153,255);
}

body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_selection {
	background: rgb(28,45,68);
}

body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_bracket {
	margin: -1px 0 0 -1px;
	border: 1px solid rgb(94,94,94);
}

body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_active-line {
	background: rgb(153,153,183,7%);
}

body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_selected-word {
	background: rgb(37,59,89);
	border: 1px solid rgb(36,36,42);
}

/*=== tabs ===*/
/* Стили для блока */
.tabs-tabbox, .tabs-togglebox {
	display: flow-root;
}

/* Стили для активных вкладок */
.tabs-tabbox > .tabs-input:checked + .tabs-label,
.tabs-input-0:checked + .tabs-input-1 + .tabs-label {
	background: var(--theme-bg-color-200);
	border-top: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-xs));
	border-bottom: 1px solid var(--color-contrast);
	z-index: 2;
}

/* Стили для стили для вкладок */
.tabs-tabbox > .tabs-input + .tabs-input + .tabs-label {
	margin: 0;
}

.tabs-tabbox > .tabs-label {
	cursor: pointer;
	padding: 1px 6px;
	margin: 0;
	vertical-align: baseline;
	border-radius: 0;
	background: var(--theme-bg-color-150);
	border: 1px solid var(--theme-bg-color-base);
	border-top: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-xs));
}

.tabs-tabbox > .tabs-label:hover {
	z-index: 2;
	background: var(--theme-bg-color-200);
	transition: all 0.1s;
}

/* Стили для контейнера вкладок */
.tabs-tabbox > .tabs-container {
	padding: 14px 10px;
	background: var(--theme-bg-color-175);
	border: none;
	border-top: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-x));
	border-radius: var(--border-radius-low);
	box-shadow: var(--box-shadow);
}

/*=== toc ===*/
ul#filetoc, .toc, .toccolours, .mw-warning {
	border-radius: 0.5em;
	background: var(--theme-bg-color-150);
	padding: 12px;
	box-sizing: border-box;
	margin: 12px 0;
	min-width: 12em;
	border: none;
	box-shadow: var(--box-shadow-outline);
	line-height: 1.3;
}

.toc, .toc * {
	box-sizing: border-box;
}

.toc .toctitle {
	font-size: 0.95em;
	padding: 0 8px;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	text-align: left;
	border: none;
}

.toc .toctitle h2 {
	font-size: 1.1em;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.toc .toctitle h2::before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
	-webkit-mask: var(--mask);
	mask: var(--mask);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-position: center center;
	mask-position: center center;
	background: var(--theme-icon-color);
	margin: 0 6px 0 0;
}

.toc .toctogglelabel {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	font-size: unset;
	line-height: unset;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-family: var(--font-family-heading);
}

.toctogglecheckbox:not(:checked) + .toctitle .toctogglelabel:after,
.toctogglecheckbox:checked + .toctitle .toctogglelabel:after {
	content: "";
	display: block;
	pointer-events: none;
	--mask: var(--icon-chevron-down) no-repeat;
	-webkit-mask: var(--mask);
	mask: var(--mask);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-position: center center;
	mask-position: center center;
	background: var(--theme-icon-color);
	width: 14px;
	height: 14px;
	flex: 0 0 auto;
	transform: scaleY(-1);
}

.toctogglecheckbox:checked + .toctitle .toctogglelabel:after {
	transform: none;
}

.toc > ul {
	margin: 6px 0 0 0;
	border-top: 1px solid var(--theme-border-color-base);
	padding-top: 2px;
}

#searchInput:focus {
	outline: 2px solid var(--color-contrast);
}

.toctogglecheckbox:focus + .toctitle .toctogglelabel {
	outline: none;
}
/* #endregion */

/* ============ */
/* #region Классы */
/* ============ */

/* Ссылка на весь контейнер кнопки */
a:has(.StupidButton) {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: var(--index-overlay);
}

/* Подсветка при наведении */
.backlight:hover {
	box-shadow: 0 0 4px 2px var(--color-contrast);
}

/* Key press */
.keyboard-key,
.ve-ui-commandHelpDialog-shortcut > kbd, .ve-ui-commandHelpDialog-sequence > kbd {
	border: 1px solid var(--theme-border-color-100);
	border-radius: var(--border-radius-low);
	background-image: linear-gradient(to bottom, var(--theme-bg-color-100), var(--theme-bg-color-250), var(--theme-bg-color-100));
	color: var(--theme--text-color);
	padding: 0.1em 0.3em;
	font-family: inherit;
	font-size: 0.8em;
}

/* Кнопка вверх [[Файл:AnomalyElectricityPulse.png]] */
#scroll-top {
	display: none !important;
	background: url(https://station14.ru/images/0/00/AnomalyElectricityPulse.png) 0% 0%/57px 57px no-repeat;
	opacity: 0.5;
	width: 57px;
	height: 57px;
	cursor: pointer;
	position: fixed;
	right: calc(0.95em + 6px);
	bottom: 30px;
	z-index: 10000;
	image-rendering: pixelated;
	filter: var(--filter-drop-shadow-medium);
}

#scroll-top:hover {
	opacity: 0.8;
}

@media screen and (max-width: 850px) {
	#scroll-top {
		transform: translate(-50%, -50%);
		left: 50%;
		right: 50%;
		bottom: 15px;
		opacity: 0.3;
	}
}

/* Необходим для использования fonts.google.com/icons */
.material-symbols-outlined {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased
}

#mw-indicator-mw-helplink a {
	background-image: none;
}

.mw-body-content sub,.mw-body-content sup,span.reference {
	font-size: 80%
}

.ns-talk .mw-body-content dd {
	margin-top: 0.4em;
	margin-bottom: 0.4em
}

#interwiki-completelist {
	font-weight: bold
}

.hatnote {
    font-style: italic;
    padding-left: 1.6em;
}

.biglink {
	font-family: var(--font-family-oswald);
	font-style: oblique 10deg;
	font-variant-caps: small-caps;
	text-shadow: var(--theme-bg-color-base) 1px 2px,#595959dd 2px 2px 1px
}

.client-js .mw-special-Watchlist #watchlist-message,.client-js .collapsible:not(.mw-made-collapsible).collapsed>tbody>tr:not(:first-child),#editpage-specialchars {
	display: none
}

.mw-rcfilters-enabled .mw-specialpage-summary {
	margin-top: 1em
}

.citation:target {
	background: rgba(0, 127, 255, 0.133)
}

.citation {
	word-wrap: break-word
}

ol.references {
	font-size: 90%;
	margin-bottom: 0.5em
}

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

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

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

.hlist .mw-empty-li {
	display: none
}

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

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

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

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

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

.hlist ol {
	counter-reset: listitem
}

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

.hlist ol>li:before {
	content: " " counter(listitem) "\a0"
}

.hlist dd ol>li:first-child:before,.hlist dt ol>li:first-child:before,.hlist li ol>li:first-child:before {
	content: " (" counter(listitem) "\a0"
}

.plainlist ol,.plainlist ul {
	line-height: inherit;
	list-style: none none;
	margin: 0
}

.plainlist ol li,.plainlist ul li {
	margin-bottom: 0
}

@media (max-width: 800px) {
	.grid-adaptive {
		grid-template-columns: 1fr !important;
	}
}

.grid-item-adaptive {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 300px), 1fr));
}

.grid-small-item-adaptive {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.grid-item-compressed {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr));
}

.grid-item-compressed {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr));
}

.link-card__flex-container {
	display: flex; 
	gap: 10px; 
	justify-content: center; 
	flex-grow: 1; 
	align-items: flex-start; 
	flex-wrap: wrap; 
	align-content: center;
}

@media (max-width: 800px) {
	.link-card__flex-container {
		gap: 8px;
	}
}

/* Удаление верхних и нижних отступов для первого и последнего дочернего элемента */
.no-margin-edges > :first-child,
.tabs-content	> :first-child,
.doc			 > :first-child {
	margin-top: 0 !important;
}

.no-margin-edges > :last-child,
.tabs-content	> :last-child,
.doc			 > :last-child {
	margin-bottom: 0 !important;
}

/* Сброс и настройка отступов для списков */
.list-reset-margin ol {
	margin: 0 0 0 24px;
	padding: 0;
}

.list-reset-margin > ol:not(:first-child) > li:not(:first-child),
.list-reset-margin > ul:nth-of-type(n+2) {
	margin-top: 10px;
}

/* Кнопка копирования текста */
.copy-icon {
	cursor: pointer;
}

/* Кнопка копирования текста */
.brightness-overlay::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: var(--background-color);
}


/* Псевдоэлемент для добавления фона, который изменяет яркость при наведении */
.brightness-overlay::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	background: var(--background-color);
}

.brightness-overlay:hover::before {
	filter: brightness(103%);
}

/* Уменьшеная полоса прокрутки */
@media not all and (hover: none) and (pointer: coarse) {
	body:not(.wgl-theme-light) .short-scrollbar::-webkit-scrollbar { 
		width: 13px;
	}
}

/* Для для динамичного вида кнопки "[развернуть]" */
.collapsible-absolute .mw-collapsible-toggle {
	position: absolute;
	left: 0;
	right: 0;
}

/* Обводка тенью изображений и текста */
.with-drop-shadow,
.mw-wiki-logo.timeless-logo img {
	filter: var(--filter-drop-shadow-medium);
}

.tooltip {
	position: relative;
	display: inline;
}

.tooltiptext {
	position: absolute;
	min-width: 240px;
	max-width: 100%;
	left: -240px;
	right: -240px;
	top: 125%;
	margin-left: auto;
	margin-right: auto;
	z-index: 99;
	padding: 22px;
	pointer-events: none;
	visibility: hidden;
	transition: all 0.05s;
	border: 1px solid var(--color-contrast);
	border-radius: 1.4rem;
	background: var(--ooui-bg-color);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.tooltip:hover>.tooltiptext {
	visibility: visible;
	opacity: 1;
}

@media screen and (min-width: 851px) {
	.mobile {
		display:none
	}

	.headder {
		width: 25%;
		float: right;
		margin-left: 1em
	}

	.stiky {
		position: sticky;
		top: 0.1em
	}
}

@media screen and (max-width: 850px) {
	.nomobile {
		display: none !important;
	}

	.headder {
		width: 100%;
		margin-left: 0;
	}

	.tooltip {
		position: static;
	}

	.tooltiptext {
		box-shadow: var(--box-shadow-overlay);
		position: fixed!important;
		width: 80vw !important;
		top: 40vh !important;
		left: 0 !important;
		margin: 0 auto !important;
		right: 0!important;
	}
	/*
	.mobilefont {
		font-size: 80%
	}
	*/
	
	.mobile-image img {
		width: 32px !important;
		height: 32px !important;
	}
}

/* Класс для уменьшения яркости фона tabs */
.tabs-no-background > .tabs-container {
	background: rgba(var(--color-lighter--rgb), 0.02);
}
/* #endregion */

/* ============ */
/* #region <syntaxhighlight> CODE BLOCKS  */
/* ============ */

:root {
	--synt-high--color-darkCreamy: #262421;
	--synt-high--color-lightCreamy: hsl(38, 5%, 45%);

	--synt-high--color-comment: var(--synt-high--color-lightCreamy);
	--synt-high--color-err: #ff1a94;
	--synt-high--color-operator: #e7236a;
	--synt-high--color-punctuation: #f8f8f2;
	--synt-high--color-string: #e6db74;
	--synt-high--color-date: var(--synt-high--color-string);
	/* names for things such as variables, functions, classes, etc. */
	--synt-high--color-name: #a6e22e;
	/* literals, mostly numbers, some string stuff too. */
	--synt-high--color-literal: #ae81ff;
	/* keywords and constants */
	--synt-high--color-keyword: #57b8cb;
	
	--action-color: hsl(220, 60%, 50%);
}

/* Modified version of https://github.com/richleland/pygments-css/blob/master/monokai.css */

/* Highlighted Lines */
body:not(.wgl-theme-light) .mw-highlight .hll {
	background: var(--action-color);
}

/* Error */
body:not(.wgl-theme-light) .mw-highlight .err {
	color: var(--synt-high--color-err);
	background: hsl(328, 40%, 16%);
}

/* Keyword */
body:not(.wgl-theme-light) .mw-highlight .k {
	color: var(--synt-high--color-keyword);
}

/* Literal */
body:not(.wgl-theme-light) .mw-highlight .l {
	color: var(--synt-high--color-literal);
}

/* Name */
body:not(.wgl-theme-light) .mw-highlight .n {
	color: #f8f8f2;
}

/* Operator */
body:not(.wgl-theme-light) .mw-highlight .o {
	color: var(--synt-high--color-operator);
}

/* Punctuation */
body:not(.wgl-theme-light) .mw-highlight .p {
	color: var(--synt-high--color-punctuation);
}

/* Comment */
body:not(.wgl-theme-light) .mw-highlight .c {
	color: var(--synt-high--color-comment);
}

/* Comment.Hashbang */
body:not(.wgl-theme-light) .mw-highlight .ch {
	color: var(--synt-high--color-comment);
}

/* Comment.Multiline */
body:not(.wgl-theme-light) .mw-highlight .cm {
	color: var(--synt-high--color-comment);
}

/* Comment.Preproc */
body:not(.wgl-theme-light) .mw-highlight .cp {
	color: var(--synt-high--color-comment);
}

/* Comment.PreprocFile */
body:not(.wgl-theme-light) .mw-highlight .cpf {
	color: var(--synt-high--color-comment);
}

/* Comment.Single */
body:not(.wgl-theme-light) .mw-highlight .c1 {
	color: var(--synt-high--color-comment);
}

/* Comment.Special */
body:not(.wgl-theme-light) .mw-highlight .cs {
	color: var(--synt-high--color-comment);
}

/* Generic.Deleted */
body:not(.wgl-theme-light) .mw-highlight .gd {
	color: #f92672;
}

/* Generic.Emph */
body:not(.wgl-theme-light) .mw-highlight .ge {
	font-style: italic;
}

/* Generic.Inserted */
body:not(.wgl-theme-light) .mw-highlight .gi {
	color: var(--synt-high--color-name);
}

/* Generic.Strong */
body:not(.wgl-theme-light) .mw-highlight .gs {
	font-weight: bold;
}

/* Generic.Subheading */
body:not(.wgl-theme-light) .mw-highlight .gu {
	color: #75715e;
}

/* Keyword.Constant */
body:not(.wgl-theme-light) .mw-highlight .kc {
	color: var(--synt-high--color-keyword);
}

/* Keyword.Declaration */
body:not(.wgl-theme-light) .mw-highlight .kd {
	color: var(--synt-high--color-keyword);
}

/* Keyword.Namespace */
body:not(.wgl-theme-light) .mw-highlight .kn {
	color: #f92672;
}

/* Keyword.Pseudo */
body:not(.wgl-theme-light) .mw-highlight .kp {
	color: var(--synt-high--color-keyword);
}

/* Keyword.Reserved */
body:not(.wgl-theme-light) .mw-highlight .kr {
	color: var(--synt-high--color-keyword);
}

/* Keyword.Type */
body:not(.wgl-theme-light) .mw-highlight .kt {
	color: var(--synt-high--color-keyword);
}

/* Literal.Date */
body:not(.wgl-theme-light) .mw-highlight .ld {
	color: var(--synt-high--color-date);
}

/* Literal.Number */
body:not(.wgl-theme-light) .mw-highlight .m {
	color: var(--synt-high--color-literal);
}

/* Literal.String */
body:not(.wgl-theme-light) .mw-highlight .s {
	color: var(--synt-high--color-string);
}

/* Name.Attribute */
.mw-highlight .na {
	color: var(--synt-high--color-name);
}

/* Name.Builtin */
body:not(.wgl-theme-light) .mw-highlight .nb {
	color: #f8f8f2;
}

/* Name.Class */
body:not(.wgl-theme-light) .mw-highlight .nc {
	color: var(--synt-high--color-name);
}

/* Name.Constant */
body:not(.wgl-theme-light) .mw-highlight .no {
	color: var(--synt-high--color-keyword);
}

/* Name.Decorator */
body:not(.wgl-theme-light) .mw-highlight .nd {
	color: var(--synt-high--color-name);
}

/* Name.Entity */
body:not(.wgl-theme-light) .mw-highlight .ni {
	color: #f8f8f2;
}

/* Name.Exception */
body:not(.wgl-theme-light) .mw-highlight .ne {
	color: var(--synt-high--color-name);
}

/* Name.Function */
body:not(.wgl-theme-light) .mw-highlight .nf {
	color: var(--synt-high--color-name);
}

/* Name.Label */
body:not(.wgl-theme-light) .mw-highlight .nl {
	color: #f8f8f2;
}

/* Name.Namespace */
body:not(.wgl-theme-light) .mw-highlight .nn {
	color: #f8f8f2;
}

/* Name.Other */
body:not(.wgl-theme-light) .mw-highlight .nx {
	color: var(--synt-high--color-name);
}

/* Name.Property */
body:not(.wgl-theme-light) .mw-highlight .py {
	color: #f8f8f2;
}

/* Name.Tag */
body:not(.wgl-theme-light) .mw-highlight .nt {
	color: #f92672;
}

/* Name.Variable */
body:not(.wgl-theme-light) .mw-highlight .nv {
	color: #f8f8f2;
}

/* Operator.Word */
body:not(.wgl-theme-light) .mw-highlight .ow {
	color: var(--synt-high--color-operator);
}

/* Text.Whitespace */
body:not(.wgl-theme-light) .mw-highlight .w {
	color: #f8f8f2;
}

/* Literal.Number.Bin */
body:not(.wgl-theme-light) .mw-highlight .mb {
	color: var(--synt-high--color-literal);
}

/* Literal.Number.Float */
body:not(.wgl-theme-light) .mw-highlight .mf {
	color: var(--synt-high--color-literal);
}

/* Literal.Number.Hex */
body:not(.wgl-theme-light) .mw-highlight .mh {
	color: var(--synt-high--color-literal);
}

/* Literal.Number.Integer */
body:not(.wgl-theme-light) .mw-highlight .mi {
	color: var(--synt-high--color-literal);
}

/* Literal.Number.Oct */
body:not(.wgl-theme-light) .mw-highlight .mo {
	color: var(--synt-high--color-literal);
}

/* Literal.String.Affix */
body:not(.wgl-theme-light) .mw-highlight .sa {
	color: var(--synt-high--color-string);
}

/* Literal.String.Backtick */
body:not(.wgl-theme-light) .mw-highlight .sb {
	color: var(--synt-high--color-string);
}

/* Literal.String.Char */
body:not(.wgl-theme-light) .mw-highlight .sc {
	color: var(--synt-high--color-string);
}

/* Literal.String.Delimiter */
body:not(.wgl-theme-light) .mw-highlight .dl {
	color: var(--synt-high--color-string);
}

/* Literal.String.Doc */
body:not(.wgl-theme-light) .mw-highlight .sd {
	color: var(--synt-high--color-string);
}

/* Literal.String.Double */
body:not(.wgl-theme-light) .mw-highlight .s2 {
	color: var(--synt-high--color-string);
}

/* Literal.String.Escape */
body:not(.wgl-theme-light) .mw-highlight .se {
	color: var(--synt-high--color-literal);
}

/* Literal.String.Heredoc */
body:not(.wgl-theme-light) .mw-highlight .sh {
	color: var(--synt-high--color-string);
}

/* Literal.String.Interpol */
body:not(.wgl-theme-light) .mw-highlight .si {
	color: var(--synt-high--color-string);
}

/* Literal.String.Other */
body:not(.wgl-theme-light) .mw-highlight .sx {
	color: var(--synt-high--color-string);
}

/* Literal.String.Regex */
body:not(.wgl-theme-light) .mw-highlight .sr {
	color: var(--synt-high--color-string);
}

/* Literal.String.Single */
body:not(.wgl-theme-light) .mw-highlight .s1 {
	color: var(--synt-high--color-string);
}

/* Literal.String.Symbol */
body:not(.wgl-theme-light) .mw-highlight .ss {
	color: var(--synt-high--color-string);
}

/* Name.Builtin.Pseudo */
body:not(.wgl-theme-light) .mw-highlight .bp {
	color: #f8f8f2;
}

/* Name.Function.Magic */
body:not(.wgl-theme-light) .mw-highlight .fm {
	color: var(--synt-high--color-name);
}

/* Name.Variable.Class */
body:not(.wgl-theme-light) .mw-highlight .vc {
	color: #f8f8f2;
}

/* Name.Variable.Global */
body:not(.wgl-theme-light) .mw-highlight .vg {
	color: #f8f8f2;
}

/* Name.Variable.Instance */
body:not(.wgl-theme-light) .mw-highlight .vi {
	color: #f8f8f2;
}

/* Name.Variable.Magic */
body:not(.wgl-theme-light) .mw-highlight .vm {
	color: #f8f8f2;
}

/* Literal.Number.Integer.Long */
body:not(.wgl-theme-light) .mw-highlight .il {
	color: var(--synt-high--color-literal);
}
/* #endregion */

/* ============ */
/* #region SOURCE EDITOR → SYNTAX HIGHLIGHTING */
/* based on: https://github.com/wikimedia/mediawiki-extensions-CodeMirror/blob/master/resources/mode/mediawiki/mediawiki.less */
/* ============ */
:root {
	/* "se-cm" = Source Editor - Code Mirror */
	/* same color as for source editor */
	--se-cm--bg-color: var(--bg-color-light-x2);
	/* same color as for code block */
	--se-cm--gutter-bg-color: var(--code-color-bg);
	/* margin to the left for the main contents of the editor */
	--se-cm--main-contents-left-margin: 0.25rem;
	/* bg color for pre/nowiki tags contents */
	--se-cm--pre-bg-color: hsl(205, 21%, 15%);
	/* from the <syntaxhighlight> theme */
	--se-cm--comment-color: var(--synt-high--color-comment);
	--se-cm--error-color: var(--red-color);
	/* link itself */
	--se-cm--link-color: #699ae9;
	/* link delimiter */
	--se-cm--cm-mw-link-delimiter: var(--se-cm--template-delimiter-color);
	/* link text */
	--se-cm--link-text-color: #3873d3;
	--se-cm--link-brackets-color: var(--se-cm--link-text-color);
	/* things like "DISPLAYTITLE" "templates" (the whole template except the value part) */
	--se-cm--parser-function-color: #e0485a;
	/* function param values */
	--se-cm--parser-function-values-color: #e0cacd;
	/* table brackets and row delimiter */
	--se-cm--table-punctuation-color: var(--se-cm--parser-function-color);
	/* table settings */
	--se-cm--table-settings-color: var(--se-cm--template-name-color);
	/* template name */
	--se-cm--template-name-color: #a142cf;
	/* template arg names */
	--se-cm--template-arg-name-color: #9e27da;
	/* template brackets */
	--se-cm--template-brackets-color: var(--se-cm--template-name-color);
	/* template arg values */
	--se-cm--template-values-color: #a3cced;
	/* template arg delimiters */
	--se-cm--template-delimiter-color: var(--se-cm--link-color);
	/* template param name */
	--se-cm--template-param-name-color: #d07b00;
	/* template param brackets */
	--se-cm--template-param-brackets-color: #ac6600;
	/* template param values */
	--se-cm--template-param-value-color: hsl(207,90%,83%);
	/* template param delimiter */
	--se-cm--template-param-delimiter-color: var(--se-cm--template-delimiter-color);
	/* wiki formatting: headers, bullet points, bold/italic quotes, etc. */
	--se-cm--wikitext-formatting-color: var(--se-cm--link-text-color);
	/* html tags, including ones specific for the wiki (like syntaxhighlight) */
	--se-cm--xml-tag-color: #11a886;
	/* selection color */
	--se-cm--selection-color: hsl(205, 21%, 30%);
	/* bg color applied when selecting a bracket that has a match (in templates) */
	--se-cm--matching-brackets-bg-color: hsl(205, 21%, 44%);
}
/* the whole content body code mirror wrapper */
body:not(.wgl-theme-light) .CodeMirror-wrap {
	/* same color as for source editor */
	background: var(--se-cm--bg-color);
	/* color for the text that the other rules don't apply to (regular text, header text, etc.) */
	color: var(--text-color);
}
/* the actual lines of text */
body:not(.wgl-theme-light) .CodeMirror pre.CodeMirror-line {
	/* a little bit of margin for the main content */
	margin-left: var(--se-cm--main-contents-left-margin);
}
/* gutters?? */
body:not(.wgl-theme-light) .CodeMirror-wrap .CodeMirror-gutters {
	border-color: var(--ooui-border-color);
}
/* gutter */
body:not(.wgl-theme-light) .CodeMirror-wrap .CodeMirror-gutter {
	/* same color as for code block */
	background: var(--se-cm--gutter-bg-color);
}
/* selection */
body:not(.wgl-theme-light) .CodeMirror-line::selection,
/* selection */
body:not(.wgl-theme-light) .CodeMirror-line>span::selection,
/* selection */
body:not(.wgl-theme-light) .CodeMirror-line>span>span::selection {
	background: var(--se-cm--selection-color);
}
/* bullet point symbol */
body:not(.wgl-theme-light) .cm-mw-list,
/* ???? */
body:not(.wgl-theme-light) .cm-mw-indenting {
	color: var(--se-cm--wikitext-formatting-color);
}
/* magic words */
body:not(.wgl-theme-light) .cm-mw-doubleUnderscore,
/* magic words */
body:not(.wgl-theme-light) .cm-mw-double-underscore,
/* ???? user signature maybe */
body:not(.wgl-theme-light) .cm-mw-signature,
/* ???? hr tags prob */
body:not(.wgl-theme-light) .cm-mw-hr {
	color: var(--se-cm--wikitext-formatting-color);
	/* override the defaults */
	background: inherit;
}
/* html sequences like "&nbsp;" */
body:not(.wgl-theme-light) .cm-mw-mnemonic,
/* ???? */
body:not(.wgl-theme-light) .cm-mw-html-entity {
	color: var(--se-cm--xml-tag-color);
	background: #684905;
	border-radius: 2px;
}
/* comments */
body:not(.wgl-theme-light) .cm-mw-comment {
	color: var(--se-cm--comment-color);
}
/* formatting: 3 apostrophes for bold text */
body:not(.wgl-theme-light) .cm-mw-apostrophes-bold,
/* formatting: 2 apostrophes for italic text
todo make them separate? better eligibility */
body:not(.wgl-theme-light) .cm-mw-apostrophes-italic {
	color: var(--se-cm--wikitext-formatting-color);
}
/* template name */
body:not(.wgl-theme-light) .cm-mw-template-name {
	color: var(--se-cm--template-name-color);
	/* disable the default */
	text-decoration: none;
}
/* template arg names */
body:not(.wgl-theme-light) .cm-mw-template-argument-name {
	color: var(--se-cm--template-arg-name-color);
}
/* template arg values */
body:not(.wgl-theme-light) .cm-mw-template {
	color: var(--ooui-text-color);
}
/* template pipe delimiters (maybe colon too for modules?) */
body:not(.wgl-theme-light) .cm-mw-template-delimiter {
	color: var(--se-cm--template-name-color);
}
/* template brackets */
body:not(.wgl-theme-light) .cm-mw-template-bracket {
	color: var(--se-cm--template-brackets-color);
}
/* template variable (with 3 brackets) name */
body:not(.wgl-theme-light) .cm-mw-templatevariable-name {
	color: var(--se-cm--template-param-name-color);
}
/* template variable (with 3 brackets) value */
body:not(.wgl-theme-light) .cm-mw-templatevariable {
	color: var(--se-cm--template-param-brackets-color);
}
/* template variable brackets (3 brackets) */
body:not(.wgl-theme-light) .cm-mw-templatevariable-bracket {
	color: var(--se-cm--template-param-brackets-color);
}
/* template variable (with 3 brackets) delimiter */
body:not(.wgl-theme-light) .cm-mw-templatevariable-delimiter {
	color: var(--se-cm--template-param-brackets-color);
}
/* parser functions (things like "DISPLAYTITLE" or invokes) → name */
body:not(.wgl-theme-light) .cm-mw-parserfunction-name {
	color: var(--se-cm--parser-function-color) !important;
}
/* parser functions (things like "DISPLAYTITLE" or invokes) → value */
body:not(.wgl-theme-light) .cm-mw-parserfunction {
	color: var(--se-cm--parser-function-values-color);
}
/* parser functions (things like "DISPLAYTITLE" or invokes) → brackets */
body:not(.wgl-theme-light) .cm-mw-parserfunction-bracket {
	color: var(--se-cm--parser-function-color);
}
/* parser functions (things like "DISPLAYTITLE" or invokes) → delimiters */
body:not(.wgl-theme-light) .cm-mw-parserfunction-delimiter {
	color: var(--se-cm--parser-function-color);
}
/* wiki html tag names? like >syntaxhighlight> */
body:not(.wgl-theme-light) .cm-mw-exttag-name,
/* html tag names */
body:not(.wgl-theme-light) .cm-mw-htmltag-name {
	color: var(--se-cm--xml-tag-color);
}
/* if a string starts with an empty space, it will generate a pre block.
this targets that one single space.
same style as for html tag names, but for bg here */
body:not(.wgl-theme-light) .cm-mw-skipformatting {
	background: var(--se-cm--xml-tag-color);
}
/* wiki html tag brackets */
body:not(.wgl-theme-light) .cm-mw-exttag-bracket,
/* wiki html tag attributes (name, delimiter, value) */
body:not(.wgl-theme-light) .cm-mw-exttag-attribute,
/* html tag brackets */
body:not(.wgl-theme-light) .cm-mw-htmltag-bracket,
/* html tag attributes (name, delimiter, value) */
body:not(.wgl-theme-light) .cm-mw-htmltag-attribute {
	color: var(--se-cm--xml-tag-color);
}
/* pre tag BLOCK contents */
body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-pre,
/* pre tag INLINE contents */
body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-pre,
/* ???? */
body:not(.wgl-theme-light) pre.CodeMirror-line-like.cm-mw-tag-pre,
/* pre tag contents */
body:not(.wgl-theme-light) .cm-mw-tag-pre,
/* ============== */
/* nowiki tag BLOCK contents */
body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-nowiki,
/* nowiki tag INLINE contents */
body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-nowiki,
/* ???? */
body:not(.wgl-theme-light) pre.CodeMirror-line-like.cm-mw-tag-nowiki,
/* nowiki tag contents */
body:not(.wgl-theme-light) .cm-mw-tag-nowiki {
	background: var(--se-cm--pre-bg-color);
}
/* pre tag BLOCK contents */
body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-pre,
/* nowiki tag BLOCK contents */
body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-nowiki {
	/* colors the margin gap bg for block variants */
	box-shadow: calc(-1 * var(--se-cm--main-contents-left-margin)) 0
		var(--se-cm--pre-bg-color);
}
/* pre tag INLINE contents */
body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-pre,
/* nowiki tag INLINE contents */
body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-nowiki {
	/* a little corner rounding won't hurt a thing! */
	border-radius: 2px;
}
/* ???? */
body:not(.wgl-theme-light) .cm-mw-link,
/* ???? */
body:not(.wgl-theme-light) .cm-mw-link-tosection,
/* header equal signs */
body:not(.wgl-theme-light) .cm-mw-section-header {
	color: var(--se-cm--wikitext-formatting-color);
}
/* link itself */
body:not(.wgl-theme-light) .cm-mw-link-pagename,
/* external link itself, without protocol */
body:not(.wgl-theme-light) .cm-mw-extlink,
/* ???? same as above, maybe? */
body:not(.wgl-theme-light) .cm-mw-free-extlink,
/* external link protocol (the "https://" part) */
body:not(.wgl-theme-light) .cm-mw-extlink-protocol,
/* ???? same as above, maybe? */
body:not(.wgl-theme-light) .cm-mw-free-extlink-protocol {
	color: var(--se-cm--link-color);
}
/* link brackets */
body:not(.wgl-theme-light) .cm-mw-link-bracket,
/* external link brackets */
body:not(.wgl-theme-light) .cm-mw-extlink-bracket {
	color: var(--se-cm--link-color);
}
/* link delimiter */
body:not(.wgl-theme-light) .cm-mw-link-delimiter {
	color: var(--se-cm--cm-mw-link-delimiter);
}
/* link text */
body:not(.wgl-theme-light) .cm-mw-link-text,
/* external link text */
body:not(.wgl-theme-light) .cm-mw-extlink-text {
	color: var(--se-cm--link-text-color);
}
/* tables opening "{|" and closing "|}" brackets */
body:not(.wgl-theme-light) .cm-mw-table-bracket,
/* table row delimiter (doesn't include cols!) */
body:not(.wgl-theme-light) .cm-mw-table-delimiter {
	color: var(--se-cm--table-punctuation-color);
}
/* the table settings I guess? (like «class="wikitable"») */
body:not(.wgl-theme-light) .cm-mw-table-definition {
	color: var(--se-cm--table-settings-color);
}
/* ???? idk some kind of formatting errors? */
body:not(.wgl-theme-light) .cm-error,
body:not(.wgl-theme-light) .cm-mw-error,
body:not(.wgl-theme-light) .cm-s-default .cm-error {
	color: var(--se-cm--error-color);
}
body:not(.wgl-theme-light) .cm-mw-matchingbracket {
	background: var(--se-cm--matching-brackets-bg-color);
	/* disable the default */
	box-shadow: none;
}
/* various inline bg targeting things, idk what each of them target exactly */
.cm-mw-template2-ground,
.cm-mw-template3-ground,
.cm-mw-ext-ground,
.cm-mw-template-ext-ground,
.cm-mw-ext2-ground,
.cm-mw-template-ext2-ground,
.cm-mw-ext3-ground,
.cm-mw-template-ext3-ground,
.cm-mw-link-ground,
.cm-mw-ext-link-ground,
.cm-mw-template-link-ground,
.cm-mw-ext2-link-ground,
.cm-mw-template-ext-link-ground,
.cm-mw-ext3-link-ground,
.cm-mw-template-ext2-link-ground,
.cm-mw-template-ext3-link-ground,
.cm-mw-template2-ext-ground,
.cm-mw-template2-ext2-ground,
.cm-mw-template2-ext3-ground,
.cm-mw-template2-link-ground,
.cm-mw-template2-ext-link-ground,
.cm-mw-template2-ext2-link-ground,
.cm-mw-template2-ext3-link-ground,
.cm-mw-template3-ext-ground,
.cm-mw-template3-ext2-ground,
.cm-mw-template3-ext3-ground,
.cm-mw-template3-link-ground,
.cm-mw-template3-ext-link-ground,
.cm-mw-template3-ext2-link-ground,
.cm-mw-template3-ext3-link-ground {
	/* just disable them */
	background: inherit;
}
/* new code */
body:not(.wgl-theme-light) .cm-mw-template-ground.cm-mw-template,
body:not(.wgl-theme-light) .cm-mw-template2-ground.cm-mw-template, 
body:not(.wgl-theme-light) .cm-mw-template3-ground.cm-mw-template {
	color: var(--se-cm--template-values-color);
}
/* #endregion */

/* ============ */
/* #region DRUID Infoboxes */
/* ============ */

/* DRUID Infobox. */
/* source: https://support.wiki.gg/wiki/MediaWiki:Gadget-druidInfoboxes.css */
/* license: CC BY-SA 4.0 */

/****************************************/
/*******  Start DRUID CSS rules *********/
/****************************************/

/* ---------------------------------  */
/*	Safe to edit ABOVE this line	*/
/* ---------------------------------  */

/* ---------------------------------  */
/*	 Do not edit below this line	*/
/* ---------------------------------  */

.druid-container {
	--druid-border-color: var(--theme-border-color-base);	
	--druid-color-contrast: var(--color-contrast-dark);
}

table.druid-container {
	background: var(--theme-bg-color-150);
	float: right;
	clear: right;
	margin: 0 0 1em 1em;
	max-width: 400px;
	min-width: 300px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	border: 1px solid var(--druid-border-color);
	border-radius: 0.2em;
	overflow: auto;
	border-spacing: 0;
	padding: 2px;
}

@media screen and (max-width: 720px) {
  .druid-container {
	float: none;
	margin: 0.5rem auto;
	min-width: 100%;
  }
}

.druid-main-images-file,
.druid-main-image {
	text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
	background: var(--druid-color-contrast);
	border-bottom: 2px solid var(--color-darkened-border);
	border-radius: 0.1em;
	padding: 5px;
	text-align: center;
	font-size: var(--font-size-ml);
	font-weight: bold;
}

.druid-infobox .druid-section {
	font-size: var(--font-size-m);
	background: color-mix(in srgb, var(--druid-color-contrast) 30%, var(--theme-bg-color-150));
	border-top: 1px solid var(--theme-border-color-base);
	padding: 4px;
}

.druid-infobox  .druid-collapsible .druid-section {
	flex-grow: 1;
}

.druid-row > .druid-label,
.druid-row > .druid-data {
	padding-inline: 0.5em;
}

.druid-main-image,
.druid-main-images {
	background: var(--theme-bg-color-150);
	border-bottom: 1px solid var(--druid-border-color);
	padding: 2px 0;
}

.mw-body-content .druid-main-image img, 
.mw-body-content .druid-main-images img {
	max-width: 100% !important;
	height: auto !important;
}

.druid-main-images-labels {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	margin: 0.25em;
	gap: 0.25em;
}

.druid-main-images-label {
	cursor: pointer;
	flex: 1 1 auto;
	text-align: center;
	transition: .1s ease-in;
	outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
	background: var(--druid-link-color);
	color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
	background: var(--druid-link-color); /* fallback */
	background: color-mix(in srgb, var(--druid-link-color) 25%, transparent);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
	display: none;
}

.druid-grid {
	display:grid;
	gap: 0.3em;
	padding: 0.35em;
}

.druid-grid-item {
	background: var(--druid-tertiary-background-color);
	padding: 0.25em;
	border: 1px solid var(--druid-border-color); /* fallback */
	border: 1px solid color-mix(in srgb, var(--druid-border-color) 50%, transparent);
	border-radius: 2px;
}

.druid-grid-item .druid-label,
.druid-grid-item .druid-data {
	text-align: center;
}

.druid-data-wide {
	width: 100%;
}

.druid-section-container > .druid-collapsible {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.druid-collapsed {
	display: none !important;
}

.druid-collapsible {
	cursor: pointer;
	position: relative;
}

.druid-collapsible::after {
	content: "";
	display: block;
	position: absolute;
	right: 10px;
	width: var(--icon-size);
	height: var(--icon-size);
	--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat;
	-webkit-mask: var(--mask);
	mask: var(--mask);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-position: center center;
	mask-position: center center;
	background: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
	transform: rotate(180deg);
}

/*****************************************
Table support
*****************************************/
.druid-container tr:not(.data-druid-section):nth-child(odd) {
	background: var(--theme-bg-color-200);
}

.druid-container tr:not(.data-druid-section):nth-child(even) {
	background: var(--theme-bg-color-150);
}

.druid-container tr:nth-child(even) th:not([colspan]) {
	border-right: 1px solid var(--theme-bg-color-150);
}

.druid-container th, 
.druid-container td, 
.druid-container th .mw-collapsible-toggle {
	padding: 4px;
	font-size: var(--font-size-xs);
}

.druid-container th {
	width: 40%;
	text-align: left;
}

.druid-container ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 10px;
}

.druid-container ul li::before {
	content: "•";
	display: inline-block;
	font-size: var(--font-size-l);
	margin-left: -10px;
	margin-right: 4px;
}

/********
Custom display classes
*********/

div.druid-stacked.druid-row,
.druid-stacked div.druid-row {
	flex-direction: column;
}

.druid-stacked.druid-row > .druid-data,
.druid-stacked .druid-row > .druid-data {
	padding-left: 0.75em;
}

/* ---------------------------------  */
/*	Do not edit above this line	 */
/* ---------------------------------  */

/* ---------------------------------  */
/* Local overrides go below this line */
/* ---------------------------------  */

.druid-infobox .druid-title {
	--clip: 0.6em;
	clip-path: polygon( 0 0, calc(100% - var(--clip)) 0, 100% var(--clip), 100% 100%, var(--clip) 100%, 0 calc(100% - var(--clip)) );
	margin: 3px;
}

/****************************************/
/*******  End DRUID CSS rules   *********/
/****************************************/

/* #endregion */

/* Таблица в виде грид сетки для сортировки. Используется вместе с классом .sortable */
.sortable-grid {
	width: 100%;
}

.sortable-grid tbody {
	display: grid;
	gap: 8px 6px;
	grid-template-columns: repeat(auto-fit,minmax(clamp(250px, 50vw, 400px),1fr));
} 

/* Класс для большего количества столбцов */
.sortable-grid--small-column tbody {
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.sortable-grid thead tr:first-child {
	grid-column: 1 / -1;
}

.sortable-grid > tr > th,
.sortable-grid > tr > td,
.sortable-grid > * > tr > th,
.sortable-grid > * > tr > td {
	display: block;
	height: 100%;
	box-sizing: border-box;
}

.sortable-grid .headerSort {
	padding: 4px 0;
	text-align: left;
}

/* ============ */
/* #region Меню настроек темы */
/* ============ */

.theme-dropdown {
	position: relative;
}

#personal-extra li,
#personal h2,
.theme-dropdown-details {
	padding: 0.25em;
	border-radius: var(--border-radius-medium);
	margin: 0;
}

.theme-dropdown-details[open] + .theme-window {
	visibility: visible;
	opacity: 1;
	height: auto;
	transform: scale(0.99999);
}

#personal .dropdown,
.theme-dropdown .theme-window {
	top: unset;
	user-select: none;
	position: absolute;
	right: -14px;
	width: 14.5rem;
	background: var(--ooui-bg-color-darkened);
	box-shadow: var(--box-shadow-high);
	transition-duration: var(--transition-time);
	transition-property: transform, opacity, visibility;
	z-index: var(--index-high);
	margin-top: 0.3rem;
	border: 2px solid var(--ooui-bg-color-light);
	border-top: 2px solid var(--ooui-border-color);
	border-radius: var(--border-radius-low);
	padding: 0.2em;
	box-shadow: var(--box-shadow-high), var(--box-shadow-inset);
}

#personal .dropdown::before, 
#personal .dropdown::after {
	display: none;
}

.theme-dropdown .theme-window {
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transform: scale(0.9);
	transform-origin: top;
}

.theme-dropdown .theme-window * {
	user-select: none;
	user-drag: none;
	-webkit-user-drag: none;
}

#personal .dropdown label, #personal .dropdown h3,
.theme-dropdown .theme-window__header {
	display: flex;
	align-items: center;
	gap: 4px;
	position: relative;
	height: 2rem;
	font-size: var(--font-size-ml);
	border-radius: var(--border-radius-low);
	background-color: var(--color-contrast2);
	font-weight: bold;
	padding: 0 0.4em;
	border-bottom: 2px solid var(--color-darkened-border);
	flex-direction: row;
	margin: 0;
}

#theme-preferences__content {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
}

#theme-preferences__content .theme-menu__heading {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	height: 1.75rem;
	border-bottom: 2px solid var(--bg-color-sky-blue-100);
}

#personal .dropdown ul,
#theme-preferences__content .theme-menu__content {
	padding: 0.5em;
}

.theme-dropdown .theme-window * {
	user-select: none;
	user-drag: none;
	-webkit-user-drag: none;
}

#personal .dropdown .mw-portlet > div, #personal .dropdown .mw-portlet-body,
.theme-dropdown .theme-window__content {
	position: relative;
	margin: 0.3em 0;
}

#personal .dropdown ul,
#theme-preferences__content .theme-menu {
	flex: 1 0 9rem;
	background-color: var(--theme-bg-color-base);
	border-radius: var(--border-radius-low);
}

#theme-preferences__content .theme-menu li {
	margin: 0;
}

#personal .dropdown ul,
#theme-preferences__content .theme-menu form {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.5em;
	text-align: center;
}

#personal .dropdown li,
#theme-preferences__content .theme-client-prefs-radio {
	display: flex;
	justify-content: center;
	padding: 0;
	margin: 0;
}

#theme-preferences__content .theme-client-prefs-radio input {
	display: none;
}

#personal .dropdown li a,
#theme-preferences__content .theme-client-prefs-radio label {
	user-select: none;
	-webkit-user-drag: none;
	background: var(--ooui-bg-color-light);
	border-radius: var(--border-radius-medium);
	transition-property: background, box-shadow;
	transition-duration: var(--transition-time);
	cursor: pointer;
	flex-grow: 1;
	align-content: center;
	padding: 0.25em 0.5em;
	font-weight: bold;
	border-top: 1px solid var(--color-lighter-alpha-x);
	border-bottom: 2px solid var(--color-darkened-border);
	color: var(--theme-text-color);
}

#theme-preferences__content .theme-client-prefs-radio input:checked + label {
	background-color: var(--bg-color-message);
}

#personal-extra li:hover,
#personal h2:hover,
.theme-dropdown-details:hover,
.tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover {
	background: var(--bg-color-hover);
}

.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,
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover,
.ve-ce-branchNode-blockSlug, html body p.ve-ce-branchNode-newSlug {
	background: var(--bg-color-focus);
}

#personal-extra li:focus,
#personal.dropdown-active h2,
.theme-dropdown-details[open] {
	background-color: var(--bg-color-focus) !important;
}

#personal h2::before,
#site-navigation h2,
.theme-dropdown-summary {
	content: '';
	cursor: pointer;
	background: var(--theme-icon-color);
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
	width: var(--icon-size);
	height: var(--icon-size);
	opacity: 1 !important;
	margin: 0;
} 

.theme-dropdown-summary {
	mask-image: var(--icon-settings);
}

#pt-notifications-alert .mw-echo-notifications-badge,
#pt-notifications-notice .mw-echo-notifications-badge {
	width: var(--icon-size);
	height: var(--icon-size);
	filter: var(--invert-100);
	background-size: cover;
	margin: 0;
}

#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
	opacity: 0.45;
}

#pt-notifications-alert .mw-echo-notifications-badge::after,
#pt-notifications-notice .mw-echo-notifications-badge::after {
	filter: var(--invert-100);
}

@media screen and (max-width: 850px) {
	#pt-notifications-alert .mw-echo-notifications-badge,
	#pt-notifications-notice .mw-echo-notifications-badge,
	#personal h2::before,
	#site-navigation h2,
	.theme-dropdown-summary {
		width: var(--icon-size-big);
		height: var(--icon-size-big);
	}
	
	#personal .dropdown, 
	.theme-dropdown .theme-window {
		right: 0;
	}
	
	#personal-extra {
		position: unset;
	}
}
/* #endregion */

/* ============ */
/* #region Интерфейс MediaWiki */
/* ============ */

/* invert(1) */
.mw-editsection,
.mw-editsection a,
.dropdown-toggle::after,
.cdx-button .cdx-button__icon, .cdx-button .cdx-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before,
.wikiEditor-ui-toolbar .group .tool-select .label::after,
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, .mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after {
	filter: var(--invert-100);
}

/* invert(0.75) */
.oo-ui-iconElement-icon:not(.oo-ui-image-progressive):not(.oo-ui-image-destructive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-image-invert):not(.mw-no-invert):not(.oo-ui-icon-difficulty-easy):not(.oo-ui-icon-difficulty-medium):not(.oo-ui-icon-difficulty-hard):not(.oo-ui-image-error):not(.oo-ui-image-success), 
.oo-ui-indicatorElement-indicator, 
.cdx-icon svg,
.skin-invert img[role="presentation"] {
	filter: var(--invert-75) hue-rotate(180deg);
}

body.wgl-theme-ss14 .oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator):not(.oo-ui-icon-mentor),
body.wgl-theme-ss14 .oo-ui-icon-linked {
	filter: var(--invert-75);
}

/* invert(0) */
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
.mw-ge-help-panel-button.oo-ui-buttonElement.oo-ui-iconElement.oo-ui-indicatorElement a.oo-ui-buttonElement-button .oo-ui-indicator-up {
	filter: var(--invert-0);
}

body:not(.wgl-theme-ss14) .oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator):not(.oo-ui-icon-mentor),
body:not(.wgl-theme-ss14) .oo-ui-icon-linked {
	filter: var(--invert-0) !important;
}

/* icon color */
#mw-indicator-mw-helplink a .mw-helplink-icon,
.mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow {
	background: var(--theme-icon-color);
}

/* background */
.oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button,
.mw-prefs-buttons,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed,
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-dropdownWidget,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover,
.mw-datatable td,
.oo-ui-tabSelectWidget-framed,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td,
.growthexperiments-homepage-module-startemail,
.mw-ge-startediting-dialog-progress,
body.ltr .mw-ge-help-panel-processdialog .oo-ui-window-head:not(.oo-ui-pendingElement-pending),
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu,
.ve-ui-toolbarDialog,
.mw-echo-ui-notificationItemWidget:hover,
.mw-echo-ui-pageNotificationsOptionWidget-label-count,
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,
.footer-icons a:hover,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending),
.mw-special-Contribute .mw-contribute-card,
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
.wikiEditor-ui-toolbar .group .tool-select .options .option,
.ext-templatewizard-templatetitlebar,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all,
.mw-ge-help-panel-home-button,
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
span.fileinput-button,
.ace_button,
.ace_searchbtn,
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.growthexperiments-homepage-module,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip, 
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button,
.ace_optionsMenuEntry button,
.ace_optionsMenuEntry button[ace_selected_button=true],
.wikiEditor-ui-toolbar,
.ace_search_field,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.quickbox,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot,
.mw-rcfilters-ui-menuSelectWidget-footer,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after,
.mw-widget-dateInputWidget-handle,
#wpDestFile,
#wpUploadDescription,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.ui-widget input,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
#mw-scribunto-input,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module-mentor-tools .growthexperiments-mentor-dashboard-module-mentor-tools-other-actions,
.growthexperiments-mentor-dashboard-module-mentee-overview .growthexperiments-mentor-dashboard-module-mentee-overview-recent-by-mentees,
.ext-growthExperiments-NumberInput__input:enabled,
.cdx-dialog__header--default,
.cdx-select-vue--enabled .cdx-select-vue__handle,
.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle,
.cdx-select-vue--enabled .cdx-select-vue__handle:hover,
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper,
.mw-ge-help-panel-processdialog .suggested-edits-panel-footer,
.ext-communityConfiguration-JsonForm__footer-wrapper,
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled,
.cdx-select:enabled,
.cdx-select:enabled:hover,
.cdx-text-input__input:enabled,
.oo-ui-toolbar-bar,
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-example,
.mw-ge-help-panel-processdialog .suggested-edits-panel-switch-editor-panel,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip,
.mw-body-content .recent-questions-growthexperiments-mentor-questions, .overlay-content .recent-questions-growthexperiments-mentor-questions, .content .recent-questions-growthexperiments-mentor-questions {
	background: var(--ooui-bg-color);
}

.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content,
.mw-rcfilters-ui-menuSelectWidget-body.oo-ui-clippableElement-clippable, 
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input,
.mw-widgets-datetime-calendarWidget-grid .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.ace_mobile-button:active,
.ace_mobile-button:hover,
.ace_searchbtn:hover,
.ext-templatewizard-templateform .oo-ui-menuLayout-content,
.mw-echo-ui-notificationItemWidget,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td,
.ext-discussiontools-ui-replyWidget-preview,
#preferences .mw-htmlform-submit-buttons,
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input,
.ace_editor.ace_autocomplete,
.ext-growthExperiments-CPopper__popover,
.growthexperiments-homepage-module-suggested-edits .growthexperiments-homepage-module-footer,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.mw-notification,
.oo-ui-popupWidget-popup,
.ui-widget-header,
.ui-widget-content,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable,
div.editOptions,
.mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group,
.ext-growthExperiments-MenteeFilters__form,
.oo-ui-tagItemWidget.oo-ui-widget-disabled,
.cdx-input-chip,
.ve-init-mw-progressBarWidget {
	background: var(--ooui-bg-color-dark);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
.cdx-checkbox__icon {
	background-color: var(--ooui-bg-color-dark);
}

.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout,
.mw-special-Contribute .mw-contribute-tabs-content,
.mw-echo-ui-placeholderItemWidget,
.mw-ge-startediting-dialog-intro-general,
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-single-column,
.oo-ui-searchWidget-results,
.mw-rcfilters-ui-tagItemWidget-popup-content,
#ace_settingsmenu, #kbshortcutmenu,
.oo-ui-searchWidget-query,
.mw-ge-startediting-dialog-difficulty-banner,
.mw-ge-help-panel-popup .oo-ui-dialog,
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread,
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded,
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane,
.wikiEditor-toolbar-dialog .ui-dialog-content,
.cdx-dialog,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content,
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame,
.oo-ui-toggleSwitchWidget {
	background-color: var(--ooui-bg-color-darkened);
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget,
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover,
#ca-nstab-special.selected.mw-list-item,
.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line,
.mw-revslider-revision-wrapper:hover, .mw-revslider-revision-wrapper-hovered,
.mw-datatable tr:hover td,
.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,
.wikiEditor-ui-toolbar .booklet > .index > .current,
.mw-revslider-revision-new .mw-revslider-revision, .mw-revslider-revision-old .mw-revslider-revision, .mw-revslider-revision-intermediate .mw-revslider-revision,
.mw-revslider-revision-filter-highlight .mw-revslider-revision-border-box,
.ext-templatewizard-templatetitlebar,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span,
.thumbinner,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
.ace-tm .ace_gutter-active-line,
.cdx-input-chip:not(.cdx-input-chip--disabled):hover,
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover,
.wikiEditor-ui-toolbar .page-characters div span:hover {
	background: var(--ooui-bg-color-light);
}

.wikiEditor-ui-toolbar .booklet > .index > :hover,
.mw-rcfilters-ui-itemMenuOptionWidget:hover,
.mw-highlight .hll, 
.ace_button:hover:not(.checked),
.ace_button:active,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {
	background: var(--bg-color-hover);
}

.oo-ui-menuSelectWidget,
.oo-ui-popupToolGroup-tools,
.mw-widget-dateInputWidget-calendar,
.mw-widgets-datetime-calendarWidget,
.cdx-menu {
	background: var(--ooui-gradient);
}

.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
.mw-apisandbox-toolbar,
form:not(.oo-ui-layout) fieldset,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected),
.ext-WikiEditor-realtimepreview-button:hover,
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header,
.ext-discussiontools-init-publishedcomment {
	background: transparent;
}

.mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend,
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label,
#pagehistory li.selected,
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
	background: var(--bg-color-emerald-subtle);
}

.approved-revision {
    background: var(--bg-color-emerald-subtle) !important;
}

.cdx-message--success,
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
	background-color: var(--bg-color-message);
}

ul.fileupload-results li.ful-success {
	background: var(--bg-color-message);
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
	background: var(--bg-color-blue-dark);
}

.mw-echo-ui-notificationItemWidget-unread,
.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-desktop.growthexperiments-homepage-module.activated,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice,
.ext-growthExperiments-ScoreCard,
.ext-growthExperiments-MenteeOverview__no-results,
.ext-growthExperiments-PersonalizedPraise .ext-growthExperiments-NoResults__image,
.suggested-edits-mobile-peek-content, .suggested-edits-panel-header,
.ext-communityConfiguration-Guidelines__Guideline {
	background-color: var(--bg-color-notice-subtle);
}

.mw-echo-ui-notificationItemWidget-unread:hover {
	background: var(--bg-color-notice);
}

.wikiEditor-ui-text {
	background: var(--theme-bg-color-base);
}

.ext-WikiEditor-ResizingDragBar,
.ace_search,
.editOptions, .mw-editform .editOptions {
	background: var(--theme-bg-color-100);
}

.ext-WikiEditor-ResizingDragBar span,
.mw-revslider-revision,
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
	background: var(--ooui-border-color);
}

body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
	background: var(--border-color-hr);
}

.oo-ui-windowManager-modal > .oo-ui-dialog,
.oo-ui-processDialog-errors,
.cdx-dialog-backdrop {
	background: rgba(0, 0, 0, var(--alpha-m));
}

.mw-ui-button:not(:disabled):hover {
	background-color: var(--theme-border-color-base);
}

.mw-ui-button {
	background-color: var(--theme-bg-color-200);
}

.cdx-message--warning,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
	background: var(--bg-color-warning);
}

.cdx-message--error,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error,
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning,
.mw-ui-button.mw-ui-destructive:not(:disabled),
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark.negative {
	background: var(--bg-color-error);
}

.mw-ui-button.mw-ui-destructive:not(:disabled):hover {
	background-color: var(--border-color-error);
}

.mw-notification.mw-notification-type-warn,
.mw-destfile-warning {
	background-color: var(--bg-color-warning-subtle);
}

/* border */
.wikiEditor-ui .wikiEditor-ui-top,
.ext-WikiEditor-ResizingDragBar-ns,
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu,
.mw-apisandbox-help-field,
.mw-echo-ui-subGroupListWidget .mw-echo-ui-sortedListWidget-group:not(:empty), .mw-echo-ui-bundleNotificationItemWidget-group .mw-echo-ui-sortedListWidget-group:not(:empty),
.mw-echo-ui-crossWikiUnreadFilterWidget,
.mw-echo-ui-notificationItemWidget:not(:last-child),
.footer-icons a:hover,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending),
.mw-special-Contribute .mw-contribute-card,
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
.wikiEditor-ui-toolbar .group .tool-select .options .option,
.ext-templatewizard-templatetitlebar,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all,
.mw-ge-help-panel-home-button,
.ace_editor.ace_autocomplete,
.ext-growthExperiments-CPopper__popover,
.mw-revslider-revision-new .mw-revslider-revision, .mw-revslider-revision-old .mw-revslider-revision, .mw-revslider-revision-intermediate .mw-revslider-revision,
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.mw-notification,
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget,
.mw-templateData-template-map-list-menu-panel,
.oo-ui-menuSelectWidget,
.oo-ui-popupToolGroup-tools,
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.mw-rcfilters-ui-menuSelectWidget-footer,
.mw-widget-dateInputWidget-calendar,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.mw-widget-dateInputWidget-handle,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable,
div.editOptions,
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1,
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2,
.oo-ui-menuToolGroup,
.ve-ui-mwHelpListToolGroup-tools-footer,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-example,
.mw-ge-help-panel-processdialog .suggested-edits-panel-switch-editor-panel,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
	border-color: var(--ooui-border-color);
}

.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout,
.wikiEditor-ui-toolbar .sections .section,
.mw-revslider-container, 
.mw-revslider-slider-wrapper,
#mw-searchoptions .divider,
.ace_searchbtn:last-child,
.wikiEditor-ui .wikiEditor-ui-view,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer,
.ve-ui-symbolListPage-symbol,
.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget,
.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label,
.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group,
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
span.fileinput-button,
.ace_button,
.ace_searchbtn,
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.growthexperiments-homepage-module,
.oo-ui-toggleSwitchWidget,
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input,
.oo-ui-searchWidget-query,
.mw-ge-startediting-dialog-difficulty-banner,
.mw-ge-help-panel-popup .oo-ui-dialog,
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
.mw-revslider-revision-filter-highlight .mw-revslider-revision-border-box,
.ext-templatewizard-templatetitlebar,
.mw-rcfilters-ui-tagItemWidget-popup-content,
.ace_optionsMenuEntry button,
.ace_optionsMenuEntry button[ace_selected_button=true],
.ace_search_field,
.ace_search,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-popupWidget-popup,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
#wpDestFile,
#wpUploadDescription,
.mw-widgets-datetime-calendarWidget,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module,
.ext-growthExperiments-MenteeFilters__form,
.ext-growthExperiments-NumberInput__input:enabled,
.cdx-dialog,
.cdx-select-vue--enabled .cdx-select-vue__handle,
.cdx-select-vue--enabled .cdx-select-vue__handle:hover,
.cdx-menu,
.cdx-checkbox__input:enabled+.cdx-checkbox__icon,
.oo-ui-tagItemWidget.oo-ui-widget-disabled,
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,
.cdx-input-chip,
.ext-communityConfiguration-Features__Feature,
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled,
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover,
.cdx-select:enabled,
.cdx-select:enabled:hover,
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header,
.cdx-text-input__input:enabled,
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar,
.ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td,
.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu,
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .page-characters div span:hover {
	border-color: var(--ooui-border-color-light);
}

.mw-rcfilters-ui-watchlistTopSectionWidget-separator,
.mw-revslider-revision-tooltip .mw-revslider-filter-highlightable-row.mw-revslider-filter-highlight,
.mw-revslider-revision-border-box,
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover,
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator,
.mw-rcfilters-ui-datePopupWidget,
.oo-ui-searchWidget-query,
.ext-replacetext-searchoptions .ext-replacetext-divider,
.ve-ui-symbolListPage-symbol:hover,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2, .ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section,
#preferences .mw-htmlform-submit-buttons,
.mw-revslider-revision,
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread,
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after,
.ext-growthExperiments-HorizontalDivider,
.growthexperiments-homepage-mentorship-intro, .growthexperiments-homepage-module-mentorship-optin-intro,
.ext-communityConfiguration-JsonForm__footer,
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover, .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover,
.cdx-text-input__input:enabled:hover,
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar,
.ext-discussiontools-emptystate:not(:first-child),
.wikiEditor-ui-toolbar .page-table td {
	border-color: var(--border-color-hr);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label,
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active,
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button,
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
	border-color: transparent;
}

.cdx-message--success,
.mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
	border-color: var(--border-color-message);
}

.mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete,
.cdx-message--warning,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
	border-color: var(--border-color-warning);
}

.mw-ui-button:not(:disabled) {
	border-color: var(--theme-border-color-base);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
	border-color: var(--ooui-bg-color);
}

.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-desktop.growthexperiments-homepage-module.activated,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice,
.ext-growthExperiments-ScoreCard,
.ext-growthExperiments-MenteeOverview__no-results {
	border-color: var(--bg-color-notice);
}

.cdx-message--error,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error,
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning,
.mw-ui-button.mw-ui-destructive:not(:disabled),
.mw-ui-button.mw-ui-destructive:not(:disabled):hover {
	border-color: var(--border-color-error);
}

.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active {
	border-right-color: var(--ooui-border-color);
}

.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button {
	border-left-color: var(--ooui-border-color);
}

.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget {
	border: 1px solid var(--ooui-border-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span {
	border: 1px solid var(--border-color-hr);
}

.editOptions,.mw-editform .editOptions,
.ui-widget input,
#mw-scribunto-input,
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button {
	border: 1px solid var(--ooui-border-color-light);
}

.growthexperiments-homepage-module-suggested-edits .growthexperiments-homepage-module-footer {
	border-color: var(--bg-color-notice-subtle);
}

.mw-notification.mw-notification-type-warn,
.mw-destfile-warning {
	border-color: var(--bg-color-warning);
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
	border-bottom-color: var(--ooui-border-color-light);
}

.ext-discussiontools-init-publishedcomment {
	border: 1px solid var(--border-color-message);
}

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

.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
	border-top-color: var(--ooui-border-color-light);
}

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

/* Стили с color-contrast */
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active,
.mw-ui-button.mw-ui-progressive:not(:disabled):hover,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
	background: var(--color-contrast);
}

.mw-ui-button.mw-ui-progressive:not(:disabled):hover,
form:not(.oo-ui-layout) button:not(:disabled):hover, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):hover, form:not(.oo-ui-layout) button:not(:disabled):active, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):active,
span.fileinput-button:hover,
.ace_optionsMenuEntry button:hover,
.ace_button.checked,
.ace_editor.ace_autocomplete .ace_line-hover,
.ui-state-default:hover,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.mw-ui-button.mw-ui-progressive:not(:disabled),
.mw-body h1.firstHeading,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input,
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.ext-growthExperiments-NumberInput__input:enabled:hover,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.ve-init-mw-progressBarWidget {
	border-color: var(--color-contrast);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.ace_searchbtn_close:hover,
.ext-WikiEditor-ResizingDragBar:hover span,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active, .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-popupToolGroup-handle, .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle,
.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,
form:not(.oo-ui-layout) button:not(:disabled):hover, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):hover, form:not(.oo-ui-layout) button:not(:disabled):active, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):active,
span.fileinput-button:hover,
.ace_optionsMenuEntry button:hover,
.ace_button.checked,
.ace_editor.ace_autocomplete .ace_line-hover,
.ui-state-default:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active,
.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-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.mw-ui-button.mw-ui-progressive:not(:disabled),
.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,
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'],
.ve-ce-linkAnnotation.ve-ce-annotation-active,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive {
	background: var(--color-contrast-dark);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.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,
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'],
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive {
	border-color: var(--color-contrast-dark);
}

.cdx-menu-item--enabled.cdx-menu-item--selected {
	background: var(--color-contrast2);
}

ul li.selected:not(.init),
.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button,
.mw-portlet-body #ca-move.selected,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted,
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover,
.cdx-menu-item--enabled.cdx-menu-item--highlighted {
	background: var(--color-contrast2-dark);
}

/* box-shadow */
.ve-ce-linkAnnotation.ve-ce-annotation-active,
.oo-ui-menuSelectWidget,
.oo-ui-popupToolGroup-tools,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable,
.ext-growthExperiments-MenteeFilters__form {
	box-shadow: var(--box-shadow);
}

.wikiEditor-ui-toolbar,
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.mw-notification {
	box-shadow: var(--box-shadow-medium);
}

#ace_settingsmenu, #kbshortcutmenu {
	box-shadow: var(--box-shadow-high);
}

.mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group {
	box-shadow: var(--box-shadow-inset);
}

.ace_optionsMenuEntry button,
.ace_optionsMenuEntry button[ace_selected_button=true] {
	box-shadow: var(--box-shadow-inset-high);
}

/* color */
.mw-echo-ui-pageNotificationsOptionWidget-label-count,
#contentSub,
.mw-templatedata-doc-muted,
.mw-templatedata-doc-param-alias,
.oo-ui-labelWidget.oo-ui-inline-help,
.wikiEditor-ui-toolbar .group .label,
.mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-section-header,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters,
.mw-rcfilters-ui-savedLinksListWidget-placeholder-description,
.results-info,
.mw-search-result-data,
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title,
.tdg-templateDataParamWidget-param-description,
.mw-echo-ui-notificationsListWidget:not(:hover) a, #p-personal .mw-echo-ui-notificationsListWidget:not(:hover) a.new,
.mw-echo-ui-notificationItemWidget-content-message-body,
.ext-growthExperiments-CText--color-subtle,
.growthexperiments-homepage-module .growthexperiments-homepage-module-subheader, .growthexperiments-homepage-module h3.growthexperiments-homepage-module-subheader,
.oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-create .mw-ge-homepage-taskTypeSelectionWidget-additional-msg, .oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-image-recommendation .mw-ge-homepage-taskTypeSelectionWidget-additional-msg, .oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-section-image-recommendation .mw-ge-homepage-taskTypeSelectionWidget-additional-msg, .oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-link-recommendation .mw-ge-homepage-taskTypeSelectionWidget-additional-msg,
.mw-ge-homepage-taskTypeSelectionWidget-create-body,
.mw-ge-suggestededits-articleCountWidget .oo-ui-labelWidget,
.mw-ge-startediting-dialog-progress-label,
.mw-ge-startediting-dialog-progress-indicator,
.mw-ge-startediting-dialog-difficulty-legend-description-body,
.mw-ge-help-panel-home-button-text-subheader,
.mw-ge-help-panel-processdialog label > strong,
.mw-ge-help-panel-processdialog h2,
.ext-discussiontools-init-timestamplink, .ext-discussiontools-init-timestamplink:visited, .ext-discussiontools-init-timestamplink:active,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2-metaitem, .ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section-metaitem,
.ext-discussiontools-ui-targetWidget > .ve-init-target > .ve-ui-surface .ve-ui-completionWidget-header > .oo-ui-labelElement-label,
.mw-ge-help-panel-popup-search-search-result div,
.ext-discussiontools-ui-replyWidget-preview::before,
.mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary,
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label,
.mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module h3,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module-mentor-tools .growthexperiments-mentor-dashboard-module-mentor-tools-other-actions .growthexperiments-mentor-dashboard-module-mentor-tools-claim-mentee-footer,
.growthexperiments-mentor-dashboard-module-mentee-overview h4,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module-mentor-tools h4,
.suggested-edits-task-explanation-wrapper .suggested-edits-short-description,
.growthexperiments-homepage-mentorship-editcount, .growthexperiments-homepage-module-mentorship-optin-editcount, .growthexperiments-homepage-mentorship-lastactive, .growthexperiments-homepage-module-mentorship-optin-lastactive,
.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text,
.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag, .cdx-label:not(.cdx-label--disabled) .cdx-label__description,
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__list__item[aria-selected=false],
.ve-ui-mwHelpListToolGroup-version-link, .ve-ui-mwHelpListToolGroup-version-date,
.mw-ge-help-panel-home-button-preheader-text,
.mw-body-content .recent-questions-growthexperiments-help-questions h3, .overlay-content .recent-questions-growthexperiments-help-questions h3, .content .recent-questions-growthexperiments-help-questions h3, .mw-body-content .recent-questions-growthexperiments-mentor-questions h3, .overlay-content .recent-questions-growthexperiments-mentor-questions h3, .content .recent-questions-growthexperiments-mentor-questions h3,
.mw-body-content .recent-questions-growthexperiments-help-questions .question-posted-on, .overlay-content .recent-questions-growthexperiments-help-questions .question-posted-on, .content .recent-questions-growthexperiments-help-questions .question-posted-on, .mw-body-content .recent-questions-growthexperiments-mentor-questions .question-posted-on, .overlay-content .recent-questions-growthexperiments-mentor-questions .question-posted-on, .content .recent-questions-growthexperiments-mentor-questions .question-posted-on {
	color: var(--ooui-text-color-dark);
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-single-column,
.oo-ui-searchWidget-results,
.footer-icons a:hover,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending),
.mw-special-Contribute .mw-contribute-card,
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
.wikiEditor-ui-toolbar .group .tool-select .options .option,
.ext-templatewizard-templatetitlebar,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all,
.mw-ge-help-panel-home-button,
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
span.fileinput-button,
.ace_button,
.ace_searchbtn,
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.growthexperiments-homepage-module,
.oo-ui-searchWidget-query,
.mw-ge-startediting-dialog-difficulty-banner,
.mw-ge-help-panel-popup .oo-ui-dialog,
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
.ace_editor.ace_autocomplete,
.ext-growthExperiments-CPopper__popover,
.mw-rcfilters-ui-tagItemWidget-popup-content,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip,
#ace_settingsmenu, #kbshortcutmenu,
.growthexperiments-homepage-module-suggested-edits .growthexperiments-homepage-module-footer,
.mw-twocolconflict-split-editable .mw-twocolconflict-split-editor,
.cdx-message,
.mw-message-box,
.wikiEditor-ui-toolbar .booklet > .index,
.ace_searchbtn.prev:after,
.ace_searchbtn.next:after,
.wikiEditor-ui-toolbar .group .tool-select .label,
.mw-special-Contribute .mw-contribute-card-content,
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-parameter-list-inner .oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label, .ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-parameter-list-inner .oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label,
.wikiEditor-ui-toolbar .page-table th,
.wikiEditor-ui-toolbar .page-table td,
#ca-nstab-mediawiki.a,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.mw-widget-calendarWidget-day-heading,
.mw-widget-calendarWidget-day,
.mw-widget-calendarWidget-labelButton .oo-ui-buttonElement-button .oo-ui-labelElement-label,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-messageDialog-message,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active,
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label,
.oo-ui-tabOptionWidget,
.mw-echo-ui-notificationItemWidget-content-message-header,
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-no-results .se-card-title, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-error .se-card-title, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-end-of-queue .se-card-title, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-no-results .se-card-text, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-error .se-card-text, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-end-of-queue .se-card-text,
p.mw-ge-homepage-taskTypeSelectionWidget-difficulty-level-desc,
.suggested-edits-topic-filters-topic-selector h4, .suggested-edits-topic-filters-topic-selector p,
.mw-ge-startediting-dialog-intro-general-title, .mw-ge-startediting-dialog-intro-general-header,
.mw-ge-startediting-dialog-difficulty-header,
.mw-ge-startediting-dialog-difficulty-legend-description-header,
.mw-ge-help-panel-processdialog .oo-ui-window-head .oo-ui-processDialog-title,
.mw-ge-help-panel-processdialog .mw-ge-help-panel-home-button h2,
.mw-ge-help-panel-popup .oo-ui-dialog,
.oo-ui-toolbar-bar,
.ext-discussiontools-ui-targetWidget > .ve-init-target > .ve-ui-surface .ve-ui-completionWidget-header > .oo-ui-labelElement-label > span,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.mw-notification,
.ace_search,
.ace_search_field,
#pagehistory li.selected,
.oo-ui-popupWidget-popup,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after,
.ui-widget-header,
.ui-widget-content,
.mw-rcfilters-ui-filterMenuHeaderWidget-title.oo-ui-labelElement-label,
#mw-scribunto-input,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.search-types .current a,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module .growthexperiments-mentor-dashboard-module-header,
.cdx-select-vue--enabled .cdx-select-vue__handle,
.cdx-menu-item--enabled, .cdx-menu-item--enabled .cdx-menu-item__content,
.oo-ui-tagItemWidget.oo-ui-widget-disabled,
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-time-estimate .suggested-edits-difficulty-level, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-time-estimate .suggested-edits-difficulty-level,
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-text,
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-pager,
.suggested-edits-mobile-peek-content .suggested-edits-header-text h4, .suggested-edits-panel-header .suggested-edits-header-text h4,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-main, .mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-main-multiple,
.mw-ge-help-panel-processdialog .suggested-edits-panel-footer-text,
.suggested-edits-taskexplanation-difficulty-and-time p, .suggested-edits-taskexplanation-additional-info p,
.growthexperiments-homepage-mentorship-intro, .growthexperiments-homepage-module-mentorship-optin-intro,
.cdx-input-chip,
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled,
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-example-text,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark,
.wikiEditor-ui-toolbar .page-characters div span {
	color: var(--ooui-text-color);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,
.wikiEditor-ui-toolbar .booklet > .index > .current,
.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group,
.oo-ui-processDialog-errors-title,
.mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.mw-echo-ui-notificationItemWidget-content-actions-timestamp,
.growthexperiments-homepage-module .growthexperiments-homepage-module-header, .growthexperiments-homepage-module h2.growthexperiments-homepage-module-header,
.mw-ge-startediting-dialog-progress-indicator-completed,
.oo-ui-messageDialog-title,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
form:not(.oo-ui-layout) button:not(:disabled):hover, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):hover, form:not(.oo-ui-layout) button:not(:disabled):active, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):active,
span.fileinput-button:hover,
.ace_optionsMenuEntry button:hover,
.ace_button.checked,
.ace_editor.ace_autocomplete .ace_line-hover,
.ui-state-default:hover,
.wikiEditor-ui-toolbar,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover,
.editOptions, .mw-editform .editOptions,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.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,
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'],
#wpDestFile,
#wpUploadDescription,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.ui-widget input,
.diff-editfont-monospace .diff-addedline,.diff-editfont-monospace .diff-deletedline,.diff-editfont-monospace .diff-context,
.mw-widget-dateInputWidget-handle,
.ext-growthExperiments-NumberInput__input:enabled,
.cdx-select-vue--enabled .cdx-select-vue__handle:hover,
.cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__content, .cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__text__description,
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium,
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard,
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy,
.cdx-chip-input__input,
.cdx-select:enabled,
.cdx-select:enabled:hover,
.cdx-text-input__input:enabled,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted,
.wikiEditor-ui-toolbar .page-characters div span:hover {
	color: var(--ooui-text-color-light);
}

.wikiEditor-ui-toolbar .tabs span.tab a,
.mw-special-Contribute .mw-contribute-card-action,
ul.fileupload-results li.ful-success a {
	color: var(--text-color-link);
}

.ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label,
.ext-growthExperiments-ScoreCards__link:visited,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted {
	color: var(--color-progressive);
}

/* border-radius */
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded,
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.cdx-input-chip {
	border-radius: var(--border-radius-low);
}

.oo-ui-tagItemWidget {
	border-radius: var(--border-radius-medium);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
	border-radius: var(--border-radius-high) var(--border-radius-high) 0 0;
}

/* Остальное */
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark {
	mix-blend-mode: unset;
}

.ve-ce-branchNode-blockSlug, html body p.ve-ce-branchNode-newSlug {
	outline-color: var(--border-color-hr);
}

.oo-ui-toolbar, .ve-init-mw-editSwitch .oo-ui-toolbar-bar, .ve-init-mw-editSwitch .oo-ui-popupToolGroup, .ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle {
	height: 100%;
}

.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module-mentor-tools .oo-ui-dropdownWidget {
	display: inline-block;
	padding-top: 0;
}

.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
	margin-left: 6px;
}

.ace_optionsMenuEntry input, .ace_optionsMenuEntry button {
	margin: 0.35em 0.2em 0.25em 0;
}

#footer-poweredbyico a {
	background-image: url(https://commons.wiki.gg/images/1/1c/MediaWiki_footer_badge_dark.svg?12ec0a);
	background-position: 50% 50%;
	background-size: 88px 31px;
	background-repeat: no-repeat;
}

body:not(.wgl-theme-light) #footer-poweredbyico a img {
	visibility: hidden;
}

.ace_search {
	padding: 6px 4px 2px 4px;
}

.ace_search_field {
	margin: 0 2px 0 0 !important;
}

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

.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget {
	padding: 0.6em;
}

.mw-changeslist-legend {
	max-width: 300px;
}
 
.mw-changeslist-legend {
	display: none;
}
 
.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget > .mw-changeslist-legend {
	display: block;
}

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
	cursor: pointer;
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] {
	margin: 0;
}

.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.mw-prefs-fieldset-wrapper {
	padding: 1em;
}

.oo-ui-pendingElement-pending {
	--background-color-interactive: var(--ooui-bg-color);
	--background-color-base: var(--ooui-border-color-light);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
	border-width: 2px;
}

.mw-prefs-search-highlight {
	background: transparent !important;
	outline: 2px solid var(--bg-color-emerald-50) !important;
	border-radius: 0 !important;
}

.wikiEditor-ui-text textarea#wpTextbox1 {
	border: none;
	background: var(--theme-bg-color-base);
}

.ace_search_form.ace_nomatch {
	outline: 1px solid #922626
}

.wikiEditor-ui-toolbar .section-secondary .group.empty {
	display: none;
}

.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon {
	top: 2px;
}

#pagehistory li.selected {
	outline: none;
}

#mw-subcategories, #mw-pages, #mw-category-media, #filehistory, #wikiPreview, #wikiDiff {
	clear: both;
}

.mw-tag-markers {
	font-style: italic;
	font-size: 90%
}
/* #endregion */

/* ============ */
/* #region Неотсортированные */
/* ============ */
form.createbox:invalid .cdx-button {
	background-color: var(--theme-bg-color-200) !important;
	color: var(--theme-text-color) !important;
	border-color: var(--theme-bg-color-200) !important;
}

.noExternal>.external {
  padding-right: 0px !important;
  background-image: none !important;
}

.mw-mmv-image>*, .fullImageLink>*>* {
	image-rendering: auto !important;
}

.mw-parser-output a[href$=".pdf"].external,.mw-parser-output a[href*=".pdf?"].external,.mw-parser-output a[href*=".pdf#"].external,.mw-parser-output a[href$=".PDF"].external,.mw-parser-output a[href*=".PDF?"].external,.mw-parser-output a[href*=".PDF#"].external {
	background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) no-repeat right;
	padding-right: 18px
}

.nounderlines a,.IPA a:link,.IPA a:visited {
	text-decoration: none !important
}

.nowrap,.nowraplinks a {
	white-space: nowrap
}

.wrap,.wraplinks a {
	white-space: normal
}

.thumbinner {
	min-width: 100px;
	border-color: var(--ooui-border-color);
}

.thumbinner .thumbimage, .thumbborder {
	border: solid 1px var(--ooui-border-color);
}

ul.permissions-errors>li {
	list-style: none none
}

ul.permissions-errors {
	margin: 0
}

span.texhtml {
	font-family: "Nimbus Roman No9 L","Times New Roman",Times,serif;
	font-size: 118%;
	line-height: 1;
	white-space: nowrap;
	-moz-font-feature-settings: "lnum","tnum","kern" 0;
	-webkit-font-feature-settings: "lnum","tnum","kern" 0;
	font-feature-settings: "lnum","tnum","kern" 0;
	font-variant-numeric: lining-nums tabular-nums;
	font-kerning: none
}

span.texhtml span.texhtml {
	font-size: 100%
}

span.mwe-math-mathml-inline {
	font-size: 118%
}

.mwe-math-fallback-image-display,.mwe-math-mathml-display {
	margin-left: 1.6em !important;
	margin-top: 0.6em;
	margin-bottom: 0.6em
}

.mwe-math-mathml-display math {
	display: inline
}

.k-player .k-attribution {
	visibility: hidden
}

.PopUpMediaTransform a .play-btn-large {
	margin: 0;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0
}

.flaggedrevs_draft_synced,.flaggedrevs_stable_synced,#t-upload,.mw-special-Book #coll-downloadbox {
	display: none
}

#site-tools {
	display: none !important
}

span.comment {
	overflow-wrap: break-word
}

.mw-content-ltr .tocnumber {
	color: grey
}

.quickbox {
	border: 1px solid var(--ooui-border-color);
}

.quickboxhead {
	border-bottom: 1px solid var(--ooui-border-color);
	background: var(--theme-bg-color-base);
	text-align: center
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
	color: var(--ooui-bg-color);
}

.mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedseen div.mw-rcfilters-ui-highlights-color-none {
	background: var(--ooui-border-color-light);
	border: 1px solid var(--color-contrast);
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
	border-color: var(--ooui-bg-color-light);
}

.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot {
	outline-color: var(--ooui-border-color);
}

.mw-templateData-template-add-map-button-panel.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-expanded.tdg-templateDataDialog-addNewMapButtonPanel {
	display: flex;
	align-items: center;
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
	outline: 1px solid var(--ooui-border-color);
}

.mw-rcfilters-ui-itemMenuOptionWidget .mw-rcfilters-ui-table {
	font-size: 0.9em;
}

.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-widget.oo-ui-textInputWidget > .oo-ui-inputWidget-input, .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-widget .oo-ui-dropdownWidget-handle, .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-widget .oo-ui-tagMultiselectWidget-handle {
	margin: 0;
}

.oo-ui-layout.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-actionFieldLayout {
	margin: 0.5em 0;
}

.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
	box-shadow: none;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
	font-weight: bold;
}

.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
	display: flex;
	align-items: center;
}

.group.group-search {
	border: none;
}

.editOptions, .mw-editform .editOptions {
	border-top: none;
}

.oo-ui-tagMultiselectWidget-input.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-iconElement.oo-ui-textInputWidget.oo-ui-textInputWidget-type-text {
	background: var(--ooui-border-color);
}

.mw-rcfilters-ui-filterMenuHeaderWidget-header-highlight {
	padding-right: 0.3em;
	padding-left: 0.3em;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
	padding: 0;
}

.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
	border-color: var(--ooui-border-color);
	display: flex;
	align-items: center;
	padding: 0;
	gap: 2px;
}

@media screen {
	.mw-body-content .recipeimg a > img {
		padding: 0;
		margin: 0;
		border: 0;
		width: 32px !important;
		max-width: 32px !important;
		height: 32px !important;
		max-height: 32px !important
	}
}

.positive {
	color: #00FF00;
	font-weight: bold
}

.negative {
	color: #FF0000;
	font-weight: bold
}

.anglerect {
	--angle-rect-clip-size: 16px;
	clip-path: polygon(0 0,calc(100% - var(--angle-rect-clip-size)) 0,100% var(--angle-rect-clip-size),100% 100%,var(--angle-rect-clip-size) 100%,0 calc(100% - var(--angle-rect-clip-size)))
}

.flex {
	display: flex
}

.mw-body dd {
	margin: 0.2em;
	margin-left: 1.6em
}

ol.references li:target,sup.reference:target {
	background: var(--ooui-bg-color-light);
	padding: 0px 1px 3px 1px;
}

.oo-ui-messageDialog-content > .oo-ui-window-foot {
	outline-color: var(--ooui-border-color);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover {
	z-index: 1;
}

.oo-ui-comboBoxInputWidget-field {
	display: flex;
	align-items: center;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after {
	margin: 0;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
	box-shadow: inset var(--box-shadow-medium);
}

.ui-widget-overlay {
	background: #000000;
}

.ui-widget-header {
	border: none !important;
}

.ui-widget-content {
	border: 1px solid var(--ooui-border-color) !important;
}

.wikiEditor-toolbar-dialog .ui-dialog-buttonpane,
.wikiEditor-toolbar-dialog .ui-dialog-content {
	border: none !important;
}

.diff-editfont-monospace .diff-addedline,.diff-editfont-monospace .diff-deletedline,.diff-editfont-monospace .diff-context {
	background: var(--theme-bg-color-base);
	border-color: var(--theme-bg-color-base);
}

.diff-addedline .diffchange, .diff-deletedline .diffchange {
	border-radius: var(--border-radius-low);
	padding: 0.2em 0;
}

.diff-deletedline .diffchange {
	background: var(--bg-color-yellow-subtle);
}

.diff-addedline .diffchange {
	background: var(--bg-color-azure-subtle);
}

.diff-deletedline {
	border-color: var(--bg-color-yellow-150) !important;
}

.diff-addedline {
	border-color: var(--bg-color-blue-150) !important;
}

.codeEditor-status {
	clear: both;
	width: 100%;
	background: var(--theme-bg-color-100);
	border-top: 1px solid var(--ooui-border-color-light);
	display: table
}

.codeEditor-status-message {
	border-left: 1px solid var(--ooui-border-color-light);
	border-right: 1px solid var(--ooui-border-color-light);
	padding: 0 0.3em;
	width: 100%;
	display: table-cell
}

.overflowed {
	margin: 0;
}

.scroll-left.overflowed .content-table-left,
.scroll-right.overflowed .content-table-right {
	border-left: solid 1px rgba(var(--color-lighter--rgb), 0.4);
	z-index: 9999;
}

.scroll-left.overflowed .content-table-left {
	box-shadow: 1px 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.scroll-right.overflowed .content-table-right {
	box-shadow: -1px 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.style-for-sub-numbered-lists ol {
	counter-reset: item
}

.style-for-sub-numbered-lists li {
	display: block
}

.style-for-sub-numbered-lists li:before {
	content: counters(item,".") ". ";
	counter-increment: item
}

.section {
	display: flex;
	flex-wrap: wrap
}

.section .col {
	flex: 1 1 auto
}

.section .line-break {
	flex-basis: 100%;
	width: 0px;
	height: 0px;
	overflow: hidden
}

.mw-rcfilters-ui-filterMenuHeaderWidget-title.oo-ui-labelElement-label {
	font-weight: bold;
}

.mw-datatable th {
	background: var(--theme-bg-color-100)
}

.pretoclip-copy-button {
	float: right
}

.mw-scribunto-message {
	color: var(--se-cm--xml-tag-color);
}

/*Цвета таблиц для разных отделов*/
/* COM */
#COM.wikitable {
	border: 1px solid var(--bg-color-blue-subtle);
}

#COM.wikitable th {
	background: var(--bg-color-blue-150);
}

#COM.wikitable thead tr th,
#COM.wikitable:not(:has(thead)) tr:first-of-type th {
	position: relative;
	background: var(--bg-color-blue-100);
	border-bottom: 3px solid var(--color-darkened-border);
	box-shadow:  var(--box-shadow-medium);
}

#COM.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#COM.wikitable thead + tbody > tr th:first-child {
	border-left: 3px solid var(--color-darkened-border);
}

#COM.wikitable tr td {
	background: var(--bg-color-blue-subtle);
}

/* MED */
#MED.wikitable {
	border: 1px solid var(--bg-color-sky-blue-subtle);
}

#MED.wikitable th {
	background: var(--bg-color-sky-blue-150);
}
	
#MED.wikitable thead tr th,
#MED.wikitable:not(:has(thead)) tr:first-of-type th {
	position: relative;
	background: var(--bg-color-sky-blue-100);
	border-bottom: 3px solid var(--color-darkened-border);
	box-shadow:  var(--box-shadow-medium);
}

#MED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#MED.wikitable thead + tbody > tr th:first-child {
	border-left: 3px solid var(--color-darkened-border);
}

#MED.wikitable tr td {
	background: var(--bg-color-sky-blue-subtle);
}

/* SRV */
#SRV.wikitable {
	border: 1px solid var(--bg-color-green-subtle);
}

#SRV.wikitable th {
	background: var(--bg-color-green-150);
}

#SRV.wikitable thead tr th,
#SRV.wikitable:not(:has(thead)) tr:first-of-type th {
	position: relative;
	background: var(--bg-color-green-100);
	border-bottom: 3px solid var(--color-darkened-border);
	box-shadow:  var(--box-shadow-medium);
}

#SRV.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#SRV.wikitable thead + tbody > tr th:first-child {
	border-left: 3px solid var(--color-darkened-border);
}

#SRV.wikitable tr td {
	background: var(--bg-color-green-subtle);
}

/* ENG */
#ENG.wikitable {
	border: 1px solid var(--bg-color-yellow-subtle);
}

#ENG.wikitable th {
	background: var(--bg-color-yellow-150);
}

#ENG.wikitable thead tr th,
#ENG.wikitable:not(:has(thead)) tr:first-of-type th {
	position: relative;
	background: var(--bg-color-yellow-100);
	border-bottom: 3px solid var(--color-darkened-border);
	box-shadow:  var(--box-shadow-medium);
}

#ENG.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#ENG.wikitable thead + tbody > tr th:first-child {
	border-left: 3px solid var(--color-darkened-border);
}

#ENG.wikitable tr td {
	background: var(--bg-color-yellow-subtle);
}

/* RND */
#RND.wikitable {
	border: 1px solid var(--bg-color-purple-subtle);
}

#RND.wikitable th {
	background: var(--bg-color-purple-150);
}

#RND.wikitable thead tr th,
#RND.wikitable:not(:has(thead)) tr:first-of-type th {
	position: relative;
	background: var(--bg-color-purple-100);
	border-bottom: 3px solid var(--color-darkened-border);
	box-shadow:  var(--box-shadow-medium);
}

#RND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#RND.wikitable thead + tbody > tr th:first-child {
	border-left: 3px solid var(--color-darkened-border);
}

#RND.wikitable tr td {
	background: var(--bg-color-purple-subtle);
}

/* SUP */
#SUP.wikitable {
	border: 1px solid var(--bg-color-brown-subtle);
}

#SUP.wikitable th {
	background: var(--bg-color-brown-150);
}

#SUP.wikitable thead tr th,
#SUP.wikitable:not(:has(thead)) tr:first-of-type th {
	position: relative;
	background: var(--bg-color-brown-100);
	border-bottom: 3px solid var(--color-darkened-border);
	box-shadow:  var(--box-shadow-medium);
}

#SUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#SUP.wikitable thead + tbody > tr th:first-child {
	border-left: 3px solid var(--color-darkened-border);
}

#SUP.wikitable tr td {
	background: var(--bg-color-brown-subtle);
}

/* SEC */
#SEC.wikitable {
	border: 1px solid var(--bg-color-red-subtle);
}

#SEC.wikitable th {
	background: var(--bg-color-red-150);
}

#SEC.wikitable thead tr th,
#SEC.wikitable:not(:has(thead)) tr:first-of-type th {
	position: relative;
	background: var(--bg-color-red-100);
	border-bottom: 3px solid var(--color-darkened-border);
	box-shadow:  var(--box-shadow-medium);
}

#SEC.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#SEC.wikitable thead + tbody > tr th:first-child {
	border-left: 3px solid var(--color-darkened-border);
}

#SEC.wikitable tr td {
	background: var(--bg-color-red-subtle);
}

/* BOTANY */
#BOTANY.wikitable {
	border: 1px solid var(--bg-color-emerald-subtle);
}

#BOTANY.wikitable th {
	background: var(--bg-color-emerald-150);
}

#BOTANY.wikitable thead tr th,
#BOTANY.wikitable:not(:has(thead)) tr:first-of-type th {
	position: relative;
	background: var(--bg-color-emerald-100);
	border-bottom: 3px solid var(--color-darkened-border);
	box-shadow:  var(--box-shadow-medium);
}

#BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#BOTANY.wikitable thead + tbody > tr th:first-child {
	border-left: 3px solid var(--color-darkened-border);
}

#BOTANY.wikitable tr td {
	background: var(--bg-color-emerald-subtle);
}

/* MUTATION */
#MUTATION.wikitable {
	border: 1px solid var(--bg-color-violet-subtle);
}

#MUTATION.wikitable th {
	background: var(--bg-color-violet-150);
}

#MUTATION.wikitable thead tr th,
#MUTATION.wikitable:not(:has(thead)) tr:first-of-type th {
	position: relative;
	background: var(--bg-color-violet-100);
	border-bottom: 3px solid var(--color-darkened-border);
	box-shadow:  var(--box-shadow-medium);
}

#MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#MUTATION.wikitable thead + tbody > tr th:first-child {
	border-left: 3px solid var(--color-darkened-border);
}

#MUTATION.wikitable tr td {
	background: var(--bg-color-violet-subtle);
}

/* Стили для заголовков в таблицах с thead */
#highlighted-header.wikitable thead tr th,
/* Стили для первого ряда в таблицах без thead */
#highlighted-header.wikitable:not(:has(thead)) tr:first-of-type th {
	position: relative;
	background: var(--theme-bg-color-300);
	border-bottom: 3px solid var(--color-darkened-border);
	box-shadow:  var(--box-shadow-medium);
}

/* Стили для последующих строк в таблицах без thead */
#highlighted-header.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
/* Стили для последующих строк в таблицах с thead */
#highlighted-header.wikitable thead + tbody > tr th {
	background: var(--bg-color-red-150);
	border-left: 3px solid var(--color-darkened-border);
}

/* Серый заголовок и серые ячейки */
#highlighted-header-classic.wikitable thead tr th,
#highlighted-header-classic.wikitable:not(:has(thead)) tr:first-of-type th {
	position: relative;
	background: var(--theme-bg-color-300);
	border-bottom: 3px solid var(--color-darkened-border);
	box-shadow:  var(--box-shadow-medium);
}

#highlighted-header-classic.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-classic.wikitable thead + tbody > tr th {
	background: var(--theme-bg-color-250);
	border-left: 3px solid var(--color-darkened-border);
}

/* Холодный цвет ячеек */
#highlighted-header-cold.wikitable {
	border: 1px solid var(--bg-color-azure-subtle);
}

#highlighted-header-cold.wikitable th {
	background: var(--bg-color-azure-150);
}

#highlighted-header-cold.wikitable thead tr th,
#highlighted-header-cold.wikitable:not(:has(thead)) tr:first-of-type th {
	position: relative;
	background: var(--bg-color-azure-100);
	border-bottom: 3px solid var(--color-darkened-border);
	box-shadow:  var(--box-shadow-medium);
}

#highlighted-header-cold.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#highlighted-header-cold.wikitable thead + tbody > tr th:first-child {
	border-left: 3px solid var(--color-darkened-border);
}

#highlighted-header-cold.wikitable tr td {
	background: var(--bg-color-azure-subtle);
}

/* Серый заголовок и темно-красные ячейки TODO: удалить */
#highlighted-header-dark.wikitable thead tr th,
#highlighted-header-dark.wikitable:not(:has(thead)) tr:first-of-type th {
	position: relative;
	background: var(--theme-bg-color-300);
	border-bottom: 3px solid var(--color-darkened-border);
	box-shadow:  var(--box-shadow-medium);
}

#highlighted-header-dark.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-dark.wikitable thead + tbody > tr th {
	background: var(--bg-color-red-150);
	border-left: 3px solid var(--color-darkened-border);
}

/* Палитра для Морпехов TODO: палитра в переменных */
#highlighted-header-CM.wikitable thead tr th,
#highlighted-header-CM.wikitable:not(:has(thead)) tr:first-of-type th {
	position: relative;
	background: #313d45;
	border-bottom: 3px solid var(--color-darkened-border);
	box-shadow:  var(--box-shadow-medium);
}

#highlighted-header-CM.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-CM.wikitable thead + tbody > tr th {
	background: #355f54;
	border-left: 3px solid var(--color-darkened-border);
}

/* Палитра для Ксеноморфов TODO: палитра в переменных */
#highlighted-header-xenomorph.wikitable thead tr th,
#highlighted-header-xenomorph.wikitable:not(:has(thead)) tr:first-of-type th {
	position: relative;
	background: #3c1d5f;
	border-bottom: 3px solid var(--color-darkened-border);
	box-shadow:  var(--box-shadow-medium);
}

#highlighted-header-xenomorph.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-xenomorph.wikitable thead + tbody > tr th {
	background: #5d1c55;
	border-left: 3px solid var(--color-darkened-border);
}

/* Если не нужен другой стиль кроме цвета */
#no-highlight {
	border-bottom: none !important;
	box-shadow: none !important;
}

/* КОНЕЦ */

/* Неразрывные пробелы в горизонтальных списках 
   @источник: https://ru.wikipedia.org/wiki/MediaWiki:Common.css
   @Распорстраняется под CC BY-SA 4.0
   @автор: [[Участник:WindEwriX]]*/
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
.hlist-items-nowrap dd,
.hlist-items-nowrap dt,
.hlist-items-nowrap li {
	white-space: nowrap;
}
/* Прекращение действия лицензии CC BY-SA 4.0*/

/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 9 (2016-08-10)
   @Распорстраняется под CC BY-SA 4.0
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist.hlist ol,
.hlist.hlist ul {
	margin: 0;
	padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
	margin: 0;
	display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
	display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
	display: none;
}
/* Generate bullets */
.hlist dt:after {
	content: ": ";
}
.hlist dd:after,
.hlist li:after {
	content: "\00a0· ";
	font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
	content: " (";
	font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
	content: ")";
	font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
	counter-reset: listitem;
}
.hlist ol > li {
	counter-increment: listitem;
}
.hlist ol > li:before {
	content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
	content: " (" counter(listitem) "\a0";
}
/* Прекращение действия лицензии CC BY-SA 4.0*/

/* Псевдо-модальное окно (TODO: удалить) */
.pseudomodal--caller {
  cursor:pointer;
}

.pseudomodal {
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	visibility: hidden;
	opacity: 0;
	background: var(--theme-bg-color-100);
	width: 60%;
	height: 80%;
	border: 1px solid black;
	border-radius: 0.5rem;
	padding: 5px 25px;
	position: fixed;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100 !important;
	box-shadow: 0px 0px 0px 100vh rgba(0, 0, 0, 0.6);
}

.pseudomodal--caller:focus-within + .pseudomodal {
  visibility: visible;
  opacity: 1;
}

.pseudomodal:hover {
  visibility: visible;
  opacity: 1;
}

.pseudomodal--header {
  text-align: center;
  font-size: 1.1em;
  position: relative;
}

.pseudomodal--header-hr{
  margin: 20px 0;
  padding: 0;
  height: 0;
  border: none;
  border-top: 1px solid darkgray;
}

.pseudomodal--body{
  height: 100%;
  position: relative;
}

@media only screen and (max-width: 600px) {
	.flex--row-column {
		flex-direction:column; width: 50%; margin: auto;
	}
}
	
.headerSort::after {
	content: "\21C5";
}
	
.headerSort.headerSortUp::after {
	content: "\2191";
}

.headerSort.headerSortDown::after {
	content: "\2193";
}


.headerSort {
	background-size: 0 0 !important;
	white-space: nowrap;
}


.pseudomodal p {
	margin: 0 !important;
}

/**
* SS220 import
* 
* Taken from https://wiki.ss220.space/index.php?title=MediaWiki:Common.css&oldid=35625
*/

/* Hide noscript only elements */
.client-js *.noscript {
	display: none;
}


/* SS220 import end*/

/* #endregion */
Источник — https://station14.ru/index.php?title=MediaWiki:Common.css&oldid=114216