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

Версия от 15:19, 4 мая 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 {
    /* Пометка:
    --ooui  - стили для MediaWiki менюшек
    --theme - тема Вики (зачастую палитра цветов)
    --      - стили для всей Вики
    */

    /*==========
     Неизменяемая тема Вики 
    ==========*/
    color-scheme: dark;
    
    --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;
    
    --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;

    --font-family-base: 'Roboto', 'Roboto-fallback';
    --font-family-heading: 'Verdana', 'Roboto', sans-serif;
    --font-family-monospace: 'Consolas', 'Courier New', monospace;
    
    --invert-0: invert(0);
    --invert-100: invert(1);
    --invert-75: invert(0.75);
    --invert-50: invert(0.5);

    /*== Значение прозрачности ==*/
    --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-external: #3377aa;

    /*== Контрастный цвет (синий) ==*/
    --color-contrast: #2f5fbf;
    --color-contrast-dark: #294582;
    --color-contrast2: #22335b;
    --color-contrast2-dark: #172138;

    /*== Цвет фона ==*/
    /* Алёрты */
    --bg-color-message: #0e6143;
    --bg-color-success: var(--bg-color-message);
    --bg-color-notice: #21375f;
    --bg-color-neutral: #2b2e39;
    --bg-color-progressive: #23232f;
    --bg-color-warning: #736218;
    --bg-color-error: #7b1919;

    --bg-color-message-subtle: #154938;
    --bg-color-success-subtle: var(--bg-color-message-subtle);
    --bg-color-notice-subtle: var(--bg-color-notice);
    --bg-color-neutral-subtle: var(--bg-color-neutral);
    --bg-color-progressive-subtle: var(--bg-color-progressive);
    --bg-color-warning-subtle: #453e22;
    --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: #13855c;
    --border-color-success: var(--border-color-message);
    --border-color-notice: #345695;
    --border-color-neutral: #393d4b;
    --border-color-progressive: #38384b;
    --border-color-warning: #97851f;
    --border-color-error: #af2424;

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

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

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

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

    /* Red */
    --bg-color-red--hsl: 0.00deg 54.79%;
    --bg-color-red--hsl-alpha: 28.63%;
    --bg-color-red-50: color-mix(in srgb, var(--bg-color-red-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-red-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /* Yellow */
    --bg-color-yellow--hsl: 45.33deg 64.29%;
    --bg-color-yellow--hsl-alpha: 27.45%;
    --bg-color-yellow-50: color-mix(in srgb, var(--bg-color-yellow-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-yellow-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /* Brown */
    --bg-color-brown--hsl: 29.43deg 45.30%;
    --bg-color-brown--hsl-alpha: 22.94%;
    --bg-color-brown-50: color-mix(in srgb, var(--bg-color-brown-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-brown-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /* Blue */
    --bg-color-blue--hsl: 210.79deg 55.07%;
    --bg-color-blue--hsl-alpha: 27.06%;
    --bg-color-blue-50: color-mix(in srgb, var(--bg-color-blue-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-blue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /* Sky Blue */
    --bg-color-sky-blue--hsl: 211.11deg 54.36%;
    --bg-color-sky-blue--hsl-alpha: 29.22%;
    --bg-color-sky-blue-50: color-mix(in srgb, var(--bg-color-sky-blue-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-sky-blue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /* Turquoise */
    --bg-color-turquoise--hsl: 185.05deg 95.96%;
    --bg-color-turquoise--hsl-alpha: 19.41%;
    --bg-color-turquoise-50: color-mix(in srgb, var(--bg-color-turquoise-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-turquoise-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /* Azure */
    --bg-color-azure--hsl: 195.29deg 100.00%;
    --bg-color-azure--hsl-alpha: 20.00%;
    --bg-color-azure-50: color-mix(in srgb, var(--bg-color-azure-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-azure-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /* Purple */
    --bg-color-purple--hsl: 273.95deg 55.07%;
    --bg-color-purple--hsl-alpha: 27.06%;
    --bg-color-purple-50: color-mix(in srgb, var(--bg-color-purple-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-purple-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /* Violet */
    --bg-color-violet--hsl: 266.57deg 53.03%;
    --bg-color-violet--hsl-alpha: 25.88%;
    --bg-color-violet-50: color-mix(in srgb, var(--bg-color-violet-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-violet-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /* Pink */
    --bg-color-pink--hsl: 313deg 48%;
    --bg-color-pink--hsl-alpha: 33%;
    --bg-color-pink-50: color-mix(in srgb, var(--bg-color-pink-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-pink-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /* Green */
    --bg-color-green--hsl: 124.55deg 48.53%;
    --bg-color-green--hsl-alpha: 26.67%;
    --bg-color-green-50: color-mix(in srgb, var(--bg-color-green-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-green-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /* Emerald */
    --bg-color-emerald--hsl: 155.00deg 94.12%;
    --bg-color-emerald--hsl-alpha: 20.00%;
    --bg-color-emerald-50: color-mix(in srgb, var(--bg-color-emerald-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-emerald-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /* Pastel Red */
    --bg-color-pastel-red--hsl: 351.21deg 66.67%;
    --bg-color-pastel-red--hsl-alpha: 34.12%;
    --bg-color-pastel-red-50: color-mix(in srgb, var(--bg-color-pastel-red-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-pastel-red-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /* Pastel Blue */
    --bg-color-pastel-blue--hsl: 246.32deg 28.93%;
    --bg-color-pastel-blue--hsl-alpha: 38.63%;
    --bg-color-pastel-blue-50: color-mix(in srgb, var(--bg-color-pastel-blue-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-pastel-blue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /* Pastel Skyblue */
    --bg-color-pastel-skyblue--hsl: 195.00deg 41.10%;
    --bg-color-pastel-skyblue--hsl-alpha: 28.63%;
    --bg-color-pastel-skyblue-50: color-mix(in srgb, var(--bg-color-pastel-skyblue-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-pastel-skyblue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /* Pastel Magenta */
    --bg-color-pastel-magenta--hsl: 309.35deg 44.51%;
    --bg-color-pastel-magenta--hsl-alpha: 33.92%;
    --bg-color-pastel-magenta-50: color-mix(in srgb, var(--bg-color-pastel-magenta-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-pastel-magenta-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /* Pastel Lime */
    --bg-color-pastel-lime--hsl: 85.71deg 47.19%;
    --bg-color-pastel-lime--hsl-alpha: 34.90%;
    --bg-color-pastel-lime-50: color-mix(in srgb, var(--bg-color-pastel-lime-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-pastel-lime-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /* Pastel Turquoise */
    --bg-color-pastel-turquoise--hsl: 176.84deg 35.40%;
    --bg-color-pastel-turquoise--hsl-alpha: 31.57%;
    --bg-color-pastel-turquoise-50: color-mix(in srgb, var(--bg-color-pastel-turquoise-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-pastel-turquoise-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /* Pastel Grey */
    --bg-color-pastel-grey--hsl: 45.00deg 5.41%;
    --bg-color-pastel-grey--hsl-alpha: 43.53%;
    --bg-color-pastel-grey-50: color-mix(in srgb, var(--bg-color-pastel-grey-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-pastel-grey-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /* Pastel Orange */
    --bg-color-pastel-orange--hsl: 15.43deg 54.40%;
    --bg-color-pastel-orange--hsl-alpha: 37.84%;
    --bg-color-pastel-orange-50: color-mix(in srgb, var(--bg-color-pastel-orange-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
    --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-subtle: color-mix(in srgb, var(--bg-color-pastel-orange-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));

    /*== Палитра цветов текста ==*/
    --text-color-red: #c52626;
    --text-color-dark-red: #a50a0b;
    --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: #46b146;
    --text-color-turquoise: #189d80;
    --text-color-yellow: #dbdb11;
    --text-color-dark-yellow: #a4a400;
    --text-color-gold: #c7a226;
    --text-color-orange: #df9100;
    --text-color-orangered: #dd3d02;
    --text-color-pink: #cd6dca;
    --text-color-blue: #1c86ed;
    --text-color-sky-blue: #3d78d1;
    --text-color-aquamarine: #69d2d7;
    --text-color-violet: #7e31cf;
    --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 2px 0 rgba(0, 0, 0, 0.2);
    --box-shadow-high: 0 5px 5px 1px rgba(0, 0, 0, 0.2);
    --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);

    /*== Закругление границ ==*/
    --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");

    /*==========
     Палитра темы Вики
    ==========*/
    --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-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-bg--hsl: 240deg 9.5%;
    --theme-bg--hsl-alpha: 13.53%;
    --theme-bg-color-base: #19191c;
    --theme-bg-color-50: #1f1f24;
    --theme-bg-color-100: #202025;
    --theme-bg-color-200: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + 2%));
    --theme-bg-color-250: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + 4.5%));
    --theme-bg-color-300: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + 6%));
    --theme-bg-color-400: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + 9%));
    --theme-bg--rgba: 51, 51, 63;
    --theme-bg-light--rgba: 61, 61, 73;
    --theme-bg-header--gradient: linear-gradient(120deg, var(--theme-bg-color-300), var(--theme-bg-color-250));
    --theme-bg-header-light--gradient: linear-gradient(120deg, var(--theme-bg-color-400), var(--theme-bg-color-250));
    --theme-bg-header-light--gradient-center: linear-gradient(120deg, var(--theme-bg-color-250) 0%, var(--theme-bg-color-400) 50%, var(--theme-bg-color-250) 100%);

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

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

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

    /*== Цвет фона ==*/
    --ooui-bg--hsl: 240deg 8.14%;
    --ooui-bg--hsl-alpha: 16.47%;
    --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) + 2%));
    --ooui--bg-color-dark: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) - 1.5%));
    --ooui--bg-color-darkened: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) - 4%));
    --ooui--bg-color--hover: #ddddff06;

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

    /*== Цвет границ ==*/
    --ooui--border-color: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + 5%));
    --ooui--border-color-light: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + 7%));
    --ooui--border-color-lighter: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + 10%));
}
/* #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 Теги */
/* ============ */

cite,dfn {
	font-style: inherit;
}

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

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: 'Menlo', 'Consolas', 'Monaco', 'Noto Mono', 'Nimbus Mono L', monospace;
}

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

blockquote {
	background: var(--theme-bg-color-100);
	border-left: 4px solid var(--theme-bg-color-200);
	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;
}

/*Для непиксельных изображений*/
.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(--theme-border-color-200);
}

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

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

p {
	margin: 0.5em 0;
}

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 {
	color: var(--text-color-link);
}

a.current {
	color: lightgray;
}

a.label {
	color: lightgray;
}

a:hover,a:visited:hover {
	color: var(--ooui--text-color-light)
}

a.option {
	background: var(--ooui--bg-color);
	color: lightgray;
	border: 1px solid var(--ooui--border-color);
}
/* #endregion */

/* ============ */
/* #region Классы */
/* ============ */

/* Кнопка вверх [[Файл:AnomalyElectricityPulse.png]] */
#scroll-top {
	display: none;
	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;
}

#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
}

.tools-inline li:hover {
	border-bottom-width: 2px;
}

.tools-inline li.selected {
	background: transparent !important;
	border-bottom-width: 2px;
}

#mw-indicator-mw-helplink a {
	background-image: none;
}

.mw-body-content sub,.mw-body-content sup,span.reference {
	font-size: 80%
}

.mw-body h1.firstHeading {
	border-color: var(--color-contrast);
}

#mw-content-block #catlinks {
	background: var(--theme-bg-color-100);
}

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

#interwiki-completelist {
	font-weight: bold
}

.biglink {
	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%);
}

/* Уменьшеная полоса прокрутки */
.short-scrollbar::-webkit-scrollbar { 
	width: 10px;
}

.short-scrollbar::-webkit-scrollbar-track  { 
	background: var(--ooui--bg-color-light);
}

.short-scrollbar::-webkit-scrollbar-thumb { 
	background: #44444d; border: 2px solid var(--ooui--bg-color-light); border-radius: 0;
}

/* Для для динамичного вида кнопки "[развернуть]" */
.collapsible-absolute .mw-collapsible-toggle {
	position: absolute;
	left: 0;
	right: 0;
}
/* #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 rgba(var(--color-lighter--rgb), 0.07);
	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: 1px solid var(--theme-bg-color-100); /* Must match background color */
	border-bottom: 1px solid var(--theme-bg-color-100);
}

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-250); /* Level 2 color */
	border-right: 1px solid var(--theme-bg-color-200);
	border-bottom: 1px solid var(--theme-bg-color-200);
	border-top: none;
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
	background: var(--theme-bg-color-300); /* Level 3 color */
}
.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-200);
	padding: 4px 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-light);
}

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

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

/* ============ */
/* #region Расширение */
/* ============ */

/*=== 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: #1c2d44;
}

.noExternal>.external {
  padding-right:0px !important;
  background-image:none !important;
}

.mw-mmv-image>*, .fullImageLink>*>* {
	image-rendering: auto !important;
}

/*=== Расширение: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: 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: 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-50);
	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);
}
/* #endregion */

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

/*=== Страница ===*/
/* Заголовок */
.mw-body h1.firstHeading {
	border-width: 3px;
}

/* Содержание */
.mw-body {
	background: var(--theme-bg-color-100);
	color: var(--theme-text-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));
}

@media screen and (max-width: 850px) {
	.mw-body {
		padding: 6px;
	}
}

/* Категории */
#content-bottom-stuff .catlinks {
	margin-top: 6px;
	border-radius: var(--border-radius-low);
	border: none;
	box-shadow: var(--box-shadow-outline);
	border-top: 1px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
}

/*=== Заглавный поисковик ===*/
/* Выдвижной блок */
.suggestions {
	box-shadow: var(--box-shadow-high);
	border-radius: 0 0 0.3em 0.3em;
	background: var(--theme-bg-color-50);
	border: 1px solid var(--ooui--border-color);
	border-top: 2px solid var(--color-contrast);
	padding-top: 4px;
}

.suggestions .suggestions-results, /* Блок страниц */
.suggestions .suggestions-special  /* Блок поиска страниц, содержащих введённый текст */ {
	border-radius: 0.4em;
	margin: 0.5em;
	background: var(--ooui--bg-color);
	border: 1px outset rgb(0 0 0 / 20%);
}

/* Страницы */
.suggestions .suggestions-result {
	color: var(--ooui--text-color-light);
	margin: 6px;
}

/* Если пустой */
.suggestions .suggestions-results:empty {
	display: none;
}

.suggestions-special .special-label {
	color: lightgray;
}

.suggestions-special .special-query {
	color: var(--ooui--text-color-light);
}

/* Подсветка при наведении */
.suggestions .suggestions-result-current {
	background: var(--color-contrast-dark);
	outline: 1px solid var(--color-contrast);
	border-radius: var(--border-radius-low);
	border-color: var(--color-contrast-dark);
}

/* Общие стили */
.suggestions .suggestions-result,
.suggestions .suggestions-special {
	padding: 0.5em 0.5em 0.35em;
}

/*=== Боковая панель ===*/
/* Основной блок */
#mw-site-navigation .sidebar-chunk, #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk, body.skin--responsive .portlet, body.skin--responsive .pBody {
	margin: 1.5em 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
}

/* Блок навигации */
@media (min-width: 1100px) {
	#mw-related-navigation {
		margin-top: 0;
	}
}

/* Блоки */
@media (min-width: 1100px) {
	.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) {
	#mw-site-navigation .sidebar-chunk .mw-portlet > div, #mw-site-navigation .sidebar-chunk .mw-portlet-body {
		margin-bottom: 1em;
	}
}

@media screen and (min-width: 1100px) and (max-width: 1339px) {
	#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 {
		margin-bottom: 1em;
	}
}

/* Заголовок */
@media (min-width: 1100px) {
	#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: var(--ooui--bg-color);
		font-size: 1.05em;
		font-weight: bold;
	}
}

/* Содержание */
@media (min-width: 1100px) {
	#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: var(--theme-bg-color-50);
		box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -2px 4px rgba(0, 0, 0, 0.15);
	}
}

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

@media screen and (max-width: 850px) {
	#mw-content-block {
		background: var(--theme-bg-color-100);
	}
}

/*=== Чекбоксы ===*/
/* При нажатии */
.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;	
}
/* #endregion */

/* ============ */
/* #region Интерфейс MediaWiki */
/* ============ */

/* invert(0) */
.tools-inline .selected span {
	filter: var(--invert-0);
}

.oo-ui-image-progressive {
	filter: var(--invert-0) !important;
}

/* invert(1) */
.wikiEditor-ui-toolbar .page-characters div span,
.shortcut-1 > span > span > img,
.tools-inline li:not(.selected) a,
.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: var(--invert-100);
}

.tools-inline li.selected span {
	filter: var(--invert-100);
	color: var(--ooui--text-color);
	font-weight: bold;
}

.tools-inline span {
	filter: var(--invert-100);
	margin-left: 2px;
	font-size: 15px;
	font-family: "noto sans";
}

/* invert(0.75) */
.wikiEditor-ui-toolbar .group .tool-select .label:after,
.wikiEditor-ui-toolbar .tabs span.tab a:before,
.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,
.oo-ui-decoratedOptionWidget.oo-ui-widget-enabled .oo-ui-indicatorElement-indicator,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
.mw-special-Contribute .mw-contribute-card-icon--article {
	filter: var(--invert-75);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon {
	filter: var(--invert-75) !important;
}

/* invert(0.5) */
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator,
.mw-enhancedchanges-arrow-space,
#mw-indicator-mw-helplink a .mw-helplink-icon {
	filter: var(--invert-50);
}

/* Простые стили с bg */
.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 {
	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 {
	background: var(--ooui--bg-color-dark);
}

.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout,
.mw-special-Contribute .mw-contribute-tabs-content {
	background: 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 {
	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 {
	background: var(--ooui--bg-color--hover);
}

.mw-apisandbox-toolbar,
form:not(.oo-ui-layout) fieldset {
	background: transparent;
}

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

.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete {
	background: var(--bg-color-message);
}

.mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add {
	border-color: var(--border-color-message-subtle);
}

.wikiEditor-ui-text {
	background: var(--theme-bg-color-base);
}

.ext-WikiEditor-ResizingDragBar {
	background: var(--theme-bg-color-100);
}

.ext-WikiEditor-ResizingDragBar span {
	background: var(--ooui--border-color);
}

.oo-ui-windowManager-modal > .oo-ui-dialog,
.oo-ui-processDialog-errors {
	background: rgba(0, 0, 0, var(--alpha-m));
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
	background: var(--ooui--bg-color);
	color: var(--ooui--text-color-light);
}

.wikiEditor-ui-toolbar .booklet > .index > .current {
	background: var(--ooui--bg-color-light);	
	color: var(--ooui--text-color-light) !important;
}

.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-single-column,
.oo-ui-searchWidget-results {
	background: var(--ooui--bg-color-darkened);
	color: var(--ooui--text-color);
}

/* Простые стили с border */
.wikiEditor-ui .wikiEditor-ui-top,
.ext-WikiEditor-ResizingDragBar-ns,
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu,
.mw-apisandbox-help-field {
	border-color: var(--ooui--border-color);
}

.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 {
	border-color: var(--ooui--border-color-light);
}

.wikiEditor-ui-toolbar .group {
	border-color: var(--ooui--border-color-light);
	color: var(--ooui--text-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,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input,
.ext-replacetext-searchoptions .ext-replacetext-divider {
	border-color: var(--ooui--border-color-lighter);
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
	border-bottom-color: var(--ooui--border-color-light);
}

.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);
}

.mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete {
	border-color: var(--border-color-warning);
}

.mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add {
	border-color: var(--border-color-message);
}

/* Простые стили с bg + border */
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover,
.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 {
	background: var(--ooui--bg-color);
	border-color: var(--ooui--border-color);
	color: var(--ooui--text-color);
}

.ace_button,
.ace_searchbtn,
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget {
	background: var(--ooui--bg-color);
	border-color: var(--ooui--border-color-light);
	color: var(--ooui--text-color);
}

.mw-revslider-revision {
	background: var(--ooui--border-color);
	border-color: var(--ooui--border-color-lighter);
}

.oo-ui-toggleSwitchWidget,
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input {
	background: var(--ooui--bg-color-dark);
	border-color: var(--ooui--border-color-light);
}

.oo-ui-searchWidget-query {
	background: var(--ooui--bg-color-darkened);
	border-color: var(--ooui--border-color-light);
	color: var(--ooui--text-color);
}

.ace_editor.ace_autocomplete {
	background: var(--ooui--bg-color-dark);
	border-color: var(--ooui--border-color);
	color: var(--ooui--text-color);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
	border-color: var(--ooui--bg-color);
	background: var(--ooui--bg-color);
}

.mw-revslider-revision-new .mw-revslider-revision, .mw-revslider-revision-old .mw-revslider-revision, .mw-revslider-revision-intermediate .mw-revslider-revision { 
	background: var(--ooui--bg-color-light);
	border-color: var(--ooui--border-color);
}

.mw-revslider-revision-filter-highlight .mw-revslider-revision-border-box {
	background: var(--ooui--bg-color-light);
	border-color: var(--ooui--border-color-light);
}

.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {
    border-color: var(--ooui--border-color);
    background: var(--ooui--border-color);
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
	background: var(--bg-color-message);
	border-color: var(--border-color-message);
}

.cdx-message--warning,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
	background: var(--bg-color-warning);
	border-color: var(--border-color-warning);
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
	background: var(--bg-color-notice);
	border-color: var(--border-color-notice);
}

.cdx-message--error,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {
	background: var(--bg-color-error);
	border-color: var(--border-color-error);
}

.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.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, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active {
	border-color: transparent;
	border-right-color: var(--ooui--border-color);
}

.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button {
	border-color: transparent;
	border-left-color: var(--ooui--border-color);
}

.mw-rcfilters-ui-tagItemWidget-popup-content,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
	background: var(--ooui--bg-color-dark);
	border-color: var(--ooui--border-color-light);
	color: lightgray;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span {
	background-color: var(--ooui--bg-color-dark);
	border: 1px solid var(--ooui--border-color-lighter);
}

.ace_optionsMenuEntry input, .ace_optionsMenuEntry button {
	background: var(--ooui--bg-color);
	border: 1px solid var(--ooui--border-color-light);
	margin: 0.35em 0.2em 0.25em 0;
}

.ace_optionsMenuEntry button {
	background: var(--ooui--bg-color);
	border-color: var(--ooui--border-color-light);
	box-shadow: var(--box-shadow-inset-high);
}

.ace_optionsMenuEntry button[ace_selected_button=true] {
	background: var(--ooui--bg-color);
	border-color: var(--ooui--border-color-light);
	box-shadow: var(--box-shadow-inset-high);
}

#ace_settingsmenu, #kbshortcutmenu {
	background: var(--ooui--bg-color-darkened);
	box-shadow: var(--box-shadow-high);
	color: lightgray;
}

/* Простые стили с color */
.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 {
	color: var(--ooui--text-color);
}

.oo-ui-processDialog-errors-title {
	color: var(--ooui--text-color-light);
}

#contentSub,
.mw-templatedata-doc-muted,
.mw-templatedata-doc-param-alias,
.oo-ui-labelWidget.oo-ui-inline-help,
.wikiEditor-ui-toolbar .group .label {
	color: var(--ooui--text-color-dark);
}

.wikiEditor-ui-toolbar .tabs span.tab a,
.mw-special-Contribute .mw-contribute-card-action {
	color: var(--text-color-link);
}

/* Стили с color-contrast */
.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 {
	background: var(--color-contrast2-dark); 
}

.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 {
	background: var(--color-contrast-dark);	
}

.ace_optionsMenuEntry button:hover,
.ace_button.checked,
.ace_editor.ace_autocomplete .ace_line-hover {
	background: var(--color-contrast-dark);
	border-color: var(--color-contrast);
	color: var(--ooui--text-color-light);
}

/* Сложные стили */
.mw-footer .footer-icons a {
	background: var(--theme-bg-color-50);
	border: 1px solid var(--ooui--border-color);
	padding-right: 15px;
	padding-left: 15px;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
}

#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;
}

#footer-poweredbyico a img {
	visibility: hidden;
}

.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) {
	background: var(--ooui--bg-color-dark);
	border-color: var(--ooui--border-color-light);
	color: var(--ooui--text-color);
	border-radius: var(--border-radius-medium);
}

.wikiEditor-ui-toolbar {
	background: var(--ooui--bg-color);
	box-shadow: var(--box-shadow-medium);
	color: var(--ooui--text-color-light);
}

.vector-user-links .vector-user-menu-more .vector-menu-content-list li a, #personal .dropdown,
.mw-notification {
	background: var(--ooui--bg-color-dark);
	border-color: var(--ooui--border-color);
	color: var(--ooui--text-color);
	box-shadow: var(--box-shadow-medium);
}

.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded {
	background: var(--ooui--bg-color-darkened);
	border-color: var(--ooui--border-color);
	border-radius: var(--border-radius-low);
}

.ace_search {
	background: var(--theme-bg-color-100);
	color: var(--ooui--text-color);
	border-color: var(--ooui--border-color-light);
	padding: 6px 4px 2px 4px;
}

.ace_search_field {
	background: var(--ooui--bg-color);
	border-color: var(--ooui--border-color-light);
	color: var(--ooui--text-color);
	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 {
	background: var(--ooui--bg-color);
	border-color: var(--ooui--border-color-light);
	color: var(--ooui--text-color-light);
	text-shadow: none;
}

/* Остальное */
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
	border-color: var(--color-contrast);
	background: var(--ooui--bg-color-light);
	border-width: 2px;
}

.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;
}
/* #endregion */

/* ============ */
/* #region Неотсортированные */
/* ============ */

.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);
}

.wikitable.plainrowheaders th[scope=row] {
	font-weight: normal;
	text-align: left
}

.wikitable td ul,.wikitable td ol,.wikitable td dl {
	text-align: left
}

table.mw-hiero-table td {
	vertical-align: middle
}

.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
}

div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon,div.titleblacklist-warning {
	clear: both;
	margin: 0.2em 0;
	border: 1px solid #bb7070;
	background: #ffdbdb;
	padding: 0.25em 0.9em;
	box-sizing: border-box
}

.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {
	border-color: #fc3;
	background: #fef6e7
}

.nounderlines a,.IPA a:link,.IPA a:visited {
	text-decoration: none !important
}

.nowrap,.nowraplinks a {
	white-space: nowrap
}

.wrap,.wraplinks a {
	white-space: normal
}

#wpUploadDescription {
	height: 13em
}

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

.thumbinner .thumbimage,.thumbborder {
	border: solid 1px var(--ooui--border-color)
}

#mw-subcategories,#mw-pages,#mw-category-media,#filehistory,#wikiPreview,#wikiDiff {
	clear: both
}

.wpb .wpb-header {
	display: none
}

.wpbs-inner .wpb .wpb-header {
	display: table-row
}

.wpbs-inner .wpb-outside {
	display: none
}

.mw-tag-markers {
	font-style: italic;
	font-size: 90%
}

.checkuser-show,.sysop-show,.abusefilter-show,.abusefilter-helper-show,.patroller-show,.templateeditor-show,.extendedmover-show,.extendedconfirmed-show,.autoconfirmed-show,.user-show {
	display: none
}

.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,.ve-ui-mwNoticesPopupTool-item .mbox-image,.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
	display: none !important
}

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
}

@media screen {
	#content .gallerybox div.thumb {
		background: #f8f9fa
	}

	.gallerybox .thumb img {
		background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat
	}

	.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 {
	display: none
}

#site-tools {
	display: none !important
}

span.comment {
	overflow-wrap: break-word
}

#mw-page-base {
	background: var(--theme-bg-color-base);
	color: var(--ooui--text-color);
	border: var(--theme-bg-color-base)
}

.mediawiki, .mw-page-container {
	background: var(--theme-bg-color-base);
	color: var(--ooui--text-color);
	border: var(--theme-bg-color-base)
}

#mw-panel {
	background: var(--theme-bg-color-base);
	color: var(--ooui--text-color);
	border: var(--theme-bg-color-base)
}

#mw-content-container,#mw-header-container,#mw-content-wrapper,#mw-content,#p-logo {
	background: var(--theme-bg-color-base);
	color: var(--ooui--text-color);
	border: var(--theme-bg-color-base)
}

.mw-code {
	background: var(--theme-bg-color-100);
	color: var(--ooui--text-color)
}

.wikiEditor-ui-toolbar .group .tool-select .options {
	border: none;
}

.wikiEditor-ui-toolbar .sections .section {
	border-color: var(--ooui--border-color-light);
}

.wikiEditor-ui-toolbar .page-table th {
	color: var(--ooui--text-color);
}

.wikiEditor-ui-toolbar .page-table td {
	color: var(--ooui--text-color);
}

.oo-ui-indicatorElement-indicator {
	background-size: contain;
	background-position: center center;
	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 {
	color: var(--text-color-link-external)
}

.vector-menu-tabs li {
	background: var(--theme-bg-color-100)
}

#p-logo-text a {
	color: var(--ooui--text-color);
}

#ca-nstab-mediawiki.a {
	color: var(--ooui--text-color);
}

#mw-changeslist-links {
	background: var(--theme-bg-color-100);
	color: var(--ooui--text-color);
}

#simpleSearch {
	background: var(--ooui--bg-color);
	border: 1px solid var(--ooui--border-color);
	color: var(--ooui--text-color);
	border-radius: var(--border-radius-low);
}

#searchInput {
	color: var(--ooui--text-color-light)
}

#pt-createaccount {
	visibility: hidden;
	display: none
}

@media screen and (min-width: 851px) {
	#personal .dropdown:before, #personal .dropdown:after {
		border-bottom: 10px solid var(--ooui--border-color-light);
	}
}

@media screen and (min-width: 851px) {
	#personal .dropdown:after {
		border-bottom: 10px solid var(--ooui--bg-color-dark);
	}
}

.vector-menu-tabs .selected {
	background: var(--theme-bg-color-base)
}

#pagehistory li.selected {
	background: #1B4D3E;
	font-weight: bold
}

div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon,div.titleblacklist-warning {
	background: #7C0A02;
	border: 1px solid #bb7070
}

/* 
  Стиль для таблиц wikitable 
*/
.wikitable {
    background-color: var(--theme-bg-color-100);
    color: var(--theme-text-color);
    margin: 1em 0;
    border: 1px solid var(--theme-bg-color-300);
    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-300);
}

.wikitable>*>tr>td {
    background: var(--theme-bg-color-250);
}

/* Закругление верхнего левого угла первой ячейки */
.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 screen and (max-width: 850px) {
	.wikitable {
		font-size: 0.8em;
	}
}

/* КОНЕЦ */

@media screen and (max-width: 850px) {
	.wikitable:not(.no-img-adaptive) img[width="64"][height="64"] {
		width: 32px;
		height: 32px;
	}
	
	*:not(.no-img-adaptive) img[width="64"][height="128"] {
		width: 32px;
		height: 64px;
	}
	
	*:not(.no-img-adaptive) img[width="128"][height="128"] {
		width: 64px;
		height: 64px;
	}
}

@media screen and (max-width: 650px) {
	.mw-parser-output table {
		display: table-cell;
		overflow: auto;
		max-width: 100%;
	}
}

ul#filetoc, .toc, .toccolours, .mw-warning {
	border-radius: 0.5em;
	background: var(--theme-bg-color-200);
	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: "noto sans";
}

.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;
}

.mw-content-ltr .tocnumber {
	color: grey
}

.quickbox {
	border: 1px solid var(--ooui--border-color);
	background: var(--ooui--bg-color);
}

.quickboxhead {
	border-bottom: 1px solid var(--ooui--border-color);
	background: var(--theme-bg-color-base);
	text-align: center
}

.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
	margin: 0;
}

.results-info {
	color: var(--ooui--text-color-dark);
}

.mw-search-result-data {
	color: var(--ooui--text-color-dark);
}

.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button {
	font-size: 14px;
}

.mw-rcfilters-ui-filterWrapperWidget-bottom {
	gap: 4px;
}

.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget {
	padding: 0.6em;
	border: 1px solid var(--ooui--border-color);
}

.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;
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
	color: lightgray;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
	color: var(--ooui--bg-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget {
	background: var(--ooui--bg-color);
	border-color: var(--ooui--border-color);
	color: var(--ooui--text-color-light);
	border-radius: 0.4em 0.4em 0 0;
}

.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
	color: var(--ooui--text-color-dark);
}

.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 {
	background: var(--color-contrast-dark);
	border-color: var(--color-contrast-dark);
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover {
	border-color: var(--color-contrast);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
	background: var(--color-contrast-dark);
	border-color: var(--color-contrast);
	color: var(--ooui--text-color-light);
}

.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover {
	background: var(--color-contrast-dark);
	border-color: var(--color-contrast);
	color: var(--ooui--text-color-light);
}

.tdg-templateDataParamWidget-param-description {
	color: var(--ooui--text-color-dark);
}

.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 {
	background: var(--color-contrast-dark);
	border-color: var(--color-contrast);
}

.mw-revslider-container {
	border-color: var(--ooui--border-color-light);
}

.mw-revslider-slider-wrapper {
	border-color: var(--ooui--border-color-light);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
	background: var(--ooui--bg-color);
	border-color: var(--ooui--border-color-light);
	color: var(--ooui--text-color-light);
}

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

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
	background: var(--color-contrast-dark);
}

.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot {
	outline-color: var(--ooui--border-color);
	background: var(--ooui--bg-color);
}

.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
	background: transparent;
}

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

.mw-templateData-template-map-list-menu-panel {
	border-color: var(--ooui--border-color);
}

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
	background: var(--color-contrast2-dark);
	color: var(--ooui--text-color-light);
}

.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-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
	border-radius: 0;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-ui-highlights > div {
	margin-right: 8px;
}

.oo-ui-popupWidget-popup {
	background: var(--ooui--bg-color-light);
	border-color: var(--ooui--border-color-light);
	color: lightgray;
}

.oo-ui-menuSelectWidget {
	border-color: var(--ooui--border-color);
	background: var(--ooui--gradient);
	box-shadow: var(--box-shadow);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
	background: var(--ooui--border-color);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
	background: var(--ooui--bg-color--hover);
	outline: 1px solid var(--ooui--border-color);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
	background: var(--color-contrast2-dark) !important;
}

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
	border-color: var(--ooui--border-color);
	color: var(--ooui--text-color);
	transition: all 0.01s;
	cursor: pointer;
}

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

.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
	color: var(--ooui--text-color-dark);
	cursor: pointer;
}

.mw-rcfilters-ui-menuSelectWidget-footer {
	border-color: var(--ooui--border-color);
	background: var(--ooui--bg-color);
}

.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
	color: var(--ooui--text-color);
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
	background: transparent;
}

.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-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
	background: var(--color-contrast-dark);
	border-color: var(--color-contrast);
	color: var(--ooui--text-color-light);
}

.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) {
	opacity: 0.87;
}

.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
	box-shadow: none;
}

.mw-widget-dateInputWidget-calendar {
	border-color: var(--ooui--border-color);
	background: var(--ooui--gradient);
}

.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
	border-color: var(--ooui--border-color-light);
}

.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
	border-radius: var(--border-radius-low);
}

.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-iconElement > .oo-ui-buttonElement-button:hover {
	background: var(--color-contrast-dark);
	color: var(--ooui--text-color-light);
}

.tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover {
	background: var(--color-contrast2-dark); 
	transition: all 0.01s;
}

.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
	display: flex;
	align-items: center;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
	color: var(--ooui--text-color);
}

.mw-widget-calendarWidget-day-heading {
	color: lightgray;
}

.mw-widget-calendarWidget-day {
	color: lightgray;
}

.mw-widget-calendarWidget-labelButton .oo-ui-buttonElement-button .oo-ui-labelElement-label {
	color: var(--ooui--text-color);
}

.mw-editform #wpTextbox1, textarea {
	background: var(--theme-bg-color-base);
	border: none;
	color: lightgray;
}

.group.group-search {
	border: none;
}

.editOptions,.mw-editform .editOptions {
	background: var(--theme-bg-color-100);
	border: 1px solid var(--ooui--border-color-light);
	border-top: none;
	color: var(--ooui--text-color-light);
}

.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);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: var(--ooui--text-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 {
	border-color: var(--ooui--border-color);
	padding: 0;
}

.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
	min-height: 2.5em;
}

.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
	color: var(--ooui--text-color-dark);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
	background: var(--ooui--bg-color);
	border-color: var(--ooui--border-color);
}

.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;
}

.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
	background: var(--ooui--bg-color);
	border-color: var(--ooui--border-color);
	border-radius: 0.4em 0.4em 0 0;
}

@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
}

/* Стили для блока */
.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-250);
	border-top: 1px solid rgba(var(--theme-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: transparent;
	border: 1px solid rgba(var(--color-darkened--rgb), var(--alpha-m));
	border-top: 1px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-xs));
}

.tabs-tabbox > .tabs-label:hover {
	z-index: 2;
	background: var(--theme-bg-color-250);
	transition: all 0.1s;
}

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

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

.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: 0px 0px 100vw 100vh rgb(0 0 0 / 60%);
		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;
		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 {
	color: #e0e0e0
}

.mw-mmv-above-fold {
	background: #222;
	border-top: 1px solid #333
}

.mw-mmv-image-metadata {
	background: #111;
	border-color: #333
}

.mw-mmv-dialog {
	border: 1px solid #333;
	background: #222;
	box-shadow: none
}

.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
	background: #222;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333
}

.mw-mmv-options-enable-alert {
	background: #333;
	color: #e0e0e0
}

.mw-mmv-filepage-buttons .mw-ui-button {
	background: var(--color-contrast);
	color: #e0e0e0;
	border-color: #1d4699
}

.mw-default-size {
	background: #21212600 !important;
	border-color: black !important
}

.mw-default-size img {
	border-color: black !important
}

.mw-default-size figcaption {
	background: #21212600 !important;
	border-color: black !important
}

.mw-halign-right {
	background: #27272d00 !important;
	border-color: black !important
}

.mw-halign-right img {
	border-color: black !important
}

.mw-halign-right figcaption {
	background: #27272d00 !important;
	border-color: black !important
}

.mw-halign-left {
	background: #27272d00 !important;
	border-color: black !important
}

.mw-halign-left img {
	border-color: black !important
}

.mw-halign-left figcaption {
	background: #27272d00 !important;
	border-color: black !important
}

.mw-halign-center {
	background: #27272d00 !important;
	border-color: black !important
}

.mw-halign-center img {
	border-color: black !important
}

.mw-halign-center figcaption {
	background: #27272d00 !important;
	border-color: black !important
}

.reference {
	background: #27272d00;
}

ol.references li:target,sup.reference:target {
	background: #ffffff0f;
	padding: 0px 1px 3px 1px;
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
	background: var(--ooui--bg-color);
	border-color: var(--ooui--border-color-light);
	color: var(--ooui--text-color-light);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
	background: var(--color-contrast-dark);
	border-color: var(--color-contrast-dark);
}

.oo-ui-messageDialog-message {
	color: lightgray;
}

.oo-ui-messageDialog-content > .oo-ui-window-foot {
	outline-color: var(--ooui--border-color);
}

.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
	border-color: var(--ooui--border-color);
}

.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame {
	border-color: var(--ooui--border-color-light);
	background: var(--ooui--bg-color);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover {
	z-index: 1;
}

.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {
	background: var(--color-contrast2-dark);
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
	background: var(--ooui--bg-color);
	border-color: var(--ooui--border-color);
	color: lightgray;
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
	border-color: var(--ooui--border-color-light);
	color: lightgray;
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
	color: lightgray;
}

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 {
	background: var(--color-contrast-dark);
	border-color: var(--color-contrast);
	color: var(--ooui--text-color-light);
}

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

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
	background: var(--color-contrast-dark);
	border-color: var(--color-contrast-dark);
	color: var(--ooui--text-color-light);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
	background: var(--color-contrast-dark);
	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 {
	box-shadow: inset var(--box-shadow-medium);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
	background: var(--ooui--bg-color);
	border-color: var(--ooui--border-color);
	color: lightgray;
}

.oo-ui-comboBoxInputWidget-field {
	display: flex;
	align-items: center;
}

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

.mw-widget-dateInputWidget-handle {
	background: var(--ooui--bg-color);
	border-color: var(--ooui--border-color);
	color: var(--ooui--text-color-light) !important;	
}

.mw-search-profile-tabs {
	background: var(--ooui--bg-color) !important;
	border: var(--ooui--border-color) !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
	background: var(--color-contrast-dark);
	border-color: var(--color-contrast-dark);
	color: var(--ooui--text-color-light);
}

form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {
	background: var(--color-contrast-dark);
	border-color: var(--color-contrast-dark);
	color: var(--ooui--text-color-light);
}

#wpDestFile {
	background: var(--ooui--bg-color);
	border-color: var(--ooui--border-color-light);
	color: var(--ooui--text-color-light);
}

#wpUploadDescription {
	background: var(--ooui--bg-color);
	border-color: var(--ooui--border-color-light);
	color: var(--ooui--text-color-light);
}

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

.mw-widgets-datetime-calendarWidget {
	background: var(--ooui--gradient);
	border-color: var(--ooui--border-color-light);
}

.mw-widgets-datetime-dateTimeInputWidget-handle {
	background: var(--ooui--bg-color);
	border-color: var(--ooui--border-color-light);
	border-radius: var(--border-radius-low);
	color: var(--ooui--text-color-light);
}

.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
	color: lightgray;
}

.mw-rcfilters-ui-savedLinksListWidget-placeholder-description {
	color: var(--ooui--text-color-dark);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
	box-shadow: inset var(--box-shadow-medium);
}

.search-types .current a {
	color: #d3d3d3 !important;
	cursor: default !important
}

div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning {
	background: var(--bg-color-error);
	border-color: var(--border-color-error);
}

#mw-header-nav-hack {
	border-top: solid 2px var(--theme-bg-color-100) !important;
	display: block;
	position: absolute;
	z-index: 98;
	background: var(--theme-bg-color-100) !important;
	width: 100%
}

.ui-widget-overlay {
	background: #000000 !important;
	opacity: .3 !important
}

.ui-widget-content {
	border: 1px solid #4a4a57 !important;
	background: var(--theme-bg-color-100) !important;
	color: #e0e0e0 !important
}

.ui-widget-header {
	border: 1px solid #4a4a57 !important;
	background: var(--theme-bg-color-100) !important;
	color: #e0e0e0 !important;
	font-weight: bold !important
}

#wikieditor-toolbar-file-target,#wikieditor-toolbar-file-caption,#wikieditor-toolbar-file-alt {
	width: 100% !important;
	background: var(--ooui--bg-color) !important;
	color: #e0e0e0 !important
}

.wikiEditor-toolbar-dialog .ui-dialog-content input[type='text'] {
	box-sizing: border-box !important;
	background: var(--ooui--bg-color) !important;
	color: #e0e0e0 !important
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
	font-family: Verdana,Arial,sans-serif !important;
	font-size: 1em !important;
	background: var(--ooui--bg-color) !important;
	color: #e0e0e0 !important
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
	border: 1px solid #4a4a57 !important;
	background: var(--ooui--bg-color) !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 {
	border: 1px solid #4a4a57 !important;
	background: #4c4c59 !important;
	font-weight: normal !important;
	color: #e0e0e0 !important
}

body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
	right: 0.9em !important;
	background: #4c4c59 !important
}

.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus {
	padding: 0 !important;
	background: #6c6c80 !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);
	color: var(--ooui--text-color-light);
}

.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;
}

.mw-json th,.mw-json td {
	border: 1px solid #000000;
	font-size: 16px;
	padding: 0.5em 1em
}

.mw-json tr {
	background: var(--theme-bg-color-100);
	margin-bottom: 0.5em
}

.mw-json th {
	background: #303037;
	font-weight: normal;
	vertical-align: top;
	color: #d3d3d3
}

.mw-json th span {
	-webkit-position: sticky;
	position: sticky;
	top: 0.5em
}

.mw-json-value,.mw-json-single-value {
	background: #1b5929;
	font-family: monospace,monospace;
	white-space: pre-wrap;
	color: #d3d3d3
}

.mw-json-empty {
	background: #1b5929;
	font-style: italic;
	color: #d3d3d3
}

.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: lightgray;
	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)
}

.ace-tm .ace_storage,.ace-tm .ace_keyword {
	color: rgb(153,153,255)
}

.ace-tm .ace_constant.ace_numeric {
	color: rgb(153,153,205)
}

.ace-tm .ace_constant {
	color: rgb(241,89,92)
}

.ace-tm .ace_support.ace_function {
	color: rgb(68,118,235)
}

.ace-tm .ace_support.ace_constant {
	color: rgb(23,202,33)
}

.ace-tm .ace_support.ace_type,.ace-tm .ace_support.ace_class {
	color: rgb(182,187,236)
}

.ace-tm .ace_string {
	color: rgb(6,142,13)
}

.ace-tm .ace_comment {
	color: rgb(103,193,150)
}

.ace-tm .ace_constant.ace_numeric {
	color: rgb(153,153,255)
}

.ace-tm .ace_marker-layer .ace_selection {
	background: rgb(28,45,68)
}

.ace-tm .ace_marker-layer .ace_bracket {
	margin: -1px 0 0 -1px;
	border: 1px solid rgb(94,94,94)
}

.ace-tm .ace_marker-layer .ace_active-line {
	background: rgb(153,153,183,7%)
}

.ace-tm .ace_gutter-active-line {
	background: rgb(44,44,51)
}

.ace-tm .ace_marker-layer .ace_selected-word {
	background: rgb(37,59,89);
	border: 1px solid rgb(36,36,42)
}

.codeEditor-status {
	clear: both;
	width: 100%;
	background: var(--theme-bg-color-100);
	border-top: 1px solid #40404b;
	display: table
}

.codeEditor-status-message {
	border-left: 1px solid #40404b;
	border-right: 1px solid #40404b;
	padding: 0 0.3em;
	width: 100%;
	display: table-cell
}

::-webkit-scrollbar {
	background: #313137;
}

::-webkit-scrollbar-thumb {
	background: #505057;
	border: 3px solid #313137;
	border-radius: 0.3em;
}

::-webkit-scrollbar-thumb:hover {
	background: #616169;
}

::-webkit-scrollbar-thumb:active {
	background: #72727b;
}

@media (hover: none) and (pointer: coarse) {
	::-webkit-scrollbar {
		all: unset;
		width: 0;
		height: 0;
	}

	::-webkit-scrollbar-thumb {
		all: unset;
	}	
}

.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-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body fieldset#mw-searchoptions, .mw_metadata, .mw-datatable {
	color: var(--ooui--text-color);
    background: var(--ooui--bg-color-dark);
    border-color: var(--ooui--bg-color-light);
    padding: 12px 10px;
    box-shadow: var(--box-shadow-medium);
}

.mw-rcfilters-ui-filterMenuHeaderWidget-header {
	background: var(--ooui--bg-color);
	border-color: var(--ooui--border-color-light);
}

.mw-footer-container {
	border-color: var(--ooui--border-color-light);
}

.mw-rcfilters-ui-filterMenuHeaderWidget-title.oo-ui-labelElement-label {
	color: lightgray;
	font-weight: bold;
}

#mw-searchoptions .divider {
	border-color: var(--ooui--border-color-light);
}

.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.5em;
}

.mw-datatable th {
	background: var(--theme-bg-color-100)
}

.mw-datatable td {
	background: #303037
}

.mw-datatable tr:hover td {
	background: #3f3f48
}

.pretoclip-copy-button {
	float: right
}

.mw-scribunto-message {
	color: var(--se-cm--xml-tag-color);
}

#mw-scribunto-input {
	width: 100%;
	border: 0;
	overflow: auto;
	background: var(--ooui--bg-color);
	border: 1px solid var(--ooui--border-color-light);
	font-weight: normal;
	color: lightgray;
}

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

.table-flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly
}

.boxes-flex {
	padding: 0;
	margin: 0;
	text-align: center
}

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

.role-block-radius {
	border-radius: 8px
}

.role-block-name {
	padding: 2px;
	border-radius: .3em;
	margin-bottom: .2em;
}

.story-text {
	text-indent: 19px;
	text-align: justify
}

.story-dialogue {
	line-height: 1.2
}

.oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
	display: block;
	position: relative;
	margin: 0px 25%
}

.mw-gallery-slideshow .gallerybox.slideshow-current {
	background: #28282e
}

.gallerytext {
	overflow: hidden;
	font-size: 94%;
	padding: 2px 4px;
	word-wrap: break-word;
	text-align: center
}

#content .gallerybox div.thumb {
	background: #f8f9fa00
}

.mw-body li.gallerybox div.thumb {
	background: #f8f9fa00;
	border: solid #28282e;
	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 {
	border-bottom: none !important
}

.title-top-border {
	border-top: solid 2px #c8ccd1
}

@media (min-width: 1340px) {
	#mw-content-block {
		display:block
	}

	#mw-content {
		margin-left: 14em;
		padding: 2em 0 0
	}

	#mw-content-wrapper {
		float: right;
		margin-left: -14em;
		background: transparent;
		width: 100%
	}

	.color-middle {
		margin-right: 1em !important;
	}

	.mw-wiki-logo {
		display: inline-block
	}

	#catlinks {
		margin-left: 14em
	}
}

#footer {
	padding-right: 1em
}

.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: 'oswald';
	font-size: 2em;
}

.mw-body h2 {
	font-size: 1.5em;
	border-bottom: none;
	font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
	margin-bottom: 0.4em;
	margin-top: 1em;
	line-height: 1.375;
	border-bottom: 2px solid var(--color-contrast);
}

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

.mw-body h4,
.mw-body h5 {
	font-size: 1em;
	font-weight: bold;
	font-family: sans-serif;
	margin-top: 0.5em;
	margin-bottom: 0.3em;
}

.target {
	border-bottom: 1px solid darkblue
}

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

.backlight:hover {
	box-shadow: 0 0 0.3em gold;
	background: #00000025;
}

#main.backlight:hover {
	box-shadow: inset 0 0 23em #00000066;
	border-radius: 8px;
}

#strongwhite, #strongwhite p, #strongwhite h1, #strongwhite h2, #strongwhite h3, #strongwhite h4, #strongwhite h5, #strongwhite h6, #strongwhite li {
	color: #e9e9e9 !important
}
/*затемнение для мобилок*/
#menus-cover {
	background: #000000;
	opacity: var(--alpha-s);
}

/*Красивые картинки*/
.mw-content-ltr figure[typeof~='mw:File/Thumb'], .mw-content-ltr figure[typeof~='mw:File/Frame'] {
	margin: 0 0 0.5em 0.5em;
	border:1px solid black;
	border-bottom:0;
	border-radius:0.9em 0.9em 0 0;
	background:var(--theme-bg-color-base);
}
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
	border-radius: 0 0 0.9em 0.9em;
	border:1px solid black;
	border-top:0;
	background:var(--theme-bg-color-base);
	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) {
	margin: 5px;
	border-radius: 0.4em;
}
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame']{
	border-collapse:separate;
}
.mw-content-ltr figure[typeof~='mw:File/Thumb']:not([typeof~='mw:Error']) > a.mw-file-description:after{
	border-bottom: 1px solid var(--color-contrast);
}

/*кнопка для главного меню*/
.StupidButton {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

/*Цвета таблиц для разных отделов*/
/* 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-turquoise-subtle);
}

#BOTANY.wikitable th {
	background: var(--bg-color-turquoise-150);
}

#BOTANY.wikitable thead tr th,
#BOTANY.wikitable:not(:has(thead)) tr:first-of-type th {
	position: relative;
	background: var(--bg-color-turquoise-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-turquoise-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: #3d3d4f;
	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: #972626;
	border-bottom: 0.1em solid #00000059;
	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: #323240;
	border-bottom: 0.2em solid #00000045;
	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: #3e3e4d;
	border-bottom: 0.1em solid #0000000d;
	border-left: 0.2em solid #00000024;
}

/* Холодный цвет ячеек */
#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);
}

/* Серый заголовок и темно-красные ячейки */
#highlighted-header-dark.wikitable thead tr th,
#highlighted-header-dark.wikitable:not(:has(thead)) tr:first-of-type th {
	position: relative;
	background: #3d3d4f;
	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: #8d2121;
	border-bottom: 0.1em solid #00000059;
	border-left: 3px solid var(--color-darkened-border);
}

/* Палитра для Морпехов */
#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-bottom: 0.1em solid #00000059;
	border-left: 3px solid var(--color-darkened-border);
}

/* Палитра для Ксеноморфов */
#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-bottom: 0.1em solid #00000059;
	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;
}

.pseudomodal::-webkit-scrollbar {
  width: 0.15rem;
  background:transparent;
}

.pseudomodal::-webkit-scrollbar-track {
  margin:1em;
  background: transparent;
}

.pseudomodal::-webkit-scrollbar-thumb {
  background: transparent;
  border: solid #373737;
}

/* Key press */
.keyboard-key {
	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: var(--ooui--text-color);
	padding: 0.1em 0.3em;
	font-family: inherit;
	font-size: 0.8em;
}

@media only screen and (max-width: 600px) {
	.flex--row-column {
		flex-direction:column; width: 50%; margin: auto;
	}
}

/* Для тестов */
.skameykatable{
	border:1px solid black;
	border-radius:1.4rem;
}
.skameykatable>*>tr>th{
	  text-align:center;
	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;
}

.skameykatable>*>tr>*{
	padding:0.4em;
	background:transparent;
	border:none !important;
}
	
.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 */

/* ============ */
/* #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: var(--action-color);
}

/* Error */
.mw-highlight .err {
	color: var(--synt-high--color-err);
	background: 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 */

/* ============ */
/* #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: 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-color);
}
/* gutter */
.CodeMirror-wrap .CodeMirror-gutter {
	/* same color as for code block */
	background: var(--se-cm--gutter-bg-color);
}
/* selection */
.CodeMirror-line::selection,
/* selection */
.CodeMirror-line>span::selection,
/* selection */
.CodeMirror-line>span>span::selection {
	background: 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: inherit;
}
/* html sequences like "&nbsp;" */
.cm-mw-mnemonic,
/* ???? */
.cm-mw-html-entity {
	color: var(--se-cm--xml-tag-color);
	background: #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: 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: 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: 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 */
.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-color-base);	
	--druid-color-contrast: var(--color-contrast-dark);
	--druid-color-contrast-darkened: color-mix(in srgb, var(--druid-color-contrast) 15%, rgb(var(--theme-color-darkened--rgb)));
}

.druid-container {
	background: var(--theme-bg-color-200);
	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;
	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: 105%;
	background: var(--druid-color-contrast-darkened);
	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.5em;
}

.druid-main-image,
.druid-main-images {
	background: var(--theme-bg-color-200);
	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: 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) {
	display: none;
}

.druid-container tbody tr.druid-row:nth-child(3) {
	background: var(--theme-bg-color-250) !important;
}

.druid-container tbody tr.druid-row:nth-child(3) th {
	border-right: 1px solid var(--theme-bg-color-200) !important;
}

.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-250);
}

.druid-container tr:nth-child(even) th:not([colspan]) {
	border-right: 1px solid var(--theme-bg-color-200);
}

.druid-container th, 
.druid-container td, 
.druid-container th .mw-collapsible-toggle {
	padding: 4px;
	font-size: 14px;
}

.druid-container th {
	width: 40%;
	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 */

/* Таблица в виде грид сетки для сортировки. Используется вместе с классом .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-details[open] + .theme-window {
    visibility: visible;
    opacity: 1;
    height: auto;
    transform: scale(0.99999);
}

.theme-dropdown .theme-window {
    overflow: hidden;
    user-select: none;
    position: absolute;
    right: 0.75rem;
    width: 14.5rem;
    font-size: 0.95rem;
    background: var(--theme-bg-color-50);
    box-shadow: var(--box-shadow-high);
    transition-duration: var(--transition-time);
    transition-property: transform, opacity, visibility;
    z-index: var(--index-high);
    opacity: 0;
    visibility: hidden;
    margin-top: 0.75rem;
    transform: scale(0.9);
    transform-origin: top;
    border: 2px solid var(--theme-bg-color-300);
    border-top: 2px solid var(--theme-border-color-100);
    padding: 0.2em;
}

.theme-dropdown .theme-window * {
    user-select: none;
    user-drag: none;
    -webkit-user-drag: none;
}

.theme-dropdown .theme-window__header {
    display: flex;
    align-items: center;
    position: relative;
    height: 2rem;
    font-size: 0.95rem;
    font-family: var(--font-family-heading)sans-serif;
    background-color: var(--color-contrast2);
    border-bottom: 1px solid var(--color-second-fill);
    box-shadow: var(--box-shadow);
    font-weight: bold;
    padding: 0 0.5em;
    border-radius: var(--border-radius-low);
}

#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);
}

#theme-preferences__content .theme-menu__content {
    padding: 0.5em;
}

.theme-dropdown .theme-window * {
    user-select: none;
    user-drag: none;
    -webkit-user-drag: none;
}

.theme-dropdown .theme-window__content {
    position: relative;
    padding: 0.5em;
}

#user-tools ul {
    list-style: none;
    margin: 0;
}

#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;
}

#theme-preferences__content .theme-menu form {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    text-align: center;
}

#theme-preferences__content .theme-client-prefs-radio {
    display: flex;
    justify-content: center;
    height: 2rem;
}

#theme-preferences__content .theme-client-prefs-radio input {
    display: none;
}

#theme-preferences__content .theme-client-prefs-radio label {
    user-select: none;
    -webkit-user-drag: none;
    background: var(--color-primary);
    color: var(--color-white) !important;
    border-radius: var(--border-radius-small);
    transition-property: background, box-shadow;
    transition-duration: var(--transition-time);
    cursor: pointer;
    flex-grow: 1;
    align-content: center;
    padding: 0 0.5em;
}

#theme-preferences__content .theme-client-prefs-radio label {
    user-select: none;
    -webkit-user-drag: none;
    background: var(--theme-bg-color-250);
    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 0.5em;
    font-weight: bold;
    border-top: 1px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
    border-bottom: 2px solid var(--color-darkened-border);
}

#theme-preferences__content .theme-client-prefs-radio input:checked + label {
    background-color: var(--bg-color-message-subtle);
}
/* #endregion */
Аноним

Поиск

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

Пространства имён

Ещё

Действия на странице

Версия от 15:19, 4 мая 2025

Навигация

Навигация

Corvax

Порталы

Вики-инструменты

Вики-инструменты

Аноним

Поиск

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

Версия от 15:19, 4 мая 2025

Навигация

Вики-инструменты

Инструменты для страниц
