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

мНет описания правки
мНет описания правки
 
(не показано 109 промежуточных версий этого же участника)
Строка 51: Строка 51:
--index-low: -1;
--index-low: -1;
--index-lower: -10;
--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-0: invert(0);
Строка 62: Строка 58:
--border-color-hr: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 13%));
--border-color-hr: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 13%));
--font-family-base: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif;
--font-family-oswald: 'oswald';
--font-family-heading: "noto sans";
--font-family-libertine: 'Linux Libertine', 'Georgia', 'Times', serif;
--font-family-monospace: 'Menlo', 'Consolas', 'Monaco', 'Noto Mono', 'Nimbus Mono L', monospace;
--font-size-xxs: 80%;
--font-size-xs: 90%;
--font-size-s: 95%;
--font-size-m: 100%;
--font-size-ml: 105%;
--font-size-l: 115%;
--font-size-xl: 120%;
--font-size-xxl: 130%;
--font-size-huge: 150%;
--font-size-giant: 200%;


/*== Значение прозрачности ==*/
/*== Значение прозрачности ==*/
Строка 73: Строка 86:
/*== Цвет текста ==*/
/*== Цвет текста ==*/
--text-color-link: #77c1d9;
--text-color-link: #77c1d9;
--text-color-link-external: #3377aa;
--text-color-link--visited: #6aa9cf;
--text-color-link-new: #d73333;
--text-color-link-new--visited: #b32424;
--text-color-link-external: #367cb1;
--text-color-link-external--visited: #296c9d;


/*== Контрастный цвет (синий) ==*/
/*== Контрастный цвет (синий) ==*/
Строка 114: Строка 131:
--border-color-neutral: var(--theme-border-color-base);
--border-color-neutral: var(--theme-border-color-base);
--border-color-progressive: #38384b;
--border-color-progressive: #38384b;
--border-color-warning: #88781e;
--border-color-warning: #897400;
--border-color-error: #9b2122;
--border-color-error: #9b2122;


Строка 136: Строка 153:
--color-shift-percent-100: 0%;
--color-shift-percent-100: 0%;
--color-shift-percent-150: 4%;
--color-shift-percent-150: 4%;
--color-shift-percent-dark: 23%;
--color-shift-percent-dark: 25%;
--color-shift-percent-subtle: 32%;
--color-shift-percent-subtle: 32%;


Строка 203: Строка 220:
/* Turquoise */
/* Turquoise */
--bg-color-turquoise--hsl: 185.05deg 95.96%;
--bg-color-turquoise--hsl: 187.05deg 83.96%;
--bg-color-turquoise--hsl-alpha: 19.41%;
--bg-color-turquoise--hsl-alpha: 20.5%;
--bg-color-turquoise-50: hsl(var(--bg-color-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-turquoise--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-turquoise-50: hsl(var(--bg-color-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-turquoise--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-turquoise-100: hsl(var(--bg-color-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-turquoise--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-turquoise-100: hsl(var(--bg-color-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-turquoise--hsl-alpha) + var(--color-shift-percent-100)));
Строка 210: Строка 227:
--bg-color-turquoise-dark: color-mix(in srgb, var(--bg-color-turquoise-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-turquoise-dark: color-mix(in srgb, var(--bg-color-turquoise-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-turquoise-subtle: color-mix(in srgb, var(--bg-color-turquoise-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
--bg-color-turquoise-subtle: color-mix(in srgb, var(--bg-color-turquoise-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Grey */
--bg-color-grey--hsl: 200deg 10%;
--bg-color-grey--hsl-alpha: 29%;
--bg-color-grey-50: hsl(var(--bg-color-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-grey--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-grey-100: hsl(var(--bg-color-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-grey--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-grey-150: hsl(var(--bg-color-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-grey--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-grey-dark: color-mix(in srgb, var(--bg-color-grey-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-grey-subtle: color-mix(in srgb, var(--bg-color-grey-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Azure */
/* Azure */
Строка 267: Строка 293:
/* Pastel Red */
/* Pastel Red */
--bg-color-pastel-red--hsl: 351.21deg 66.67%;
--bg-color-pastel-red--hsl: 351.21deg 66.67%;
--bg-color-pastel-red--hsl-alpha: 32.12%;
--bg-color-pastel-red--hsl-alpha: 30%;
--bg-color-pastel-red-50: hsl(var(--bg-color-pastel-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-red--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-red-50: hsl(var(--bg-color-pastel-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-red--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-red-100: hsl(var(--bg-color-pastel-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-red--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-red-100: hsl(var(--bg-color-pastel-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-red--hsl-alpha) + var(--color-shift-percent-100)));
Строка 276: Строка 302:
/* Pastel Blue */
/* Pastel Blue */
--bg-color-pastel-blue--hsl: 246.32deg 28.93%;
--bg-color-pastel-blue--hsl: 246.32deg 28.93%;
--bg-color-pastel-blue--hsl-alpha: 38.63%;
--bg-color-pastel-blue--hsl-alpha: 36.63%;
--bg-color-pastel-blue-50: hsl(var(--bg-color-pastel-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-blue--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-blue-50: hsl(var(--bg-color-pastel-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-blue--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-blue-100: hsl(var(--bg-color-pastel-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-blue--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-blue-100: hsl(var(--bg-color-pastel-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-blue--hsl-alpha) + var(--color-shift-percent-100)));
Строка 285: Строка 311:
/* Pastel Skyblue */
/* Pastel Skyblue */
--bg-color-pastel-skyblue--hsl: 195.00deg 41.10%;
--bg-color-pastel-skyblue--hsl: 195.00deg 41.10%;
--bg-color-pastel-skyblue--hsl-alpha: 28.63%;
--bg-color-pastel-skyblue--hsl-alpha: 26.63%;
--bg-color-pastel-skyblue-50: hsl(var(--bg-color-pastel-skyblue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-skyblue--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-skyblue-50: hsl(var(--bg-color-pastel-skyblue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-skyblue--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-skyblue-100: hsl(var(--bg-color-pastel-skyblue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-skyblue--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-skyblue-100: hsl(var(--bg-color-pastel-skyblue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-skyblue--hsl-alpha) + var(--color-shift-percent-100)));
Строка 293: Строка 319:
/* Pastel Magenta */
/* Pastel Magenta */
--bg-color-pastel-magenta--hsl: 309.35deg 44.51%;
--bg-color-pastel-magenta--hsl: 301.35deg 44.51%;
--bg-color-pastel-magenta--hsl-alpha: 33.92%;
--bg-color-pastel-magenta--hsl-alpha: 30.92%;
--bg-color-pastel-magenta-50: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-magenta-50: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-magenta-100: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-magenta-100: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-100)));
Строка 303: Строка 329:
/* Pastel Lime */
/* Pastel Lime */
--bg-color-pastel-lime--hsl: 85.71deg 47.19%;
--bg-color-pastel-lime--hsl: 85.71deg 47.19%;
--bg-color-pastel-lime--hsl-alpha: 32.90%;
--bg-color-pastel-lime--hsl-alpha: 30.90%;
--bg-color-pastel-lime-50: hsl(var(--bg-color-pastel-lime--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-lime--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-lime-50: hsl(var(--bg-color-pastel-lime--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-lime--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-lime-100: hsl(var(--bg-color-pastel-lime--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-lime--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-lime-100: hsl(var(--bg-color-pastel-lime--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-lime--hsl-alpha) + var(--color-shift-percent-100)));
Строка 312: Строка 338:
/* Pastel Turquoise */
/* Pastel Turquoise */
--bg-color-pastel-turquoise--hsl: 176.84deg 35.40%;
--bg-color-pastel-turquoise--hsl: 176.84deg 35.40%;
--bg-color-pastel-turquoise--hsl-alpha: 29.57%;
--bg-color-pastel-turquoise--hsl-alpha: 27.57%;
--bg-color-pastel-turquoise-50: hsl(var(--bg-color-pastel-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-turquoise--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-turquoise-50: hsl(var(--bg-color-pastel-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-turquoise--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-turquoise-100: hsl(var(--bg-color-pastel-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-turquoise--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-turquoise-100: hsl(var(--bg-color-pastel-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-turquoise--hsl-alpha) + var(--color-shift-percent-100)));
Строка 318: Строка 344:
--bg-color-pastel-turquoise-dark: color-mix(in srgb, var(--bg-color-pastel-turquoise-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-pastel-turquoise-dark: color-mix(in srgb, var(--bg-color-pastel-turquoise-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-pastel-turquoise-subtle: color-mix(in srgb, var(--bg-color-pastel-turquoise-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
--bg-color-pastel-turquoise-subtle: color-mix(in srgb, var(--bg-color-pastel-turquoise-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
/* Pastel Grey */
--bg-color-pastel-grey--hsl: 45.00deg 5.41%;
--bg-color-pastel-grey--hsl-alpha: 40.53%;
--bg-color-pastel-grey-50: hsl(var(--bg-color-pastel-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-grey--hsl-alpha) + var(--color-shift-percent-50)));
--bg-color-pastel-grey-100: hsl(var(--bg-color-pastel-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-grey--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-grey-150: hsl(var(--bg-color-pastel-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-grey--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-grey-dark: color-mix(in srgb, var(--bg-color-pastel-grey-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
--bg-color-pastel-grey-subtle: color-mix(in srgb, var(--bg-color-pastel-grey-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));


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


/*== Палитра цветов текста ==*/
/*== Палитра цветов текста ==*/
Строка 372: Строка 407:
--box-shadow-outline: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
--box-shadow-outline: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
--box-shadow-overlay: 0px 0px 100vw 100vh rgba(0, 0, 0, var(--alpha-m));
--box-shadow-overlay: 0px 0px 100vw 100vh rgba(0, 0, 0, var(--alpha-m));
--filter-drop-shadow: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.6));
--filter-drop-shadow-low: drop-shadow(0 1px 0px rgba(0,0,0,0.3));
--filter-drop-shadow-medium: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.6));


/*== Закругление границ ==*/
/*== Закругление границ ==*/
Строка 393: Строка 430:
Палитра темы Вики
Палитра темы Вики
==========*/
==========*/
--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: var(--ooui-text-color);
Строка 414: Строка 447:
--theme-bg-color-200: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 5%));
--theme-bg-color-200: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 5%));
--theme-bg-color-250: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 7%));
--theme-bg-color-250: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 7%));
--theme-bg-color-350: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 9%));
--theme-bg-color-300: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 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-250), var(--theme-bg-color-200));
--theme-bg-header--gradient: linear-gradient(120deg, var(--theme-bg-color-250), var(--theme-bg-color-200));
--theme-bg-header-light--gradient: linear-gradient(120deg, var(--theme-bg-color-350), var(--theme-bg-color-200));
--theme-bg-header-light--gradient: linear-gradient(120deg, var(--theme-bg-color-300), var(--theme-bg-color-200));
--theme-bg-header-light--gradient-center: linear-gradient(120deg, var(--theme-bg-color-200) 0%, var(--theme-bg-color-350) 50%, var(--theme-bg-color-200) 100%);
--theme-bg-header-light--gradient-center: linear-gradient(120deg, var(--theme-bg-color-200) 0%, var(--theme-bg-color-300) 50%, var(--theme-bg-color-200) 100%);


/*== Цвет границ ==*/
/*== Цвет границ ==*/
Строка 469: Строка 500:
--theme-bg-color-100: #14181f;
--theme-bg-color-100: #14181f;


--theme-color-darkened--rgb: 20, 24, 31;
--ooui-bg--hsl: 205deg 24%;
 
--ooui-bg--hsl: 203deg 23%;
--ooui-bg--hsl-alpha: 14%;
--ooui-bg--hsl-alpha: 14%;
}
}
Строка 495: Строка 524:


--theme-bg--hsl: 210deg 46%;
--theme-bg--hsl: 210deg 46%;
--theme-bg--hsl-alpha: 93%;
--theme-bg--hsl-alpha: 94%;
--theme-bg-color-base: #f7f7f7;
--theme-bg-color-base: #f7f7f7;
--theme-bg-color-100: #eef1f4;
--theme-bg-color-100: #eef1f4;
--theme-color-darkened--rgb: 232, 237, 242;
--theme-color-darkened--rgb: 232, 237, 242;
--theme-bg-color-150: hsl(var(--theme-bg--hsl) var(--theme-bg--hsl-alpha));
--theme-bg-color-150: hsl(var(--theme-bg--hsl) var(--theme-bg--hsl-alpha));
--theme-border-color-base: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 11% - 5%));
--theme-border-color-100: hsl(var(--theme-bg--hsl) calc(var(--theme-bg--hsl-alpha) + var(--theme-brightness-trigger) 13% - 5%));
--theme-text-color: var(--ooui-text-color);
--theme-text-color: var(--ooui-text-color);
Строка 511: Строка 535:


--ooui-bg--hsl: 200deg 30%;
--ooui-bg--hsl: 200deg 30%;
--ooui-bg--hsl-alpha: 88%;
--ooui-bg--hsl-alpha: 90%;
--ooui-border-color: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 5% - 5%));
--ooui-border-color: hsl(var(--ooui-bg--hsl) calc(var(--ooui-bg--hsl-alpha) + var(--theme-brightness-trigger) 5% - 5%));
Строка 522: Строка 546:


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


--invert-0: invert(0);
--invert-0: invert(0);
Строка 573: Строка 599:
--theme-bg-color-base: #1c1c21;
--theme-bg-color-base: #1c1c21;
--theme-bg-color-100: #252529;
--theme-bg-color-100: #252529;
--theme-color-darkened--rgb: 37, 37, 41;


--ooui-bg--hsl: 220deg 5%;
--ooui-bg--hsl: 220deg 5%;
Строка 742: Строка 766:


.screenplay, code, tt, kbd, pre, samp, .skin-timeless .monospace {
.screenplay, code, tt, kbd, pre, samp, .skin-timeless .monospace {
font-family: 'Menlo', 'Consolas', 'Monaco', 'Noto Mono', 'Nimbus Mono L', monospace;
font-family: var(--font-family-monospace);
}
}


Строка 752: Строка 776:
padding: 0.5em;
padding: 0.5em;
color: var(--theme-text-color);
color: var(--theme-text-color);
font-family: 'Menlo', 'Consolas', 'Monaco', 'Noto Mono', 'Nimbus Mono L', monospace;
font-family: var(--font-family-monospace);
}
}


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


Строка 819: Строка 844:
}
}


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 {
a {
color: var(--text-color-link);
color: var(--text-color-link);
}
a:hover {
color: var(--theme-text-color-light);
}
a:visited, a:visited:hover {
color: var(--text-color-link--visited);
}
a.new, .new a {
color: var(--text-color-link-new);
}
a.new:hover, .new a:hover {
color: var(--text-color-link-new--visited);
}
a.new:visited, .new a:visited {
color: var(--text-color-link-new--visited);
}
.mw-parser-output a.external, .mw-parser-output a.extiw {
color: var(--text-color-link-external)
}
.mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
color: var(--text-color-link-external--visited);
}
}


Строка 829: Строка 882:
a.label {
a.label {
color: var(--theme-text-color);
color: var(--theme-text-color);
}
a:hover,a:visited:hover {
color: var(--theme-text-color-light)
}
}


Строка 840: Строка 889:
margin-top: 0.8em;
margin-top: 0.8em;
margin-bottom: 0.4em;
margin-bottom: 0.4em;
border-left: 2px solid var(--theme-border-color-100);
padding-left: 5px;
}
}


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


.mw-body h2 {
.mw-body h2 {
font-size: 1.5em;
font-size: var(--font-size-huge);
border-bottom: none;
border-bottom: none;
font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
font-family: var(--font-family-libertine);
margin-bottom: 0.4em;
margin-bottom: 0.4em;
margin-top: 1em;
margin-top: 1em;
Строка 858: Строка 909:


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


.mw-body h4,
.mw-body h4,
.mw-body h5 {
.mw-body h5 {
font-size: 1em;
font-size: var(--font-size-ml);
font-weight: bold;
font-weight: bold;
font-family: sans-serif;
font-family: sans-serif;
Строка 920: Строка 970:
tr + tr > .navbox-image,
tr + tr > .navbox-image,
tr + tr > .navbox-list { /* Borders above 2nd, 3rd, etc. rows */
tr + tr > .navbox-list { /* Borders above 2nd, 3rd, etc. rows */
border-top: 1px solid var(--theme-bg-color-100); /* Must match background color */
border-top: 2px solid var(--theme-bg-color-100); /* Must match background color */
border-bottom: 1px solid var(--theme-bg-color-100);
}
}


Строка 940: Строка 989:
.navbox-subgroup .navbox-abovebelow {
.navbox-subgroup .navbox-abovebelow {
background: var(--theme-bg-color-200); /* Level 2 color */
background: var(--theme-bg-color-200); /* Level 2 color */
border-right: 1px solid var(--theme-bg-color-150);
}
border-bottom: 1px solid var(--theme-bg-color-150);
border-top: none;
}
.navbox-abovebelow,
.navbox-abovebelow,
th.navbox-group,
th.navbox-group,
.navbox-subgroup .navbox-title {
.navbox-subgroup .navbox-title {
background: var(--theme-bg-color-250); /* Level 3 color */
background: var(--theme-bg-color-250); /* Level 3 color */
border-right: 1px solid var(--theme-bg-color-100);
}
}
.navbox-even {
.navbox-even {
Строка 973: Строка 1020:
.navbox td:not(:has(table)), .navbox ul {
.navbox td:not(:has(table)), .navbox ul {
background: var(--theme-bg-color-150);
background: var(--theme-bg-color-150);
padding: 4px 2px !important;
padding: 3px 2px !important;
}
}


Строка 1013: Строка 1060:
/* #region Расширение */
/* #region Расширение */
/* ============ */
/* ============ */
/*=== Clipboard4wiki ===*/
/*=== Clipboard4wiki ===*/
[tooltip] {
[tooltip] {
Строка 1027: Строка 1073:


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


Строка 1049: Строка 1095:
}
}


/*=== Расширение:Popups ===*/
/*=== Popups ===*/
/* Всплывающие окна */
/* Всплывающие окна */
.mwe-popups {
.mwe-popups {
Строка 1106: Строка 1152:
}
}


/*=== Расширение:InputBox ===*/
/*=== InputBox ===*/
.mw-ui-input {
.mw-ui-input {
background: var(--ooui-bg-color);
background: var(--ooui-bg-color);
Строка 1121: Строка 1167:
}
}


/*=== Расширение:SyntaxHighlight ===*/
/*=== SyntaxHighlight ===*/
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
background: var(--theme-bg-color-100);
background: var(--theme-bg-color-100);
Строка 1135: Строка 1181:


/*=== GrowthExperiments ===*/
/*=== GrowthExperiments ===*/
body.mw-special-Homepage.growthexperiments-homepage-desktop .growthexperiments-homepage-container .growthexperiments-homepage-group-main {
.growthexperiments-mentor-dashboard-group-main {
--width: clamp(300px, 50vw, 480px);
--width: clamp(300px, 50vw, 480px);
width: var(--width);
width: var(--width);
Строка 1141: Строка 1187:
}
}


.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-no-results, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-error, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-end-of-queue {
.ext-growthExperiments-MenteeOverview__actions {
width: 300px;
flex-wrap: wrap;
}
}


.growthexperiments-homepage-module-suggested-edits .suggested-edits-filters .oo-ui-buttonGroupWidget {
.mw-echo-ui-notificationItemWidget-initiallyUnseen {
gap: 0.2em;
animation-fill-mode: unset;
}
}


.mw-ge-help-panel-widget-overlay,
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image {
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame {
box-shadow: inset 0 0 1px 1px var(--bg-color-focus);
max-width: calc(100% - 2em);
max-height: calc(100% - 2em);
}
}


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


Строка 1164: Строка 1208:
}
}


@media screen and (max-width: 850px) {
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-text[dir='ltr'] .se-card-extract::after,
.mw-ge-help-panel-popup .oo-ui-dialog.oo-ui-window-setup {
.oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless::after,
box-shadow: var(--box-shadow-overlay);
.oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed::after {
}
background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--ooui-bg-color) 50%);
}
 
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image.mw-ge-tasktype-image-recommendation, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-image.mw-ge-tasktype-section-image-recommendation {
background-color: var(--bg-color-yellow-100);
}
 
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium {
background-color: var(--bg-color-yellow-50);
}
 
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium {
border-color: var(--bg-color-yellow-150);
}
 
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium::before, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium::before {
border-top-color: var(--bg-color-yellow-150);
border-bottom-color: var(--bg-color-yellow-150);
}
 
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-medium::after, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-medium::after {
border-top-color: var(--bg-color-yellow-50);
border-bottom-color: var(--bg-color-yellow-50);
}
 
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard {
background-color: var(--bg-color-red-50);
}
 
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard {
border-color: var(--bg-color-red-150);
}
 
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard::before, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard::before {
border-top-color: var(--bg-color-red-150);
border-bottom-color: var(--bg-color-red-150);
}
 
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-hard::after, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-hard::after {
border-top-color: var(--bg-color-red-50);
border-bottom-color: var(--bg-color-red-50);
}
 
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy {
background-color: var(--bg-color-emerald-50);
}
 
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy {
border-color: var(--bg-color-emerald-150);
}
 
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy::before, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy::before {
border-top-color: var(--bg-color-emerald-150);
border-bottom-color: var(--bg-color-emerald-150);
}
 
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-indicator-easy::after, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-indicator-easy::after {
border-top-color: var(--bg-color-emerald-50);
border-bottom-color: var(--bg-color-emerald-50);
}
}
/* #endregion */
/* #endregion */
Строка 1262: Строка 1364:
.searchresults .mw-search-results .mw-search-result-heading {
.searchresults .mw-search-results .mw-search-result-heading {
border-bottom: 2px solid var(--bg-color-sky-blue-100);
border-bottom: 2px solid var(--bg-color-sky-blue-100);
display: flex;
flex-direction: column;
}
}


.searchresults .mw-search-results .mw-search-result-heading a {
.searchresults .mw-search-results .mw-search-result-heading > a,
.searchalttitle {
display: flex;
display: flex;
padding: 0.1em 0.75em;
padding: 0.1em 0.75em;
}
}


.searchresults .mw-search-results .searchresult {
.searchalttitle, #mw-search-interwiki li {
display: flex;
flex-wrap: wrap;
}
 
.searchresults .mw-search-results .searchresult {
flex: 1;
flex: 1;
padding: 0.5em;
padding: 0.5em;
Строка 1289: Строка 1399:
}
}


/*=== Остальное ===*/
.searchResultImage .searchResultImage-text {
.mw-footer .footer-icons a {
flex: 1;
background: var(--theme-bg-color-100);
border: 1px solid var(--theme-border-color-base);
padding-right: 15px;
padding-left: 15px;
min-height: 44px;
display: inline-flex;
align-items: center;
}
}


/*=== Остальное ===*/
.mw-json th, .mw-json td {
.mw-json th, .mw-json td {
border: 1px solid black;
border: 1px solid black;
Строка 1323: Строка 1427:
}
}


.mw-ui-button.mw-ui-progressive:not(:disabled),
.mw-ui-button.mw-ui-destructive:not(:disabled),
.mw-ui-button {
.mw-ui-button {
color: var(--theme-text-color);
color: var(--theme-text-color);
Строка 1333: Строка 1439:
@media screen and (max-width: 850px) {
@media screen and (max-width: 850px) {
.wikitable:not(.no-img-adaptive) img[width="64"][height="64"] {
.wikitable:not(.no-img-adaptive) img[width="64"][height="64"] {
width: 32px;
width: 32px !important;
height: 32px;
height: 32px !important;
}
}
*:not(.no-img-adaptive) img[width="64"][height="128"] {
*:not(.no-img-adaptive) img[width="64"][height="128"] {
width: 32px;
width: 32px !important;
height: 64px;
height: 64px !important;
}
}
*:not(.no-img-adaptive) img[width="128"][height="128"] {
*:not(.no-img-adaptive) img[width="128"][height="128"] {
width: 64px;
width: 64px !important;
height: 64px;
height: 64px !important;
}
}
}
}
Строка 1363: Строка 1469:
.wikiEditor-ui-toolbar .group .tool-select .options {
.wikiEditor-ui-toolbar .group .tool-select .options {
border: none;
border: none;
}
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)
}
}


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


Строка 1402: Строка 1506:
/*=== Стиль для таблиц ===*/
/*=== Стиль для таблиц ===*/
/* wikitable */
/* wikitable */
.wikitable {
.wikitable,
.content table.wikitable {
background-color: var(--theme-bg-color-100);
background-color: var(--theme-bg-color-100);
color: var(--theme-text-color);
color: var(--theme-text-color);
Строка 1463: Строка 1568:
}*/
}*/


@media all and (max-width: 640px) {
/* Таблицы на телефонах */
.mw-body-content table.mw-made-collapsible.mw-collapsed {
display: table;
}
}
 
@media screen and (max-width: 850px) {
@media screen and (max-width: 850px) {
.wikitable {
    .mw-body table table {
font-size: 0.8em;
        width: 100%;
}
    }
}
}


Строка 1565: Строка 1674:


.mw-mmv-dialog .mw-mmv-dialog-warning {
.mw-mmv-dialog .mw-mmv-dialog-warning {
background-color: var(--bg-color-warning-subtle);
background-color: var(--bg-color-warning);
}
}


Строка 1576: Строка 1685:
}
}


/*=== Кнопки ===*/
/*=== ace ===*/
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive {
.ace-tm .ace_gutter {
background: var(--color-contrast-dark);
background: var(--theme-bg-color-100);
border-color: var(--color-contrast);
color: var(--ooui-text-color-dark);
}
}


.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover {
.ace-tm .ace_print-margin {
background: var(--color-contrast);
width: 1px;
border-color: var(--color-contrast);
background: var(--theme-bg-color-base)
}
}


.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon {
.ace_mobile-menu {
background: var(--theme-bg-color-base);
color: var(--theme-text-color);
background: var(--ooui-bg-color);
border-color: var(--ooui-border-color-light);
box-shadow: var(--box-shadow-medium);
}
}


.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon {
.ace-tm {
background: var(--theme-bg-color-base);
background: var(--theme-bg-color-base);
color: var(--ooui-text-color);
}
}


.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
.ace-tm .ace_cursor {
border-color: transparent;
color: var(--ooui-text-color-light);
}
}


.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
body:not(.wgl-theme-light) .ace-tm .ace_storage,.ace-tm .ace_keyword {
background: var(--bg-color-focus);
color: rgb(153,153,255);
}
}


.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {
body:not(.wgl-theme-light) .ace-tm .ace_constant {
background: var(--theme-bg-color-150);
color: rgb(241,89,92);
color: var(--theme-text-color);
border-color: var(--theme-border-color-base);
}
}


.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover {
body:not(.wgl-theme-light) .ace-tm .ace_support.ace_function {
background: var(--theme-bg-color-200);
color: rgb(68,118,235);
color: var(--theme-text-color-light);
border-color: var(--theme-border-color-base);
}
}


form.createbox:invalid .cdx-button {
body:not(.wgl-theme-light) .ace-tm .ace_support.ace_constant {
    background-color: var(--theme-bg-color-200) !important;
color: rgb(23,202,33);
    color: var(--theme-text-color) !important;
    border-color: var(--theme-bg-color-200) !important;
}
}


.cdx-select:enabled {
body:not(.wgl-theme-light) .ace-tm .ace_support.ace_type,.ace-tm .ace_support.ace_class {
background-color: var(--theme-bg-color-150);
color: rgb(182,187,236);
color: var(--theme-text-color);
border-color: var(--theme-border-color-base);
}
}


.cdx-select:enabled:hover {
body:not(.wgl-theme-light) .ace-tm .ace_string {
background-color: var(--theme-bg-color-150);
color: rgb(6,142,13);
color: var(--theme-text-color-light);
border-color: var(--theme-border-color-base);
}
}


.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header {
body:not(.wgl-theme-light) .ace-tm .ace_comment {
background-color: transparent;
color: rgb(103,193,150);
border-color: var(--theme-border-color-base);
}
}


.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=false] {
body:not(.wgl-theme-light) .ace-tm .ace_constant.ace_numeric {
color: var(--theme-text-color-dark);
color: rgb(153,153,255);
}
}


.cdx-text-input__input:enabled {
body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_selection {
background-color: var(--theme-bg-color-150);
background: rgb(28,45,68);
color: var(--theme-text-color-light);
border-color: var(--theme-border-color-base);
}
}


.cdx-text-input__input:enabled:hover {
body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_bracket {
border-color: var(--theme-border-color-100);
margin: -1px 0 0 -1px;
border: 1px solid rgb(94,94,94);
}
}


/*=== ace ===*/
body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_active-line {
.ace-tm .ace_gutter {
background: rgb(153,153,183,7%);
background: var(--theme-bg-color-100);
color: var(--ooui-text-color-dark);
}
}


.ace-tm .ace_print-margin {
body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_selected-word {
width: 1px;
background: rgb(37,59,89);
background: var(--theme-bg-color-base)
border: 1px solid rgb(36,36,42);
}
}


.ace_mobile-menu {
/*=== tabs ===*/
color: var(--theme-text-color);
/* Стили для блока */
background: var(--ooui-bg-color);
.tabs-tabbox, .tabs-togglebox {
border-color: var(--ooui-border-color-light);
display: flow-root;
box-shadow: var(--box-shadow-medium);
}
}


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


.ace-tm .ace_cursor {
/* Стили для стили для вкладок */
color: var(--ooui-text-color-light);
.tabs-tabbox > .tabs-input + .tabs-input + .tabs-label {
margin: 0;
}
}


body:not(.wgl-theme-light) .ace-tm .ace_storage,.ace-tm .ace_keyword {
.tabs-tabbox > .tabs-label {
color: rgb(153,153,255);
cursor: pointer;
padding: 1px 6px;
margin: 0;
vertical-align: baseline;
border-radius: 0;
background: var(--theme-bg-color-150);
border: 1px solid var(--theme-bg-color-base);
border-top: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-xs));
}
}


body:not(.wgl-theme-light) .ace-tm .ace_constant {
.tabs-tabbox > .tabs-label:hover {
color: rgb(241,89,92);
z-index: 2;
background: var(--theme-bg-color-200);
transition: all 0.1s;
}
}


body:not(.wgl-theme-light) .ace-tm .ace_support.ace_function {
/* Стили для контейнера вкладок */
color: rgb(68,118,235);
.tabs-tabbox > .tabs-container {
padding: 14px 10px;
background: var(--theme-bg-color-175);
border: none;
border-top: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-x));
border-radius: var(--border-radius-low);
box-shadow: var(--box-shadow);
}
}


body:not(.wgl-theme-light) .ace-tm .ace_support.ace_constant {
/*=== toc ===*/
color: rgb(23,202,33);
ul#filetoc, .toc, .toccolours, .mw-warning {
border-radius: 0.5em;
background: var(--theme-bg-color-150);
padding: 12px;
box-sizing: border-box;
margin: 12px 0;
min-width: 12em;
border: none;
box-shadow: var(--box-shadow-outline);
line-height: 1.3;
}
}


body:not(.wgl-theme-light) .ace-tm .ace_support.ace_type,.ace-tm .ace_support.ace_class {
.toc, .toc * {
color: rgb(182,187,236);
box-sizing: border-box;
}
}


body:not(.wgl-theme-light) .ace-tm .ace_string {
.toc .toctitle {
color: rgb(6,142,13);
font-size: 0.95em;
}
padding: 0 8px;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
text-align: left;
border: none;
}


body:not(.wgl-theme-light) .ace-tm .ace_comment {
.toc .toctitle h2 {
color: rgb(103,193,150);
font-size: 1.1em;
font-weight: bold;
display: flex;
align-items: center;
}
}


body:not(.wgl-theme-light) .ace-tm .ace_constant.ace_numeric {
.toc .toctitle h2::before {
color: rgb(153,153,255);
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;
}
}


body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_selection {
.toc .toctogglelabel {
background: rgb(28,45,68);
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
font-size: unset;
line-height: unset;
display: flex;
align-items: center;
justify-content: flex-end;
font-family: var(--font-family-heading);
}
}


body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_bracket {
.toctogglecheckbox:not(:checked) + .toctitle .toctogglelabel:after,
margin: -1px 0 0 -1px;
.toctogglecheckbox:checked + .toctitle .toctogglelabel:after {
border: 1px solid rgb(94,94,94);
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);
}
}


body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_active-line {
.toctogglecheckbox:checked + .toctitle .toctogglelabel:after {
background: rgb(153,153,183,7%);
transform: none;
}
}


body:not(.wgl-theme-light) .ace-tm .ace_marker-layer .ace_selected-word {
.toc > ul {
background: rgb(37,59,89);
margin: 6px 0 0 0;
border: 1px solid rgb(36,36,42);
border-top: 1px solid var(--theme-border-color-base);
padding-top: 2px;
}
}


/*=== tabs ===*/
#searchInput:focus {
/* Стили для блока */
outline: 2px solid var(--color-contrast);
.tabs-tabbox, .tabs-togglebox {
display: flow-root;
}
}


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


/* Стили для стили для вкладок */
/* ============ */
.tabs-tabbox > .tabs-input + .tabs-input + .tabs-label {
/* #region Классы */
margin: 0;
/* ============ */
}


.tabs-tabbox > .tabs-label {
/* Ссылка на весь контейнер кнопки */
cursor: pointer;
a:has(.StupidButton) {
padding: 1px 6px;
position: absolute;
margin: 0;
top: 0;
vertical-align: baseline;
bottom: 0;
border-radius: 0;
left: 0;
background: transparent;
right: 0;
border: 1px solid var(--theme-bg-color-base);
z-index: var(--index-overlay);
border-top: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-xs));
}
}


.tabs-tabbox > .tabs-label:hover {
/* Подсветка при наведении */
z-index: 2;
.backlight:hover {
background: var(--theme-bg-color-200);
box-shadow: 0 0 4px 2px var(--color-contrast);
transition: all 0.1s;
}
}


/* Стили для контейнера вкладок */
/* Key press */
.tabs-tabbox > .tabs-container {
.keyboard-key,
padding: 14px 10px;
.ve-ui-commandHelpDialog-shortcut > kbd, .ve-ui-commandHelpDialog-sequence > kbd {
background: var(--theme-bg-color-175);
border: 1px solid var(--theme-border-color-100);
border: 1px solid var(--theme-bg-color-base);
border-top: 1px solid rgba(var(--theme-color-lighter--rgb), var(--alpha-x));
border-radius: var(--border-radius-low);
border-radius: var(--border-radius-low);
background-image: linear-gradient(to bottom, var(--theme-bg-color-100), var(--theme-bg-color-250), var(--theme-bg-color-100));
color: var(--theme--text-color);
padding: 0.1em 0.3em;
font-family: inherit;
font-size: 0.8em;
}
}


/*=== toc ===*/
/* Кнопка вверх [[Файл:AnomalyElectricityPulse.png]] */
ul#filetoc, .toc, .toccolours, .mw-warning {
#scroll-top {
border-radius: 0.5em;
display: none !important;
background: var(--theme-bg-color-150);
background: url(https://station14.ru/images/0/00/AnomalyElectricityPulse.png) 0% 0%/57px 57px no-repeat;
padding: 12px;
opacity: 0.5;
box-sizing: border-box;
width: 57px;
margin: 12px 0;
height: 57px;
min-width: 12em;
cursor: pointer;
border: none;
position: fixed;
box-shadow: var(--box-shadow-outline);
right: calc(0.95em + 6px);
line-height: 1.3;
bottom: 30px;
z-index: 10000;
image-rendering: pixelated;
filter: var(--filter-drop-shadow-medium);
}
}


.toc, .toc * {
#scroll-top:hover {
box-sizing: border-box;
opacity: 0.8;
}
}


.toc .toctitle {
@media screen and (max-width: 850px) {
font-size: 0.95em;
#scroll-top {
padding: 0 8px;
transform: translate(-50%, -50%);
display: flex;
left: 50%;
align-items: center;
right: 50%;
position: relative;
bottom: 15px;
overflow: hidden;
opacity: 0.3;
text-align: left;
}
border: none;
}
}


.toc .toctitle h2 {
/* Необходим для использования fonts.google.com/icons */
font-size: 1.1em;
.material-symbols-outlined {
font-weight: bold;
font-family: 'Material Symbols Outlined';
display: flex;
font-weight: normal;
align-items: center;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased
}
 
#mw-indicator-mw-helplink a {
background-image: none;
}
}


.toc .toctitle h2::before {
.mw-body-content sub,.mw-body-content sup,span.reference {
content: "";
font-size: 80%
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 {
.ns-talk .mw-body-content dd {
position: absolute;
margin-top: 0.4em;
width: 100%;
margin-bottom: 0.4em
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,
#interwiki-completelist {
.toctogglecheckbox:checked + .toctitle .toctogglelabel:after {
font-weight: bold
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 {
.hatnote {
transform: none;
    font-style: italic;
    padding-left: 1.6em;
}
}


.toc > ul {
.biglink {
margin: 6px 0 0 0;
font-family: var(--font-family-oswald);
border-top: 1px solid var(--theme-border-color-base);
font-style: oblique 10deg;
padding-top: 2px;
font-variant-caps: small-caps;
text-shadow: var(--theme-bg-color-base) 1px 2px,#595959dd 2px 2px 1px
}
}


#searchInput:focus {
.client-js .mw-special-Watchlist #watchlist-message,.client-js .collapsible:not(.mw-made-collapsible).collapsed>tbody>tr:not(:first-child),#editpage-specialchars {
outline: 2px solid var(--color-contrast);
display: none
}
}


.toctogglecheckbox:focus + .toctitle .toctogglelabel {
.mw-rcfilters-enabled .mw-specialpage-summary {
outline: none;
margin-top: 1em
}
}
/* #endregion */


/* ============ */
.citation:target {
/* #region Классы */
background: rgba(0, 127, 255, 0.133)
/* ============ */
}


/* Подсветка при наведении */
.citation {
.backlight:hover {
word-wrap: break-word
box-shadow: 0 0 4px 2px var(--color-contrast);
}
}


/* Key press */
ol.references {
.keyboard-key {
font-size: 90%;
border: 1px solid var(--theme-border-color-100);
margin-bottom: 0.5em
border-radius: var(--border-radius-low);
background-image: linear-gradient(to bottom, var(--theme-bg-color-100), var(--theme-bg-color-250), var(--theme-bg-color-100));
color: var(--theme--text-color);
padding: 0.1em 0.3em;
font-family: inherit;
font-size: 0.8em;
}
}


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


#scroll-top:hover {
.hlist dd,.hlist dt,.hlist li {
opacity: 0.8;
margin: 0;
display: inline
}
}


@media screen and (max-width: 850px) {
.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 {
#scroll-top {
display: inline
transform: translate(-50%, -50%);
left: 50%;
right: 50%;
bottom: 15px;
opacity: 0.3;
}
}
}


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


#mw-indicator-mw-helplink a {
.hlist dt:after {
background-image: none;
content: ":"
}
}


.mw-body-content sub,.mw-body-content sup,span.reference {
.hlist dd:after,.hlist li:after {
font-size: 80%
content: " · ";
font-weight: bold
}
}


.ns-talk .mw-body-content dd {
.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
margin-top: 0.4em;
content: none
margin-bottom: 0.4em
}
}


#interwiki-completelist {
.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 {
font-weight: bold
content: " (";
font-weight: normal
}
}


.biglink {
.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 {
font-family: "Oswald";
content: ")";
font-style: oblique 10deg;
font-weight: normal
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 {
.hlist ol {
display: none
counter-reset: listitem
}
}


.mw-rcfilters-enabled .mw-specialpage-summary {
.hlist ol>li {
margin-top: 1em
counter-increment: listitem
}
}


.citation:target {
.hlist ol>li:before {
background: rgba(0, 127, 255, 0.133)
content: " " counter(listitem) "\a0"
}
}


.citation {
.hlist dd ol>li:first-child:before,.hlist dt ol>li:first-child:before,.hlist li ol>li:first-child:before {
word-wrap: break-word
content: " (" counter(listitem) "\a0"
}
}


ol.references {
.plainlist ol,.plainlist ul {
font-size: 90%;
line-height: inherit;
margin-bottom: 0.5em
list-style: none none;
margin: 0
}
}


.hlist dl,.hlist ol,.hlist ul {
.plainlist ol li,.plainlist ul li {
margin: 0;
margin-bottom: 0
padding: 0
}
}


.hlist dd,.hlist dt,.hlist li {
@media (max-width: 800px) {
margin: 0;
.grid-adaptive {
display: inline
grid-template-columns: 1fr !important;
}
}
}


.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 {
.grid-item-adaptive {
display: inline
display: grid;
gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 300px), 1fr));
}
}


.hlist .mw-empty-li {
.grid-small-item-adaptive {
display: none
display: grid;
gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
}


.hlist dt:after {
.grid-item-compressed {
content: ":"
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr));
}
}


.hlist dd:after,.hlist li:after {
.grid-item-compressed {
content: " · ";
display: grid;
font-weight: bold
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr));
}
}


.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
.link-card__flex-container {
content: none
display: flex;
gap: 10px;
justify-content: center;
flex-grow: 1;
align-items: flex-start;
flex-wrap: wrap;
align-content: center;
}
}


.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 {
@media (max-width: 800px) {
content: " (";
.link-card__flex-container {
font-weight: normal
gap: 8px;
}
}
}


.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: ")";
.no-margin-edges > :first-child,
font-weight: normal
.tabs-content > :first-child,
.doc > :first-child {
margin-top: 0 !important;
}
}


.hlist ol {
.no-margin-edges > :last-child,
counter-reset: listitem
.tabs-content > :last-child,
.doc > :last-child {
margin-bottom: 0 !important;
}
}


.hlist ol>li {
/* Сброс и настройка отступов для списков */
counter-increment: listitem
.list-reset-margin ol {
margin: 0 0 0 24px;
padding: 0;
}
}


.hlist ol>li:before {
.list-reset-margin > ol:not(:first-child) > li:not(:first-child),
content: " " counter(listitem) "\a0"
.list-reset-margin > ul:nth-of-type(n+2) {
margin-top: 10px;
}
}


.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"
.copy-icon {
cursor: pointer;
}
}


.plainlist ol,.plainlist ul {
/* Кнопка копирования текста */
line-height: inherit;
.brightness-overlay::before {
list-style: none none;
content: "";
margin: 0
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: var(--background-color);
}
}


.plainlist ol li,.plainlist ul li {
margin-bottom: 0
}


@media (max-width: 800px) {
/* Псевдоэлемент для добавления фона, который изменяет яркость при наведении */
.grid-adaptive {
.brightness-overlay::before {
grid-template-columns: 1fr !important;
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%);
}
}


.grid-item-adaptive {
/* Уменьшеная полоса прокрутки */
display: grid;
@media not all and (hover: none) and (pointer: coarse) {
gap: 8px;
body:not(.wgl-theme-light) .short-scrollbar::-webkit-scrollbar {
grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 300px), 1fr));
width: 13px;
}
}
}


.grid-small-item-adaptive {
/* Для для динамичного вида кнопки "[развернуть]" */
display: grid;
.collapsible-absolute .mw-collapsible-toggle {
gap: 8px;
position: absolute;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
left: 0;
right: 0;
}
}


.grid-item-compressed {
/* Обводка тенью изображений и текста */
display: grid;
.with-drop-shadow,
gap: 10px;
.mw-wiki-logo.timeless-logo img {
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr));
filter: var(--filter-drop-shadow-medium);
}
}


.grid-item-compressed {
.tooltip {
display: grid;
position: relative;
gap: 10px;
display: inline;
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 350px), 0fr));
}
}


.link-card__flex-container {
.tooltiptext {
display: flex;  
position: absolute;
gap: 10px;  
min-width: 240px;
justify-content: center;  
max-width: 100%;
flex-grow: 1;  
left: -240px;
align-items: flex-start;  
right: -240px;
flex-wrap: wrap;  
top: 125%;
align-content: center;
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);
}
}


@media (max-width: 800px) {
.tooltip:hover>.tooltiptext {
.link-card__flex-container {
visibility: visible;
gap: 8px;
opacity: 1;
}
}
}


/* Удаление верхних и нижних отступов для первого и последнего дочернего элемента */
@media screen and (min-width: 851px) {
.no-margin-edges > :first-child,
.mobile {
.tabs-content > :first-child,
display:none
.doc > :first-child {
}
margin-top: 0 !important;
}


.no-margin-edges > :last-child,
.headder {
.tabs-content > :last-child,
width: 25%;
.doc > :last-child {
float: right;
margin-bottom: 0 !important;
margin-left: 1em
}
}


/* Сброс и настройка отступов для списков */
.stiky {
.list-reset-margin ol {
position: sticky;
margin: 0 0 0 24px;
top: 0.1em
padding: 0;
}
}
}


.list-reset-margin > ol:not(:first-child) > li:not(:first-child),
@media screen and (max-width: 850px) {
.list-reset-margin > ul:nth-of-type(n+2) {
.nomobile {
margin-top: 10px;
display: none !important;
}
}


/* Кнопка копирования текста */
.headder {
.copy-icon {
width: 100%;
cursor: pointer;
margin-left: 0;
}
}


/* Кнопка копирования текста */
.tooltip {
.brightness-overlay::before {
position: static;
content: "";
}
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: var(--background-color);
}


 
.tooltiptext {
/* Псевдоэлемент для добавления фона, который изменяет яркость при наведении */
box-shadow: var(--box-shadow-overlay);
.brightness-overlay::before {
position: fixed!important;
content: "";
width: 80vw !important;
position: absolute;
top: 40vh !important;
top: 0;
left: 0 !important;
left: 0;
margin: 0 auto !important;
right: 0;
right: 0!important;
bottom: 0;
}
z-index: 0;
/*
background: var(--background-color);
.mobilefont {
font-size: 80%
}
*/
.mobile-image img {
width: 32px !important;
height: 32px !important;
}
}
}


.brightness-overlay:hover::before {
/* Класс для уменьшения яркости фона tabs */
filter: brightness(103%);
.tabs-no-background > .tabs-container {
background: rgba(var(--color-lighter--rgb), 0.02);
}
}
/* #endregion */
/* ============ */
/* #region <syntaxhighlight> CODE BLOCKS  */
/* ============ */


/* Уменьшеная полоса прокрутки */
:root {
body:not(.wgl-theme-light) .short-scrollbar::-webkit-scrollbar {
--synt-high--color-darkCreamy: #262421;
width: 13px;
--synt-high--color-lightCreamy: hsl(38, 5%, 45%);
}


/* Для для динамичного вида кнопки "[развернуть]" */
--synt-high--color-comment: var(--synt-high--color-lightCreamy);
.collapsible-absolute .mw-collapsible-toggle {
--synt-high--color-err: #ff1a94;
position: absolute;
--synt-high--color-operator: #e7236a;
left: 0;
--synt-high--color-punctuation: #f8f8f2;
right: 0;
--synt-high--color-string: #e6db74;
--synt-high--color-date: var(--synt-high--color-string);
/* names for things such as variables, functions, classes, etc. */
--synt-high--color-name: #a6e22e;
/* literals, mostly numbers, some string stuff too. */
--synt-high--color-literal: #ae81ff;
/* keywords and constants */
--synt-high--color-keyword: #57b8cb;
--action-color: hsl(220, 60%, 50%);
}
 
/* Modified version of https://github.com/richleland/pygments-css/blob/master/monokai.css */
 
/* Highlighted Lines */
body:not(.wgl-theme-light) .mw-highlight .hll {
background: var(--action-color);
}
}


/* Обводка тенью изображений и текста */
/* Error */
.with-drop-shadow,
body:not(.wgl-theme-light) .mw-highlight .err {
.mw-wiki-logo.timeless-logo img {
color: var(--synt-high--color-err);
filter: var(--filter-drop-shadow);
background: hsl(328, 40%, 16%);
}
}


.tooltip {
/* Keyword */
position: relative;
body:not(.wgl-theme-light) .mw-highlight .k {
display: inline;
color: var(--synt-high--color-keyword);
}
}


.tooltiptext {
/* Literal */
position: absolute;
body:not(.wgl-theme-light) .mw-highlight .l {
min-width: 240px;
color: var(--synt-high--color-literal);
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 {
/* Name */
visibility: visible;
body:not(.wgl-theme-light) .mw-highlight .n {
opacity: 1;
color: #f8f8f2;
}
}


@media screen and (min-width: 851px) {
/* Operator */
.mobile {
body:not(.wgl-theme-light) .mw-highlight .o {
display:none
color: var(--synt-high--color-operator);
}
}


.headder {
/* Punctuation */
width: 25%;
body:not(.wgl-theme-light) .mw-highlight .p {
float: right;
color: var(--synt-high--color-punctuation);
margin-left: 1em
}
}


.stiky {
/* Comment */
position: sticky;
body:not(.wgl-theme-light) .mw-highlight .c {
top: 0.1em
color: var(--synt-high--color-comment);
}
}
}


@media screen and (max-width: 850px) {
/* Comment.Hashbang */
.nomobile {
body:not(.wgl-theme-light) .mw-highlight .ch {
display: none !important;
color: var(--synt-high--color-comment);
}
}


.headder {
/* Comment.Multiline */
width: 100%;
body:not(.wgl-theme-light) .mw-highlight .cm {
margin-left: 0;
color: var(--synt-high--color-comment);
}
}


.tooltip {
/* Comment.Preproc */
position: static;
body:not(.wgl-theme-light) .mw-highlight .cp {
}
color: var(--synt-high--color-comment);
}


.tooltiptext {
/* Comment.PreprocFile */
box-shadow: var(--box-shadow-overlay);
body:not(.wgl-theme-light) .mw-highlight .cpf {
position: fixed!important;
color: var(--synt-high--color-comment);
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;
}
}
}


/* Класс для уменьшения яркости фона tabs */
/* Comment.Single */
.tabs-no-background > .tabs-container {
body:not(.wgl-theme-light) .mw-highlight .c1 {
background: rgba(var(--theme-color-lighter--rgb), 0.02);
color: var(--synt-high--color-comment);
}
}
/* #endregion */


/* ============ */
/* Comment.Special */
/* #region <syntaxhighlight> CODE BLOCKS  */
body:not(.wgl-theme-light) .mw-highlight .cs {
/* ============ */
color: var(--synt-high--color-comment);
}


:root {
/* Generic.Deleted */
--synt-high--color-darkCreamy: #262421;
body:not(.wgl-theme-light) .mw-highlight .gd {
--synt-high--color-lightCreamy: hsl(38, 5%, 45%);
color: #f92672;
}


--synt-high--color-comment: var(--synt-high--color-lightCreamy);
/* Generic.Emph */
--synt-high--color-err: #ff1a94;
body:not(.wgl-theme-light) .mw-highlight .ge {
--synt-high--color-operator: #e7236a;
font-style: italic;
--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 */
/* Generic.Inserted */
body:not(.wgl-theme-light) .mw-highlight .gi {
color: var(--synt-high--color-name);
}


/* Highlighted Lines */
/* Generic.Strong */
body:not(.wgl-theme-light) .mw-highlight .hll {
body:not(.wgl-theme-light) .mw-highlight .gs {
background: var(--action-color);
font-weight: bold;
}
}


/* Error */
/* Generic.Subheading */
body:not(.wgl-theme-light) .mw-highlight .err {
body:not(.wgl-theme-light) .mw-highlight .gu {
color: var(--synt-high--color-err);
color: #75715e;
background: hsl(328, 40%, 16%);
}
}


/* Keyword */
/* Keyword.Constant */
body:not(.wgl-theme-light) .mw-highlight .k {
body:not(.wgl-theme-light) .mw-highlight .kc {
color: var(--synt-high--color-keyword);
color: var(--synt-high--color-keyword);
}
}


/* Literal */
/* Keyword.Declaration */
body:not(.wgl-theme-light) .mw-highlight .l {
body:not(.wgl-theme-light) .mw-highlight .kd {
color: var(--synt-high--color-literal);
color: var(--synt-high--color-keyword);
}
}


/* Name */
/* Keyword.Namespace */
body:not(.wgl-theme-light) .mw-highlight .n {
body:not(.wgl-theme-light) .mw-highlight .kn {
color: #f8f8f2;
color: #f92672;
}
}


/* Operator */
/* Keyword.Pseudo */
body:not(.wgl-theme-light) .mw-highlight .o {
body:not(.wgl-theme-light) .mw-highlight .kp {
color: var(--synt-high--color-operator);
color: var(--synt-high--color-keyword);
}
}


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


/* Comment */
/* Keyword.Type */
body:not(.wgl-theme-light) .mw-highlight .c {
body:not(.wgl-theme-light) .mw-highlight .kt {
color: var(--synt-high--color-comment);
color: var(--synt-high--color-keyword);
}
}


/* Comment.Hashbang */
/* Literal.Date */
body:not(.wgl-theme-light) .mw-highlight .ch {
body:not(.wgl-theme-light) .mw-highlight .ld {
color: var(--synt-high--color-comment);
color: var(--synt-high--color-date);
}
}


/* Comment.Multiline */
/* Literal.Number */
body:not(.wgl-theme-light) .mw-highlight .cm {
body:not(.wgl-theme-light) .mw-highlight .m {
color: var(--synt-high--color-comment);
color: var(--synt-high--color-literal);
}
}


/* Comment.Preproc */
/* Literal.String */
body:not(.wgl-theme-light) .mw-highlight .cp {
body:not(.wgl-theme-light) .mw-highlight .s {
color: var(--synt-high--color-comment);
color: var(--synt-high--color-string);
}
}


/* Comment.PreprocFile */
/* Name.Attribute */
body:not(.wgl-theme-light) .mw-highlight .cpf {
.mw-highlight .na {
color: var(--synt-high--color-comment);
color: var(--synt-high--color-name);
}
}


/* Comment.Single */
/* Name.Builtin */
body:not(.wgl-theme-light) .mw-highlight .c1 {
body:not(.wgl-theme-light) .mw-highlight .nb {
color: var(--synt-high--color-comment);
color: #f8f8f2;
}
}


/* Comment.Special */
/* Name.Class */
body:not(.wgl-theme-light) .mw-highlight .cs {
body:not(.wgl-theme-light) .mw-highlight .nc {
color: var(--synt-high--color-comment);
color: var(--synt-high--color-name);
}
}


/* Generic.Deleted */
/* Name.Constant */
body:not(.wgl-theme-light) .mw-highlight .gd {
body:not(.wgl-theme-light) .mw-highlight .no {
color: #f92672;
color: var(--synt-high--color-keyword);
}
}


/* Generic.Emph */
/* Name.Decorator */
body:not(.wgl-theme-light) .mw-highlight .ge {
body:not(.wgl-theme-light) .mw-highlight .nd {
font-style: italic;
}
 
/* Generic.Inserted */
body:not(.wgl-theme-light) .mw-highlight .gi {
color: var(--synt-high--color-name);
color: var(--synt-high--color-name);
}
}


/* Generic.Strong */
/* Name.Entity */
body:not(.wgl-theme-light) .mw-highlight .gs {
body:not(.wgl-theme-light) .mw-highlight .ni {
font-weight: bold;
color: #f8f8f2;
}
}


/* Generic.Subheading */
/* Name.Exception */
body:not(.wgl-theme-light) .mw-highlight .gu {
body:not(.wgl-theme-light) .mw-highlight .ne {
color: #75715e;
color: var(--synt-high--color-name);
}
}


/* Keyword.Constant */
/* Name.Function */
body:not(.wgl-theme-light) .mw-highlight .kc {
body:not(.wgl-theme-light) .mw-highlight .nf {
color: var(--synt-high--color-keyword);
color: var(--synt-high--color-name);
}
}


/* Keyword.Declaration */
/* Name.Label */
body:not(.wgl-theme-light) .mw-highlight .kd {
body:not(.wgl-theme-light) .mw-highlight .nl {
color: var(--synt-high--color-keyword);
color: #f8f8f2;
}
}


/* Keyword.Namespace */
/* Name.Namespace */
body:not(.wgl-theme-light) .mw-highlight .kn {
body:not(.wgl-theme-light) .mw-highlight .nn {
color: #f92672;
color: #f8f8f2;
}
}


/* Keyword.Pseudo */
/* Name.Other */
body:not(.wgl-theme-light) .mw-highlight .kp {
body:not(.wgl-theme-light) .mw-highlight .nx {
color: var(--synt-high--color-keyword);
color: var(--synt-high--color-name);
}
}


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


/* Keyword.Type */
/* Name.Tag */
body:not(.wgl-theme-light) .mw-highlight .kt {
body:not(.wgl-theme-light) .mw-highlight .nt {
color: var(--synt-high--color-keyword);
color: #f92672;
}
}


/* Literal.Date */
/* Name.Variable */
body:not(.wgl-theme-light) .mw-highlight .ld {
body:not(.wgl-theme-light) .mw-highlight .nv {
color: var(--synt-high--color-date);
color: #f8f8f2;
}
}


/* Literal.Number */
/* Operator.Word */
body:not(.wgl-theme-light) .mw-highlight .m {
body:not(.wgl-theme-light) .mw-highlight .ow {
color: var(--synt-high--color-literal);
color: var(--synt-high--color-operator);
}
}


/* Literal.String */
/* Text.Whitespace */
body:not(.wgl-theme-light) .mw-highlight .s {
body:not(.wgl-theme-light) .mw-highlight .w {
color: var(--synt-high--color-string);
color: #f8f8f2;
}
}


/* Name.Attribute */
/* Literal.Number.Bin */
.mw-highlight .na {
body:not(.wgl-theme-light) .mw-highlight .mb {
color: var(--synt-high--color-name);
color: var(--synt-high--color-literal);
}
}


/* Name.Builtin */
/* Literal.Number.Float */
body:not(.wgl-theme-light) .mw-highlight .nb {
body:not(.wgl-theme-light) .mw-highlight .mf {
color: #f8f8f2;
color: var(--synt-high--color-literal);
}
}


/* Name.Class */
/* Literal.Number.Hex */
body:not(.wgl-theme-light) .mw-highlight .nc {
body:not(.wgl-theme-light) .mw-highlight .mh {
color: var(--synt-high--color-name);
color: var(--synt-high--color-literal);
}
}


/* Name.Constant */
/* Literal.Number.Integer */
body:not(.wgl-theme-light) .mw-highlight .no {
body:not(.wgl-theme-light) .mw-highlight .mi {
color: var(--synt-high--color-keyword);
color: var(--synt-high--color-literal);
}
}


/* Name.Decorator */
/* Literal.Number.Oct */
body:not(.wgl-theme-light) .mw-highlight .nd {
body:not(.wgl-theme-light) .mw-highlight .mo {
color: var(--synt-high--color-name);
color: var(--synt-high--color-literal);
}
}


/* Name.Entity */
/* Literal.String.Affix */
body:not(.wgl-theme-light) .mw-highlight .ni {
body:not(.wgl-theme-light) .mw-highlight .sa {
color: #f8f8f2;
color: var(--synt-high--color-string);
}
}


/* Name.Exception */
/* Literal.String.Backtick */
body:not(.wgl-theme-light) .mw-highlight .ne {
body:not(.wgl-theme-light) .mw-highlight .sb {
color: var(--synt-high--color-name);
color: var(--synt-high--color-string);
}
}


/* Name.Function */
/* Literal.String.Char */
body:not(.wgl-theme-light) .mw-highlight .nf {
body:not(.wgl-theme-light) .mw-highlight .sc {
color: var(--synt-high--color-name);
color: var(--synt-high--color-string);
}
}


/* Name.Label */
/* Literal.String.Delimiter */
body:not(.wgl-theme-light) .mw-highlight .nl {
body:not(.wgl-theme-light) .mw-highlight .dl {
color: #f8f8f2;
color: var(--synt-high--color-string);
}
}


/* Name.Namespace */
/* Literal.String.Doc */
body:not(.wgl-theme-light) .mw-highlight .nn {
body:not(.wgl-theme-light) .mw-highlight .sd {
color: #f8f8f2;
color: var(--synt-high--color-string);
}
}


/* Name.Other */
/* Literal.String.Double */
body:not(.wgl-theme-light) .mw-highlight .nx {
body:not(.wgl-theme-light) .mw-highlight .s2 {
color: var(--synt-high--color-name);
color: var(--synt-high--color-string);
}
}


/* Name.Property */
/* Literal.String.Escape */
body:not(.wgl-theme-light) .mw-highlight .py {
body:not(.wgl-theme-light) .mw-highlight .se {
color: #f8f8f2;
color: var(--synt-high--color-literal);
}
}


/* Name.Tag */
/* Literal.String.Heredoc */
body:not(.wgl-theme-light) .mw-highlight .nt {
body:not(.wgl-theme-light) .mw-highlight .sh {
color: #f92672;
color: var(--synt-high--color-string);
}
}


/* Name.Variable */
/* Literal.String.Interpol */
body:not(.wgl-theme-light) .mw-highlight .nv {
body:not(.wgl-theme-light) .mw-highlight .si {
color: #f8f8f2;
color: var(--synt-high--color-string);
}
}


/* Operator.Word */
/* Literal.String.Other */
body:not(.wgl-theme-light) .mw-highlight .ow {
body:not(.wgl-theme-light) .mw-highlight .sx {
color: var(--synt-high--color-operator);
color: var(--synt-high--color-string);
}
}


/* Text.Whitespace */
/* Literal.String.Regex */
body:not(.wgl-theme-light) .mw-highlight .w {
body:not(.wgl-theme-light) .mw-highlight .sr {
color: #f8f8f2;
color: var(--synt-high--color-string);
}
}


/* Literal.Number.Bin */
/* Literal.String.Single */
body:not(.wgl-theme-light) .mw-highlight .mb {
body:not(.wgl-theme-light) .mw-highlight .s1 {
color: var(--synt-high--color-literal);
color: var(--synt-high--color-string);
}
}


/* Literal.Number.Float */
/* Literal.String.Symbol */
body:not(.wgl-theme-light) .mw-highlight .mf {
body:not(.wgl-theme-light) .mw-highlight .ss {
color: var(--synt-high--color-literal);
color: var(--synt-high--color-string);
}
}


/* Literal.Number.Hex */
/* Name.Builtin.Pseudo */
body:not(.wgl-theme-light) .mw-highlight .mh {
body:not(.wgl-theme-light) .mw-highlight .bp {
color: var(--synt-high--color-literal);
color: #f8f8f2;
}
}


/* Literal.Number.Integer */
/* Name.Function.Magic */
body:not(.wgl-theme-light) .mw-highlight .mi {
body:not(.wgl-theme-light) .mw-highlight .fm {
color: var(--synt-high--color-literal);
color: var(--synt-high--color-name);
}
}


/* Literal.Number.Oct */
/* Name.Variable.Class */
body:not(.wgl-theme-light) .mw-highlight .mo {
body:not(.wgl-theme-light) .mw-highlight .vc {
color: var(--synt-high--color-literal);
color: #f8f8f2;
}
}


/* Literal.String.Affix */
/* Name.Variable.Global */
body:not(.wgl-theme-light) .mw-highlight .sa {
body:not(.wgl-theme-light) .mw-highlight .vg {
color: var(--synt-high--color-string);
color: #f8f8f2;
}
}


/* Literal.String.Backtick */
/* Name.Variable.Instance */
body:not(.wgl-theme-light) .mw-highlight .sb {
body:not(.wgl-theme-light) .mw-highlight .vi {
color: var(--synt-high--color-string);
color: #f8f8f2;
}
}


/* Literal.String.Char */
/* Name.Variable.Magic */
body:not(.wgl-theme-light) .mw-highlight .sc {
body:not(.wgl-theme-light) .mw-highlight .vm {
color: var(--synt-high--color-string);
color: #f8f8f2;
}
}


/* Literal.String.Delimiter */
/* Literal.Number.Integer.Long */
body:not(.wgl-theme-light) .mw-highlight .dl {
body:not(.wgl-theme-light) .mw-highlight .il {
color: var(--synt-high--color-string);
color: var(--synt-high--color-literal);
}
}
/* #endregion */


/* Literal.String.Doc */
/* ============ */
body:not(.wgl-theme-light) .mw-highlight .sd {
/* #region SOURCE EDITOR → SYNTAX HIGHLIGHTING */
color: var(--synt-high--color-string);
/* based on: https://github.com/wikimedia/mediawiki-extensions-CodeMirror/blob/master/resources/mode/mediawiki/mediawiki.less */
}
/* ============ */
 
:root {
/* Literal.String.Double */
/* "se-cm" = Source Editor - Code Mirror */
body:not(.wgl-theme-light) .mw-highlight .s2 {
/* same color as for source editor */
color: var(--synt-high--color-string);
--se-cm--bg-color: var(--bg-color-light-x2);
}
/* same color as for code block */
 
--se-cm--gutter-bg-color: var(--code-color-bg);
/* Literal.String.Escape */
/* margin to the left for the main contents of the editor */
body:not(.wgl-theme-light) .mw-highlight .se {
--se-cm--main-contents-left-margin: 0.25rem;
color: var(--synt-high--color-literal);
/* bg color for pre/nowiki tags contents */
}
--se-cm--pre-bg-color: hsl(205, 21%, 15%);
 
/* from the <syntaxhighlight> theme */
/* Literal.String.Heredoc */
--se-cm--comment-color: var(--synt-high--color-comment);
body:not(.wgl-theme-light) .mw-highlight .sh {
--se-cm--error-color: var(--red-color);
color: var(--synt-high--color-string);
/* link itself */
}
--se-cm--link-color: #699ae9;
 
/* link delimiter */
/* Literal.String.Interpol */
--se-cm--cm-mw-link-delimiter: var(--se-cm--template-delimiter-color);
body:not(.wgl-theme-light) .mw-highlight .si {
/* link text */
color: var(--synt-high--color-string);
--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) */
/* Literal.String.Other */
--se-cm--parser-function-color: #e0485a;
body:not(.wgl-theme-light) .mw-highlight .sx {
/* function param values */
color: var(--synt-high--color-string);
--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 */
/* Literal.String.Regex */
body:not(.wgl-theme-light) .CodeMirror-wrap {
body:not(.wgl-theme-light) .mw-highlight .sr {
/* same color as for source editor */
color: var(--synt-high--color-string);
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 */
/* Literal.String.Single */
body:not(.wgl-theme-light) .CodeMirror pre.CodeMirror-line {
body:not(.wgl-theme-light) .mw-highlight .s1 {
/* a little bit of margin for the main content */
color: var(--synt-high--color-string);
margin-left: var(--se-cm--main-contents-left-margin);
}
}
 
/* gutters?? */
/* Literal.String.Symbol */
body:not(.wgl-theme-light) .CodeMirror-wrap .CodeMirror-gutters {
body:not(.wgl-theme-light) .mw-highlight .ss {
border-color: var(--ooui-border-color);
color: var(--synt-high--color-string);
}
}
 
/* gutter */
/* Name.Builtin.Pseudo */
body:not(.wgl-theme-light) .CodeMirror-wrap .CodeMirror-gutter {
body:not(.wgl-theme-light) .mw-highlight .bp {
/* same color as for code block */
color: #f8f8f2;
background: var(--se-cm--gutter-bg-color);
}
}
 
/* selection */
/* Name.Function.Magic */
body:not(.wgl-theme-light) .CodeMirror-line::selection,
body:not(.wgl-theme-light) .mw-highlight .fm {
/* selection */
color: var(--synt-high--color-name);
body:not(.wgl-theme-light) .CodeMirror-line>span::selection,
/* selection */
body:not(.wgl-theme-light) .CodeMirror-line>span>span::selection {
background: var(--se-cm--selection-color);
}
}
 
/* bullet point symbol */
/* Name.Variable.Class */
body:not(.wgl-theme-light) .cm-mw-list,
body:not(.wgl-theme-light) .mw-highlight .vc {
/* ???? */
color: #f8f8f2;
body:not(.wgl-theme-light) .cm-mw-indenting {
color: var(--se-cm--wikitext-formatting-color);
}
}
 
/* magic words */
/* Name.Variable.Global */
body:not(.wgl-theme-light) .cm-mw-doubleUnderscore,
body:not(.wgl-theme-light) .mw-highlight .vg {
/* magic words */
color: #f8f8f2;
body:not(.wgl-theme-light) .cm-mw-double-underscore,
/* ???? user signature maybe */
body:not(.wgl-theme-light) .cm-mw-signature,
/* ???? hr tags prob */
body:not(.wgl-theme-light) .cm-mw-hr {
color: var(--se-cm--wikitext-formatting-color);
/* override the defaults */
background: inherit;
}
}
 
/* html sequences like "&nbsp;" */
/* Name.Variable.Instance */
body:not(.wgl-theme-light) .cm-mw-mnemonic,
body:not(.wgl-theme-light) .mw-highlight .vi {
/* ???? */
color: #f8f8f2;
body:not(.wgl-theme-light) .cm-mw-html-entity {
color: var(--se-cm--xml-tag-color);
background: #684905;
border-radius: 2px;
}
}
 
/* comments */
/* Name.Variable.Magic */
body:not(.wgl-theme-light) .cm-mw-comment {
body:not(.wgl-theme-light) .mw-highlight .vm {
color: var(--se-cm--comment-color);
color: #f8f8f2;
}
}
 
/* formatting: 3 apostrophes for bold text */
/* Literal.Number.Integer.Long */
body:not(.wgl-theme-light) .cm-mw-apostrophes-bold,
body:not(.wgl-theme-light) .mw-highlight .il {
/* formatting: 2 apostrophes for italic text
color: var(--synt-high--color-literal);
todo make them separate? better eligibility */
body:not(.wgl-theme-light) .cm-mw-apostrophes-italic {
color: var(--se-cm--wikitext-formatting-color);
}
}
/* #endregion */
/* template name */
 
body:not(.wgl-theme-light) .cm-mw-template-name {
/* ============ */
color: var(--se-cm--template-name-color);
/* #region SOURCE EDITOR → SYNTAX HIGHLIGHTING */
/* disable the default */
/* based on: https://github.com/wikimedia/mediawiki-extensions-CodeMirror/blob/master/resources/mode/mediawiki/mediawiki.less */
text-decoration: none;
/* ============ */
}
:root {
/* template arg names */
/* "se-cm" = Source Editor - Code Mirror */
body:not(.wgl-theme-light) .cm-mw-template-argument-name {
/* same color as for source editor */
color: var(--se-cm--template-arg-name-color);
--se-cm--bg-color: var(--bg-color-light-x2);
}
/* same color as for code block */
/* template arg values */
--se-cm--gutter-bg-color: var(--code-color-bg);
body:not(.wgl-theme-light) .cm-mw-template {
/* margin to the left for the main contents of the editor */
color: var(--ooui-text-color);
--se-cm--main-contents-left-margin: 0.25rem;
}
/* bg color for pre/nowiki tags contents */
/* template pipe delimiters (maybe colon too for modules?) */
--se-cm--pre-bg-color: hsl(205, 21%, 15%);
body:not(.wgl-theme-light) .cm-mw-template-delimiter {
/* from the <syntaxhighlight> theme */
color: var(--se-cm--template-name-color);
--se-cm--comment-color: var(--synt-high--color-comment);
}
--se-cm--error-color: var(--red-color);
/* template brackets */
/* link itself */
body:not(.wgl-theme-light) .cm-mw-template-bracket {
--se-cm--link-color: #699ae9;
color: var(--se-cm--template-brackets-color);
/* link delimiter */
}
--se-cm--cm-mw-link-delimiter: var(--se-cm--template-delimiter-color);
/* template variable (with 3 brackets) name */
/* link text */
body:not(.wgl-theme-light) .cm-mw-templatevariable-name {
--se-cm--link-text-color: #3873d3;
color: var(--se-cm--template-param-name-color);
--se-cm--link-brackets-color: var(--se-cm--link-text-color);
}
/* things like "DISPLAYTITLE" "templates" (the whole template except the value part) */
/* template variable (with 3 brackets) value */
--se-cm--parser-function-color: #e0485a;
body:not(.wgl-theme-light) .cm-mw-templatevariable {
/* function param values */
color: var(--se-cm--template-param-brackets-color);
--se-cm--parser-function-values-color: #e0cacd;
}
/* table brackets and row delimiter */
/* template variable brackets (3 brackets) */
--se-cm--table-punctuation-color: var(--se-cm--parser-function-color);
body:not(.wgl-theme-light) .cm-mw-templatevariable-bracket {
/* table settings */
color: var(--se-cm--template-param-brackets-color);
--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 */
/* template variable (with 3 brackets) delimiter */
body:not(.wgl-theme-light) .CodeMirror-wrap {
body:not(.wgl-theme-light) .cm-mw-templatevariable-delimiter {
/* same color as for source editor */
color: var(--se-cm--template-param-brackets-color);
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 */
/* parser functions (things like "DISPLAYTITLE" or invokes) → name */
body:not(.wgl-theme-light) .CodeMirror pre.CodeMirror-line {
body:not(.wgl-theme-light) .cm-mw-parserfunction-name {
/* a little bit of margin for the main content */
color: var(--se-cm--parser-function-color) !important;
margin-left: var(--se-cm--main-contents-left-margin);
}
}
/* gutters?? */
/* parser functions (things like "DISPLAYTITLE" or invokes) → value */
body:not(.wgl-theme-light) .CodeMirror-wrap .CodeMirror-gutters {
body:not(.wgl-theme-light) .cm-mw-parserfunction {
border-color: var(--ooui-border-color);
color: var(--se-cm--parser-function-values-color);
}
}
/* gutter */
/* parser functions (things like "DISPLAYTITLE" or invokes) → brackets */
body:not(.wgl-theme-light) .CodeMirror-wrap .CodeMirror-gutter {
body:not(.wgl-theme-light) .cm-mw-parserfunction-bracket {
/* same color as for code block */
color: var(--se-cm--parser-function-color);
background: var(--se-cm--gutter-bg-color);
}
}
/* selection */
/* parser functions (things like "DISPLAYTITLE" or invokes) → delimiters */
body:not(.wgl-theme-light) .CodeMirror-line::selection,
body:not(.wgl-theme-light) .cm-mw-parserfunction-delimiter {
/* selection */
color: var(--se-cm--parser-function-color);
body:not(.wgl-theme-light) .CodeMirror-line>span::selection,
/* selection */
body:not(.wgl-theme-light) .CodeMirror-line>span>span::selection {
background: var(--se-cm--selection-color);
}
}
/* bullet point symbol */
/* wiki html tag names? like >syntaxhighlight> */
body:not(.wgl-theme-light) .cm-mw-list,
body:not(.wgl-theme-light) .cm-mw-exttag-name,
/* ???? */
/* html tag names */
body:not(.wgl-theme-light) .cm-mw-indenting {
body:not(.wgl-theme-light) .cm-mw-htmltag-name {
color: var(--se-cm--wikitext-formatting-color);
color: var(--se-cm--xml-tag-color);
}
}
/* magic words */
/* if a string starts with an empty space, it will generate a pre block.
body:not(.wgl-theme-light) .cm-mw-doubleUnderscore,
this targets that one single space.
/* magic words */
same style as for html tag names, but for bg here */
body:not(.wgl-theme-light) .cm-mw-double-underscore,
body:not(.wgl-theme-light) .cm-mw-skipformatting {
/* ???? user signature maybe */
background: var(--se-cm--xml-tag-color);
body:not(.wgl-theme-light) .cm-mw-signature,
/* ???? hr tags prob */
body:not(.wgl-theme-light) .cm-mw-hr {
color: var(--se-cm--wikitext-formatting-color);
/* override the defaults */
background: inherit;
}
}
/* html sequences like "&nbsp;" */
/* wiki html tag brackets */
body:not(.wgl-theme-light) .cm-mw-mnemonic,
body:not(.wgl-theme-light) .cm-mw-exttag-bracket,
/* ???? */
/* wiki html tag attributes (name, delimiter, value) */
body:not(.wgl-theme-light) .cm-mw-html-entity {
body:not(.wgl-theme-light) .cm-mw-exttag-attribute,
/* html tag brackets */
body:not(.wgl-theme-light) .cm-mw-htmltag-bracket,
/* html tag attributes (name, delimiter, value) */
body:not(.wgl-theme-light) .cm-mw-htmltag-attribute {
color: var(--se-cm--xml-tag-color);
color: var(--se-cm--xml-tag-color);
background: #684905;
border-radius: 2px;
}
}
/* comments */
/* pre tag BLOCK contents */
body:not(.wgl-theme-light) .cm-mw-comment {
body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-pre,
color: var(--se-cm--comment-color);
/* pre tag INLINE contents */
}
body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-pre,
/* formatting: 3 apostrophes for bold text */
/* ???? */
body:not(.wgl-theme-light) .cm-mw-apostrophes-bold,
body:not(.wgl-theme-light) pre.CodeMirror-line-like.cm-mw-tag-pre,
/* formatting: 2 apostrophes for italic text
/* pre tag contents */
todo make them separate? better eligibility */
body:not(.wgl-theme-light) .cm-mw-tag-pre,
body:not(.wgl-theme-light) .cm-mw-apostrophes-italic {
/* ============== */
color: var(--se-cm--wikitext-formatting-color);
/* nowiki tag BLOCK contents */
body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-nowiki,
/* nowiki tag INLINE contents */
body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-nowiki,
/* ???? */
body:not(.wgl-theme-light) pre.CodeMirror-line-like.cm-mw-tag-nowiki,
/* nowiki tag contents */
body:not(.wgl-theme-light) .cm-mw-tag-nowiki {
background: var(--se-cm--pre-bg-color);
}
}
/* template name */
/* pre tag BLOCK contents */
body:not(.wgl-theme-light) .cm-mw-template-name {
body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-pre,
color: var(--se-cm--template-name-color);
/* nowiki tag BLOCK contents */
/* disable the default */
body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-nowiki {
text-decoration: none;
/* 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);
}
}
/* template arg names */
/* pre tag INLINE contents */
body:not(.wgl-theme-light) .cm-mw-template-argument-name {
body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-pre,
color: var(--se-cm--template-arg-name-color);
/* nowiki tag INLINE contents */
body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-nowiki {
/* a little corner rounding won't hurt a thing! */
border-radius: 2px;
}
}
/* template arg values */
/* ???? */
body:not(.wgl-theme-light) .cm-mw-template {
body:not(.wgl-theme-light) .cm-mw-link,
color: var(--ooui-text-color);
/* ???? */
body:not(.wgl-theme-light) .cm-mw-link-tosection,
/* header equal signs */
body:not(.wgl-theme-light) .cm-mw-section-header {
color: var(--se-cm--wikitext-formatting-color);
}
}
/* template pipe delimiters (maybe colon too for modules?) */
/* link itself */
body:not(.wgl-theme-light) .cm-mw-template-delimiter {
body:not(.wgl-theme-light) .cm-mw-link-pagename,
color: var(--se-cm--template-name-color);
/* external link itself, without protocol */
body:not(.wgl-theme-light) .cm-mw-extlink,
/* ???? same as above, maybe? */
body:not(.wgl-theme-light) .cm-mw-free-extlink,
/* external link protocol (the "https://" part) */
body:not(.wgl-theme-light) .cm-mw-extlink-protocol,
/* ???? same as above, maybe? */
body:not(.wgl-theme-light) .cm-mw-free-extlink-protocol {
color: var(--se-cm--link-color);
}
}
/* template brackets */
/* link brackets */
body:not(.wgl-theme-light) .cm-mw-template-bracket {
body:not(.wgl-theme-light) .cm-mw-link-bracket,
color: var(--se-cm--template-brackets-color);
/* external link brackets */
body:not(.wgl-theme-light) .cm-mw-extlink-bracket {
color: var(--se-cm--link-color);
}
}
/* template variable (with 3 brackets) name */
/* link delimiter */
body:not(.wgl-theme-light) .cm-mw-templatevariable-name {
body:not(.wgl-theme-light) .cm-mw-link-delimiter {
color: var(--se-cm--template-param-name-color);
color: var(--se-cm--cm-mw-link-delimiter);
}
}
/* template variable (with 3 brackets) value */
/* link text */
body:not(.wgl-theme-light) .cm-mw-templatevariable {
body:not(.wgl-theme-light) .cm-mw-link-text,
color: var(--se-cm--template-param-brackets-color);
/* external link text */
body:not(.wgl-theme-light) .cm-mw-extlink-text {
color: var(--se-cm--link-text-color);
}
}
/* template variable brackets (3 brackets) */
/* tables opening "{|" and closing "|}" brackets */
body:not(.wgl-theme-light) .cm-mw-templatevariable-bracket {
body:not(.wgl-theme-light) .cm-mw-table-bracket,
color: var(--se-cm--template-param-brackets-color);
/* table row delimiter (doesn't include cols!) */
body:not(.wgl-theme-light) .cm-mw-table-delimiter {
color: var(--se-cm--table-punctuation-color);
}
}
/* template variable (with 3 brackets) delimiter */
/* the table settings I guess? (like «class="wikitable"») */
body:not(.wgl-theme-light) .cm-mw-templatevariable-delimiter {
body:not(.wgl-theme-light) .cm-mw-table-definition {
color: var(--se-cm--template-param-brackets-color);
color: var(--se-cm--table-settings-color);
}
}
/* parser functions (things like "DISPLAYTITLE" or invokes) → name */
/* ???? idk some kind of formatting errors? */
body:not(.wgl-theme-light) .cm-mw-parserfunction-name {
body:not(.wgl-theme-light) .cm-error,
color: var(--se-cm--parser-function-color) !important;
body:not(.wgl-theme-light) .cm-mw-error,
body:not(.wgl-theme-light) .cm-s-default .cm-error {
color: var(--se-cm--error-color);
}
}
/* parser functions (things like "DISPLAYTITLE" or invokes) → value */
body:not(.wgl-theme-light) .cm-mw-matchingbracket {
body:not(.wgl-theme-light) .cm-mw-parserfunction {
background: var(--se-cm--matching-brackets-bg-color);
color: var(--se-cm--parser-function-values-color);
/* disable the default */
box-shadow: none;
}
}
/* parser functions (things like "DISPLAYTITLE" or invokes) → brackets */
/* various inline bg targeting things, idk what each of them target exactly */
body:not(.wgl-theme-light) .cm-mw-parserfunction-bracket {
.cm-mw-template2-ground,
color: var(--se-cm--parser-function-color);
.cm-mw-template3-ground,
}
.cm-mw-ext-ground,
/* parser functions (things like "DISPLAYTITLE" or invokes) → delimiters */
.cm-mw-template-ext-ground,
body:not(.wgl-theme-light) .cm-mw-parserfunction-delimiter {
.cm-mw-ext2-ground,
color: var(--se-cm--parser-function-color);
.cm-mw-template-ext2-ground,
}
.cm-mw-ext3-ground,
/* wiki html tag names? like >syntaxhighlight> */
.cm-mw-template-ext3-ground,
body:not(.wgl-theme-light) .cm-mw-exttag-name,
.cm-mw-link-ground,
/* html tag names */
.cm-mw-ext-link-ground,
body:not(.wgl-theme-light) .cm-mw-htmltag-name {
.cm-mw-template-link-ground,
color: var(--se-cm--xml-tag-color);
.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;
}
}
/* if a string starts with an empty space, it will generate a pre block.
/* new code */
this targets that one single space.
body:not(.wgl-theme-light) .cm-mw-template-ground.cm-mw-template,
same style as for html tag names, but for bg here */
body:not(.wgl-theme-light) .cm-mw-template2-ground.cm-mw-template,  
body:not(.wgl-theme-light) .cm-mw-skipformatting {
body:not(.wgl-theme-light) .cm-mw-template3-ground.cm-mw-template {
background: var(--se-cm--xml-tag-color);
color: var(--se-cm--template-values-color);
}
}
/* wiki html tag brackets */
/* #endregion */
body:not(.wgl-theme-light) .cm-mw-exttag-bracket,
 
/* wiki html tag attributes (name, delimiter, value) */
/* ============ */
body:not(.wgl-theme-light) .cm-mw-exttag-attribute,
/* #region DRUID Infoboxes */
/* html tag brackets */
/* ============ */
body:not(.wgl-theme-light) .cm-mw-htmltag-bracket,
 
/* html tag attributes (name, delimiter, value) */
/* DRUID Infobox. */
body:not(.wgl-theme-light) .cm-mw-htmltag-attribute {
/* source: https://support.wiki.gg/wiki/MediaWiki:Gadget-druidInfoboxes.css */
color: var(--se-cm--xml-tag-color);
/* 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);
}
}
/* pre tag BLOCK contents */
 
body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-pre,
table.druid-container {
/* pre tag INLINE contents */
background: var(--theme-bg-color-150);
body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-pre,
float: right;
/* ???? */
clear: right;
body:not(.wgl-theme-light) pre.CodeMirror-line-like.cm-mw-tag-pre,
margin: 0 0 1em 1em;
/* pre tag contents */
max-width: 400px;
body:not(.wgl-theme-light) .cm-mw-tag-pre,
min-width: 300px;
/* ============== */
box-sizing: border-box;
/* nowiki tag BLOCK contents */
position: relative;
body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-nowiki,
z-index: 1;
/* nowiki tag INLINE contents */
border: 1px solid var(--druid-border-color);
body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-nowiki,
border-radius: 0.2em;
/* ???? */
overflow: auto;
body:not(.wgl-theme-light) pre.CodeMirror-line-like.cm-mw-tag-nowiki,
border-spacing: 0;
/* nowiki tag contents */
padding: 2px;
body:not(.wgl-theme-light) .cm-mw-tag-nowiki {
background: var(--se-cm--pre-bg-color);
}
}
/* pre tag BLOCK contents */
 
body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-pre,
@media screen and (max-width: 720px) {
/* nowiki tag BLOCK contents */
  .druid-container {
body:not(.wgl-theme-light) pre.CodeMirror-line.cm-mw-tag-nowiki {
float: none;
/* colors the margin gap bg for block variants */
margin: 0.5rem auto;
box-shadow: calc(-1 * var(--se-cm--main-contents-left-margin)) 0
min-width: 100%;
var(--se-cm--pre-bg-color);
  }
}
}
/* pre tag INLINE contents */
 
body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-pre,
.druid-main-images-file,
/* nowiki tag INLINE contents */
.druid-main-image {
body:not(.wgl-theme-light) .CodeMirror-line span.cm-mw-tag-nowiki {
text-align: center;
/* a little corner rounding won't hurt a thing! */
border-radius: 2px;
}
}
/* ???? */
 
body:not(.wgl-theme-light) .cm-mw-link,
.druid-infobox .druid-title,
/* ???? */
.druid-infobox .druid-section {
body:not(.wgl-theme-light) .cm-mw-link-tosection,
background: var(--druid-color-contrast);
/* header equal signs */
border-bottom: 2px solid var(--color-darkened-border);
body:not(.wgl-theme-light) .cm-mw-section-header {
border-radius: 0.1em;
color: var(--se-cm--wikitext-formatting-color);
padding: 5px;
text-align: center;
font-size: var(--font-size-ml);
font-weight: bold;
}
}
/* link itself */
 
body:not(.wgl-theme-light) .cm-mw-link-pagename,
.druid-infobox .druid-section {
/* external link itself, without protocol */
font-size: var(--font-size-m);
body:not(.wgl-theme-light) .cm-mw-extlink,
background: color-mix(in srgb, var(--druid-color-contrast) 30%, var(--theme-bg-color-150));
/* ???? same as above, maybe? */
border-top: 1px solid var(--theme-border-color-base);
body:not(.wgl-theme-light) .cm-mw-free-extlink,
padding: 4px;
/* external link protocol (the "https://" part) */
body:not(.wgl-theme-light) .cm-mw-extlink-protocol,
/* ???? same as above, maybe? */
body:not(.wgl-theme-light) .cm-mw-free-extlink-protocol {
color: var(--se-cm--link-color);
}
}
/* link brackets */
 
body:not(.wgl-theme-light) .cm-mw-link-bracket,
.druid-infobox  .druid-collapsible .druid-section {
/* external link brackets */
flex-grow: 1;
body:not(.wgl-theme-light) .cm-mw-extlink-bracket {
color: var(--se-cm--link-color);
}
}
/* link delimiter */
 
body:not(.wgl-theme-light) .cm-mw-link-delimiter {
.druid-row > .druid-label,
color: var(--se-cm--cm-mw-link-delimiter);
.druid-row > .druid-data {
padding-inline: 0.5em;
}
}
/* link text */
 
body:not(.wgl-theme-light) .cm-mw-link-text,
.druid-main-image,
/* external link text */
.druid-main-images {
body:not(.wgl-theme-light) .cm-mw-extlink-text {
background: var(--theme-bg-color-150);
color: var(--se-cm--link-text-color);
border-bottom: 1px solid var(--druid-border-color);
padding: 2px 0;
}
}
/* tables opening "{|" and closing "|}" brackets */
 
body:not(.wgl-theme-light) .cm-mw-table-bracket,
.mw-body-content .druid-main-image img,  
/* table row delimiter (doesn't include cols!) */
.mw-body-content .druid-main-images img {
body:not(.wgl-theme-light) .cm-mw-table-delimiter {
max-width: 100% !important;
color: var(--se-cm--table-punctuation-color);
height: auto !important;
}
}
/* the table settings I guess? (like «class="wikitable"») */
 
body:not(.wgl-theme-light) .cm-mw-table-definition {
.druid-main-images-labels {
color: var(--se-cm--table-settings-color);
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
margin: 0.25em;
gap: 0.25em;
}
}
/* ???? idk some kind of formatting errors? */
 
body:not(.wgl-theme-light) .cm-error,
.druid-main-images-label {
body:not(.wgl-theme-light) .cm-mw-error,
cursor: pointer;
body:not(.wgl-theme-light) .cm-s-default .cm-error {
flex: 1 1 auto;
color: var(--se-cm--error-color);
text-align: center;
transition: .1s ease-in;
outline: 1px solid var(--druid-link-color);
}
}
body:not(.wgl-theme-light) .cm-mw-matchingbracket {
 
background: var(--se-cm--matching-brackets-bg-color);
.druid-main-images-label.focused {
/* disable the default */
background: var(--druid-link-color);
box-shadow: none;
color: var(--druid-link-label-color);
}
}
/* various inline bg targeting things, idk what each of them target exactly */
 
.cm-mw-template2-ground,
.druid-main-images-label:not(.focused):hover {
.cm-mw-template3-ground,
background: var(--druid-link-color); /* fallback */
.cm-mw-ext-ground,
background: color-mix(in srgb, var(--druid-link-color) 25%, transparent);
.cm-mw-template-ext-ground,
.cm-mw-ext2-ground,
.cm-mw-template-ext2-ground,
.cm-mw-ext3-ground,
.cm-mw-template-ext3-ground,
.cm-mw-link-ground,
.cm-mw-ext-link-ground,
.cm-mw-template-link-ground,
.cm-mw-ext2-link-ground,
.cm-mw-template-ext-link-ground,
.cm-mw-ext3-link-ground,
.cm-mw-template-ext2-link-ground,
.cm-mw-template-ext3-link-ground,
.cm-mw-template2-ext-ground,
.cm-mw-template2-ext2-ground,
.cm-mw-template2-ext3-ground,
.cm-mw-template2-link-ground,
.cm-mw-template2-ext-link-ground,
.cm-mw-template2-ext2-link-ground,
.cm-mw-template2-ext3-link-ground,
.cm-mw-template3-ext-ground,
.cm-mw-template3-ext2-ground,
.cm-mw-template3-ext3-ground,
.cm-mw-template3-link-ground,
.cm-mw-template3-ext-link-ground,
.cm-mw-template3-ext2-link-ground,
.cm-mw-template3-ext3-link-ground {
/* just disable them */
background: inherit;
}
}
/* new code */
 
body:not(.wgl-theme-light) .cm-mw-template-ground.cm-mw-template,
.druid-toggleable-data:not(.focused),
body:not(.wgl-theme-light) .cm-mw-template2-ground.cm-mw-template,
.druid-main-images-file:not(.focused),
body:not(.wgl-theme-light) .cm-mw-template3-ground.cm-mw-template {
.druid-toggleable-heading:not(.focused) {
color: var(--se-cm--template-values-color);
display: none;
}
}
/* #endregion */


/* ============ */
.druid-grid {
/* #region DRUID Infoboxes */
display:grid;
/* ============ */
gap: 0.3em;
padding: 0.35em;
}


/* DRUID Infobox. */
.druid-grid-item {
/* source: https://support.wiki.gg/wiki/MediaWiki:Gadget-druidInfoboxes.css */
background: var(--druid-tertiary-background-color);
/* license: CC BY-SA 4.0 */
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,
/*******  Start DRUID CSS rules *********/
.druid-grid-item .druid-data {
/****************************************/
text-align: center;
}


/* ---------------------------------  */
.druid-data-wide {
/* Safe to edit ABOVE this line */
width: 100%;
/* ---------------------------------  */
}


/* ---------------------------------  */
.druid-section-container > .druid-collapsible {
/* Do not edit below this line */
display: flex;
/* ---------------------------------  */
justify-content: space-between;
align-items: center;
}


.druid-container {
.druid-collapsed {
--druid-border-color: var(--theme-border-color-base);
display: none !important;
--druid-color-contrast: var(--color-contrast-dark);
}
}


.druid-container {
.druid-collapsible {
background: var(--theme-bg-color-150);
cursor: pointer;
float: right;
clear: right;
margin: 0 0 1em 1em;
max-width: 400px;
min-width: 300px;
box-sizing: border-box;
position: relative;
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-collapsible::after {
  .druid-container {
content: "";
float: none;
display: block;
margin: 0.5rem auto;
position: absolute;
min-width: 100%;
right: 10px;
  }
width: var(--icon-size);
height: var(--icon-size);
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background: var(--druid-secondary-background-label-color);
}
}


.druid-main-images-file,
.druid-collapsible-collapsed::after {
.druid-main-image {
transform: rotate(180deg);
text-align: center;
}
}


.druid-infobox .druid-title,
/*****************************************
.druid-infobox .druid-section {
Table support
background: var(--druid-color-contrast);
*****************************************/
border-bottom: 2px solid var(--color-darkened-border);
.druid-container tr:not(.data-druid-section):nth-child(odd) {
border-radius: 0.1em;
background: var(--theme-bg-color-200);
padding: 5px;
text-align: center;
font-size: 120%;
font-weight: bold;
}
}


.druid-infobox .druid-section {
.druid-container tr:not(.data-druid-section):nth-child(even) {
font-size: 110%;
background: var(--theme-bg-color-150);
background: color-mix(in srgb, var(--druid-color-contrast) 30%, var(--theme-bg-color-150));
border-top: 1px solid var(--theme-border-color-base);
padding: 4px;
}
}


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


.druid-row > .druid-label,
.druid-container th,
.druid-row > .druid-data {
.druid-container td,  
padding-inline: 0.5em;
.druid-container th .mw-collapsible-toggle {
padding: 4px;
font-size: var(--font-size-xs);
}
}


.druid-main-image,
.druid-container th {
.druid-main-images {
width: 40%;
background: var(--theme-bg-color-150);
text-align: left;
border-bottom: 1px solid var(--druid-border-color);
padding: 2px 0;
}
}


.mw-body-content .druid-main-image img,
.druid-container ul {
.mw-body-content .druid-main-images img {
list-style: none;
max-width: 100% !important;
padding: 0;
height: auto !important;
margin: 0;
margin-left: 10px;
}
}


.druid-main-images-labels {
.druid-container ul li::before {
display: flex;
content: "•";
flex-direction: row;
display: inline-block;
flex-wrap: wrap;
font-size: var(--font-size-l);
justify-content: space-evenly;
margin-left: -10px;
margin: 0.25em;
margin-right: 4px;
gap: 0.25em;
}
}


.druid-main-images-label {
/********
cursor: pointer;
Custom display classes
flex: 1 1 auto;
*********/
text-align: center;
 
transition: .1s ease-in;
div.druid-stacked.druid-row,
outline: 1px solid var(--druid-link-color);
.druid-stacked div.druid-row {
flex-direction: column;
}
}


.druid-main-images-label.focused {
.druid-stacked.druid-row > .druid-data,
background: var(--druid-link-color);
.druid-stacked .druid-row > .druid-data {
color: var(--druid-link-label-color);
padding-left: 0.75em;
}
}


.druid-main-images-label:not(.focused):hover {
/* --------------------------------- */
background: var(--druid-link-color); /* fallback */
/* Do not edit above this line */
background: color-mix(in srgb, var(--druid-link-color) 25%, transparent);
/* ---------------------------------  */
}


.druid-toggleable-data:not(.focused),
/* --------------------------------- */
.druid-main-images-file:not(.focused),
/* Local overrides go below this line */
.druid-toggleable-heading:not(.focused) {
/* ---------------------------------  */
display: none;
}


.druid-grid {
.druid-infobox .druid-title {
display:grid;
--clip: 0.6em;
gap: 0.3em;
clip-path: polygon( 0 0, calc(100% - var(--clip)) 0, 100% var(--clip), 100% 100%, var(--clip) 100%, 0 calc(100% - var(--clip)) );
padding: 0.35em;
margin: 3px;
}
}


.druid-grid-item {
/****************************************/
background: var(--druid-tertiary-background-color);
/*******  End DRUID CSS rules  *********/
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,
/* #endregion */
.druid-grid-item .druid-data {
text-align: center;
}


.druid-data-wide {
/* Таблица в виде грид сетки для сортировки. Используется вместе с классом .sortable */
.sortable-grid {
width: 100%;
width: 100%;
}
}


.druid-section-container > .druid-collapsible {
.sortable-grid tbody {
display: flex;
display: grid;
justify-content: space-between;
gap: 8px 6px;
align-items: center;
grid-template-columns: repeat(auto-fit,minmax(clamp(250px, 50vw, 400px),1fr));
}
}  


.druid-collapsed {
/* Класс для большего количества столбцов */
display: none !important;
.sortable-grid--small-column tbody {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
}


.druid-collapsible {
.sortable-grid thead tr:first-child {
cursor: pointer;
grid-column: 1 / -1;
position: relative;
}
}


.druid-collapsible::after {
.sortable-grid > tr > th,
content: "";
.sortable-grid > tr > td,
.sortable-grid > * > tr > th,
.sortable-grid > * > tr > td {
display: block;
display: block;
position: absolute;
height: 100%;
right: 10px;
box-sizing: border-box;
width: var(--icon-size);
height: var(--icon-size);
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background: var(--druid-secondary-background-label-color);
}
}


.druid-collapsible-collapsed::after {
.sortable-grid .headerSort {
transform: rotate(180deg);
padding: 4px 0;
text-align: left;
}
}


/*****************************************
/* ============ */
Table support
/* #region Меню настроек темы */
*****************************************/
/* ============ */


.druid-container tbody tr.data-druid-section:nth-child(3),
.theme-dropdown {
.druid-container tbody tr.data-druid-section:nth-child(4) {
position: relative;
display: none;
}
}


.druid-container tbody tr.druid-row:nth-child(3) {
#personal-extra li,
background: var(--theme-bg-color-200) !important;
#personal h2,
.theme-dropdown-details {
padding: 0.25em;
border-radius: var(--border-radius-medium);
margin: 0;
}
}


.druid-container tbody tr.druid-row:nth-child(3) th {
.theme-dropdown-details[open] + .theme-window {
border-right: 1px solid var(--theme-bg-color-150) !important;
visibility: visible;
opacity: 1;
height: auto;
transform: scale(0.99999);
}
}


.druid-container tr:not(.data-druid-section):nth-child(odd) {
#personal .dropdown,
background: var(--theme-bg-color-150);
.theme-dropdown .theme-window {
top: unset;
user-select: none;
position: absolute;
right: -14px;
width: 14.5rem;
background: var(--ooui-bg-color-darkened);
box-shadow: var(--box-shadow-high);
transition-duration: var(--transition-time);
transition-property: transform, opacity, visibility;
z-index: var(--index-high);
margin-top: 0.3rem;
border: 2px solid var(--ooui-bg-color-light);
border-top: 2px solid var(--ooui-border-color);
border-radius: var(--border-radius-low);
padding: 0.2em;
box-shadow: var(--box-shadow-high), var(--box-shadow-inset);
}
}


.druid-container tr:not(.data-druid-section):nth-child(even) {
#personal .dropdown::before,
background: var(--theme-bg-color-200);
#personal .dropdown::after {
display: none;
}
}


.druid-container tr:nth-child(even) th:not([colspan]) {
.theme-dropdown .theme-window {
border-right: 1px solid var(--theme-bg-color-150);
overflow: hidden;
opacity: 0;
visibility: hidden;
transform: scale(0.9);
transform-origin: top;
}
}


.druid-container th,
.theme-dropdown .theme-window * {
.druid-container td,
user-select: none;
.druid-container th .mw-collapsible-toggle {
user-drag: none;
padding: 4px;
-webkit-user-drag: none;
font-size: 14px;
}
}


.druid-container th {
#personal .dropdown label, #personal .dropdown h3,
width: 40%;
.theme-dropdown .theme-window__header {
text-align: left;
display: flex;
align-items: center;
gap: 4px;
position: relative;
height: 2rem;
font-size: var(--font-size-ml);
border-radius: var(--border-radius-low);
background-color: var(--color-contrast2);
font-weight: bold;
padding: 0 0.4em;
border-bottom: 2px solid var(--color-darkened-border);
flex-direction: row;
margin: 0;
}
}


.druid-container ul {
#theme-preferences__content {
list-style: none;
display: flex;
margin: 0;
flex-direction: column;
margin-left: 10px;
gap: 0.5em;
}
}


.druid-container ul li::before {
#theme-preferences__content .theme-menu__heading {
content: "•";
display: flex;
display: inline-block;
justify-content: center;
font-size: 15px;
align-items: center;
margin-left: -10px;
font-weight: bold;
margin-right: 4px;
height: 1.75rem;
border-bottom: 2px solid var(--bg-color-sky-blue-100);
}
}


/********
#personal .dropdown ul,
Custom display classes
#theme-preferences__content .theme-menu__content {
*********/
padding: 0.5em;
 
div.druid-stacked.druid-row,
.druid-stacked div.druid-row {
flex-direction: column;
}
}


.druid-stacked.druid-row > .druid-data,
.theme-dropdown .theme-window * {
.druid-stacked .druid-row > .druid-data {
user-select: none;
padding-left: 0.75em;
user-drag: none;
-webkit-user-drag: none;
}
}


/* ---------------------------------  */
#personal .dropdown .mw-portlet > div, #personal .dropdown .mw-portlet-body,
/* Do not edit above this line */
.theme-dropdown .theme-window__content {
/* ---------------------------------  */
position: relative;
margin: 0.3em 0;
}


/* ---------------------------------  */
#personal .dropdown ul,
/* Local overrides go below this line */
#theme-preferences__content .theme-menu {
/* ---------------------------------  */
flex: 1 0 9rem;
background-color: var(--theme-bg-color-base);
border-radius: var(--border-radius-low);
}


.druid-infobox .druid-title {
#theme-preferences__content .theme-menu li {
--clip: 0.6em;
margin: 0;
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;
}
}


/****************************************/
#personal .dropdown ul,
/*******  End DRUID CSS rules  *********/
#theme-preferences__content .theme-menu form {
/****************************************/
position: relative;
 
display: flex;
/* #endregion */
flex-direction: column;
 
gap: 0.5em;
/* Таблица в виде грид сетки для сортировки. Используется вместе с классом .sortable */
text-align: center;
.sortable-grid {
width: 100%;
}
}


.sortable-grid tbody {
#personal .dropdown li,
display: grid;
#theme-preferences__content .theme-client-prefs-radio {
gap: 8px 6px;
display: flex;
grid-template-columns: repeat(auto-fit,minmax(clamp(250px, 50vw, 400px),1fr));
justify-content: center;
}  
padding: 0;
margin: 0;
}


/* Класс для большего количества столбцов */
#theme-preferences__content .theme-client-prefs-radio input {
.sortable-grid--small-column tbody {
display: none;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
}


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


.sortable-grid > tr > th,
#theme-preferences__content .theme-client-prefs-radio input:checked + label {
.sortable-grid > tr > td,
background-color: var(--bg-color-message);
.sortable-grid > * > tr > th,
.sortable-grid > * > tr > td {
display: block;
height: 100%;
box-sizing: border-box;
}
}


.sortable-grid .headerSort {
#personal-extra li:hover,
padding: 4px 0;
#personal h2:hover,
text-align: left;
.theme-dropdown-details:hover,
.tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover {
background: var(--bg-color-hover);
}
}


/* ============ */
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
/* #region Меню настроек темы */
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover,
/* ============ */
.ve-ce-branchNode-blockSlug, html body p.ve-ce-branchNode-newSlug {
background: var(--bg-color-focus);
}


.theme-dropdown {
#personal-extra li:focus,
position: relative;
#personal.dropdown-active h2,
.theme-dropdown-details[open] {
background-color: var(--bg-color-focus) !important;
}
}


#personal-extra li,
#personal h2::before,
#personal h2,
#site-navigation h2,
.theme-dropdown-details {
.theme-dropdown-summary {
padding: 0.2em;
content: '';
border-radius: var(--border-radius-medium);
cursor: pointer;
background: var(--theme-icon-color);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
width: var(--icon-size);
height: var(--icon-size);
opacity: 1 !important;
margin: 0;
margin: 0;
}
}  


.theme-dropdown-details[open] + .theme-window {
.theme-dropdown-summary {
visibility: visible;
mask-image: var(--icon-settings);
opacity: 1;
height: auto;
transform: scale(0.99999);
}
}


#personal .dropdown,
#pt-notifications-alert .mw-echo-notifications-badge,
.theme-dropdown .theme-window {
#pt-notifications-notice .mw-echo-notifications-badge {
top: unset;
width: var(--icon-size);
user-select: none;
height: var(--icon-size);
position: absolute;
filter: var(--invert-100);
right: -14px;
background-size: cover;
width: 14.5rem;
margin: 0;
font-size: 0.95rem;
background: var(--ooui-bg-color-darkened);
box-shadow: var(--box-shadow-high);
transition-duration: var(--transition-time);
transition-property: transform, opacity, visibility;
z-index: var(--index-high);
margin-top: 0.3rem;
border: 2px solid var(--ooui-bg-color-light);
border-top: 2px solid var(--ooui-border-color);
border-radius: var(--border-radius-low);
padding: 0.2em;
box-shadow: var(--box-shadow-high), var(--box-shadow-inset);
}
}


#personal .dropdown::before,  
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
#personal .dropdown::after {
opacity: 0.45;
display: none;
}
}


.theme-dropdown .theme-window {
#pt-notifications-alert .mw-echo-notifications-badge::after,
overflow: hidden;
#pt-notifications-notice .mw-echo-notifications-badge::after {
opacity: 0;
filter: var(--invert-100);
visibility: hidden;
transform: scale(0.9);
transform-origin: top;
}
}


.theme-dropdown .theme-window * {
@media screen and (max-width: 850px) {
user-select: none;
#pt-notifications-alert .mw-echo-notifications-badge,
user-drag: none;
#pt-notifications-notice .mw-echo-notifications-badge,
-webkit-user-drag: none;
#personal h2::before,
#site-navigation h2,
.theme-dropdown-summary {
width: var(--icon-size-big);
height: var(--icon-size-big);
}
#personal .dropdown,
.theme-dropdown .theme-window {
right: 0;
}
#personal-extra {
position: unset;
}
}
}
/* #endregion */


#personal .dropdown label, #personal .dropdown h3,
/* ============ */
.theme-dropdown .theme-window__header {
/* #region Интерфейс MediaWiki */
display: flex;
/* ============ */
align-items: center;
 
gap: 4px;
/* invert(1) */
position: relative;
.mw-editsection,
height: 2rem;
.mw-editsection a,
font-size: 1rem;
.dropdown-toggle::after,
border-radius: var(--border-radius-low);
.cdx-button .cdx-button__icon, .cdx-button .cdx-icon,
background-color: var(--color-contrast2);
.wikiEditor-ui-toolbar .tabs span.tab a::before,
font-weight: bold;
.wikiEditor-ui-toolbar .group .tool-select .label::after,
padding: 0 0.4em;
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, .mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after {
border-bottom: 2px solid var(--color-darkened-border);
filter: var(--invert-100);
flex-direction: row;
margin: 0;
}
}


#theme-preferences__content {
/* invert(0.75) */
display: flex;
.oo-ui-iconElement-icon:not(.oo-ui-image-progressive):not(.oo-ui-image-destructive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-image-invert):not(.mw-no-invert):not(.oo-ui-icon-difficulty-easy):not(.oo-ui-icon-difficulty-medium):not(.oo-ui-icon-difficulty-hard):not(.oo-ui-image-error):not(.oo-ui-image-success),
flex-direction: column;
.oo-ui-indicatorElement-indicator,
gap: 0.5em;
.cdx-icon svg,
.skin-invert img[role="presentation"] {
filter: var(--invert-75) hue-rotate(180deg);
}
}


#theme-preferences__content .theme-menu__heading {
body.wgl-theme-ss14 .oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator):not(.oo-ui-icon-mentor),
display: flex;
body.wgl-theme-ss14 .oo-ui-icon-linked {
justify-content: center;
filter: var(--invert-75);
align-items: center;
font-weight: bold;
height: 1.75rem;
border-bottom: 2px solid var(--bg-color-sky-blue-100);
}
}


#personal .dropdown ul,
/* invert(0) */
#theme-preferences__content .theme-menu__content {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
padding: 0.5em;
.mw-ge-help-panel-button.oo-ui-buttonElement.oo-ui-iconElement.oo-ui-indicatorElement a.oo-ui-buttonElement-button .oo-ui-indicator-up {
filter: var(--invert-0);
}
}


.theme-dropdown .theme-window * {
body:not(.wgl-theme-ss14) .oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator):not(.oo-ui-icon-mentor),
user-select: none;
body:not(.wgl-theme-ss14) .oo-ui-icon-linked {
user-drag: none;
filter: var(--invert-0) !important;
-webkit-user-drag: none;
}
}


#personal .dropdown .mw-portlet > div, #personal .dropdown .mw-portlet-body,
/* icon color */
.theme-dropdown .theme-window__content {
#mw-indicator-mw-helplink a .mw-helplink-icon,
position: relative;
.mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow {
margin: 0.3em 0;
background: var(--theme-icon-color);
}
}


#personal .dropdown ul,
/* background */
#theme-preferences__content .theme-menu {
.oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button,
flex: 1 0 9rem;
.mw-prefs-buttons,
background-color: var(--theme-bg-color-base);
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed,
border-radius: var(--border-radius-low);
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select,
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
 
.oo-ui-dropdownWidget,
#theme-preferences__content .theme-menu li {
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
margin: 0;
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover,
}
.mw-datatable td,
 
.oo-ui-tabSelectWidget-framed,
#personal .dropdown ul,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td,
#theme-preferences__content .theme-menu form {
.growthexperiments-homepage-module-startemail,
position: relative;
.mw-ge-startediting-dialog-progress,
display: flex;
body.ltr .mw-ge-help-panel-processdialog .oo-ui-window-head:not(.oo-ui-pendingElement-pending),
flex-direction: column;
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu,
gap: 0.5em;
.ve-ui-toolbarDialog,
text-align: center;
.mw-echo-ui-notificationItemWidget:hover,
}
.mw-echo-ui-pageNotificationsOptionWidget-label-count,
 
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,
#personal .dropdown li,
.footer-icons a:hover,
#theme-preferences__content .theme-client-prefs-radio {
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending),
display: flex;
.mw-special-Contribute .mw-contribute-card,
justify-content: center;
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
padding: 0;
.wikiEditor-ui-toolbar .group .tool-select .options .option,
margin: 0;
.ext-templatewizard-templatetitlebar,
}
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all,
 
.mw-ge-help-panel-home-button,
#theme-preferences__content .theme-client-prefs-radio input {
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
display: none;
span.fileinput-button,
}
.ace_button,
 
.ace_searchbtn,
#personal .dropdown li a,
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
#theme-preferences__content .theme-client-prefs-radio label {
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
user-select: none;
.growthexperiments-homepage-module,
-webkit-user-drag: none;
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip,
background: var(--ooui-bg-color-light);
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button,
border-radius: var(--border-radius-medium);
.ace_optionsMenuEntry button,
transition-property: background, box-shadow;
.ace_optionsMenuEntry button[ace_selected_button=true],
transition-duration: var(--transition-time);
.wikiEditor-ui-toolbar,
cursor: pointer;
.ace_search_field,
flex-grow: 1;
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
align-content: center;
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
padding: 0.25em 0.5em;
.quickbox,
font-weight: bold;
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget,
border-top: 1px solid var(--color-lighter-alpha-x);
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
border-bottom: 2px solid var(--color-darkened-border);
.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot,
color: var(--theme-text-color);
.mw-rcfilters-ui-menuSelectWidget-footer,
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
 
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
#theme-preferences__content .theme-client-prefs-radio input:checked + label {
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
background-color: var(--bg-color-message);
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame,
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select,
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
#personal-extra li:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
#personal h2:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.theme-dropdown-details:hover,
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after,
.tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover,
.mw-widget-dateInputWidget-handle,
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover {
#wpDestFile,
background: var(--bg-color-hover);
#wpUploadDescription,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.ui-widget input,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
#mw-scribunto-input,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module-mentor-tools .growthexperiments-mentor-dashboard-module-mentor-tools-other-actions,
.growthexperiments-mentor-dashboard-module-mentee-overview .growthexperiments-mentor-dashboard-module-mentee-overview-recent-by-mentees,
.ext-growthExperiments-NumberInput__input:enabled,
.cdx-dialog__header--default,
.cdx-select-vue--enabled .cdx-select-vue__handle,
.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle,
.cdx-select-vue--enabled .cdx-select-vue__handle:hover,
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper,
.mw-ge-help-panel-processdialog .suggested-edits-panel-footer,
.ext-communityConfiguration-JsonForm__footer-wrapper,
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled,
.cdx-select:enabled,
.cdx-select:enabled:hover,
.cdx-text-input__input:enabled,
.oo-ui-toolbar-bar,
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-example,
.mw-ge-help-panel-processdialog .suggested-edits-panel-switch-editor-panel,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip,
.mw-body-content .recent-questions-growthexperiments-mentor-questions, .overlay-content .recent-questions-growthexperiments-mentor-questions, .content .recent-questions-growthexperiments-mentor-questions {
background: var(--ooui-bg-color);
}
}


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


#personal-extra li:focus,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
#personal.dropdown-active h2,
.cdx-checkbox__icon {
.theme-dropdown-details[open] {
background-color: var(--ooui-bg-color-dark);
background-color: var(--bg-color-focus) !important;
}
}


#personal h2::before,
.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout,
#site-navigation h2,
.mw-special-Contribute .mw-contribute-tabs-content,
.theme-dropdown-summary {
.mw-echo-ui-placeholderItemWidget,
content: '';
.mw-ge-startediting-dialog-intro-general,
cursor: pointer;
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-single-column,
background: var(--theme-icon-color);
.oo-ui-searchWidget-results,
mask-size: contain;
.mw-rcfilters-ui-tagItemWidget-popup-content,
mask-position: center;
#ace_settingsmenu, #kbshortcutmenu,
mask-repeat: no-repeat;
.oo-ui-searchWidget-query,
width: var(--icon-size);
.mw-ge-startediting-dialog-difficulty-banner,
height: var(--icon-size);
.mw-ge-help-panel-popup .oo-ui-dialog,
opacity: 1 !important;
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
margin: 0;
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread,
}
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded,
 
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane,
.theme-dropdown-summary {
.wikiEditor-toolbar-dialog .ui-dialog-content,
mask-image: var(--icon-settings);
.cdx-dialog,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content,
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame,
.oo-ui-toggleSwitchWidget {
background-color: var(--ooui-bg-color-darkened);
}
}


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


#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
.wikiEditor-ui-toolbar .booklet > .index > :hover,
    opacity: 0.45;
.mw-rcfilters-ui-itemMenuOptionWidget:hover,
.mw-highlight .hll,
.ace_button:hover:not(.checked),
.ace_button:active,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {
background: var(--bg-color-hover);
}
}


#pt-notifications-alert .mw-echo-notifications-badge::after,
.oo-ui-menuSelectWidget,
#pt-notifications-notice .mw-echo-notifications-badge::after {
.oo-ui-popupToolGroup-tools,
filter: var(--invert-100);
.mw-widget-dateInputWidget-calendar,
.mw-widgets-datetime-calendarWidget,
.cdx-menu {
background: var(--ooui-gradient);
}
}


@media screen and (max-width: 850px) {
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
#pt-notifications-alert .mw-echo-notifications-badge,
.mw-apisandbox-toolbar,
#pt-notifications-notice .mw-echo-notifications-badge,
form:not(.oo-ui-layout) fieldset,
#personal h2::before,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
#site-navigation h2,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected),
.theme-dropdown-summary {
.ext-WikiEditor-realtimepreview-button:hover,
width: var(--icon-size-big);
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header,
height: var(--icon-size-big);
.ext-discussiontools-init-publishedcomment {
}
background: transparent;
#personal .dropdown,  
.theme-dropdown .theme-window {
right: 0;
}
#personal-extra {
position: unset;
}
}
}
/* #endregion */


/* ============ */
.mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend,
/* #region Интерфейс MediaWiki */
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label,
/* ============ */
#pagehistory li.selected,
 
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
/* invert(1) */
background: var(--bg-color-emerald-subtle);
.wikiEditor-ui-toolbar .page-characters div span,
.shortcut-1 > span > span > img,
.tools-inline li:not(.selected) a,
.tools-inline li.selected a,
#site-tools h2, #searchButton,
.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,
figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after,
#personal h2::after,
.mw-ge-help-panel-home-button-image-icon,
.oo-ui-icon-help, .mw-ui-icon-help:before,
.mw-ge-help-panel-button--opened.oo-ui-buttonElement.oo-ui-iconElement.oo-ui-indicatorElement a.oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
filter: var(--invert-100);
}
}


/* invert(0.75) */
.approved-revision {
.wikiEditor-ui-toolbar .group .tool-select .label:after,
    background: var(--bg-color-emerald-subtle) !important;
.wikiEditor-ui-toolbar .tabs span.tab a:before,
.oo-ui-icon-menu,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-input > .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),
.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-decoratedOptionWidget.oo-ui-widget-enabled .oo-ui-iconElement-icon, .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,
.cdx-button:enabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon,
.oo-ui-iconElement-icon.oo-ui-image-notice.oo-ui-icon-article,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head > .oo-ui-iconWidget,
.cdx-icon svg,
.growthexperiments-homepage-module-startemail .oo-ui-iconWidget:not(.oo-ui-image-progressive),
.oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-create .mw-ge-homepage-taskTypeSelectionWidget-additional-msg .oo-ui-iconElement-icon, .oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-image-recommendation .mw-ge-homepage-taskTypeSelectionWidget-additional-msg .oo-ui-iconElement-icon, .oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-section-image-recommendation .mw-ge-homepage-taskTypeSelectionWidget-additional-msg .oo-ui-iconElement-icon, .oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-link-recommendation .mw-ge-homepage-taskTypeSelectionWidget-additional-msg .oo-ui-iconElement-icon,
.oo-ui-tool .oo-ui-iconElement-icon,
.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon,
.oo-ui-buttonElement.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, .oo-ui-buttonElement.oo-ui-indicatorElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon, .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
.oo-ui-icon-link, .mw-ui-icon-link:before,
.oo-ui-icon-quotes, .mw-ui-icon-quotes:before {
filter: var(--invert-75);
}
}


/* invert(0.5) */
.cdx-message--success,
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator,
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete,
.mw-enhancedchanges-arrow-space,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
#mw-indicator-mw-helplink a .mw-helplink-icon {
background-color: var(--bg-color-message);
filter: var(--invert-50);
}
}


/* invert(0) */
ul.fileupload-results li.ful-success {
.tools-inline .selected span,
background: var(--bg-color-message);
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span {
filter: var(--invert-0);
}
}


body:not(.wgl-theme-ss14) .oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator),
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
body:not(.wgl-theme-ss14) .oo-ui-icon-linked {
background: var(--bg-color-blue-dark);
filter: var(--invert-0) !important;
}
}


/* background */
.mw-echo-ui-notificationItemWidget-unread,
.oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button,
.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-desktop.growthexperiments-homepage-module.activated,
.mw-prefs-buttons,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed,
.ext-growthExperiments-ScoreCard,
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select,
.ext-growthExperiments-MenteeOverview__no-results,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.ext-growthExperiments-PersonalizedPraise .ext-growthExperiments-NoResults__image,
.oo-ui-dropdownWidget,
.suggested-edits-mobile-peek-content, .suggested-edits-panel-header,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
.ext-communityConfiguration-Guidelines__Guideline {
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover,
background-color: var(--bg-color-notice-subtle);
.mw-datatable td,
}
.oo-ui-tabSelectWidget-framed,
 
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td,
.mw-echo-ui-notificationItemWidget-unread:hover {
.growthexperiments-homepage-module-startemail,
background: var(--bg-color-notice);
.mw-ge-startediting-dialog-progress,
}
body.ltr .mw-ge-help-panel-processdialog .oo-ui-window-head:not(.oo-ui-pendingElement-pending),
 
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu,
.wikiEditor-ui-text {
.ve-ui-toolbarDialog,
background: var(--theme-bg-color-base);
.mw-echo-ui-notificationItemWidget:hover,
}
.mw-echo-ui-pageNotificationsOptionWidget-label-count,
 
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,
.ext-WikiEditor-ResizingDragBar,
.footer-icons a:hover,
.ace_search,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending),
.editOptions, .mw-editform .editOptions {
.mw-special-Contribute .mw-contribute-card,
background: var(--theme-bg-color-100);
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
}
.wikiEditor-ui-toolbar .group .tool-select .options .option,
 
.ext-templatewizard-templatetitlebar,
.ext-WikiEditor-ResizingDragBar span,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all,
.mw-revslider-revision,
.mw-ge-help-panel-home-button,
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
span.fileinput-button,
background: var(--ooui-border-color);
.ace_button,
}
.ace_searchbtn,
 
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
background: var(--border-color-hr);
.growthexperiments-homepage-module,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip,
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button,
.ace_optionsMenuEntry button,
.ace_optionsMenuEntry button[ace_selected_button=true],
.wikiEditor-ui-toolbar,
.ace_search_field,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.quickbox,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot,
.mw-rcfilters-ui-menuSelectWidget-footer,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after,
.mw-widget-dateInputWidget-handle,
#wpDestFile,
#wpUploadDescription,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.ui-widget input,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
#mw-scribunto-input,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head {
background: var(--ooui-bg-color);
}
}


.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content,
.oo-ui-windowManager-modal > .oo-ui-dialog,
.mw-rcfilters-ui-menuSelectWidget-body.oo-ui-clippableElement-clippable,  
.oo-ui-processDialog-errors,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.cdx-dialog-backdrop {
.oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input,
background: rgba(0, 0, 0, var(--alpha-m));
.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,
.mw-ui-button:not(:disabled):hover {
.ace_searchbtn:hover,
background-color: var(--theme-border-color-base);
.ext-templatewizard-templateform .oo-ui-menuLayout-content,
.mw-echo-ui-notificationItemWidget,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td,
.ext-discussiontools-ui-replyWidget-preview,
.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content,
#preferences .mw-htmlform-submit-buttons,
.oo-ui-toggleSwitchWidget,
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input,
.ace_editor.ace_autocomplete,
.ext-growthExperiments-CPopper__popover,
.growthexperiments-homepage-module-suggested-edits .growthexperiments-homepage-module-footer,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.mw-notification,
.oo-ui-popupWidget-popup,
.ui-widget-header,
.ui-widget-content,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend,
div.editOptions,
.mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group {
background: var(--ooui-bg-color-dark);
}
}


.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span {
.mw-ui-button {
background-color: var(--ooui-bg-color-dark);
background-color: var(--theme-bg-color-200);
}
}


.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout,
.cdx-message--warning,
.mw-special-Contribute .mw-contribute-tabs-content,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
.mw-echo-ui-placeholderItemWidget,
background: var(--bg-color-warning);
.mw-ge-startediting-dialog-intro-general,
}
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-single-column,
 
.oo-ui-searchWidget-results,
.cdx-message--error,
.mw-rcfilters-ui-tagItemWidget-popup-content,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip,
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning,
#ace_settingsmenu, #kbshortcutmenu,
.mw-ui-button.mw-ui-destructive:not(:disabled),
.oo-ui-searchWidget-query,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark.negative {
.mw-ge-startediting-dialog-difficulty-banner,
background: var(--bg-color-error);
.mw-ge-help-panel-popup .oo-ui-dialog,
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread,
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded,
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane,
.wikiEditor-toolbar-dialog .ui-dialog-content {
background-color: var(--ooui-bg-color-darkened);
}
}


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


.wikiEditor-ui-toolbar .booklet > .index > :hover,
.mw-notification.mw-notification-type-warn,
.mw-rcfilters-ui-itemMenuOptionWidget:hover,
.mw-destfile-warning {
.mw-highlight .hll,
background-color: var(--bg-color-warning-subtle);
.ace_button:hover:not(.checked),
.ace_button:active,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
background: var(--bg-color-hover);
}
}


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


.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout,
.mw-apisandbox-toolbar,
.wikiEditor-ui-toolbar .sections .section,
form:not(.oo-ui-layout) fieldset,
.mw-revslider-container,
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame,
.mw-revslider-slider-wrapper,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
#mw-searchoptions .divider,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected),
.ace_searchbtn:last-child,
.ext-WikiEditor-realtimepreview-button:hover {
.wikiEditor-ui .wikiEditor-ui-view,
background: transparent;
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle,
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head,
 
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child,
.mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer,
.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label,
.ve-ui-symbolListPage-symbol,
#pagehistory li.selected {
.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget,
background: var(--bg-color-emerald-subtle);
.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label,
}
.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group,
 
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-conflicting-talk-label span .mw-twocolconflict-split-delete,
span.fileinput-button,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
.ace_button,
background: var(--bg-color-message);
.ace_searchbtn,
}
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
 
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
ul.fileupload-results li.ful-success {
.growthexperiments-homepage-module,
background: var(--bg-color-message);
.oo-ui-toggleSwitchWidget,
}
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input,
 
.oo-ui-searchWidget-query,
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
.mw-ge-startediting-dialog-difficulty-banner,
background: var(--bg-color-blue-dark);
.mw-ge-help-panel-popup .oo-ui-dialog,
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
.mw-revslider-revision-filter-highlight .mw-revslider-revision-border-box,
.ext-templatewizard-templatetitlebar,
.mw-rcfilters-ui-tagItemWidget-popup-content,
.ace_optionsMenuEntry button,
.ace_optionsMenuEntry button[ace_selected_button=true],
.ace_search_field,
.ace_search,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-popupWidget-popup,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
#wpDestFile,
#wpUploadDescription,
.mw-widgets-datetime-calendarWidget,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module,
.ext-growthExperiments-MenteeFilters__form,
.ext-growthExperiments-NumberInput__input:enabled,
.cdx-dialog,
.cdx-select-vue--enabled .cdx-select-vue__handle,
.cdx-select-vue--enabled .cdx-select-vue__handle:hover,
.cdx-menu,
.cdx-checkbox__input:enabled+.cdx-checkbox__icon,
.oo-ui-tagItemWidget.oo-ui-widget-disabled,
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,
.cdx-input-chip,
.ext-communityConfiguration-Features__Feature,
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled,
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover,
.cdx-select:enabled,
.cdx-select:enabled:hover,
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header,
.cdx-text-input__input:enabled,
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar,
.ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td,
.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu,
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .page-characters div span:hover {
border-color: var(--ooui-border-color-light);
}
}


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


.wikiEditor-ui-text {
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label,
background: var(--theme-bg-color-base);
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active,
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button,
.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
border-color: transparent;
}
}


.ext-WikiEditor-ResizingDragBar,
.cdx-message--success,
.ace_search,
.mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add,
.editOptions, .mw-editform .editOptions {
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
background: var(--theme-bg-color-100);
border-color: var(--border-color-message);
}
}


.ext-WikiEditor-ResizingDragBar span,
.mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete,
.mw-revslider-revision,
.cdx-message--warning,
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
background: var(--ooui-border-color);
border-color: var(--border-color-warning);
}
}


body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
.mw-ui-button:not(:disabled) {
background: var(--border-color-hr);
border-color: var(--theme-border-color-base);
}
}


.oo-ui-windowManager-modal > .oo-ui-dialog,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
.oo-ui-processDialog-errors {
border-color: var(--ooui-bg-color);
background: rgba(0, 0, 0, var(--alpha-m));
}
}


.mw-ui-button:not(:disabled):hover {
.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-desktop.growthexperiments-homepage-module.activated,
background-color: var(--theme-border-color-base);
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice,
.ext-growthExperiments-ScoreCard,
.ext-growthExperiments-MenteeOverview__no-results {
border-color: var(--bg-color-notice);
}
}


.mw-ui-button {
.cdx-message--error,
background-color: var(--theme-bg-color-200);
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error,
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning,
.mw-ui-button.mw-ui-destructive:not(:disabled),
.mw-ui-button.mw-ui-destructive:not(:disabled):hover {
border-color: var(--border-color-error);
}
 
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active {
border-right-color: var(--ooui-border-color);
}
 
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button {
border-left-color: var(--ooui-border-color);
}
}


.cdx-message--warning,
.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget {
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
border: 1px solid var(--ooui-border-color);
background: var(--bg-color-warning);
}
}


.cdx-message--error,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span {
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning,
border: 1px solid var(--border-color-hr);
.mw-ui-button.mw-ui-destructive:not(:disabled) {
background: var(--bg-color-error);
}
}


.mw-ui-button.mw-ui-destructive:not(:disabled):hover {
.editOptions,.mw-editform .editOptions,
background-color: var(--border-color-error);
.ui-widget input,
#mw-scribunto-input,
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button {
border: 1px solid var(--ooui-border-color-light);
}
}


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


.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout,
.ext-discussiontools-init-publishedcomment {
.wikiEditor-ui-toolbar .sections .section,
border: 1px solid var(--border-color-message);
.mw-revslider-container,
}
.mw-revslider-slider-wrapper,
.mw-footer-container,
#mw-searchoptions .divider,
.ace_searchbtn:last-child,
.wikiEditor-ui .wikiEditor-ui-view,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer,
.ve-ui-symbolListPage-symbol,
.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget,
.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label,
.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group,
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
span.fileinput-button,
.ace_button,
.ace_searchbtn,
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.growthexperiments-homepage-module,
.oo-ui-toggleSwitchWidget,
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input,
.oo-ui-searchWidget-query,
.mw-ge-startediting-dialog-difficulty-banner,
.mw-ge-help-panel-popup .oo-ui-dialog,
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
.mw-revslider-revision-filter-highlight .mw-revslider-revision-border-box,
.ext-templatewizard-templatetitlebar,
.mw-rcfilters-ui-tagItemWidget-popup-content,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip,
.ace_optionsMenuEntry button,
.ace_optionsMenuEntry button[ace_selected_button=true],
.ace_search_field,
.ace_search,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-popupWidget-popup,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
#wpDestFile,
#wpUploadDescription,
.mw-widgets-datetime-calendarWidget,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.mw-rcfilters-ui-filterMenuHeaderWidget-header {
border-color: var(--ooui-border-color-light);
}


.mw-rcfilters-ui-watchlistTopSectionWidget-separator,
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
.mw-revslider-revision-tooltip .mw-revslider-filter-highlightable-row.mw-revslider-filter-highlight,
border-bottom-color: var(--ooui-bg-color-light);
.mw-revslider-revision-border-box,
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover,
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator,
.mw-rcfilters-ui-datePopupWidget,
.oo-ui-searchWidget-query,
.ext-replacetext-searchoptions .ext-replacetext-divider,
.ve-ui-symbolListPage-symbol:hover,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2, .ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section,
#preferences .mw-htmlform-submit-buttons,
.mw-revslider-revision,
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after {
border-color: var(--border-color-hr);
}
}


.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label,
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button,
border-top-color: var(--ooui-border-color-light);
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active,
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button {
border-color: transparent;
}
}


.mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add,
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
border-top-color: var(--ooui-bg-color-light);
border-color: var(--border-color-message);
}
}


.mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete,
/* Стили с color-contrast */
.cdx-message--warning,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active,
border-color: var(--border-color-warning);
.mw-ui-button.mw-ui-progressive:not(:disabled):hover,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
background: var(--color-contrast);
}
}


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


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


.growthexperiments-homepage-module-suggested-edits.growthexperiments-homepage-module-desktop.growthexperiments-homepage-module.activated,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.ext-growthExperiments-ScoreCard {
.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,
border-color: var(--bg-color-notice);
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'],
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive {
border-color: var(--color-contrast-dark);
}
}


.cdx-message--error,
.cdx-menu-item--enabled.cdx-menu-item--selected {
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error,
background: var(--color-contrast2);
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning,
.mw-ui-button.mw-ui-destructive:not(:disabled),
.mw-ui-button.mw-ui-destructive:not(:disabled):hover {
border-color: var(--border-color-error);
}
}


.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button,
ul li.selected:not(.init),
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active {
.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button,
border-right-color: var(--ooui-border-color);
.mw-portlet-body #ca-move.selected,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted,
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover,
.cdx-menu-item--enabled.cdx-menu-item--highlighted {
background: var(--color-contrast2-dark);
}
}


.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button {
/* box-shadow */
border-left-color: var(--ooui-border-color);
.ve-ce-linkAnnotation.ve-ce-annotation-active,
.oo-ui-menuSelectWidget,
.oo-ui-popupToolGroup-tools,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable,
.ext-growthExperiments-MenteeFilters__form {
box-shadow: var(--box-shadow);
}
}


.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget {
.wikiEditor-ui-toolbar,
border: 1px solid var(--ooui-border-color);
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.mw-notification {
box-shadow: var(--box-shadow-medium);
}
}


.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span,
#ace_settingsmenu, #kbshortcutmenu {
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span {
box-shadow: var(--box-shadow-high);
border: 1px solid var(--border-color-hr);
}
}


.editOptions,.mw-editform .editOptions,
.mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group {
.ui-widget input,
box-shadow: var(--box-shadow-inset);
#mw-scribunto-input,
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button {
border: 1px solid var(--ooui-border-color-light);
}
}


.growthexperiments-homepage-module-suggested-edits .growthexperiments-homepage-module-footer {
.ace_optionsMenuEntry button,
border-color: var(--bg-color-notice-subtle);
.ace_optionsMenuEntry button[ace_selected_button=true] {
box-shadow: var(--box-shadow-inset-high);
}
}


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


.mw-ui-button.mw-ui-progressive:not(:disabled):hover,
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,
form:not(.oo-ui-layout) button:not(:disabled):hover, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):hover, form:not(.oo-ui-layout) button:not(:disabled):active, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):active,
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-single-column,
span.fileinput-button:hover,
.oo-ui-searchWidget-results,
.ace_optionsMenuEntry button:hover,
.footer-icons a:hover,
.ace_button.checked,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending),
.ace_editor.ace_autocomplete .ace_line-hover,
.mw-special-Contribute .mw-contribute-card,
.ui-state-default:hover,
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span,
.wikiEditor-ui-toolbar .group .tool-select .options .option,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.ext-templatewizard-templatetitlebar,
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all,
.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,
.mw-ge-help-panel-home-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
span.fileinput-button,
.mw-ui-button.mw-ui-progressive:not(:disabled),
.ace_button,
.mw-body h1.firstHeading,
.ace_searchbtn,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input,
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
border-color: var(--color-contrast);
.growthexperiments-homepage-module,
}
.oo-ui-searchWidget-query,
 
.mw-ge-startediting-dialog-difficulty-banner,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.mw-ge-help-panel-popup .oo-ui-dialog,
.ace_searchbtn_close:hover,
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
.ext-WikiEditor-ResizingDragBar:hover span,
.ace_editor.ace_autocomplete,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on,
.ext-growthExperiments-CPopper__popover,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip,
.mw-rcfilters-ui-tagItemWidget-popup-content,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active, .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-popupToolGroup-handle, .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link,
#ace_settingsmenu, #kbshortcutmenu,
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,
.growthexperiments-homepage-module-suggested-edits .growthexperiments-homepage-module-footer,
span.fileinput-button:hover,
.mw-twocolconflict-split-editable .mw-twocolconflict-split-editor,
.ace_optionsMenuEntry button:hover,
.cdx-message,
.ace_button.checked,
.mw-message-box,
.ace_editor.ace_autocomplete .ace_line-hover,
.wikiEditor-ui-toolbar .booklet > .index,
.ui-state-default:hover,
.ace_searchbtn.prev:after,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.ace_searchbtn.next:after,
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover,
.wikiEditor-ui-toolbar .group .tool-select .label,
.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,
.mw-special-Contribute .mw-contribute-card-content,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover,
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-parameter-list-inner .oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label, .ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-parameter-list-inner .oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.wikiEditor-ui-toolbar .page-table th,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.wikiEditor-ui-toolbar .page-table td,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
#ca-nstab-mediawiki.a,
.mw-ui-button.mw-ui-progressive:not(:disabled),
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
.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,
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'],
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.ve-ce-linkAnnotation.ve-ce-annotation-active {
.mw-widget-calendarWidget-day-heading,
background: var(--color-contrast-dark);
.mw-widget-calendarWidget-day,
}
.mw-widget-calendarWidget-labelButton .oo-ui-buttonElement-button .oo-ui-labelElement-label,
 
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-messageDialog-message,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active,
.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,
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label,
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {
.oo-ui-tabOptionWidget,
border-color: var(--color-contrast-dark);
.mw-echo-ui-notificationItemWidget-content-message-header,
}
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-no-results .se-card-title, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-error .se-card-title, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-end-of-queue .se-card-title, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-no-results .se-card-text, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-error .se-card-text, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-end-of-queue .se-card-text,
 
p.mw-ge-homepage-taskTypeSelectionWidget-difficulty-level-desc,
.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button,
.suggested-edits-topic-filters-topic-selector h4, .suggested-edits-topic-filters-topic-selector p,
.mw-portlet-body #ca-move.selected,
.mw-ge-startediting-dialog-intro-general-title, .mw-ge-startediting-dialog-intro-general-header,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover,
.mw-ge-startediting-dialog-difficulty-header,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted,
.mw-ge-startediting-dialog-difficulty-legend-description-header,
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {
.mw-ge-help-panel-processdialog .oo-ui-window-head .oo-ui-processDialog-title,
background: var(--color-contrast2-dark);
.mw-ge-help-panel-processdialog .mw-ge-help-panel-home-button h2,
}
.mw-ge-help-panel-popup .oo-ui-dialog,
 
.oo-ui-toolbar-bar,
/* box-shadow */
.ext-discussiontools-ui-targetWidget > .ve-init-target > .ve-ui-surface .ve-ui-completionWidget-header > .oo-ui-labelElement-label > span,
.ve-ce-linkAnnotation.ve-ce-annotation-active,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-menuSelectWidget,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.oo-ui-popupToolGroup-tools,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend {
box-shadow: var(--box-shadow);
}
 
.wikiEditor-ui-toolbar,
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.mw-notification {
.mw-notification,
box-shadow: var(--box-shadow-medium);
.ace_search,
.ace_search_field,
#pagehistory li.selected,
.oo-ui-popupWidget-popup,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after,
.ui-widget-header,
.ui-widget-content,
.mw-rcfilters-ui-filterMenuHeaderWidget-title.oo-ui-labelElement-label,
#mw-scribunto-input,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.search-types .current a,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-datatable,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module .growthexperiments-mentor-dashboard-module-header,
.cdx-select-vue--enabled .cdx-select-vue__handle,
.cdx-menu-item--enabled, .cdx-menu-item--enabled .cdx-menu-item__content,
.oo-ui-tagItemWidget.oo-ui-widget-disabled,
.suggested-edits-taskexplanation-difficulty-and-time .suggested-edits-difficulty-time-estimate .suggested-edits-difficulty-level, .suggested-edits-taskexplanation-additional-info .suggested-edits-difficulty-time-estimate .suggested-edits-difficulty-level,
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-card-wrapper .suggested-edits-task-card-wrapper .se-card-content .se-card-text,
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .suggested-edits-pager,
.suggested-edits-mobile-peek-content .suggested-edits-header-text h4, .suggested-edits-panel-header .suggested-edits-header-text h4,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-main, .mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-main-multiple,
.mw-ge-help-panel-processdialog .suggested-edits-panel-footer-text,
.suggested-edits-taskexplanation-difficulty-and-time p, .suggested-edits-taskexplanation-additional-info p,
.growthexperiments-homepage-mentorship-intro, .growthexperiments-homepage-module-mentorship-optin-intro,
.cdx-input-chip,
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled,
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip-example-text,
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark,
.wikiEditor-ui-toolbar .page-characters div span {
color: var(--ooui-text-color);
}
}


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


.mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group {
.wikiEditor-ui-toolbar .tabs span.tab a,
box-shadow: var(--box-shadow-inset);
.mw-special-Contribute .mw-contribute-card-action,
ul.fileupload-results li.ful-success a {
color: var(--text-color-link);
}
 
.ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label,
.ext-growthExperiments-ScoreCards__link:visited,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted {
color: var(--color-progressive);
}
 
/* border-radius */
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded,
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.cdx-input-chip {
border-radius: var(--border-radius-low);
}
 
.oo-ui-tagItemWidget {
border-radius: var(--border-radius-medium);
}
 
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
border-radius: var(--border-radius-high) var(--border-radius-high) 0 0;
}
 
/* Остальное */
.mw-ge-help-panel-processdialog .suggested-edits-panel-quick-start-tips-content .growthexperiments-quickstart-tips-tip mark {
mix-blend-mode: unset;
}
}


.ace_optionsMenuEntry button,
.ve-ce-branchNode-blockSlug, html body p.ve-ce-branchNode-newSlug {
.ace_optionsMenuEntry button[ace_selected_button=true] {
outline-color: var(--border-color-hr);
box-shadow: var(--box-shadow-inset-high);
}
}


/* color */
.oo-ui-toolbar, .ve-init-mw-editSwitch .oo-ui-toolbar-bar, .ve-init-mw-editSwitch .oo-ui-popupToolGroup, .ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle {
.mw-echo-ui-pageNotificationsOptionWidget-label-count,
height: 100%;
#contentSub,
}
.mw-templatedata-doc-muted,
 
.mw-templatedata-doc-param-alias,
.growthexperiments-mentor-dashboard-container .growthexperiments-mentor-dashboard-module-mentor-tools .oo-ui-dropdownWidget {
.oo-ui-labelWidget.oo-ui-inline-help,
display: inline-block;
.wikiEditor-ui-toolbar .group .label,
padding-top: 0;
.mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget,
}
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-section-header,
 
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters,
margin-left: 6px;
.mw-rcfilters-ui-savedLinksListWidget-placeholder-description,
}
.results-info,
 
.mw-search-result-data,
.ace_optionsMenuEntry input, .ace_optionsMenuEntry button {
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title,
margin: 0.35em 0.2em 0.25em 0;
.tdg-templateDataParamWidget-param-description,
.mw-echo-ui-notificationsListWidget:not(:hover) a, #p-personal .mw-echo-ui-notificationsListWidget:not(:hover) a.new,
.mw-echo-ui-notificationItemWidget-content-message-body,
.ext-growthExperiments-CText--color-subtle,
.growthexperiments-homepage-module .growthexperiments-homepage-module-subheader, .growthexperiments-homepage-module h3.growthexperiments-homepage-module-subheader,
.oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-create .mw-ge-homepage-taskTypeSelectionWidget-additional-msg, .oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-image-recommendation .mw-ge-homepage-taskTypeSelectionWidget-additional-msg, .oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-section-image-recommendation .mw-ge-homepage-taskTypeSelectionWidget-additional-msg, .oo-ui-widget.mw-ge-homepage-taskTypeSelectionWidget-checkbox-link-recommendation .mw-ge-homepage-taskTypeSelectionWidget-additional-msg,
.mw-ge-homepage-taskTypeSelectionWidget-create-body,
.mw-ge-suggestededits-articleCountWidget .oo-ui-labelWidget,
.mw-ge-startediting-dialog-progress-label,
.mw-ge-startediting-dialog-progress-indicator,
.mw-ge-startediting-dialog-difficulty-legend-description-body,
.mw-ge-help-panel-home-button-text-subheader,
.mw-ge-help-panel-processdialog label > strong,
.mw-ge-help-panel-processdialog h2,
.ext-discussiontools-init-timestamplink, .ext-discussiontools-init-timestamplink:visited, .ext-discussiontools-init-timestamplink:active,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2-metaitem, .ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section-metaitem,
.ext-discussiontools-ui-targetWidget > .ve-init-target > .ve-ui-surface .ve-ui-completionWidget-header > .oo-ui-labelElement-label,
.mw-ge-help-panel-popup-search-search-result div,
.ext-discussiontools-ui-replyWidget-preview::before,
.mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary,
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label,
.mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle {
color: var(--ooui-text-color-dark);
}
}


.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,
#footer-poweredbyico a {
.mw-twocolconflict-conflicting-talk-row .mw-twocolconflict-single-column,
background-image: url(https://commons.wiki.gg/images/1/1c/MediaWiki_footer_badge_dark.svg?12ec0a);
.oo-ui-searchWidget-results,
background-position: 50% 50%;
.footer-icons a:hover,
background-size: 88px 31px;
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending),
background-repeat: no-repeat;
.mw-special-Contribute .mw-contribute-card,
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
 
.wikiEditor-ui-toolbar .group .tool-select .options .option,
body:not(.wgl-theme-light) #footer-poweredbyico a img {
.ext-templatewizard-templatetitlebar,
visibility: hidden;
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all,
}
.mw-ge-help-panel-home-button,
 
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget-handle, select,
.ace_search {
span.fileinput-button,
padding: 6px 4px 2px 4px;
.ace_button,
}
.ace_searchbtn,
 
.oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget,
.ace_search_field {
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
margin: 0 2px 0 0 !important;
.growthexperiments-homepage-module,
}
.oo-ui-searchWidget-query,
 
.mw-ge-startediting-dialog-difficulty-banner,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.mw-ge-help-panel-popup .oo-ui-dialog,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
text-shadow: none;
.ace_editor.ace_autocomplete,
}
.ext-growthExperiments-CPopper__popover,
 
.mw-rcfilters-ui-tagItemWidget-popup-content,
.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget {
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip,
padding: 0.6em;
#ace_settingsmenu, #kbshortcutmenu,
}
.growthexperiments-homepage-module-suggested-edits .growthexperiments-homepage-module-footer,
 
.mw-twocolconflict-split-editable .mw-twocolconflict-split-editor,
.mw-changeslist-legend {
.cdx-message,
max-width: 300px;
.mw-message-box,
}
.wikiEditor-ui-toolbar .booklet > .index,
.ace_searchbtn.prev:after,
.mw-changeslist-legend {
.ace_searchbtn.next:after,
display: none;
.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,
.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget > .mw-changeslist-legend {
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-parameter-list-inner .oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label, .ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-parameter-list-inner .oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label,
display: block;
.wikiEditor-ui-toolbar .page-table th,
}
.wikiEditor-ui-toolbar .page-table td,
 
#ca-nstab-mediawiki.a,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
cursor: pointer;
.mw-widget-calendarWidget-day-heading,
}
.mw-widget-calendarWidget-day,
 
.mw-widget-calendarWidget-labelButton .oo-ui-buttonElement-button .oo-ui-labelElement-label,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] {
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
margin: 0;
.oo-ui-messageDialog-message,
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active,
 
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label,
.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.mw-prefs-fieldset-wrapper {
.oo-ui-tabOptionWidget,
padding: 1em;
.mw-echo-ui-notificationItemWidget-content-message-header,
.growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-no-results .se-card-title, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-error .se-card-title, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-end-of-queue .se-card-title, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-no-results .se-card-text, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-error .se-card-text, .growthexperiments-homepage-module-suggested-edits .suggested-edits-module-wrapper .se-card-end-of-queue .se-card-text,
p.mw-ge-homepage-taskTypeSelectionWidget-difficulty-level-desc,
.suggested-edits-topic-filters-topic-selector h4, .suggested-edits-topic-filters-topic-selector p,
.mw-ge-startediting-dialog-intro-general-title, .mw-ge-startediting-dialog-intro-general-header,
.mw-ge-startediting-dialog-difficulty-header,
.mw-ge-startediting-dialog-difficulty-legend-description-header,
.mw-ge-help-panel-processdialog .oo-ui-window-head .oo-ui-processDialog-title,
.mw-ge-help-panel-processdialog .mw-ge-help-panel-home-button h2,
.mw-ge-help-panel-popup .oo-ui-dialog,
.oo-ui-toolbar-bar,
.ext-discussiontools-ui-targetWidget > .ve-init-target > .ve-ui-surface .ve-ui-completionWidget-header > .oo-ui-labelElement-label > span,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.mw-notification,
.ace_search,
.ace_search_field,
#pagehistory li.selected,
.oo-ui-popupWidget-popup,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after,
.ui-widget-header,
.ui-widget-content,
.mw-rcfilters-ui-filterMenuHeaderWidget-title.oo-ui-labelElement-label,
#mw-scribunto-input,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.search-types .current a,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend {
color: var(--ooui-text-color);
}
}


.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-pendingElement-pending {
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,
--background-color-interactive: var(--ooui-bg-color);
.wikiEditor-ui-toolbar .booklet > .index > .current,
--background-color-base: var(--ooui-border-color-light);
.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group,
.oo-ui-processDialog-errors-title,
.mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.mw-echo-ui-notificationItemWidget-content-actions-timestamp,
.growthexperiments-homepage-module .growthexperiments-homepage-module-header, .growthexperiments-homepage-module h2.growthexperiments-homepage-module-header,
.mw-ge-startediting-dialog-progress-indicator-completed,
.oo-ui-messageDialog-title,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
form:not(.oo-ui-layout) button:not(:disabled):hover, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):hover, form:not(.oo-ui-layout) button:not(:disabled):active, form:not(.oo-ui-layout) input[type='submit']:not(:disabled):active,
span.fileinput-button:hover,
.ace_optionsMenuEntry button:hover,
.ace_button.checked,
.ace_editor.ace_autocomplete .ace_line-hover,
.ui-state-default:hover,
.wikiEditor-ui-toolbar,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover,
.editOptions, .mw-editform .editOptions,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'],
#wpDestFile,
#wpUploadDescription,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.ui-widget input,
.diff-editfont-monospace .diff-addedline,.diff-editfont-monospace .diff-deletedline,.diff-editfont-monospace .diff-context,
.mw-widget-dateInputWidget-handle {
color: var(--ooui-text-color-light);
}
}


.wikiEditor-ui-toolbar .tabs span.tab a,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
.mw-special-Contribute .mw-contribute-card-action,
border-width: 2px;
ul.fileupload-results li.ful-success a,
.mw-footer-container a,
.mw-footer-container a:visited {
color: var(--text-color-link);
}
}


.ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label {
.mw-prefs-search-highlight {
color: var(--color-progressive);
background: transparent !important;
outline: 2px solid var(--bg-color-emerald-50) !important;
border-radius: 0 !important;
}
}


/* border-radius */
.wikiEditor-ui-text textarea#wpTextbox1 {
.oo-ui-tagMultiselectWidget-handle, .oo-ui-panelLayout-padded,
border: none;
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button,
background: var(--theme-bg-color-base);
.mw-widgets-datetime-dateTimeInputWidget-handle {
border-radius: var(--border-radius-low);
}
}


.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.ace_search_form.ace_nomatch {
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
outline: 1px solid #922626
border-radius: var(--border-radius-medium);
}
}


.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-changesListWrapperWidget,
.wikiEditor-ui-toolbar .section-secondary .group.empty {
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
display: none;
border-radius: var(--border-radius-high) var(--border-radius-high) 0 0;
}
}


/* Остальное */
.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon {
.oo-ui-toolbar, .ve-init-mw-editSwitch .oo-ui-toolbar-bar, .ve-init-mw-editSwitch .oo-ui-popupToolGroup, .ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle {
top: 2px;
height: 100%;
}
}


.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
#pagehistory li.selected {
margin-left: 6px;
outline: none;
}
}


.ace_optionsMenuEntry input, .ace_optionsMenuEntry button {
#mw-subcategories, #mw-pages, #mw-category-media, #filehistory, #wikiPreview, #wikiDiff {
margin: 0.35em 0.2em 0.25em 0;
clear: both;
}
}


#footer-poweredbyico a {
.mw-tag-markers {
background-image: url(https://commons.wiki.gg/images/1/1c/MediaWiki_footer_badge_dark.svg?12ec0a);
font-style: italic;
background-position: 50% 50%;
font-size: 90%
background-size: 88px 31px;
background-repeat: no-repeat;
}
}
/* #endregion */


body:not(.wgl-theme-light) #footer-poweredbyico a img {
/* ============ */
visibility: hidden;
/* #region Неотсортированные */
/* ============ */
form.createbox:invalid .cdx-button {
background-color: var(--theme-bg-color-200) !important;
color: var(--theme-text-color) !important;
border-color: var(--theme-bg-color-200) !important;
}
}


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


.ace_search_field {
.mw-mmv-image>*, .fullImageLink>*>* {
margin: 0 2px 0 0 !important;
image-rendering: auto !important;
}
}


.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.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 {
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) no-repeat right;
text-shadow: none;
padding-right: 18px
}
}


.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget {
.nounderlines a,.IPA a:link,.IPA a:visited {
padding: 0.6em;
text-decoration: none !important
}
}


.mw-changeslist-legend {
.nowrap,.nowraplinks a {
max-width: 300px;
white-space: nowrap
}
}
 
.mw-changeslist-legend {
.wrap,.wraplinks a {
display: none;
white-space: normal
}
.mw-changeslist.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget > .mw-changeslist-legend {
display: block;
}
}


.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.thumbinner {
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
min-width: 100px;
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
border-color: var(--ooui-border-color);
cursor: pointer;
}
}


.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] {
.thumbinner .thumbimage, .thumbborder {
margin: 0;
border: solid 1px var(--ooui-border-color);
}
}


.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.mw-prefs-fieldset-wrapper {
ul.permissions-errors>li {
padding: 1em;
list-style: none none
}
}


.mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
ul.permissions-errors {
outline-color: var(--bg-color-emerald-subtle);
margin: 0
}
}


.oo-ui-pendingElement-pending {
span.texhtml {
--background-color-interactive: var(--ooui-bg-color);
font-family: "Nimbus Roman No9 L","Times New Roman",Times,serif;
--background-color-base: var(--ooui-border-color-light);
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
}
}


.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
span.texhtml span.texhtml {
border-width: 2px;
font-size: 100%
}
}


.mw-prefs-search-highlight {
span.mwe-math-mathml-inline {
background: transparent !important;
font-size: 118%
outline: 2px solid var(--bg-color-emerald-50) !important;
border-radius: 0 !important;
}
}


.wikiEditor-ui-text textarea#wpTextbox1 {
.mwe-math-fallback-image-display,.mwe-math-mathml-display {
border: none;
margin-left: 1.6em !important;
background: var(--theme-bg-color-base);
margin-top: 0.6em;
margin-bottom: 0.6em
}
}


.ace_search_form.ace_nomatch {
.mwe-math-mathml-display math {
outline: 1px solid #922626
display: inline
}
}


.wikiEditor-ui-toolbar .section-secondary .group.empty {
.k-player .k-attribution {
display: none;
visibility: hidden
}
}


.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon {
.PopUpMediaTransform a .play-btn-large {
top: 2px;
margin: 0;
top: auto;
right: auto;
bottom: 0;
left: 0
}
}


#pagehistory li.selected {
.flaggedrevs_draft_synced,.flaggedrevs_stable_synced,#t-upload,.mw-special-Book #coll-downloadbox {
outline: none;
display: none
}
}


#mw-subcategories, #mw-pages, #mw-category-media, #filehistory, #wikiPreview, #wikiDiff {
#site-tools {
clear: both;
display: none !important
}
}


.mw-tag-markers {
span.comment {
font-style: italic;
overflow-wrap: break-word
font-size: 90%
}
}
/* #endregion */


/* ============ */
.mw-content-ltr .tocnumber {
/* #region Неотсортированные */
color: grey
/* ============ */
}


.noExternal>.external {
.quickbox {
  padding-right: 0px !important;
border: 1px solid var(--ooui-border-color);
  background-image: none !important;
}
}


.mw-mmv-image>*, .fullImageLink>*>* {
.quickboxhead {
image-rendering: auto !important;
border-bottom: 1px solid var(--ooui-border-color);
background: var(--theme-bg-color-base);
text-align: center
}
}


.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 {
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) no-repeat right;
color: var(--ooui-bg-color);
padding-right: 18px
}
}


.nounderlines a,.IPA a:link,.IPA a:visited {
.mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedseen div.mw-rcfilters-ui-highlights-color-none {
text-decoration: none !important
background: var(--ooui-border-color-light);
border: 1px solid var(--color-contrast);
}
}


.nowrap,.nowraplinks a {
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
white-space: nowrap
border-color: var(--ooui-bg-color-light);
}
}


.wrap,.wraplinks a {
.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot {
white-space: normal
outline-color: var(--ooui-border-color);
}
}


.thumbinner {
.mw-templateData-template-add-map-button-panel.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-expanded.tdg-templateDataDialog-addNewMapButtonPanel {
min-width: 100px;
display: flex;
border-color: var(--ooui-border-color);
align-items: center;
}
}


.thumbinner .thumbimage, .thumbborder {
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
border: solid 1px var(--ooui-border-color);
outline: 1px solid var(--ooui-border-color);
}
}


ul.permissions-errors>li {
.mw-rcfilters-ui-itemMenuOptionWidget .mw-rcfilters-ui-table {
list-style: none none
font-size: 0.9em;
}
}


ul.permissions-errors {
.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
margin: 0;
}
}


span.texhtml {
.oo-ui-layout.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-actionFieldLayout {
font-family: "Nimbus Roman No9 L","Times New Roman",Times,serif;
margin: 0.5em 0;
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 {
.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
font-size: 100%
box-shadow: none;
}
}


span.mwe-math-mathml-inline {
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
font-size: 118%
font-weight: bold;
}
}


.mwe-math-fallback-image-display,.mwe-math-mathml-display {
.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
margin-left: 1.6em !important;
display: flex;
margin-top: 0.6em;
align-items: center;
margin-bottom: 0.6em
}
}


.mwe-math-mathml-display math {
.group.group-search {
display: inline
border: none;
}
}


.k-player .k-attribution {
.editOptions, .mw-editform .editOptions {
visibility: hidden
border-top: none;
}
}


.PopUpMediaTransform a .play-btn-large {
.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 {
margin: 0;
background: var(--ooui-border-color);
top: auto;
right: auto;
bottom: 0;
left: 0
}
}


.flaggedrevs_draft_synced,.flaggedrevs_stable_synced,#t-upload,.mw-special-Book #coll-downloadbox {
.mw-rcfilters-ui-filterMenuHeaderWidget-header-highlight {
display: none
padding-right: 0.3em;
padding-left: 0.3em;
}
}


#site-tools {
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
display: none !important
padding: 0;
}
}


span.comment {
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
overflow-wrap: break-word
border-color: var(--ooui-border-color);
display: flex;
align-items: center;
padding: 0;
gap: 2px;
}
}


.mw-content-ltr .tocnumber {
@media screen {
color: grey
.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
}
}
}


.quickbox {
.positive {
border: 1px solid var(--ooui-border-color);
color: #00FF00;
font-weight: bold
}
}


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


.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
.anglerect {
color: var(--ooui-bg-color);
--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)))
}
}


.mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedseen div.mw-rcfilters-ui-highlights-color-none {
.flex {
background: var(--ooui-border-color-light);
display: flex
border: 1px solid var(--color-contrast);
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
.mw-body dd {
border-color: var(--ooui-bg-color-light);
margin: 0.2em;
margin-left: 1.6em
}
}


.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot {
ol.references li:target,sup.reference:target {
outline-color: var(--ooui-border-color);
background: var(--ooui-bg-color-light);
padding: 0px 1px 3px 1px;
}
}


.mw-templateData-template-add-map-button-panel.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-expanded.tdg-templateDataDialog-addNewMapButtonPanel {
.oo-ui-messageDialog-content > .oo-ui-window-foot {
display: flex;
outline-color: var(--ooui-border-color);
align-items: center;
}
}


.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover {
outline: 1px solid var(--ooui-border-color);
z-index: 1;
}
}


.mw-rcfilters-ui-itemMenuOptionWidget .mw-rcfilters-ui-table {
.oo-ui-comboBoxInputWidget-field {
font-size: 0.9em;
display: flex;
align-items: center;
}
}


.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 {
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after {
margin: 0;
margin: 0;
}
}


.oo-ui-layout.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-actionFieldLayout {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
margin: 0.5em 0;
box-shadow: inset var(--box-shadow-medium);
}
}


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


.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
.ui-widget-header {
font-weight: bold;
border: none !important;
}
}


.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
.ui-widget-content {
display: flex;
border: 1px solid var(--ooui-border-color) !important;
align-items: center;
}
}


.group.group-search {
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane,
border: none;
.wikiEditor-toolbar-dialog .ui-dialog-content {
border: none !important;
}
}


.editOptions, .mw-editform .editOptions {
.diff-editfont-monospace .diff-addedline,.diff-editfont-monospace .diff-deletedline,.diff-editfont-monospace .diff-context {
border-top: none;
background: var(--theme-bg-color-base);
border-color: var(--theme-bg-color-base);
}
}


.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 {
.diff-addedline .diffchange, .diff-deletedline .diffchange {
background: var(--ooui-border-color);
border-radius: var(--border-radius-low);
padding: 0.2em 0;
}
}


.mw-rcfilters-ui-filterMenuHeaderWidget-header-highlight {
.diff-deletedline .diffchange {
padding-right: 0.3em;
background: var(--bg-color-yellow-subtle);
padding-left: 0.3em;
}
}


.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
.diff-addedline .diffchange {
padding: 0;
background: var(--bg-color-azure-subtle);
}
}


.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-tagMultiselectWidget-input input {
.diff-deletedline {
    font-size: 14px;
border-color: var(--bg-color-yellow-150) !important;
}
}


.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
.diff-addedline {
border-color: var(--ooui-border-color);
border-color: var(--bg-color-blue-150) !important;
display: flex;
align-items: center;
padding: 0;
gap: 2px;
font-size: 14px;
}
}


@media screen {
.codeEditor-status {
.mw-body-content .recipeimg a > img {
clear: both;
padding: 0;
width: 100%;
margin: 0;
background: var(--theme-bg-color-100);
border: 0;
border-top: 1px solid var(--ooui-border-color-light);
width: 32px !important;
display: table
max-width: 32px !important;
height: 32px !important;
max-height: 32px !important
}
}
}


.positive {
.codeEditor-status-message {
color: #00FF00;
border-left: 1px solid var(--ooui-border-color-light);
font-weight: bold
border-right: 1px solid var(--ooui-border-color-light);
padding: 0 0.3em;
width: 100%;
display: table-cell
}
}


.negative {
.overflowed {
color: #FF0000;
margin: 0;
font-weight: bold
}
}


.anglerect {
.scroll-left.overflowed .content-table-left,
--angle-rect-clip-size: 16px;
.scroll-right.overflowed .content-table-right {
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)))
border-left: solid 1px rgba(var(--color-lighter--rgb), 0.4);
z-index: 9999;
}
}


.flex {
.scroll-left.overflowed .content-table-left {
display: flex
box-shadow: 1px 0px 2px 2px rgba(0, 0, 0, 0.2);
}
}


.mw-body dd {
.scroll-right.overflowed .content-table-right {
margin: 0.2em;
box-shadow: -1px 0px 2px 2px rgba(0, 0, 0, 0.2);
margin-left: 1.6em
}
}


ol.references li:target,sup.reference:target {
.style-for-sub-numbered-lists ol {
background: var(--ooui-bg-color-light);
counter-reset: item
padding: 0px 1px 3px 1px;
}
}


.oo-ui-messageDialog-content > .oo-ui-window-foot {
.style-for-sub-numbered-lists li {
outline-color: var(--ooui-border-color);
display: block
}
}


.oo-ui-textInputWidget.oo-ui-widget-enabled:hover {
.style-for-sub-numbered-lists li:before {
z-index: 1;
content: counters(item,".") ". ";
counter-increment: item
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
.section {
box-shadow: inset var(--box-shadow-medium);
}
 
.oo-ui-comboBoxInputWidget-field {
display: flex;
display: flex;
align-items: center;
flex-wrap: wrap
}
}


.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.section .col {
#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after {
flex: 1 1 auto
margin: 0;
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
.section .line-break {
box-shadow: inset var(--box-shadow-medium);
flex-basis: 100%;
width: 0px;
height: 0px;
overflow: hidden
}
}


.ui-widget-overlay {
.mw-rcfilters-ui-filterMenuHeaderWidget-title.oo-ui-labelElement-label {
background: #000000;
font-weight: bold;
}
}


.ui-widget-header {
.mw-datatable th {
border: none !important;
background: var(--theme-bg-color-100)
}
}


.ui-widget-content {
.pretoclip-copy-button {
border: 1px solid var(--ooui-border-color) !important;
float: right
}
}


.wikiEditor-toolbar-dialog .ui-dialog-buttonpane,
.mw-scribunto-message {
.wikiEditor-toolbar-dialog .ui-dialog-content {
color: var(--se-cm--xml-tag-color);
border: none !important;
}
}


.diff-editfont-monospace .diff-addedline,.diff-editfont-monospace .diff-deletedline,.diff-editfont-monospace .diff-context {
/*Цвета таблиц для разных отделов*/
background: var(--theme-bg-color-base);
/* COM */
border-color: var(--theme-bg-color-base);
#COM.wikitable {
border: 1px solid var(--bg-color-blue-subtle);
}
}


.diff-addedline .diffchange, .diff-deletedline .diffchange {
#COM.wikitable th {
border-radius: var(--border-radius-low);
background: var(--bg-color-blue-150);
padding: 0.2em 0;
}
}


.diff-deletedline .diffchange {
#COM.wikitable thead tr th,
background: var(--bg-color-yellow-subtle);
#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);
}
}


.diff-addedline .diffchange {
#COM.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
background: var(--bg-color-azure-subtle);
#COM.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
}
}


.diff-deletedline {
#COM.wikitable tr td {
border-color: var(--bg-color-yellow-150) !important;
background: var(--bg-color-blue-subtle);
}
}


.diff-addedline {
/* MED */
border-color: var(--bg-color-blue-150) !important;
#MED.wikitable {
border: 1px solid var(--bg-color-sky-blue-subtle);
}
}


.codeEditor-status {
#MED.wikitable th {
clear: both;
background: var(--bg-color-sky-blue-150);
width: 100%;
background: var(--theme-bg-color-100);
border-top: 1px solid var(--ooui-border-color-light);
display: table
}
}
 
.codeEditor-status-message {
#MED.wikitable thead tr th,
border-left: 1px solid var(--ooui-border-color-light);
#MED.wikitable:not(:has(thead)) tr:first-of-type th {
border-right: 1px solid var(--ooui-border-color-light);
position: relative;
padding: 0 0.3em;
background: var(--bg-color-sky-blue-100);
width: 100%;
border-bottom: 3px solid var(--color-darkened-border);
display: table-cell
box-shadow: var(--box-shadow-medium);
}
}


.overflowed {
#MED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
margin: 0;
#MED.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
}
}


.scroll-left.overflowed .content-table-left,
#MED.wikitable tr td {
.scroll-right.overflowed .content-table-right {
background: var(--bg-color-sky-blue-subtle);
border-left: solid 1px rgba(var(--color-lighter--rgb), 0.4);
z-index: 9999;
}
}


.scroll-left.overflowed .content-table-left {
/* SRV */
box-shadow: 1px 0px 2px 2px rgba(0, 0, 0, 0.2);
#SRV.wikitable {
border: 1px solid var(--bg-color-green-subtle);
}
}


.scroll-right.overflowed .content-table-right {
#SRV.wikitable th {
box-shadow: -1px 0px 2px 2px rgba(0, 0, 0, 0.2);
background: var(--bg-color-green-150);
}
}


.style-for-sub-numbered-lists ol {
#SRV.wikitable thead tr th,
counter-reset: item
#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);
}
}


.style-for-sub-numbered-lists li {
#SRV.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
display: block
#SRV.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
}
}


.style-for-sub-numbered-lists li:before {
#SRV.wikitable tr td {
content: counters(item,".") ". ";
background: var(--bg-color-green-subtle);
counter-increment: item
}
}


.section {
/* ENG */
display: flex;
#ENG.wikitable {
flex-wrap: wrap
border: 1px solid var(--bg-color-yellow-subtle);
}
}


.section .col {
#ENG.wikitable th {
flex: 1 1 auto
background: var(--bg-color-yellow-150);
}
}


.section .line-break {
#ENG.wikitable thead tr th,
flex-basis: 100%;
#ENG.wikitable:not(:has(thead)) tr:first-of-type th {
width: 0px;
position: relative;
height: 0px;
background: var(--bg-color-yellow-100);
overflow: hidden
border-bottom: 3px solid var(--color-darkened-border);
box-shadow: var(--box-shadow-medium);
}
}


.mw-rcfilters-ui-filterMenuHeaderWidget-title.oo-ui-labelElement-label {
#ENG.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
font-weight: bold;
#ENG.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
}
}


.mw-datatable th {
#ENG.wikitable tr td {
background: var(--theme-bg-color-100)
background: var(--bg-color-yellow-subtle);
}
}


.pretoclip-copy-button {
/* RND */
float: right
#RND.wikitable {
border: 1px solid var(--bg-color-purple-subtle);
}
}


.mw-scribunto-message {
#RND.wikitable th {
color: var(--se-cm--xml-tag-color);
background: var(--bg-color-purple-150);
}
}


/*кнопка для главного меню*/
#RND.wikitable thead tr th,
.StupidButton {
#RND.wikitable:not(:has(thead)) tr:first-of-type th {
width: 100%;
position: relative;
height: 100%;
background: var(--bg-color-purple-100);
position: absolute;
border-bottom: 3px solid var(--color-darkened-border);
top: 0;
box-shadow: var(--box-shadow-medium);
left: 0;
z-index: 100;
}
}


/*Цвета таблиц для разных отделов*/
#RND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
/* COM */
#RND.wikitable thead + tbody > tr th:first-child {
#COM.wikitable {
border-left: 3px solid var(--color-darkened-border);
border: 1px solid var(--bg-color-blue-subtle);
}
}


#COM.wikitable th {
#RND.wikitable tr td {
background: var(--bg-color-blue-150);
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);
}
}


#COM.wikitable thead tr th,
#SUP.wikitable thead tr th,
#COM.wikitable:not(:has(thead)) tr:first-of-type th {
#SUP.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
background: var(--bg-color-blue-100);
background: var(--bg-color-brown-100);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow:  var(--box-shadow-medium);
box-shadow:  var(--box-shadow-medium);
}
}


#COM.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#SUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#COM.wikitable thead + tbody > tr th:first-child {
#SUP.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
border-left: 3px solid var(--color-darkened-border);
}
}


#COM.wikitable tr td {
#SUP.wikitable tr td {
background: var(--bg-color-blue-subtle);
background: var(--bg-color-brown-subtle);
}
}


/* MED */
/* SEC */
#MED.wikitable {
#SEC.wikitable {
border: 1px solid var(--bg-color-sky-blue-subtle);
border: 1px solid var(--bg-color-red-subtle);
}
}


#MED.wikitable th {
#SEC.wikitable th {
background: var(--bg-color-sky-blue-150);
background: var(--bg-color-red-150);
}
}
 
#MED.wikitable thead tr th,
#SEC.wikitable thead tr th,
#MED.wikitable:not(:has(thead)) tr:first-of-type th {
#SEC.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
background: var(--bg-color-sky-blue-100);
background: var(--bg-color-red-100);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow:  var(--box-shadow-medium);
box-shadow:  var(--box-shadow-medium);
}
}


#MED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-child,
#SEC.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 {
#SEC.wikitable thead + tbody > tr th:first-child {
border-left: 3px solid var(--color-darkened-border);
border-left: 3px solid var(--color-darkened-border);
Строка 5059: Строка 5225:
/* BOTANY */
/* BOTANY */
#BOTANY.wikitable {
#BOTANY.wikitable {
border: 1px solid var(--bg-color-turquoise-subtle);
border: 1px solid var(--bg-color-emerald-subtle);
}
}


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


Строка 5069: Строка 5235:
#BOTANY.wikitable:not(:has(thead)) tr:first-of-type th {
#BOTANY.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
background: var(--bg-color-turquoise-100);
background: var(--bg-color-emerald-100);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow:  var(--box-shadow-medium);
box-shadow:  var(--box-shadow-medium);
Строка 5080: Строка 5246:


#BOTANY.wikitable tr td {
#BOTANY.wikitable tr td {
background: var(--bg-color-turquoise-subtle);
background: var(--bg-color-emerald-subtle);
}
}


Строка 5114: Строка 5280:
#highlighted-header.wikitable:not(:has(thead)) tr:first-of-type th {
#highlighted-header.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
background: var(--theme-bg-color-350);
background: var(--theme-bg-color-300);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow:  var(--box-shadow-medium);
box-shadow:  var(--box-shadow-medium);
Строка 5131: Строка 5297:
#highlighted-header-classic.wikitable:not(:has(thead)) tr:first-of-type th {
#highlighted-header-classic.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
background: var(--theme-bg-color-350);
background: var(--theme-bg-color-300);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow:  var(--box-shadow-medium);
box-shadow:  var(--box-shadow-medium);
Строка 5172: Строка 5338:
#highlighted-header-dark.wikitable:not(:has(thead)) tr:first-of-type th {
#highlighted-header-dark.wikitable:not(:has(thead)) tr:first-of-type th {
position: relative;
position: relative;
background: var(--theme-bg-color-350);
background: var(--theme-bg-color-300);
border-bottom: 3px solid var(--color-darkened-border);
border-bottom: 3px solid var(--color-darkened-border);
box-shadow:  var(--box-shadow-medium);
box-shadow:  var(--box-shadow-medium);