MediaWiki:Common.css: Difference between revisions

From Structorica Wiki
Jump to navigation Jump to search
Browse history interactively
← Older edit
Ivan (talk | contribs)
Bureaucrats, Interface administrators, Suppressors, Administrators
796 edits
No edit summary
Tag: Reverted
No edit summary
 
(40 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Structorica Vector Theme */
/* CSS placed here will apply to all skins */


:root {
/*** BASE STYLES AND SETTINGS ***/
     /* Width control */
 
     --fixed-width: 1200px; /* Dynamicly changed by Hook */
/** Color variables that could be changed by various skin themes */
 
/* LIGHT THEME - default */
:root,
.skin-invert,
.notheme {
     --font-sans: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
--header-background: url('images/essentials/Header-background-day.png');/*Header-background*/
 
 
    --site-background-color: #303031;
    --content-background-color: #ebeef2;
   
    --color-siderbar-base: #f8f9fa;
    --color-siderbar-links: #88a3e8;
     --color-topbar-text: #f8f9fa;
          
          
     --vector-tabs: none;
     --link-color: #0645ad;
     --vector-tabs-first: none;
     --redlink-color: #BA0000;
 
   
    --content-border-top-color: #618404;
    --content-border-top-color-hovered: #729b00;
   
--simplesearch-background-color: #4e52f0;
--simplesearch-top-border-color: #FFFFFF;
--simplesearch-left-border-color: #888888;
--simplesearch-topright-grass-color: #6BA41E;
--searchinput-placeholder-color: #e9efff;
   
 
    /* Переменные системы дизайна Codex */
    --color-base: #202122;
    --color-base-fixed: #202122;
    --color-base--hover: #404244;
    --color-emphasized: #101418;
    --color-subtle: #54595d;
    --color-placeholder: #72777d;
    --color-disabled: #72777d;
    --color-inverted: #fff;
    --color-inverted-fixed: #fff; /* The same as color-inverted in light mode, but does not change in dark mode. Use this for things that should be white in both modes. */
    --color-progressive: #36c; /* 'Progressive' Color and states */
    --color-progressive--hover: #4b77d6;
    --color-progressive--active: #233566;
    --color-progressive--focus: #36c;
    --color-destructive: #d73333; /* 'Destructive' Color and states */
    --color-destructive--hover: #fc493b;
    --color-destructive--active: #9f3526;
    --color-destructive--focus: #36c;
    --color-visited: #6a60b0; /* 'Visited' color. In combination with progressive. Used for default links. */
    --color-destructive--visited: #9f5555; /* Red link 'Visited' color. Used for visited red links. */
    --color-error: #d73333;
    --color-warning: #eeb533; /* Note, this is only meant for warning icon for contrast reasons. */
    --color-success: #177860; /* Note, this needs to use a tone darker than Red and Yellow for contrast reasons with background White. */
    --color-notice: #202122;
    --color-content-added: #006400;
    --color-content-removed: #8b0000;
    --filter-invert-icon: 0;
    --filter-invert-primary-button-icon: 1;
    --box-shadow-color-base: #000;
    --box-shadow-color-progressive--active: #233566;
    --box-shadow-color-progressive--focus: #36c;
    --box-shadow-color-progressive-selected: #36c;
    --box-shadow-color-progressive-selected--hover: #4b77d6;
    --box-shadow-color-progressive-selected--active: #233566;
    --box-shadow-color-destructive--focus: #36c;
    --box-shadow-color-inverted: #fff;
    --box-shadow-color-transparent: transparent;
    --background-color-base: #fff; /* Background Colors for static elements (for page layout, sections, etc.) from here on. */
    --background-color-base-fixed: #fff; /* The same as background-color-base in light mode, but does not change in dark mode. Use this for things that should be white in both modes. */
    --background-color-neutral: #eaecf0;
    --background-color-neutral-subtle: #f8f9fa;
    --background-color-interactive: #eaecf0;
    --background-color-interactive-subtle: #f8f9fa;
    --background-color-disabled: #c8ccd1; /* Components like Buttons, Checkboxes, Radios, ProgressBars…. */
    --background-color-disabled-subtle: #eaecf0; /* Components like TextInputs, Selects…. */
    --background-color-inverted: #101418;
    --background-color-progressive: #36c;
    --background-color-progressive--hover: #4b77d6;
    --background-color-progressive--active: #233566;
    --background-color-progressive--focus: #36c;
    --background-color-progressive-subtle: #f1f4fd;
    --background-color-destructive: #d73333;
    --background-color-destructive--hover: #fc493b;
    --background-color-destructive--active: #9f3526;
    --background-color-destructive--focus: #36c;
    --background-color-destructive-subtle: #ffe9e5;
    --background-color-error: #d73333;
    --background-color-error--hover: #fc493b;
    --background-color-error--active: #9f3526;
    --background-color-error-subtle: #ffe9e5;
    --background-color-warning-subtle: #fdf2d5;
    --background-color-success-subtle: #dff2eb;
    --background-color-notice-subtle: #eaecf0;
    --background-color-content-added: #a3d3ff;
    --background-color-content-removed: #ffe49c;
    --background-color-transparent: transparent;
    --background-color-backdrop-light: rgba( 255, 255, 255, 0.65 ); /* Backdrop is the term used by CSS Fullscreen API and is used to dim the background when a modal Dialog is open. Also known as overlay mask. */
    --background-color-backdrop-dark: rgba( 0, 0, 0, 0.65 );
    --background-color-button-quiet--hover: rgba( 0, 24, 73, 0.027 );
    --background-color-button-quiet--active: rgba( 0, 24, 73, 0.082 );
    --background-color-input-binary--checked: #36c;
    --background-color-tab-list-item-framed--hover: rgba( 255, 255, 255, 0.3 );
    --background-color-tab-list-item-framed--active: rgba( 255, 255, 255, 0.65 );
    --opacity-icon-base: 0.87;
    --opacity-icon-base--hover: 0.74;
    --opacity-icon-base--selected: 1;
    --opacity-icon-base--disabled: 0.51;
    --opacity-icon-placeholder: 0.51;
    --opacity-icon-subtle: 0.67;
    --border-color-base: #a2a9b1;
    --border-color-subtle: #c8ccd1;
    --border-color-muted: #dadde3;
    --border-color-interactive: #72777d;
    --border-color-disabled: #c8ccd1;
    --border-color-inverted: #fff;
    --border-color-progressive: #36c;
    --border-color-progressive--hover: #4b77d6;
    --border-color-progressive--active: #233566;
    --border-color-progressive--focus: #36c;
    --border-color-destructive: #d73333;
    --border-color-destructive--hover: #fc493b;
    --border-color-destructive--active: #9f3526;
    --border-color-destructive--focus: #36c;
    --border-color-error: #9f3526;
    --border-color-error--hover: #fc493b;
    --border-color-warning: #987027;
    --border-color-success: #196551;
    --border-color-notice: #54595d;
    --border-color-content-added: #a3d3ff;
    --border-color-content-removed: #ffe49c;
    --border-color-transparent: transparent;
    --border-color-divider: #a2a9b1;
    --outline-color-progressive--focus: #36c; /* Use in places where no more customized focus styles are provided, for example on generic `:focus`. */
    --color-link-red: var( --color-destructive ); /* Red ('new') Link color and states */
    --color-link-red--hover: var( --color-destructive--hover );
    --color-link-red--active: var( --color-destructive--active );
    --color-link-red--focus: var( --color-destructive--focus );
    --color-link-red--visited: var( --color-destructive--visited );
    --border-color-input--hover: var( --border-color-interactive );
    --border-color-input-binary: var( --border-color-interactive );
    --border-color-input-binary--hover: var( --border-color-progressive--hover );
    --border-color-input-binary--active: var( --border-color-progressive--active );
    --border-color-input-binary--focus: var( --border-color-progressive--focus );
    --border-color-input-binary--checked: var( --border-color-progressive );
 
    /* Навигационные панели */
    --navbox-background-color: #FFF;
    --navbox-border-color: #CCC;
    --navbox-header-color: #CCC;
    --navbox-secondary-header-color: #DDD;
    --navbox-tertiary-header-color: #EEE;
    --navbox-section-color: #EEE;
   
    /* Маркированные списки */
    --list-bullet: url('images/essentials/List_bullet.svg');
    --hlist-bullet-color: #000;
 
 
 
   
    --ooui-text: var(--color-base);
    --ooui-interface: var(--background-color-interactive-subtle);
    --ooui-interface-border: var(--border-color-base);
    --ooui-normal: var(--background-color-neutral-subtle);
    --ooui-normal--hover: var(--background-color-base);
    --ooui-normal-border: var(--border-color-base);
    --ooui-progressive: var(--background-color-progressive);
    --ooui-progressive--hover: var(--background-color-progressive--hover);
    --ooui-accent: var(--link-color);
    --ooui-input: var(--background-color-base);
    --ooui-input-border: var(--border-color-base);
    --ooui-input-border--hover: var(--border-color-interactive);
    --ooui-disabled: var(--background-color-disabled);
    --ooui-disabled-border: var(--border-color-disabled);
    --ooui-disabled-text: var(--color-base);
 
 
}
 
html:has(body.stw-theme-dark) {
  color-scheme: dark
}
 
/* DARK THEME - Structorica Dark Theme */
:root .stw-theme-dark {
--header-background: url('images/essentials/Header-background-dark.png');/*Header-background*/
 
   
    --site-background-color: #161618;
    --content-background-color: #2b2f39;
    --color-siderbar-base: #f8f9fa;
    --color-siderbar-links: #88a3e8;
    --color-topbar-text: #f8f9fa;
 
    --link-color: #90c0fe;
    --redlink-color: #ba0000;
   
      
      
--header-background: url('https://structorica.wiki/images/Header-background-dark.png');/*Header-background*/
    --content-border-top-color: #678002;
    --content-border-top-color-hovered: #7b9904;
 
--simplesearch-background-color: #3552e5;
--simplesearch-top-border-color: #FFFFFF;
--simplesearch-left-border-color: #888888;
--simplesearch-topright-grass-color: #6BA41E;
--searchinput-placeholder-color: #e9efff;
 
 
    /* Переменные Codex */
    --color-base: #f8f5f4;
    --color-base--hover: #f8f9fa;
    --color-emphasized: #f8f9fa;
    --color-subtle: #a2a9b1;
    --color-inverted: #101418;
    --color-progressive: #88a3e8; /* 'Progressive' Color and states */
    --color-progressive--hover: #b0c1f0;
    --color-progressive--active: #cbd6f6;
    --color-destructive: #fd7865; /* 'Destructive' Color and states */
    --color-destructive--hover: #fea898;
    --color-destructive--active: #ffc8bd;
    --color-visited: #a799cd; /* 'Visited' color. In combination with progressive. Used for default links. */
    --color-destructive--visited: #c99391; /* Red link 'Visited' color. Used for visited red links. */
    --color-error: #fd7865;
    --color-warning: #fecc44; /* Note, this is only meant for warning icon for contrast reasons. */
    --color-success: #2cb491; /* Note, this needs to use a tone darker than Red and Yellow for contrast reasons with background White. */
    --color-notice: #f8f9fa;
    --color-content-added: #80cdb3;
    --color-content-removed: #fd7865;
    --color-base--subtle: #a2a9b1;
    --box-shadow-color-base: #fff;
    --box-shadow-color-progressive--focus: #6b8edf;
    --box-shadow-color-destructive--focus: #6b8edf;
    --box-shadow-color-inverted: #000;
    --background-color-base: #101418; /* Background Colors for static elements (for page layout, sections, etc.) from here on. */
    --background-color-neutral: #27292d;
    --background-color-neutral-subtle: #202122;
    --background-color-interactive: #27292d;
    --background-color-interactive-subtle: #202122;
    --background-color-disabled: #54595d; /* Components like Buttons, Checkboxes, Radios, ProgressBars…. */
    --background-color-disabled-subtle: #404244; /* Components like TextInputs, Selects…. */
    --background-color-inverted: #f8f9fa;
    --background-color-progressive--focus: #6b8edf;
    --background-color-progressive-subtle: #233566;
    --background-color-destructive--focus: #6b8edf;
    --background-color-destructive-subtle: #612419;
    --background-color-error: #fc493b;
    --background-color-error--hover: #fd7865;
    --background-color-error--active: #fea898;
    --background-color-error-subtle: #612419;
    --background-color-warning-subtle: #453217;
    --background-color-success-subtle: #153d31;
    --background-color-notice-subtle: #27292d;
    --background-color-content-added: #233566;
    --background-color-content-removed: #453217;
    --background-color-backdrop-light: rgba( 0, 0, 0, 0.65 ); /* Backdrop is the term used by CSS Fullscreen API and is used to dim the background when a modal Dialog is open. Also known as overlay mask. */
    --background-color-backdrop-dark: rgba( 255, 255, 255, 0.65 );
    --border-color-base: #72777d;
    --border-color-subtle: #54595d;
    --border-color-muted: #404244;
    --border-color-interactive: #a2a9b1;
    --border-color-disabled: #54595d;
    --border-color-inverted: #101418;
    --border-color-progressive--focus: #6b8edf;
    --border-color-destructive--focus: #6b8edf;
    --border-color-error: #fc493b;
    --border-color-error--hover: #fd7865;
    --border-color-warning: #fecc44;
    --border-color-success: #2cb491;
    --border-color-notice: #c8ccd1;
    --border-color-content-added: #233566;
    --border-color-content-removed: #987027;
   
    /* Навигационные панели */
    --navbox-background-color: #333;
    --navbox-border-color: #444;
    --navbox-header-color: #111;
    --navbox-secondary-header-color: #181818;
    --navbox-tertiary-header-color: #222;
    --navbox-section-color: #222;
   
    /* Маркированные списки */
    --list-bullet: url('images/essentials/List_bullet_dark.svg');
    --hlist-bullet-color: #FFF;
 
       
    --ooui-text: var(--color-base);
    --ooui-interface: var(--background-color-interactive-subtle);
    --ooui-interface-border: var(--border-color-base);
    --ooui-normal: var(--background-color-neutral-subtle);
    --ooui-normal--hover: var(--background-color-base);
    --ooui-normal-border: var(--border-color-base);
    --ooui-progressive: var(--background-color-progressive);
    --ooui-progressive--hover: var(--background-color-progressive--hover);
    --ooui-accent: var(--link-color);
    --ooui-input: var(--background-color-base);
    --ooui-input-border: var(--border-color-base);
    --ooui-input-border--hover: var(--border-color-interactive);
    --ooui-disabled: var(--background-color-disabled);
    --ooui-disabled-border: var(--border-color-disabled);
    --ooui-disabled-text: var(--color-base);
 
}
 
/* IBM Plex Sans - Regular (normal) */
@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Sans"), local("IBMPlexSans"),
        url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-Regular.woff2") format("woff2"),
        url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-Regular.woff") format("woff");
    font-display: swap;
  }
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Sans"), local("IBMPlexSans"),
        url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Regular-Cyrillic.woff2") format("woff2");
    unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
    font-display: swap;
  }
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Sans"), local("IBMPlexSans"),
        url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Regular-Latin1.woff2") format("woff2");
    unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
    font-display: swap;
  }
 
  /* IBM Plex Sans - Regular Italic */
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 400;
    src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"),
        url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-Italic.woff2") format("woff2"),
        url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-Italic.woff") format("woff");
    font-display: swap;
  }
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 400;
    src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"),
        url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Italic-Cyrillic.woff2") format("woff2");
    unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
    font-display: swap;
  }
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 400;
    src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"),
        url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Italic-Latin1.woff2") format("woff2");
    unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
    font-display: swap;
  }
 
  /* IBM Plex Sans - SemiBold (для bold) */
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"),
        url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-SemiBold.woff2") format("woff2"),
        url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff") format("woff");
    font-display: swap;
  }
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"),
        url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBold-Cyrillic.woff2") format("woff2");
    unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
    font-display: swap;
  }
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"),
        url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBold-Latin1.woff2") format("woff2");
    unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
    font-display: swap;
  }
 
  /* IBM Plex Sans - SemiBold Italic (для bold italic) */
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"),
        url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-SemiBoldItalic.woff2") format("woff2"),
        url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-SemiBoldItalic.woff") format("woff");
    font-display: swap;
  }
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"),
        url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Cyrillic.woff2") format("woff2");
    unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
    font-display: swap;
  }
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"),
        url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin1.woff2") format("woff2");
    unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
    font-display: swap;
  }
 


/** Инверсия цветов в тёмной теме
    Invert colors in dark mode    **/
body.stw-theme-dark  .darkmode-invert,
body.stw-theme-dark .skin-invert-image img,
body.stw-theme-dark .skin-invert:not(.mw-echo-notificationsWrapper),
body.stw-theme-dark .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),
body.stw-theme-dark .oo-ui-indicatorElement-indicator {
    color-scheme: light;
    filter: invert(1) hue-rotate(180deg);
}
}




html, body, #root,
.mw-body h1,
.mw-body-content h1,
.mw-body-content h2,
.mw-body-content h3,
.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6 {
    font-family: var(--font-sans);
}
/* Img */
.img-responsive,
.img-responsive img {
    max-width: 100%;
    height: auto;
}
/** Оформление всего текста
    Styles for all text    **/
body {
    /* Нормализация размеров табуляции */
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
}
/** Заглавие / Title **/
/* Отделяет название пространства имён от остального названия страницы
    Separate the namespace from the rest of the page’s name */
    .mw-page-title-separator::after {
    content: ' ';
}
/** Позволяет скрывать части оглавления
    Hideable TOC elements              **/
/* Уровни разделов */
.toc-hidelevel2 .toclevel-1 ul,
.toc-hidelevel3 .toclevel-2 ul,
.toc-hidelevel4 .toclevel-3 ul,
/* Нумерация */
.toc-nonumbers .tocnumber {
    display: none;
}
a {
    color: var(--link-color);
}
a:visited,
a:active {
    color: var(--link-color);
}
a.new {
    color: var(--redlink-color);
}
a.new:visited {
    color: var(--redlink-color);
}
body.stw-theme-dark .mw-collapsible-text,
:where(body.stw-theme-dark) .toctogglelabel,
:where(body.stw-theme-dark) .jslink,
:where(body.stw-theme-dark) .vector-menu-dropdown .mw-list-item a,
:where(body.stw-theme-dark) .mw-body a.external,
:where(body.stw-theme-dark) .mw-body a.extiw,
:where(body.stw-theme-dark) .mw-parser-output a.external,
:where(body.stw-theme-dark) .mw-parser-output a.extiw,
:where(body.stw-theme-dark) a {
  color: #90c0fe
}
:where(body.stw-theme-dark) .ext-discussiontools-init-replylink-reply:visited,
:where(body.stw-theme-dark) .ext-discussiontools-init-section-subscribe-link:visited,
:where(body.stw-theme-dark) .mw-body a.external:visited,
:where(body.stw-theme-dark) .mw-body a.extiw:visited,
:where(body.stw-theme-dark) .mw-parser-output a.external:visited,
:where(body.stw-theme-dark) .mw-parser-output a.extiw:visited,
:where(body.stw-theme-dark) a:visited {
  color: #9495f4
}
:where(body.stw-theme-dark) a.new,
:where(body.stw-theme-dark) a.mw-usertoollinks-contribs-no-edits {
  color: #ffa4a4
}
:where(body.stw-theme-dark) a.new:visited,
:where(body.stw-theme-dark) a.mw-usertoollinks-contribs-no-edits:visited {
  color: #fb7a7a
}
:where(body.stw-theme-dark) .mw-body a.external:hover,
:where(body.stw-theme-dark) .mw-body a.extiw:hover,
:where(body.stw-theme-dark) .mw-parser-output a.external:hover,
:where(body.stw-theme-dark) .mw-parser-output a.extiw:hover,
:where(body.stw-theme-dark) a:hover {
  color: #7e8eff
}
:where(body.stw-theme-dark) a.new:hover,
:where(body.stw-theme-dark) a.mw-usertoollinks-contribs-no-edits:hover {
  color: #ff8484
}
:where(body.stw-theme-dark) .mw-body a.external:active,
:where(body.stw-theme-dark) .mw-body a.extiw:active,
:where(body.stw-theme-dark) .mw-parser-output a.external:active,
:where(body.stw-theme-dark) .mw-parser-output a.extiw:active,
:where(body.stw-theme-dark) a.new:active,
:where(body.stw-theme-dark) a.mw-usertoollinks-contribs-no-edits:active,
:where(body.stw-theme-dark) a:active {
  color: #faa700
}
body.stw-theme-dark .mw-logevent-actionlink a,
body.stw-theme-dark .mw-logevent-tool a,
body.stw-theme-dark .mw-diff-tool a,
body.stw-theme-dark .mw-pager-tools a {
    color: #90c0fe !important;
    border-radius: 2px;
    text-decoration: none;
}
body.stw-theme-dark .mw-checkbox-toggle-controls a {
    color: #90c0fe !important;
}
#p-cactions div.vector-menu-content li a,
#mw-panel .portal .vector-menu-content li a,
#p-cactions div.vector-menu-content li a:visited,
#p-cactions div.vector-menu-content li a:active,
#mw-panel .portal .vector-menu-content li a:visited {
    color: var(--link-color);
}
nav.vector-menu-tabs li a,
nav.vector-menu-tabs li a:active,
nav.vector-menu-tabs li a:visited,
#mw-panel .portal .vector-menu-content li a:active {
    color: var(--color-topbar-text);
}
nav.vector-menu-tabs li.new a,
nav.vector-menu-tabs li.new a:visited,
nav.vector-menu-tabs li.new a:active,
#p-cactions div.vector-menu-content li.new a,
#mw-panel .portal .vector-menu-content li.new a,
#p-cactions div.vector-menu-content li.new a:visited,
#mw-panel .portal .vector-menu-content li.new a:visited,
#p-cactions div.vector-menu-content li.new a:active,
#mw-panel .portal .vector-menu-content li.new a:active {
    color: var(--redlink-color);
}
.mw-parser-output a.extiw,
.mw-parser-output a.external {
.mw-parser-output a.external {
     padding-right: 0em;
     color: var(--link-color);
    background-size: 0.0em;
}
}


.mw-parser-output a.external::after {
.mw-parser-output a.extiw:visited,
    content: '';
.mw-parser-output a.external:visited,
    display: inline-block;
.mw-parser-output a.extiw:active,
    width: 0.857em;
.mw-parser-output a.external:active {
    height: 0.857em;
     color: var(--link-color);
    background-color: var(--link-color);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M6%201h5v5L8.86%203.85%204.7%208%204%207.3l4.15-4.16L6%201Z%20M2%203h2v1H2v6h6V8h1v2a1%201%200%200%201-1%201H2a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1Z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M6%201h5v5L8.86%203.85%204.7%208%204%207.3l4.15-4.16L6%201Z%20M2%203h2v1H2v6h6V8h1v2a1%201%200%200%201-1%201H2a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1Z%22/%3E%3C/svg%3E");
    -webkit-mask-size: cover;
     mask-size: cover;
    vertical-align: text-top;
    margin-top: 3px;
    margin-left: 0.143em;
}
}


/* Main page elements */
.mw-parser-output .tweet-name a.external {
body {
    background-color: var(--site-background-color);
     color: var(--color-base);
     color: var(--color-base);
}
.mw-parser-output .tweet-handle a.external,
.mw-parser-output .tweet-date a.external {
    color: #4c4c4c;
}
.jsPurgeLink a.external {
    color: var(--link-color);
}
/*** СТАНДАРТНЫЕ КЛАССЫ
    STANDARD CLASSES  ***/
/** Пиксельное масштабирование изображений и иконок пользователей **/
.pixel-image,
.sprite,
.sprite img,
.mw-userlink,
.invslot,
.ns-special .gallerybox img,
.ns-14 .gallerybox img,
.filehistory a img,
.mcui,
.gui {
    image-rendering: optimizeSpeed;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}
/** Отключить разрыв строки на пробелах **/
.nowrap {
    white-space: nowrap;
}
/** Hide noscript only elements **/
.noscript {
    display: none;
}
/** Скрытие от простых смертных ненужных элементов **/
.admin_only,
.admin_only_inline,
.admin_only_block,
.admin_only_flex {
    display: none !important;
}
/** Только для средств чтения с экрана **/
.sr-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
/** Чередующиеся ячейки и строки таблиц
    Alternating table cells and rows    **/
/*
    .alternatecells:nth-child(odd) {
        background-color: #F9F9F9;
    }
    body.stw-theme-dark .alternatecells:nth-child(odd) {
        background-color: #222;
    }
      
      
     background-image: var(--header-background);
     .alternaterows tr:nth-child(even) {
    background-repeat: repeat-x, repeat;
        background-color: #F9F9F9;
    background-position: top left, top left;
    }
    background-size: auto 320px;
    body.stw-theme-dark .alternaterows tr:nth-child(even) {
        background-color: #222;
    }
*/
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/* -------------------- WIKI EDITOR CodeMirror styling --------------------*/
/* https://discuss.codemirror.net/t/styling-and-theming-design-discussion/2958  */
 
 
/* -------------------- WIKI EDITOR --------------------*/
 
 
.mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget {
color: var(--color-subtle, #54595d);
font-weight: 400
}
 
.mw-wikiEditor-InsertLink-LinkTypeField .oo-ui-radioOptionWidget {
display: inline-block;
margin-left: 1em
}
 
.mw-wikiEditor-InsertLink-LinkTypeField .oo-ui-radioOptionWidget:first-child {
margin-left: 0
}
 
.wikiEditor-ui {
position: relative;
clear: both;
width: 100%
}
 
.wikiEditor-ui textarea {
width: 100%;
border: 0
}
 
.wikiEditor-ui textarea:focus {
outline: 0
}
 
.wikiEditor-ui .wikiEditor-ui-clear {
clear: both
}
 
.wikiEditor-ui .wikiEditor-ui-view {
border: 1px solid var(--border-color-subtle, #c8ccd1)
}
 
.wikiEditor-ui .wikiEditor-ui-top {
position: relative;
border-bottom: 1px solid var(--border-color-subtle, #c8ccd1)
}
 
.wikiEditor-ui .wikiEditor-ui-left {
float: left;
width: 100%
}
 
.wikiEditor-ui .wikiEditor-ui-right {
float: right;
background: var(--background-color-neutral-subtle, #f8f9fa);
overflow: hidden
}
 
.wikiEditor-wikitext {
float: left;
width: 100%
}
 
.wikiEditor-ui-controls {
float: left;
width: 100%;
background-color: var(--background-color-base, #fff)
}
 
.wikiEditor-ui-tabs {
float: left;
height: 2.5em;
margin-right: -1px;
background-color: var(--background-color-base, #fff);
border-left: 1px solid var(--border-color-subtle, #c8ccd1);
border-top: 1px solid var(--border-color-subtle, #c8ccd1)
}
 
.wikiEditor-ui-tabs div {
float: left;
height: 2.5em;
background-color: var(--background-color-interactive-subtle, #f8f9fa);
border-right: 1px solid var(--border-color-subtle, #c8ccd1);
border-bottom: 1px solid var(--border-color-subtle, #c8ccd1)
}
 
.wikiEditor-ui-tabs div a {
display: inline-block;
padding: 0 0.75em;
line-height: 2.5em;
color: var(--color-progressive, #36c)
}
 
.wikiEditor-ui-tabs div.current {
border-bottom: 1px solid #fff;
background-color: var(--background-color-base, #fff)
}
 
.wikiEditor-ui-tabs div.current a {
color: var(--color-base, #202122)
}
 
.wikiEditor-ui-tabs div.current a:hover {
text-decoration: none
}
 
.wikiEditor-ui-buttons {
float: right;
height: 2.5em;
margin-right: -1px;
background-color: var(--background-color-base, #fff);
padding-left: 1em;
border-top: 1px solid #fff
}
 
.wikiEditor-ui-buttons button {
margin-left: 0.5em
}
 
.wikiEditor-view-wikitext {
line-height: 1em
}
 
.wikiEditor-ui-toolbar {
position: relative;
display: block;
z-index: 7;
}
 
.wikiEditor-ui-toolbar .empty {
display: none
}
 
.wikiEditor-ui-toolbar .sections {
float: left;
width: 100%;
clear: both
}
 
.wikiEditor-ui-toolbar .sections .section {
float: left;
width: 100%;
border-top: 1px solid var(--border-color-subtle, #c8ccd1)
}
 
.wikiEditor-ui-toolbar .sections .section-hidden {
display: none
}
 
.wikiEditor-ui-toolbar .tabs {
float: left;
height: 100%;
list-style: none;
margin: 0 3px;
min-height: 32px;
position: relative
}
 
.wikiEditor-ui-toolbar .tabs span.tab {
position: relative;
float: left;
line-height: 32px
}
 
.wikiEditor-ui-toolbar .tabs span.tab a {
color: var(--color-progressive, #36c);
cursor: pointer;
display: block;
height: 32px;
padding-left: 18px;
padding-right: 12px
}
 
.wikiEditor-ui-toolbar .tabs span.tab a::before {
content: '';
background: url(/extensions/WikiEditor/modules/images/toolbar/arrow-down.svg?4c840) center no-repeat;
display: block;
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 32px;
transition: transform 100ms
}
 
body.ltr .wikiEditor-ui-toolbar .tabs span.tab a::before {
transform: rotate(-90deg)
}
 
body.rtl .wikiEditor-ui-toolbar .tabs span.tab a::before {
transform: rotate(90deg)
}
 
.wikiEditor-ui-toolbar .tabs span.tab a:visited {
color: var(--color-progressive, #36c)
}
 
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: var(--color-base, #202122)
}
}


.wikiEditor-ui-toolbar .tabs span.tab a.current:hover,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited:hover {
text-decoration: none
}


#mw-page-base {
body.ltr .wikiEditor-ui-toolbar .tabs span.tab a.current::before,
background: none;
body.ltr .wikiEditor-ui-toolbar .tabs span.tab a.current:visited::before,
height: 85px;
body.rtl .wikiEditor-ui-toolbar .tabs span.tab a.current::before,
body.rtl .wikiEditor-ui-toolbar .tabs span.tab a.current:visited::before {
transform: rotate(0)
}
}


/* Remove excess spacing between the sidebar and the logo */
.wikiEditor-ui-toolbar .tabs,
div#mw-panel {
.wikiEditor-ui-toolbar .section-main,
padding-top: 0;
.wikiEditor-ui-toolbar .section-secondary {
padding-bottom: 10px;
position: relative;
float: left;
min-height: 32px;
height: 100%
}
}


#p-logo,
.wikiEditor-ui-toolbar .section-secondary {
#p-logo a {
float: right
margin: auto;
/*height: 140px; */
}
}
#p-logo {
 
    margin-bottom: 0;
.wikiEditor-ui-toolbar .section-secondary .group {
padding-right: 0;
margin-left: 6px;
border-left: 1px solid var(--border-color-subtle, #c8ccd1)
}
}


.wikiEditor-ui-toolbar .group {
float: left;
display: flex;
min-height: 26px;
padding-right: 6px;
border-right: 1px solid var(--border-color-subtle, #c8ccd1);
margin: 3px;
}


/* Hide 'Read' in Toolbar*/
.wikiEditor-ui-toolbar .group .label {
#ca-view {
float: left;
    display: none !important;
border: 0;
height: 22px;
line-height: 22px;
margin: 2px 8px 2px 5px;
color: var(--color-subtle, #54595d);
cursor: default
}
}


.wikiEditor-ui-toolbar .group img.tool {
float: left;
border: 0;
height: 22px;
width: 22px;
padding: 2px;
cursor: pointer
}


.wikiEditor-ui-toolbar .group .tool-select {
float: left;
margin: 2px 0 2px 2px;
height: 22px;
cursor: pointer;
border: 1px solid var(--border-color-subtle, #c8ccd1);
padding: 0;
background-color: var(--background-color-base, #fff)
}


#mw-panel h3 {
.wikiEditor-ui-toolbar .group .tool-select .label {
text-decoration: none !important;
position: relative;
padding: 0 26px 0 4px;
margin: 0;
cursor: pointer;
cursor: pointer;
text-decoration: none;
color: var(--color-base, #202122)
}
.wikiEditor-ui-toolbar .group .tool-select .label::after {
content: '';
background: url(/extensions/WikiEditor/modules/images/toolbar/arrow-down.svg?4c840) center no-repeat;
display: block;
position: absolute;
top: 0;
right: 4px;
width: 16px;
height: 22px
}
}


/* Set the tab link colours to black and bold */
.wikiEditor-ui-toolbar .group .tool-select.options-shown .label::after {
#p-namespaces a,
transform: rotate(180deg)
#p-views a,
}
#p-cactions-label span,
 
div#mw-head div.vectorMenu h4,
.wikiEditor-ui-toolbar .group .tool-select .options {
div#p-variants.vectorMenu #mw-vector-current-variant {
position: absolute;
font-weight: 600;
display: none;
margin-left: -1px;
margin-top: 22px;
border: 1px solid var(--border-color-subtle, #c8ccd1);
background-color: var(--background-color-base, #fff);
z-index: 1
}
 
.wikiEditor-ui-toolbar .group .tool-select .options .option {
display: block;
padding: 0.5em;
text-decoration: none;
text-decoration: none;
color: var(--color-base, #202122);
white-space: nowrap
}
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
background-color: #eaf3ff
}
.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-2'] {
font-size: 150%;
font-weight: normal
}
.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-3'] {
font-size: 132%;
font-weight: normal
}
.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-4'] {
font-size: 116%;
font-weight: normal
}
.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-5'] {
font-size: 100%;
font-weight: bold
}
.wikiEditor-ui-toolbar .group .tool-select:hover .options,
.wikiEditor-ui-toolbar .group .tool-select.options-shown .options {
display: block
}
.wikiEditor-ui-toolbar .group-search {
float: right;
border-right: 0;
border-left: 1px solid var(--border-color-subtle, #c8ccd1)
}
.wikiEditor-ui-toolbar .booklet>.index {
float: left;
width: 20%;
height: 125px;
overflow: auto;
resize: horizontal
}
}


.wikiEditor-ui-toolbar .booklet>.index>div {
padding: 4px 4px 4px 6px;
cursor: pointer
}


#p-namespaces .new a,
.wikiEditor-ui-toolbar .booklet>.index .wikiEditor-character-highlighted {
#p-views .new a {
background-color: rgba(41, 98, 204, 0.1);
color: #e1e6cc;
color: var(--color-base, #202122)
}
}


.wikiEditor-ui-toolbar .booklet .pages {
height: 125px;
overflow: auto
}


.wikiEditor-ui-toolbar .page-table {
padding-left: 5px;
padding-right: 5px
}
.wikiEditor-ui-toolbar .page-table table {
background: none;
border-collapse: collapse;
width: 100%
}


.wikiEditor-ui-toolbar .page-table th {
color: var(--color-subtle, #54595d)
}


.wikiEditor-ui-toolbar .page-table td {
color: var(--color-base, #202122);
border-top: 1px solid var(--border-color-subtle, #c8ccd1)
}


.wikiEditor-ui-toolbar .page-table th,
.wikiEditor-ui-toolbar .page-table td {
margin: 0;
padding: 5px;
text-align: left
}


.wikiEditor-ui-toolbar .section-help .page-table {}


.wikiEditor-ui-toolbar .section-help .page-table .cell {
vertical-align: top
}


.wikiEditor-ui-toolbar .section-help .page-table .cell-syntax {
font-family: monospace, 'Courier'
}


.wikiEditor-ui-toolbar .section-help .page-table .cell-syntax,
.wikiEditor-ui-toolbar .section-help .page-table .cell-result {
width: 40%
}


#right-navigation,
.wikiEditor-ui-toolbar .section-help .page-table .cell-description {
#content {
width: 20%
margin-right: 0px;
}
}
#footer {
 
    margin-top: 10px;
.wikiEditor-ui-toolbar .section-help .page-table .table-link .cell-syntax,
margin-right: 0px;
.wikiEditor-ui-toolbar .section-help .page-table .table-link span.pre-wrap {
    padding: 8px 16px 8px 16px;
white-space: pre
}
}


/* Position the tabs */
.wikiEditor-ui-toolbar .section-help .cell-result h2,
#left-navigation,
.wikiEditor-ui-toolbar .section-help .cell-result h3,
#right-navigation {
.wikiEditor-ui-toolbar .section-help .cell-result h4,
margin-top: 60px;
.wikiEditor-ui-toolbar .section-help .cell-result h5 {
    height: 30px;
margin-bottom: 0;
margin-top: 0;
padding-top: 0
}
}


#mw-head-base {
.wikiEditor-ui-toolbar .page-characters {
height: 80px;
padding-bottom: 5px
margin-top: -80px;
}
}


.mw-body {
.wikiEditor-ui-toolbar .page-characters div span {
border: 1px solid var(--border-color-subtle, #c8ccd1);
padding: 5px 8px;
margin-left: 5px;
margin-top: 5px;
margin-top: 5px;
height: 1em;
display: inline-block;
color: var(--color-base, #202122);
text-decoration: none;
cursor: pointer;
font-family: monospace, 'Courier';
font-size: 1.25em;
line-height: 1
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
background-color: var(--background-color-base, #fff);
text-decoration: none;
border-color: var(--border-color-interactive, #72777d)
}
.wikiEditor-ui-toolbar .page-characters div .wikiEditor-character-highlighted {
background-color: #7db1c5;
color: var(--color-base, #202122)
}
.wikiEditor-ui-toolbar .page-characters div[dir='rtl'] span {
direction: rtl
}
.tool-button {
background-position: 50% 50%;
background-repeat: no-repeat;
vertical-align: middle;
width: 24px;
height: 24px;
text-indent: -9999px;
cursor: pointer;
overflow: hidden
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement {
margin: 0
}
.ui-widget table td.wikieditor-toolbar-table-preview-wrapper {
background: var(--background-color-neutral, #eaecf0);
padding: 10px
}
.ui-widget table td.wikieditor-toolbar-table-preview-wrapper span {
padding: 4px 6px 0;
display: block
}
.ui-widget table .wikieditor-toolbar-table-preview-frame {
width: 340px;
background: var(--background-color-base, #fff);
padding: 10px;
overflow: hidden;
display: block;
position: relative
}
}


.ui-widget table .wikieditor-toolbar-table-preview-content {
width: 375px;
display: block
}


/* Tabs styling */
.ui-widget table .wikieditor-toolbar-table-preview {
nav.vector-menu-tabs,
width: 340px
nav.vector-menu-dropdown {
    background: none;
    padding: 0;
    height: 30px;
}
}


nav.vector-menu-tabs li a {
.wikiEditor-toolbar-dialog .ui-dialog-content {}
    box-sizing: unset;
 
.wikiEditor-toolbar-dialog .ui-dialog-content fieldset {
border: 0 !important;
margin: 0 !important;
padding: 0 !important
}
}


nav.vector-menu-tabs,
.wikiEditor-toolbar-dialog .ui-dialog-content input[type='text'] {
nav.vector-menu-tabs a,
box-sizing: border-box
.vector-menu-portal .vector-menu-heading,
nav.vector-menu-tabs ul,
nav.vector-menu-tabs ul li.selected,
#mw-head .vector-menu-dropdown .vector-menu-heading {
    background: none;
}
}
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading{
 
    background-size: 100% 0px;
.wikiEditor-toolbar-dialog .ui-dialog-content input[type='radio'],
.wikiEditor-toolbar-dialog .ui-dialog-content input[type='checkbox'] {
margin-left: 0
}
}
#mw-head .vector-menu-dropdown .vector-menu-heading {
 
    margin: -2px -1px 0px 0px;
.wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
padding: 0
}
}
#mw-head .vector-menu-dropdown .vector-menu-heading {
 
    color: var(--color-topbar-text);
div.suggestions {
z-index: 1099
}
 
body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
right: 0.9em
}
 
.wikieditor-toolbar-field-wrapper {
padding: 0 0 25px 0
}
 
.wikieditor-toolbar-floated-field-wrapper {
float: left;
margin-right: 2em
}
 
#wikieditor-toolbar-replace-search,
#wikieditor-toolbar-replace-replace {
width: 100%
}
 
#wikieditor-toolbar-table-dialog fieldset {
width: 218px;
padding: 0;
float: left
}
}


#wikieditor-toolbar-table-dialog .wikieditor-toolbar-table-preview-wrapper {
width: 330px;
padding: 0;
float: right
}


nav.vector-menu-tabs ul li,
.wikieditor-toolbar-table-preview-content * {
nav.vector-menu-tabs ul li.selected,
cursor: default
nav.vector-menu-tabs ul li:hover,
nav.vector-menu-tabs ul li:focus,
nav.vector-menu-dropdown,
nav.vector-menu-dropdown:hover,
nav.vector-menu-dropdown:focus {
    --ca-background-image: var(--vector-tabs);
    --ca-background-color: var(--content-border-top-color);
    background: var(--ca-background-color);
    position: relative;
}
}
nav.vector-menu-tabs {
 
    background: var(--content-border-top-color);
.wikiEditor-toolbar-dialog .wikieditor-toolbar-table-preview-wrapper table {
width: 100% !important
}
}


nav.vector-menu-tabs ul li.selected{
.wikiEditor-toolbar-dialog .wikieditor-toolbar-table-preview-content table td {
    --ca-background-color: var(--content-background-color);
padding: 10px 4px !important;
    background-position-y: bottom, 0px;
height: auto !important
}
}


nav.vector-menu-tabs ul li:hover:not(.selected),
.wikiEditor-toolbar-dialog .wikieditor-toolbar-table-preview-content table th {
nav.vector-menu-tabs ul li:focus:not(.selected),
padding: 7px 3px !important
nav.vector-menu-dropdown:hover,
nav.vector-menu-dropdown:focus {
    --ca-background-color: var(--content-border-top-color-hovered);
}
}


nav.vector-menu-tabs ul li:before,
.wikiEditor-toolbar-dialog .ui-dialog-content {
nav.vector-menu-dropdown:before {
padding: 30px 20px 1em !important
    content: "";
    position: absolute;
    left: 0;
    background: var(--ca-background-image) var(--content-border-top-color) no-repeat left top;
    width: 0px;
    height: 100%;
    pointer-events: none;
}
}
#left-navigation nav.vector-menu-tabs li:first-child:before {
 
    background: var(--vector-tabs-first) no-repeat left top;
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
    height: 93px
border-top: 1px solid #c8ccd1 !important
}
}


.wikieditor-toolbar-table-dimension-fields .wikieditor-toolbar-field-wrapper {
float: left;
margin-right: 20px;
vertical-align: bottom
}


nav.vector-menu-dropdown .mw-list-item a {
.wikieditor-toolbar-dialog-wrapper {
    color: var(--link-color);
width: 100%
}
}


#wikieditor-toolbar-file-target,
#wikieditor-toolbar-file-caption,
#wikieditor-toolbar-file-alt {
width: 100%
}


nav.vector-menu-tabs li a {
.wikieditor-toolbar-file-alt-help {
    padding: 9px 13px 0px 13px;
float: right
    height: 21px;
    line-height: 1.1em;
}
}


nav.vector-menu-dropdown label {
.wikieditor-toolbar-file-options .wikieditor-toolbar-field-wrapper {
padding: 9px 13px 0px 13px !important;
float: left;
margin: 0 20px 0 0
}
}


#wikieditor-toolbar-file-dialog+.ui-dialog-buttonpane .ui-dialog-buttonset {
width: 100%;
text-align: right;
}


.vector-menu-tabs .mw-watchlink.icon {
#wikieditor-toolbar-file-dialog+.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:last-child {
/* Force font-size when using the icon */
float: left
    font-size: 16px !important;
}
}


.vector-menu-tabs .mw-watchlink.icon a {
body.rtl .wikiEditor-toolbar-dialog .ui-dialog-buttonpane button {
    width: 45px;
float: left;
    margin-right: 0px;
margin: 0.5em 0.4em 0.5em 0 !important
    margin-bottom: -10px;
}
 
.wikieditor-toolbar-table-dimension-fields::after,
.wikieditor-toolbar-dialog-wrapper::after {
visibility: hidden;
display: block;
font-size: 0;
content: ' ';
clear: both;
height: 0
}
}


.vector-menu-tabs .mw-watchlink.icon a:before {
.wikieditor-toolbar-table-dimension-fields,
left: 1.17em;
.wikieditor-toolbar-dialog-wrapper {
    top: 0.60em;
display: inline-table;
display: block
}
}


.wikiEditor-ui-toolbar {
background-color: var(--background-color-neutral-subtle, #f8f9fa);
box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
}


.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group {
border-color: var(--border-color-muted, #dadde3)
}


nav.vector-menu-dropdown .vector-menu-content {
.wikiEditor-ui-toolbar .group {
transition: none;
min-height: 32px;
min-width: calc(100% - 14px); /* Subtract 14px from the minimum width so that it doesn't cross the grass border */
margin: 0;
padding-right: 0
}
}


nav.vector-menu {
.wikiEditor-ui-toolbar .group .label {
    margin: 0 8px 0 6px;
height: 28px;
margin-left: 8px;
line-height: 28px
}
}
#p-views,
 
#p-cactions {
.wikiEditor-ui-toolbar .group .tool-select {
background-color: transparent;
height: 32px;
margin: 0;
margin: 0;
border: 0
}
}
#p-cactions {
 
padding-right: 8px;
.wikiEditor-ui-toolbar .group .tool-select .label {
    height: 30px;
height: 32px;
padding-left: 8px;
line-height: 32px
}
}


#left-navigation nav.vector-menu {
.wikiEditor-ui-toolbar .group .tool-select .label::after {
margin-left: 0;
height: 32px
}
}


nav.vector-menu h3 span {
.wikiEditor-ui-toolbar .group .tool-select .menu .options {
     padding-left: 0px;
margin-top: 32px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25)
}
 
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
background-color: var(--background-color-interactive, #eaecf0)
}
 
.wikiEditor-ui-toolbar .booklet>.index> :hover {
background-color: var(--background-color-interactive, #eaecf0)
}
 
.wikiEditor-ui-toolbar .booklet>.index>.current {
background-color: var(--background-color-progressive-subtle, #f1f4fd);
color: var(--color-progressive, #36c)
}
 
.tool-button {
width: 32px;
height: 32px;
transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms
}
 
.tool-button,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button {
border-radius: 0
}
 
.tool-button:hover,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button:hover {
background-color: rgba(0, 23, 70, 0.08599999999999999);
}
 
.tool-button:hover>.oo-ui-iconElement-icon,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button:hover>.oo-ui-iconElement-icon {
opacity: 1
}
 
.tool-button.tool-active,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button.tool-active {
background-color: rgba(0, 104, 243, 0.08599999999999999);
}
 
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button>.oo-ui-iconElement-icon {
opacity: 0.87
}
 
 
 
 
/* -------------------- WIKI EDITOR 2 --------------------*/
 
 
.wikiEditor-ui .oo-ui-toolbar-popups {
    right: 0
}
 
.wikiEditor-ui .ve-init-mw-switchPopupWidget,.wikiEditor-ui .oo-ui-popupToolGroup-tools {
    right: 0 !important;
    left: unset !important
}
 
.wikiEditor-ui .ve-init-mw-switchPopupWidget .oo-ui-popupWidget-anchor {
    margin-left: calc(100% - 1.25em);
    left: unset !important
}
 
.wikiEditor-ui .ext-WikiEditor-realtimepreview-button > a.oo-ui-buttonElement-button {
    display: flex;
    align-items: center
}
 
 
 
 
 
 
 
 
 
 
 
 
 
.wikiEditor-ui .wikiEditor-ui-view {
    margin-left: -1em;
    margin-right: -1em;
    border: 0
}
 
.client-js #editform > .wikiEditor-ui .wikiEditor-ui-view {
    margin-left: 0;
    margin-right: 0
}
 
.client-js #editform {
    margin-left: -1em;
    margin-right: -1em
}
 
@media screen and (min-width: 982px) {
    .wikiEditor-ui .wikiEditor-ui-view {
        margin-left:-1.7em;
        margin-right: -1.7em
    }
 
    .client-js #editform {
        margin-left: -1.7em;
        margin-right: -1.7em
    }
}
 
.wikiEditor-ui .wikiEditor-ui-top {
    border-bottom: 0
}
 
.wikiEditor-ui-toolbar .sections .section .section-advanced .section-visible {
    border-bottom: 0
}
 
.oo-ui-toolbar-bar .oo-ui-toolbar-actions .oo-ui-toolbar .oo-ui-toolbar-bar {
    border-bottom: 0;
    box-shadow: none
}
 
.wikiEditor-ui-toolbar .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
    left: 10px;
}
 
.wikiEditor-ui-toolbar .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
    min-width: 42px;
    min-height: 42px;
    text-align: center;
}
 
.wikiEditor-ui-toolbar .group .tool-select,.wikiEditor-ui-toolbar .group .tool-select .label:after {
    height: 42px
}
 
.wikiEditor-ui-toolbar .group .label {
    line-height: 39px
}
 
.wikiEditor-ui-toolbar .group .tool-select .label {
    line-height: 42px;
    height: 42px
}
 
.wikiEditor-ui-toolbar .tabs span.tab {
    line-height: 42px
}
 
.wikiEditor-ui-toolbar .tabs span.tab a:before {
    height: 42px;
    left: 6px
}
 
.wikiEditor-ui-toolbar .tabs span.tab a {
    height: 42px;
    padding-left: 22px
}
 
.wikiEditor-ui-toolbar .tabs {
    margin: 0
}
 
.ve-init-mw-editSwitch .oo-ui-popupToolGroup {
    height: 42px
}
 
.ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle {
    padding-top: 42px
}
 
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {
    border-bottom: 1px solid #eaecf0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2)
}
 
.ve-activated .vector-menu-tabs .selected {
    box-shadow: none
}
 
.oo-ui-messageDialog-title {
    color: #1e1e1e;
    font-weight: bold
}
 
.ve-ui-specialCharacterPage h3,.ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 {
    font-weight: bold
}
 
.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid #cbcbcb
}
 
.wikiEditor-ui-toolbar .page-table th,.wikiEditor-ui-toolbar .page-table td {
    padding: 4px
}
 
.wikiEditor-ui-toolbar .page-table td {
    border-top: 1px solid #cbcbcb
}
 
.mw-editform #wpTextbox1 {
     padding-left: 0.8em
}
 
.mw-editTools,.templatesUsed,.hiddencats,.limitreport {
    padding-left: 1.5em;
    padding-right: 1.5em
}
 
.editOptions {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 1.5em
}
 
.mw-editform #wpSummaryLabel {
    margin: 0 1em
}
 
.editOptions > #wpSummaryLabel {
    margin: 0
}
 
.mw-summary-preview {
    margin: 0 1em
}
 
.editOptions > .mw-summary-preview {
    margin: 0
}
 
.mw-editform #editpage-copywarn {
    line-height: 1.4;
    margin-top: 5px
}
 
#wikieditor-toolbar-file-target,#wikieditor-toolbar-file-caption,#wikieditor-toolbar-file-alt,.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    border: 1px solid #c0c2c5;
    padding: 0.3em;
    border-radius: 3px
}
 
body .ui-dialog .ui-widget-header {
    background: #ebe9e9 !important;
    border: 0;
    font-size: 120%;
    padding: 0.6em 1.4em 0.6em !important;
    margin: 0.5em 0.5em 0
}
 
.wikieditor-toolbar-field-wrapper {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap
}
 
.wikieditor-toolbar-file-alt-help {
    background: #f7f7f7;
    border: 1px solid #c3c3c3;
    font-size: 110%;
    padding: 0.4em 1em 0.4em;
    border-radius: 2px;
    cursor: pointer
}
 
.wikieditor-toolbar-file-alt-help:is(:hover,:focus-within) {
    background: #eef4ff !important;
    border-color: #afc4db !important
}
 
.ui-dialog .ui-dialog-buttonpane button {
    background: #f7f7f7 !important;
    border-color: #c3c3c3 !important;
     font-weight: bold;
     font-weight: bold;
    font-size: 110%;
    color: #222222;
    padding: 0.3em;
    border-radius: 2px;
    box-shadow: none
}
.ui-dialog .ui-dialog-buttonpane button:is(:hover,:focus-within) {
    background: #eef4ff !important;
    border-color: #afc4db !important
}
}


nav.vector-menu h3 a {
#wikieditor-toolbar-replace-nomatch {
     height: 30px;
     background-color: #f3cece;
     margin-right: 0px;
    border-radius: 4px;
    padding: 10px;
     margin-bottom: 16px
}
}


nav.vector-menu div.vector-menu-content {
#wikieditor-toolbar-replace-emptysearch {
     top: 30px;
     background-color: #e5e7bf;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 16px
}
}


#wikieditor-toolbar-replace-success {
    background-color: #d6ebd2;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 16px
}


/* Set the outer content link colours to light gray and white */
#wikieditor-toolbar-replace-invalidregex {
#mw-panel *:not(h3) > a:not(:hover):not(:focus),
    background-color: #efd6f1;
#footer a:not(:hover):not(:focus),
    border-radius: 4px;
.mw-notification a:not(:hover):not(:focus) {
    padding: 10px;
color: var( --color-siderbar-links)  !important;
    margin-bottom: 16px
}
}


#mw-panel h3,
.ve-ui-mwSaveDialog-options {
#mw-panel a,
    background-color: transparent;
#footer li,
    border: 0
#footer a,
.mw-notification a {
color: var(--color-siderbar-base) !important;
}
}


#footer {
.ve-ui-mwSaveDialog-summary {
     background-color: #252526;
     background-color: transparent
    /*border: 2px #313233 solid;*/
}
}
#footer-icons a {
 
     padding: 0px;
.ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget {
     background-color: #ffffff00;
     padding: 0.3em 0.6em;
    border: 0px;
     border-radius: 3px
}
}
#footer-icons li {
 
     padding: 0px;
.cm-mw-toggle-wikieditor .oo-ui-labelElement-label {
     display: none
}
}
#footer-icons {
 
     margin-top: 2px;
/*
    height: 31px;
#preferences .mw-htmlform-submit-buttons {
     background-color: var(--content-background-color)
}
}


nav.mw-portlet.emptyPortlet {
.ext-discussiontools-ui-replyWidget-footer,.ext-discussiontools-init-timestamplink,.ext-discussiontools-init-timestamplink:visited,.ext-discussiontools-init-timestamplink:active,.ext-discussiontools-init-pageframe-latestcomment,.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section-metaitem {
display: none;
    color: var(--content-secondary-text-color)
}
}


#footer:after {
.mcwiki-header-grass .ext-discussiontools-init-section-subscribe > * {
     content: '';
     color: inherit !important
    clear: both;
    display: block;
}
}


.mw-body, .parsoid-body,
.ext-discussiontools-replytool-enabled:not(.ns-4) dl,.ext-discussiontools-visualenhancements-enabled dl,.ns-10008 dl,.ns-talk dl {
div#content {
    border-left: 1px dotted #a2a9b1
background-color: var(--content-background-color);
border-top: 0px solid var(--content-background-color);
border-bottom: 0px solid var(--content-background-color);
border-left: 0px solid var(--content-background-color);
border-right: 0px solid var(--content-background-color);
}
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
 
background-color: var(--content-background-color);
.ext-discussiontools-replytool-enabled:not(.ns-4) dl:has(+ dl),.ext-discussiontools-replytool-enabled:not(.ns-4) dl dl,.ext-discussiontools-visualenhancements-enabled dl:has(+ dl),.ext-discussiontools-visualenhancements-enabled dl dl,.ns-10008 dl:has(+ dl),.ns-10008 dl dl,.ns-talk dl:has(+ dl),.ns-talk dl dl {
    margin-bottom: -0.5em;
    padding-bottom: 0.5em
}
}
#preferences .mw-htmlform-submit-buttons {
 
background-color: var(--content-background-color);
body:is(.ext-discussiontools-replytool-enabled:not(.ns-4),.ext-discussiontools-visualenhancements-enabled,.ns-10008,.ns-talk) :is(dl:has(+ dl),dd) dd:last-child {
    margin-bottom: 0
}
}


body:is(.ext-discussiontools-replytool-enabled:not(.ns-4),.ext-discussiontools-visualenhancements-enabled,.ns-10008,.ns-talk) dd:first-child:not(:has(> dl:first-child)) {
    margin-top: 0.5em;
    padding-top: 0.5em;
    border-top: 1px dotted #a2a9b1
}


body:is(.ext-discussiontools-replytool-enabled:not(.ns-4),.ext-discussiontools-visualenhancements-enabled,.ns-10008,.ns-talk) dd:not(:last-child):has([data-mw-comment-end]) {
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px dotted #a2a9b1
}


.vector-body blockquote {
    border-left-color: var(--infobox-header-background-color)
}
*/


/** Оформление WikiEditor **/
.wikiEditor-ui-top {
    border: 0 !important;
}
.wikiEditor-ui-toolbar {
    border-bottom: 1px solid silver;
}
.wikiEditor-ui-text {
    background-color: var(--background-color-base);
}
.wikiEditor-ui-text textarea {
    background-color: transparent;
}






/* -------------------- WIKI EDITOR 3 --------------------*/






/* Fix wikiEditor spacing */
#upload_container {
    margin-top: -1px;
}
#upload_div {
    margin: 0;
    width: auto;
    border-width: 1px 0;
    box-shadow: none;
}








/* Prevent page jump from the toolbar loading */
.client-js #editform {
    /* To disable margin collapsing */
    overflow: hidden;
}
.client-js .mw-editform > #wpTextbox1 {
    margin-top: 73px;
}


/** Стили для Панели быстрой вставки **/
#userButtons {
    background-color: transparent;
    border: 1px solid #76FF76;
    font-size: 95%;
    width: 100%;
    border-collapse: collapse;
    color: black;
    margin: 1px 0px 1em;
    }


/* Style the personal links */
#userButtons tr th, table#userButtons * tr th {
#p-personal {
    background-color: #BBFFBB;
     right: 10px;
     border: 1px solid #76FF76;
     top: 5px;
     font-size: 95%;
     margin-right: 0;
     padding: 2px;
     margin-left: 10px;
     text-align: center;
}
}


#p-personal a {
#userButtons tr td, table#userButtons * tr td {
     color: white;
     border: 1px solid #76FF76;
    padding: 5px;
}
}


.mw-echo-alert {
#userButtons tr td p, table#userButtons * tr td p {
    background-color: #8e721c;
     margin-top:0;
    border: 1px solid #fff;
     margin-bottom:0;
     border-radius: 4px;
     font-weight: bold;
}
}


#p-personal .vector-menu-content-list {
#userButtons.collapsible tr th, table#userButtons.collapsible * tr th {
padding: 1px 0.5em 1px 0;
    padding-left: 6.5em;
}
}


.vector-user-menu-legacy li {
 
     padding-top: 0.3em;
/* Стиль разделителей ПБВ */
     padding-bottom: 0.3em;
#userButtons * hr {  
     background-color: #76FF76;
     width: 100%;
    float: left; /* без этого разделители начинались примерно в центре страницы */
}
}


.oo-ui-icon-bell, .mw-ui-icon-bell::before,
.userButtonsAddons {
.oo-ui-icon-tray, .mw-ui-icon-tray::before {
    border: 1px dotted #aaaaaa !important;
     filter: invert(1);
    padding: 2px;
    font-size: 95%;
    background-color: transparent !important;
    width: 49%;
    border-collapse: collapse;
    color: black;
    margin-bottom: 1em;
    margin-left: 0px;
    margin-right: 0px;
     margin-top: 1em;
}
}
.vector-user-menu-legacy #pt-anonuserpage,
 
.vector-user-menu-legacy #pt-tmpuserpage,
.userButtonsAddons * th, .userButtonsAddons * td {
.vector-user-menu-legacy #pt-userpage a {
     border:1px dotted #aaaaaa !important;
     filter: invert(1);
     padding:2px;
     padding-top: 0;
     background-color:transparent !important;
     background-size: 14px;
     padding: 0.2em;
     background-position: unset;
}
}


.vector-user-menu-legacy #pt-anonuserpage span,
.userButtonsAddons * th {
.vector-user-menu-legacy #pt-tmpuserpage span,
     text-align:center;
.vector-user-menu-legacy #pt-userpage a span {
     color: white;
    filter: invert(1);
}
}


.skin-vector-legacy #p-personal #pt-notifications-notice,
/* Скрытие блоков в панели быстрой вставки. Блоки предназначенные для обсуждений не отображаются на обычных страницах, и наоборот. */
.skin-vector-legacy #p-personal #pt-notifications-alert {
.ns-talk * .userButtons-subject {
margin-right: 0;
    display: none;
}
}


.skin-vector-legacy #pt-notifications-notice .mw-echo-notifications-badge,
.ns-subject * .userButtons-talk,
.skin-vector-legacy #pt-notifications-alert .mw-echo-notifications-badge {
.ns-subject * #userButtonsSignature {
     top: 0;
     display: none;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    margin-right: 8px;
}
}
/** Конец стилей Панели быстрой вставки **/


.skin-vector-legacy #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,
 
.skin-vector-legacy #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
/** Прочее **/
    margin-right: 2px;
/* Иконка маркированных списков */
ul {
    list-style-image: var(--list-bullet);
}
}


.skin-vector-legacy #pt-notifications-notice .mw-echo-notifications-badge:after,
/* Уменьшение интервала после мини-заголовка, созданного через апострофы */
.skin-vector-legacy #pt-notifications-alert .mw-echo-notifications-badge:after {
.page-content p, .page-content section {
     top: 4px;
     margin: 0px 0px 8px;
    filter: invert(1);
border-color: var(--color-inverted-fixed);
color: var(--color-inverted-fixed);
}
}
/* -------------------- WIKI EDITOR 3 END --------------------*/




Line 436: Line 1,997:




.cdx-button:enabled,
.mw-ui-button:enabled,
.cdx-button.cdx-button--fake-button--enabled,
.mw-ui-button.cdx-button--fake-button--enabled {
    background-color: var(--ooui-normal);
    color: var(--ooui-text);
    border-color: var(--ooui-normal-border);
}
.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),
.mw-ui-button:enabled:focus:not(:active):not(.cdx-button--is-active),
.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active),
.mw-ui-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) {
    color: var(--ooui-text);
    border-color: var(--ooui-accent);
    box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #ffffff;
}
.cdx-button:enabled:hover,
.mw-ui-button:enabled:hover,
.cdx-button.cdx-button--fake-button--enabled:hover,
.mw-ui-button.cdx-button--fake-button--enabled:hover,
.cdx-button:enabled:active,
.mw-ui-button:enabled:active,
.cdx-button.cdx-button--fake-button--enabled:active,
.mw-ui-button.cdx-button--fake-button--enabled:active {
    background-color: var(--ooui-normal--hover);
    color: var(--ooui-text);
    border-color: var(--ooui-normal-border);
}


/* Style the simple search */
.cdx-button:enabled:visited,
#p-search {
.mw-ui-button:enabled:visited,
margin-left: 0;
.cdx-button.cdx-button--fake-button--enabled:visited,
.mw-ui-button.cdx-button--fake-button--enabled:visited {
    color: var(--ooui-text);
}
}


#p-search form {
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,
position: relative;
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,
padding: 0 0px 0 1px;
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive,
height: 30px;
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled),
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled),
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled),
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled) {
    background-color: var(--ooui-progressive);
    color: #fff;
    border-color: var(--ooui-progressive);
}
}


#simpleSearch {
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
border: 0;
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
background-color: #D0CFCF;
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
background-image: -webkit-linear-gradient(#C3C3C3, #DBDBDB);
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
background-image: linear-gradient(#C3C3C3, #DBDBDB);
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):hover,
-webkit-transition: none !important;
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):hover,
-moz-transition: none !important;
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):hover,
transition: none !important;
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):hover {
    background-color: var(--ooui-progressive--hover);
    border-color: var(--ooui-progressive--hover);
}
}


.vector-search-box,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.vector-search-box form {
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
     margin: 0;
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):focus,
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):focus,
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):focus,
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):focus {
     box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #ffffff;
}
}


/* Remove border of search bar */
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
#simpleSearch .vector-search-box-input {
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
     border: none;
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
     border-radius: 0;
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
    outline: none;
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):active,
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):active,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled).is-on,
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled).is-on,
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled).is-on,
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
     background-color: var(--ooui-progressive--hover);
     border-color: var(--ooui-progressive--hover);
     box-shadow: none;
     box-shadow: none;
    height: 30px;
    padding-left: 13px;
    background-color: #3552e5;
}
}


.vector-search-box-input::placeholder {
.cdx-button.cdx-button--action-destructive:not( :disabled ),
color: var(--searchinput-placeholder-color);
.cdx-button.mw-ui-button--action-destructive:not( :disabled ),
.mw-ui-button.cdx-button--action-destructive:not( :disabled ),
.mw-ui-button.mw-ui-button--action-destructive:not( :disabled ) {
    color: #fff;
}
 
.cdx-button.cdx-button--weight-quiet,
.cdx-button.mw-ui-button--weight-quiet,
.mw-ui-button.cdx-button--weight-quiet,
.mw-ui-button.mw-ui-button--weight-quiet,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive {
    color: var(--color-base);
}
 
.cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:checked + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon {
    background-color: var(--ooui-progressive);
    border-color: var(--ooui-progressive);
}
}


/* Style the simple search */
.cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon,
#p-search {
.mw-ui-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon,
margin-left: 0;
.cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon,
width: unset;
.mw-ui-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon {
min-width: unset;
    background-color: var(--ooui-progressive--hover);
    border-color: var(--ooui-progressive--hover);
}
}


#p-search #searchform {
.cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon,
position: relative;
.mw-ui-checkbox__input:enabled:checked:active + .cdx-checkbox__icon,
padding: 0 0px 0 1px;
.cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon {
    background-color: var(--ooui-progressive--hover);
    border-color: var(--ooui-progressive--hover);
    box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover);
}
}


/* Unstyle codex search */
.cdx-checkbox__input:enabled:checked:focus:not(:active),
#p-search #searchform .cdx-text-input__input,
.mw-ui-checkbox__input:enabled:checked:focus:not(:active),
#p-search #searchform .cdx-search-input,
.cdx-checkbox__input:enabled:indeterminate:focus:not(:active),
#p-search #searchform {
.mw-ui-checkbox__input:enabled:indeterminate:focus:not(:active) {
background: none;
     background-color: var(--ooui-progressive--hover);
display: block;
     border-color: var(--ooui-accent);
     border: none;
     box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
     border-radius: 0;
    outline: none;
     box-shadow: none;
    height: 30px;
}
}


/* Keep old vector default styles */
.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover) + .cdx-checkbox__icon,
#p-search #searchform .cdx-search-input__input-wrapper {
.mw-ui-checkbox__input:enabled:checked:focus:not(:active):not(:hover) + .cdx-checkbox__icon,
    height: 100%;
.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover) + .cdx-checkbox__icon,
    min-width: 6.5em;
.mw-ui-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover) + .cdx-checkbox__icon {
     width: 20vw;
     background-color: var(--ooui-progressive--hover);
     max-width: 26em;
     border-color: var(--ooui-accent);
     margin: 0;
     box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
}
}


#p-search #searchform .cdx-search-input__input-wrapper {
.cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon,
position: relative;
.mw-ui-checkbox__input:enabled:hover + .cdx-checkbox__icon {
border: 0;
    border-color: var(--ooui-accent);
background-color: #D0CFCF;
background-image: -webkit-linear-gradient(#C3C3C3, #DBDBDB);
background-image: linear-gradient(#C3C3C3, #DBDBDB);
-webkit-transition: none !important;
-moz-transition: none !important;
transition: none !important;
}
}


.cdx-checkbox__input:enabled:active + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:active + .cdx-checkbox__icon {
    background-color: var(--ooui-progressive--hover);
    border-color: var(--ooui-progressive--hover);
    box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover);
}


#p-search #searchform .cdx-text-input__input {
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet,
     background-color: #3552e5;
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet,
     color: #fff;
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet,
     min-height: unset;
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet,
    padding: 5px 2.15384615em 5px 0.4em;
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.cdx-button--weight-quiet:hover,
.cdx-button.mw-ui-button--weight-quiet:hover,
.mw-ui-button.cdx-button--weight-quiet:hover,
.mw-ui-button.mw-ui-button--weight-quiet:hover,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive:hover,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:hover,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:hover,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:hover,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive:hover,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:hover,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive:hover,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:hover,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:hover,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:hover,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive:hover,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:hover {
     background-color: rgba(0, 24, 73, 0.02745098);
     color: var(--color-base);
     border-color: transparent;
}
}


#p-search #searchform .cdx-text-input__input::placeholder {
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet,
color: var(--searchinput-placeholder-color);
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.cdx-button--weight-quiet:focus,
.cdx-button.mw-ui-button--weight-quiet:focus,
.mw-ui-button.cdx-button--weight-quiet:focus,
.mw-ui-button.mw-ui-button--weight-quiet:focus,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive:focus,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:focus,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:focus,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:focus,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive:focus,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:focus,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive:focus,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:focus,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:focus,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:focus,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive:focus,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:focus {
    color: var(--color-base);
}
}


#p-search #searchform .cdx-search-input__end-button {
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet,
display: block;
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet,
    position: absolute;
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet,
    top: 1px;
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet,
    bottom: 1px;
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
    right: 1px;
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
    min-width: 28px;
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
    width: 2.15384615em;
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
    border: 0;
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
    padding: 0;
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
    cursor: pointer;
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
    direction: ltr;
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
    text-indent: -99999px;
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
    white-space: nowrap;
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
    overflow: hidden;
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
    z-index: 1;
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
    background: no-repeat center / 1.23076923em url(/skins/Vector/resources/skins.vector.styles.legacy/images/search.svg?ac00d);
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
     opacity: 0.67;
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
     margin: 0;
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
     min-height: unset;
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.cdx-button--weight-quiet:active,
.cdx-button.mw-ui-button--weight-quiet:active,
.mw-ui-button.cdx-button--weight-quiet:active,
.mw-ui-button.mw-ui-button--weight-quiet:active,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive:active,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:active,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:active,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:active,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive:active,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:active,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:active,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:active,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive:active,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:active,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:active,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:active,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive:active,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:active,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:active,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:active {
     background-color: rgba(0, 36, 73, 0.08235294);
     color: var(--color-base);
     border-color: #72777d;
}
}
.cdx-button--size-large {
 
     min-height: unset;
.mw-ui-input:not(:disabled) {
    background-color: var(--ooui-input);
    color: var(--color-base);
     border-color: var(--ooui-input-border);
}
}
#p-search #searchform > .cdx-search-input__end-button {
 
right: 5px;
.mw-ui-input:not(:disabled):hover {
    border-color: var(--ooui-input-border--hover);
}
}


#p-search #searchform .cdx-thumbnail__placeholder,
.mw-ui-input:not(:disabled):focus {
#p-search #searchform .cdx-thumbnail__image {
    border-color: var(--ooui-accent);
background-color: var(--background-color-base);
    box-shadow: inset 0 0 0 1px var(--ooui-accent);
}
}


.searchButton[name='go'] {
.mw-ui-input:not(:disabled)::placeholder {
     background: no-repeat center / 1.23076923em url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1 0 10 0A5 5 0 0 0 3 8z'/%3E%3C/svg%3E");
     color: var(--byline-color);
    opacity: 0.9;
}
}




/* Fix placeholder text being too light in chrome */
 
::-webkit-input-placeholder {
 
color: inherit;
/* MessageBox template */
opacity: 0.8;
.msgbox {
    display: flex;
    background: #FCFCFC;
    box-sizing: border-box;
    align-items: center;
    width: auto;
    padding: .4em .8em;
    margin: 0 auto;
    margin-bottom: 1em
}
.msgbox + .msgbox {
border-top: none;
margin-top: -1em;
}
}


/* The suggestions shown under the search bar */
 
.suggestions.searchbar {
.msgbox:not(.msgbox-subtle) + .msgbox:not(.msgbox-subtle),.msgbox-subtle + .msgbox-subtle {
margin-right: -1px;
    border-top: none;
    margin-top: -1em
}
}


.suggestions.searchbar > .suggestions-results,
.msgbox-subtle:has(+ .msgbox-subtle),.msgbox-subtle + .msgbox-subtle {
.suggestions.searchbar > .mw-searchSuggest-link {
    width: 100%
display: block;
margin-left: 1px;
}
}


.suggestions.searchbar .suggestions-results,
.msgbox .msgbox-iconimage,.msgbox .msgbox-image {
.suggestions.searchbar .suggestions-special,
    margin: 0 1.5em 0 .5em
.suggestions .suggestions-results,
.suggestions .suggestions-special {
background-color: #DBDADA !important;
border-color: #3C3B3B !important;
}
}


.suggestions.searchbar .suggestions-result-current,
.msgbox-subtle {
.suggestions .suggestions-result-current {
    float: right;
background-color: #0078D7 !important;
    clear: right;
    margin-left: 1em;
    flex-direction: column;
    font-size: 95%
}
}


@media all and (max-width: 511px) {
    .msgbox-subtle {
        float:none;
        margin-left: auto
    }


    .msgbox + .msgbox {
        border-top: none;
        margin-top: -1em
    }
}


.msgbox-mini {
    padding: .4em .5em;
    margin: 0 0;
    margin-bottom: 1em
}


.msgbox-mini .msgbox-icon {
    align-self: flex-start
}


.msgbox-mini .msgbox-iconimage,.msgbox-mini .msgbox-image {
    margin: 0 .4em 0 .5em
}


.msgbox-mini .msgbox-text {
    font-size: small
}


.msgbox-red {
    background: hsl(0,75%,92%);
    border-left: 4px solid hsl(0,75%,85%)
}


body.stw-theme-dark .msgbox-red {
    background-color: hsl(0,25%,8%);
    border-left-color: hsl(0,15%,36%)
}


.msgbox-orange {
    background: hsl(40,75%,92%);
    border-left: 4px solid hsl(40,75%,85%)
}


body.stw-theme-dark .msgbox-orange {
    background-color: hsl(40,25%,8%);
    border-left-color: hsl(40,15%,36%)
}


.msgbox-yellow {
    background: hsl(60,75%,92%);
    border-left: 4px solid hsl(60,75%,85%)
}


body.stw-theme-dark .msgbox-yellow {
    background-color: hsl(60,25%,8%);
    border-left-color: hsl(60,15%,36%)
}


.msgbox-green {
    background: hsl(120,75%,92%);
    border-left: 4px solid hsl(120,75%,85%)
}


body.stw-theme-dark .msgbox-green {
    background-color: hsl(120,25%,8%);
    border-left-color: hsl(120,15%,36%)
}


.msgbox-blue {
    background: hsl(215,75%,92%);
    border-left: 4px solid hsl(215,75%,85%)
}


body.stw-theme-dark .msgbox-blue {
    background-color: hsl(215,25%,8%);
    border-left-color: hsl(215,15%,36%)
}


.msgbox-magenta {
    background: hsl(310,75%,92%);
    border-left: 4px solid hsl(310,75%,85%)
}


body.stw-theme-dark .msgbox-magenta {
    background-color: hsl(310,25%,8%);
    border-left-color: hsl(310,15%,36%)
}


/* ------------------------------------------- */
.msgbox-purple {
    background: hsl(260,75%,92%);
    border-left: 4px solid hsl(260,75%,85%)
}


/* Theme and Width toggle buttons styling */
body.stw-theme-dark .msgbox-purple {
.theme-toggle-button,
     background-color: hsl(260,25%,8%);
.width-toggle-button {
     border-left-color: hsl(260,15%,36%)
     display: block;
    padding: 8px 12px;
    text-decoration: none;
     border-radius: 4px;
    font-size: 14px;
    margin: 4px 0;
}
}
body.stw-theme-dark .theme-toggle-button:hover,
 
body.stw-theme-dark .width-toggle-button:hover,
.msgbox-gray {
#p-personal .theme-toggle-button,
     background: hsl(0,0%,92%);
#p-personal .width-toggle-button {
     border-left: 4px solid hsl(0,0%,85%)
     display: inline-block;
    margin: 0 0 0 10px;
     padding: 0.5em;
    font-size: 0.875em;
    line-height: 1;
}
}
/* Width control */
 
@media screen and (min-width: 1200px) {
body.stw-theme-dark .msgbox-gray {
     body {
     background-color: hsl(0,0%,8%);
        max-width: var(--fixed-width); /* Dynamicly changed by Hook */
    border-left-color: hsl(0,0%,36%)
        margin: auto;
    }
}
}

Latest revision as of 13:52, 14 January 2026

/* CSS placed here will apply to all skins */

/*** BASE STYLES AND SETTINGS ***/

/** Color variables that could be changed by various skin themes */

/* LIGHT THEME - default */
:root,
.skin-invert,
.notheme {
    --font-sans: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
	--header-background: url('images/essentials/Header-background-day.png');/*Header-background*/


    --site-background-color: #303031; 
    --content-background-color: #ebeef2; 
    
    --color-siderbar-base: #f8f9fa;
    --color-siderbar-links: #88a3e8;
    --color-topbar-text: #f8f9fa;
        
    --link-color: #0645ad;
    --redlink-color: #BA0000;

    
    --content-border-top-color: #618404;
    --content-border-top-color-hovered: #729b00;
    
	--simplesearch-background-color: #4e52f0;
	--simplesearch-top-border-color: #FFFFFF;
	--simplesearch-left-border-color: #888888;
	--simplesearch-topright-grass-color: #6BA41E;
	--searchinput-placeholder-color: #e9efff;
    

    /* Переменные системы дизайна Codex */
    --color-base: #202122;
    --color-base-fixed: #202122;
    --color-base--hover: #404244;
    --color-emphasized: #101418;
    --color-subtle: #54595d;
    --color-placeholder: #72777d;
    --color-disabled: #72777d;
    --color-inverted: #fff;
    --color-inverted-fixed: #fff; /* The same as color-inverted in light mode, but does not change in dark mode. Use this for things that should be white in both modes. */
    --color-progressive: #36c; /* 'Progressive' Color and states */
    --color-progressive--hover: #4b77d6;
    --color-progressive--active: #233566;
    --color-progressive--focus: #36c;
    --color-destructive: #d73333; /* 'Destructive' Color and states */
    --color-destructive--hover: #fc493b;
    --color-destructive--active: #9f3526;
    --color-destructive--focus: #36c;
    --color-visited: #6a60b0; /* 'Visited' color. In combination with progressive. Used for default links. */
    --color-destructive--visited: #9f5555; /* Red link 'Visited' color. Used for visited red links. */
    --color-error: #d73333;
    --color-warning: #eeb533; /* Note, this is only meant for warning icon for contrast reasons. */
    --color-success: #177860; /* Note, this needs to use a tone darker than Red and Yellow for contrast reasons with background White. */
    --color-notice: #202122;
    --color-content-added: #006400;
    --color-content-removed: #8b0000;
    --filter-invert-icon: 0;
    --filter-invert-primary-button-icon: 1;
    --box-shadow-color-base: #000;
    --box-shadow-color-progressive--active: #233566;
    --box-shadow-color-progressive--focus: #36c;
    --box-shadow-color-progressive-selected: #36c;
    --box-shadow-color-progressive-selected--hover: #4b77d6;
    --box-shadow-color-progressive-selected--active: #233566;
    --box-shadow-color-destructive--focus: #36c;
    --box-shadow-color-inverted: #fff;
    --box-shadow-color-transparent: transparent;
    --background-color-base: #fff; /* Background Colors for static elements (for page layout, sections, etc.) from here on. */
    --background-color-base-fixed: #fff; /* The same as background-color-base in light mode, but does not change in dark mode. Use this for things that should be white in both modes. */
    --background-color-neutral: #eaecf0;
    --background-color-neutral-subtle: #f8f9fa;
    --background-color-interactive: #eaecf0;
    --background-color-interactive-subtle: #f8f9fa;
    --background-color-disabled: #c8ccd1; /* Components like Buttons, Checkboxes, Radios, ProgressBars…. */
    --background-color-disabled-subtle: #eaecf0; /* Components like TextInputs, Selects…. */
    --background-color-inverted: #101418;
    --background-color-progressive: #36c;
    --background-color-progressive--hover: #4b77d6;
    --background-color-progressive--active: #233566;
    --background-color-progressive--focus: #36c;
    --background-color-progressive-subtle: #f1f4fd;
    --background-color-destructive: #d73333;
    --background-color-destructive--hover: #fc493b;
    --background-color-destructive--active: #9f3526;
    --background-color-destructive--focus: #36c;
    --background-color-destructive-subtle: #ffe9e5;
    --background-color-error: #d73333;
    --background-color-error--hover: #fc493b;
    --background-color-error--active: #9f3526;
    --background-color-error-subtle: #ffe9e5;
    --background-color-warning-subtle: #fdf2d5;
    --background-color-success-subtle: #dff2eb;
    --background-color-notice-subtle: #eaecf0;
    --background-color-content-added: #a3d3ff;
    --background-color-content-removed: #ffe49c;
    --background-color-transparent: transparent;
    --background-color-backdrop-light: rgba( 255, 255, 255, 0.65 ); /* Backdrop is the term used by CSS Fullscreen API and is used to dim the background when a modal Dialog is open. Also known as overlay mask. */
    --background-color-backdrop-dark: rgba( 0, 0, 0, 0.65 );
    --background-color-button-quiet--hover: rgba( 0, 24, 73, 0.027 );
    --background-color-button-quiet--active: rgba( 0, 24, 73, 0.082 );
    --background-color-input-binary--checked: #36c;
    --background-color-tab-list-item-framed--hover: rgba( 255, 255, 255, 0.3 );
    --background-color-tab-list-item-framed--active: rgba( 255, 255, 255, 0.65 );
    --opacity-icon-base: 0.87;
    --opacity-icon-base--hover: 0.74;
    --opacity-icon-base--selected: 1;
    --opacity-icon-base--disabled: 0.51;
    --opacity-icon-placeholder: 0.51;
    --opacity-icon-subtle: 0.67;
    --border-color-base: #a2a9b1;
    --border-color-subtle: #c8ccd1;
    --border-color-muted: #dadde3;
    --border-color-interactive: #72777d;
    --border-color-disabled: #c8ccd1;
    --border-color-inverted: #fff;
    --border-color-progressive: #36c;
    --border-color-progressive--hover: #4b77d6;
    --border-color-progressive--active: #233566;
    --border-color-progressive--focus: #36c;
    --border-color-destructive: #d73333;
    --border-color-destructive--hover: #fc493b;
    --border-color-destructive--active: #9f3526;
    --border-color-destructive--focus: #36c;
    --border-color-error: #9f3526;
    --border-color-error--hover: #fc493b;
    --border-color-warning: #987027;
    --border-color-success: #196551;
    --border-color-notice: #54595d;
    --border-color-content-added: #a3d3ff;
    --border-color-content-removed: #ffe49c;
    --border-color-transparent: transparent;
    --border-color-divider: #a2a9b1;
    --outline-color-progressive--focus: #36c; /* Use in places where no more customized focus styles are provided, for example on generic `:focus`. */
    --color-link-red: var( --color-destructive ); /* Red ('new') Link color and states */
    --color-link-red--hover: var( --color-destructive--hover );
    --color-link-red--active: var( --color-destructive--active );
    --color-link-red--focus: var( --color-destructive--focus );
    --color-link-red--visited: var( --color-destructive--visited );
    --border-color-input--hover: var( --border-color-interactive );
    --border-color-input-binary: var( --border-color-interactive );
    --border-color-input-binary--hover: var( --border-color-progressive--hover );
    --border-color-input-binary--active: var( --border-color-progressive--active );
    --border-color-input-binary--focus: var( --border-color-progressive--focus );
    --border-color-input-binary--checked: var( --border-color-progressive );

    /* Навигационные панели */
    --navbox-background-color: #FFF;
    --navbox-border-color: #CCC;
    --navbox-header-color: #CCC;
    --navbox-secondary-header-color: #DDD;
    --navbox-tertiary-header-color: #EEE;
    --navbox-section-color: #EEE;
    
    /* Маркированные списки */
    --list-bullet: url('images/essentials/List_bullet.svg');
    --hlist-bullet-color: #000;



    
    --ooui-text: var(--color-base);
    --ooui-interface: var(--background-color-interactive-subtle);
    --ooui-interface-border: var(--border-color-base);
    --ooui-normal: var(--background-color-neutral-subtle);
    --ooui-normal--hover: var(--background-color-base);
    --ooui-normal-border: var(--border-color-base);
    --ooui-progressive: var(--background-color-progressive);
    --ooui-progressive--hover: var(--background-color-progressive--hover);
    --ooui-accent: var(--link-color);
    --ooui-input: var(--background-color-base);
    --ooui-input-border: var(--border-color-base);
    --ooui-input-border--hover: var(--border-color-interactive);
    --ooui-disabled: var(--background-color-disabled);
    --ooui-disabled-border: var(--border-color-disabled);
    --ooui-disabled-text: var(--color-base);


}

html:has(body.stw-theme-dark) {
  color-scheme: dark
}

/* DARK THEME - Structorica Dark Theme */
:root .stw-theme-dark {
	--header-background: url('images/essentials/Header-background-dark.png');/*Header-background*/

    
    --site-background-color: #161618; 
    --content-background-color: #2b2f39;
    --color-siderbar-base: #f8f9fa;
    --color-siderbar-links: #88a3e8;
    --color-topbar-text: #f8f9fa;

    --link-color: #90c0fe;
    --redlink-color: #ba0000;
    
    
    --content-border-top-color: #678002;
    --content-border-top-color-hovered: #7b9904;
   
	--simplesearch-background-color: #3552e5;
	--simplesearch-top-border-color: #FFFFFF;
	--simplesearch-left-border-color: #888888;
	--simplesearch-topright-grass-color: #6BA41E;
	--searchinput-placeholder-color: #e9efff;


     /* Переменные Codex */
     --color-base: #f8f5f4;
     --color-base--hover: #f8f9fa;
     --color-emphasized: #f8f9fa;
     --color-subtle: #a2a9b1;
     --color-inverted: #101418;
     --color-progressive: #88a3e8; /* 'Progressive' Color and states */
     --color-progressive--hover: #b0c1f0;
     --color-progressive--active: #cbd6f6;
     --color-destructive: #fd7865; /* 'Destructive' Color and states */
     --color-destructive--hover: #fea898;
     --color-destructive--active: #ffc8bd;
     --color-visited: #a799cd; /* 'Visited' color. In combination with progressive. Used for default links. */
     --color-destructive--visited: #c99391; /* Red link 'Visited' color. Used for visited red links. */
     --color-error: #fd7865;
     --color-warning: #fecc44; /* Note, this is only meant for warning icon for contrast reasons. */
     --color-success: #2cb491; /* Note, this needs to use a tone darker than Red and Yellow for contrast reasons with background White. */
     --color-notice: #f8f9fa;
     --color-content-added: #80cdb3;
     --color-content-removed: #fd7865;
     --color-base--subtle: #a2a9b1;
     --box-shadow-color-base: #fff;
     --box-shadow-color-progressive--focus: #6b8edf;
     --box-shadow-color-destructive--focus: #6b8edf;
     --box-shadow-color-inverted: #000;
     --background-color-base: #101418; /* Background Colors for static elements (for page layout, sections, etc.) from here on. */
     --background-color-neutral: #27292d;
     --background-color-neutral-subtle: #202122;
     --background-color-interactive: #27292d;
     --background-color-interactive-subtle: #202122;
     --background-color-disabled: #54595d; /* Components like Buttons, Checkboxes, Radios, ProgressBars…. */
     --background-color-disabled-subtle: #404244; /* Components like TextInputs, Selects…. */
     --background-color-inverted: #f8f9fa;
     --background-color-progressive--focus: #6b8edf;
     --background-color-progressive-subtle: #233566;
     --background-color-destructive--focus: #6b8edf;
     --background-color-destructive-subtle: #612419;
     --background-color-error: #fc493b;
     --background-color-error--hover: #fd7865;
     --background-color-error--active: #fea898;
     --background-color-error-subtle: #612419;
     --background-color-warning-subtle: #453217;
     --background-color-success-subtle: #153d31;
     --background-color-notice-subtle: #27292d;
     --background-color-content-added: #233566;
     --background-color-content-removed: #453217;
     --background-color-backdrop-light: rgba( 0, 0, 0, 0.65 ); /* Backdrop is the term used by CSS Fullscreen API and is used to dim the background when a modal Dialog is open. Also known as overlay mask. */
     --background-color-backdrop-dark: rgba( 255, 255, 255, 0.65 );
     --border-color-base: #72777d;
     --border-color-subtle: #54595d;
     --border-color-muted: #404244;
     --border-color-interactive: #a2a9b1;
     --border-color-disabled: #54595d;
     --border-color-inverted: #101418;
     --border-color-progressive--focus: #6b8edf;
     --border-color-destructive--focus: #6b8edf;
     --border-color-error: #fc493b;
     --border-color-error--hover: #fd7865;
     --border-color-warning: #fecc44;
     --border-color-success: #2cb491;
     --border-color-notice: #c8ccd1;
     --border-color-content-added: #233566;
     --border-color-content-removed: #987027;
     
    /* Навигационные панели */
    --navbox-background-color: #333;
    --navbox-border-color: #444;
    --navbox-header-color: #111;
    --navbox-secondary-header-color: #181818;
    --navbox-tertiary-header-color: #222;
    --navbox-section-color: #222;
    
    /* Маркированные списки */
    --list-bullet: url('images/essentials/List_bullet_dark.svg');
    --hlist-bullet-color: #FFF;

        
    --ooui-text: var(--color-base);
    --ooui-interface: var(--background-color-interactive-subtle);
    --ooui-interface-border: var(--border-color-base);
    --ooui-normal: var(--background-color-neutral-subtle);
    --ooui-normal--hover: var(--background-color-base);
    --ooui-normal-border: var(--border-color-base);
    --ooui-progressive: var(--background-color-progressive);
    --ooui-progressive--hover: var(--background-color-progressive--hover);
    --ooui-accent: var(--link-color);
    --ooui-input: var(--background-color-base);
    --ooui-input-border: var(--border-color-base);
    --ooui-input-border--hover: var(--border-color-interactive);
    --ooui-disabled: var(--background-color-disabled);
    --ooui-disabled-border: var(--border-color-disabled);
    --ooui-disabled-text: var(--color-base);

}

/* IBM Plex Sans - Regular (normal) */
@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Sans"), local("IBMPlexSans"), 
         url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-Regular.woff2") format("woff2"), 
         url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-Regular.woff") format("woff");
    font-display: swap;
  }
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Sans"), local("IBMPlexSans"), 
         url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Regular-Cyrillic.woff2") format("woff2");
    unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
    font-display: swap;
  }
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Sans"), local("IBMPlexSans"), 
         url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Regular-Latin1.woff2") format("woff2");
    unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
    font-display: swap;
  }
  
  /* IBM Plex Sans - Regular Italic */
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 400;
    src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), 
         url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-Italic.woff2") format("woff2"), 
         url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-Italic.woff") format("woff");
    font-display: swap;
  }
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 400;
    src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), 
         url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Italic-Cyrillic.woff2") format("woff2");
    unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
    font-display: swap;
  }
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 400;
    src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), 
         url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-Italic-Latin1.woff2") format("woff2");
    unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
    font-display: swap;
  }
  
  /* IBM Plex Sans - SemiBold (для bold) */
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), 
         url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-SemiBold.woff2") format("woff2"), 
         url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff") format("woff");
    font-display: swap;
  }
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), 
         url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBold-Cyrillic.woff2") format("woff2");
    unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
    font-display: swap;
  }
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), 
         url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBold-Latin1.woff2") format("woff2");
    unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
    font-display: swap;
  }
  
  /* IBM Plex Sans - SemiBold Italic (для bold italic) */
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), 
         url("images/essentials/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-SemiBoldItalic.woff2") format("woff2"), 
         url("images/essentials/ibm-plex-sans/fonts/complete/woff/IBMPlexSans-SemiBoldItalic.woff") format("woff");
    font-display: swap;
  }
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), 
         url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Cyrillic.woff2") format("woff2");
    unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
    font-display: swap;
  }
  @font-face {
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 600;
    src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), 
         url("images/essentials/ibm-plex-sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin1.woff2") format("woff2");
    unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
    font-display: swap;
  }


/** Инверсия цветов в тёмной теме
    Invert colors in dark mode    **/
body.stw-theme-dark  .darkmode-invert,
body.stw-theme-dark .skin-invert-image img,
body.stw-theme-dark .skin-invert:not(.mw-echo-notificationsWrapper),
body.stw-theme-dark .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),
body.stw-theme-dark .oo-ui-indicatorElement-indicator {
    color-scheme: light;
    filter: invert(1) hue-rotate(180deg);
}



html, body, #root,
.mw-body h1,
.mw-body-content h1,
.mw-body-content h2,
.mw-body-content h3,
.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6 {
    font-family: var(--font-sans);
}



/* Img */
.img-responsive,
.img-responsive img {
    max-width: 100%;
    height: auto;
}

/** Оформление всего текста
    Styles for all text     **/
body {
    /* Нормализация размеров табуляции */
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
}

/** Заглавие / Title **/
/* Отделяет название пространства имён от остального названия страницы
    Separate the namespace from the rest of the page’s name */
    .mw-page-title-separator::after {
    content: ' ';
}

/** Позволяет скрывать части оглавления
    Hideable TOC elements               **/
/* Уровни разделов */
.toc-hidelevel2 .toclevel-1 ul,
.toc-hidelevel3 .toclevel-2 ul,
.toc-hidelevel4 .toclevel-3 ul,
/* Нумерация */
.toc-nonumbers .tocnumber {
    display: none;
}






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

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

a.new {
    color: var(--redlink-color);
}

a.new:visited {
    color: var(--redlink-color);
}




body.stw-theme-dark .mw-collapsible-text,
:where(body.stw-theme-dark) .toctogglelabel,
:where(body.stw-theme-dark) .jslink,
:where(body.stw-theme-dark) .vector-menu-dropdown .mw-list-item a,
:where(body.stw-theme-dark) .mw-body a.external,
:where(body.stw-theme-dark) .mw-body a.extiw,
:where(body.stw-theme-dark) .mw-parser-output a.external,
:where(body.stw-theme-dark) .mw-parser-output a.extiw,
:where(body.stw-theme-dark) a {
  color: #90c0fe
}

:where(body.stw-theme-dark) .ext-discussiontools-init-replylink-reply:visited,
:where(body.stw-theme-dark) .ext-discussiontools-init-section-subscribe-link:visited,
:where(body.stw-theme-dark) .mw-body a.external:visited,
:where(body.stw-theme-dark) .mw-body a.extiw:visited,
:where(body.stw-theme-dark) .mw-parser-output a.external:visited,
:where(body.stw-theme-dark) .mw-parser-output a.extiw:visited,
:where(body.stw-theme-dark) a:visited {
  color: #9495f4
}

:where(body.stw-theme-dark) a.new,
:where(body.stw-theme-dark) a.mw-usertoollinks-contribs-no-edits {
  color: #ffa4a4
}

:where(body.stw-theme-dark) a.new:visited,
:where(body.stw-theme-dark) a.mw-usertoollinks-contribs-no-edits:visited {
  color: #fb7a7a
}

:where(body.stw-theme-dark) .mw-body a.external:hover,
:where(body.stw-theme-dark) .mw-body a.extiw:hover,
:where(body.stw-theme-dark) .mw-parser-output a.external:hover,
:where(body.stw-theme-dark) .mw-parser-output a.extiw:hover,
:where(body.stw-theme-dark) a:hover {
  color: #7e8eff
}


:where(body.stw-theme-dark) a.new:hover,
:where(body.stw-theme-dark) a.mw-usertoollinks-contribs-no-edits:hover {
  color: #ff8484
}

:where(body.stw-theme-dark) .mw-body a.external:active,
:where(body.stw-theme-dark) .mw-body a.extiw:active,
:where(body.stw-theme-dark) .mw-parser-output a.external:active,
:where(body.stw-theme-dark) .mw-parser-output a.extiw:active,
:where(body.stw-theme-dark) a.new:active,
:where(body.stw-theme-dark) a.mw-usertoollinks-contribs-no-edits:active,
:where(body.stw-theme-dark) a:active {
  color: #faa700
}

body.stw-theme-dark .mw-logevent-actionlink a,
body.stw-theme-dark .mw-logevent-tool a,
body.stw-theme-dark .mw-diff-tool a,
body.stw-theme-dark .mw-pager-tools a {
    color: #90c0fe !important;
    border-radius: 2px;
    text-decoration: none;
}
body.stw-theme-dark .mw-checkbox-toggle-controls a {
    color: #90c0fe !important;
}


#p-cactions div.vector-menu-content li a,
#mw-panel .portal .vector-menu-content li a,
#p-cactions div.vector-menu-content li a:visited,
#p-cactions div.vector-menu-content li a:active,
#mw-panel .portal .vector-menu-content li a:visited {
    color: var(--link-color);
}

nav.vector-menu-tabs li a,
nav.vector-menu-tabs li a:active,
nav.vector-menu-tabs li a:visited,
#mw-panel .portal .vector-menu-content li a:active {
    color: var(--color-topbar-text);
}

nav.vector-menu-tabs li.new a,
nav.vector-menu-tabs li.new a:visited,
nav.vector-menu-tabs li.new a:active,
#p-cactions div.vector-menu-content li.new a,
#mw-panel .portal .vector-menu-content li.new a,
#p-cactions div.vector-menu-content li.new a:visited,
#mw-panel .portal .vector-menu-content li.new a:visited,
#p-cactions div.vector-menu-content li.new a:active,
#mw-panel .portal .vector-menu-content li.new a:active {
    color: var(--redlink-color);
}

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

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

.mw-parser-output .tweet-name a.external {
    color: var(--color-base);
}

.mw-parser-output .tweet-handle a.external,
.mw-parser-output .tweet-date a.external {
    color: #4c4c4c;
}

.jsPurgeLink a.external {
    color: var(--link-color);
}










/*** СТАНДАРТНЫЕ КЛАССЫ
     STANDARD CLASSES   ***/

/** Пиксельное масштабирование изображений и иконок пользователей **/
.pixel-image,
.sprite,
.sprite img,
.mw-userlink,
.invslot,
.ns-special .gallerybox img,
.ns-14 .gallerybox img,
.filehistory a img,
.mcui,
.gui {
    image-rendering: optimizeSpeed;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}

/** Отключить разрыв строки на пробелах **/
.nowrap {
    white-space: nowrap;
}

/** Hide noscript only elements **/
.noscript {
    display: none;
}

/** Скрытие от простых смертных ненужных элементов **/
.admin_only,
.admin_only_inline,
.admin_only_block,
.admin_only_flex {
    display: none !important;
}

/** Только для средств чтения с экрана **/
.sr-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0); 
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap; 
    width: 1px;
}












/** Чередующиеся ячейки и строки таблиц
    Alternating table cells and rows    **/
/*
    .alternatecells:nth-child(odd) {
        background-color: #F9F9F9;
    }
    body.stw-theme-dark .alternatecells:nth-child(odd) {
        background-color: #222;
    }
    
    .alternaterows tr:nth-child(even) {
        background-color: #F9F9F9;
    }
    body.stw-theme-dark .alternaterows tr:nth-child(even) {
        background-color: #222;
    }
*/
















































/* -------------------- WIKI EDITOR CodeMirror styling --------------------*/
/* https://discuss.codemirror.net/t/styling-and-theming-design-discussion/2958  */


/* -------------------- WIKI EDITOR --------------------*/


.mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget {
	color: var(--color-subtle, #54595d);
	font-weight: 400
}

.mw-wikiEditor-InsertLink-LinkTypeField .oo-ui-radioOptionWidget {
	display: inline-block;
	margin-left: 1em
}

.mw-wikiEditor-InsertLink-LinkTypeField .oo-ui-radioOptionWidget:first-child {
	margin-left: 0
}

.wikiEditor-ui {
	position: relative;
	clear: both;
	width: 100%
}

.wikiEditor-ui textarea {
	width: 100%;
	border: 0
}

.wikiEditor-ui textarea:focus {
	outline: 0
}

.wikiEditor-ui .wikiEditor-ui-clear {
	clear: both
}

.wikiEditor-ui .wikiEditor-ui-view {
	border: 1px solid var(--border-color-subtle, #c8ccd1)
}

.wikiEditor-ui .wikiEditor-ui-top {
	position: relative;
	border-bottom: 1px solid var(--border-color-subtle, #c8ccd1)
}

.wikiEditor-ui .wikiEditor-ui-left {
	float: left;
	width: 100%
}

.wikiEditor-ui .wikiEditor-ui-right {
	float: right;
	background: var(--background-color-neutral-subtle, #f8f9fa);
	overflow: hidden
}

.wikiEditor-wikitext {
	float: left;
	width: 100%
}

.wikiEditor-ui-controls {
	float: left;
	width: 100%;
	background-color: var(--background-color-base, #fff)
}

.wikiEditor-ui-tabs {
	float: left;
	height: 2.5em;
	margin-right: -1px;
	background-color: var(--background-color-base, #fff);
	border-left: 1px solid var(--border-color-subtle, #c8ccd1);
	border-top: 1px solid var(--border-color-subtle, #c8ccd1)
}

.wikiEditor-ui-tabs div {
	float: left;
	height: 2.5em;
	background-color: var(--background-color-interactive-subtle, #f8f9fa);
	border-right: 1px solid var(--border-color-subtle, #c8ccd1);
	border-bottom: 1px solid var(--border-color-subtle, #c8ccd1)
}

.wikiEditor-ui-tabs div a {
	display: inline-block;
	padding: 0 0.75em;
	line-height: 2.5em;
	color: var(--color-progressive, #36c)
}

.wikiEditor-ui-tabs div.current {
	border-bottom: 1px solid #fff;
	background-color: var(--background-color-base, #fff)
}

.wikiEditor-ui-tabs div.current a {
	color: var(--color-base, #202122)
}

.wikiEditor-ui-tabs div.current a:hover {
	text-decoration: none
}

.wikiEditor-ui-buttons {
	float: right;
	height: 2.5em;
	margin-right: -1px;
	background-color: var(--background-color-base, #fff);
	padding-left: 1em;
	border-top: 1px solid #fff
}

.wikiEditor-ui-buttons button {
	margin-left: 0.5em
}

.wikiEditor-view-wikitext {
	line-height: 1em
}

.wikiEditor-ui-toolbar {
	position: relative;
	display: block;
	z-index: 7;
}

.wikiEditor-ui-toolbar .empty {
	display: none
}

.wikiEditor-ui-toolbar .sections {
	float: left;
	width: 100%;
	clear: both
}

.wikiEditor-ui-toolbar .sections .section {
	float: left;
	width: 100%;
	border-top: 1px solid var(--border-color-subtle, #c8ccd1)
}

.wikiEditor-ui-toolbar .sections .section-hidden {
	display: none
}

.wikiEditor-ui-toolbar .tabs {
	float: left;
	height: 100%;
	list-style: none;
	margin: 0 3px;
	min-height: 32px;
	position: relative
}

.wikiEditor-ui-toolbar .tabs span.tab {
	position: relative;
	float: left;
	line-height: 32px
}

.wikiEditor-ui-toolbar .tabs span.tab a {
	color: var(--color-progressive, #36c);
	cursor: pointer;
	display: block;
	height: 32px;
	padding-left: 18px;
	padding-right: 12px
}

.wikiEditor-ui-toolbar .tabs span.tab a::before {
	content: '';
	background: url(/extensions/WikiEditor/modules/images/toolbar/arrow-down.svg?4c840) center no-repeat;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 32px;
	transition: transform 100ms
}

body.ltr .wikiEditor-ui-toolbar .tabs span.tab a::before {
	transform: rotate(-90deg)
}

body.rtl .wikiEditor-ui-toolbar .tabs span.tab a::before {
	transform: rotate(90deg)
}

.wikiEditor-ui-toolbar .tabs span.tab a:visited {
	color: var(--color-progressive, #36c)
}

.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
	color: var(--color-base, #202122)
}

.wikiEditor-ui-toolbar .tabs span.tab a.current:hover,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited:hover {
	text-decoration: none
}

body.ltr .wikiEditor-ui-toolbar .tabs span.tab a.current::before,
body.ltr .wikiEditor-ui-toolbar .tabs span.tab a.current:visited::before,
body.rtl .wikiEditor-ui-toolbar .tabs span.tab a.current::before,
body.rtl .wikiEditor-ui-toolbar .tabs span.tab a.current:visited::before {
	transform: rotate(0)
}

.wikiEditor-ui-toolbar .tabs,
.wikiEditor-ui-toolbar .section-main,
.wikiEditor-ui-toolbar .section-secondary {
	position: relative;
	float: left;
	min-height: 32px;
	height: 100%
}

.wikiEditor-ui-toolbar .section-secondary {
	float: right
}

.wikiEditor-ui-toolbar .section-secondary .group {
	padding-right: 0;
	margin-left: 6px;
	border-left: 1px solid var(--border-color-subtle, #c8ccd1)
}

.wikiEditor-ui-toolbar .group {
	float: left;
	display: flex;
	min-height: 26px;
	padding-right: 6px;
	border-right: 1px solid var(--border-color-subtle, #c8ccd1);
	margin: 3px;
}

.wikiEditor-ui-toolbar .group .label {
	float: left;
	border: 0;
	height: 22px;
	line-height: 22px;
	margin: 2px 8px 2px 5px;
	color: var(--color-subtle, #54595d);
	cursor: default
}

.wikiEditor-ui-toolbar .group img.tool {
	float: left;
	border: 0;
	height: 22px;
	width: 22px;
	padding: 2px;
	cursor: pointer
}

.wikiEditor-ui-toolbar .group .tool-select {
	float: left;
	margin: 2px 0 2px 2px;
	height: 22px;
	cursor: pointer;
	border: 1px solid var(--border-color-subtle, #c8ccd1);
	padding: 0;
	background-color: var(--background-color-base, #fff)
}

.wikiEditor-ui-toolbar .group .tool-select .label {
	position: relative;
	padding: 0 26px 0 4px;
	margin: 0;
	cursor: pointer;
	text-decoration: none;
	color: var(--color-base, #202122)
}

.wikiEditor-ui-toolbar .group .tool-select .label::after {
	content: '';
	background: url(/extensions/WikiEditor/modules/images/toolbar/arrow-down.svg?4c840) center no-repeat;
	display: block;
	position: absolute;
	top: 0;
	right: 4px;
	width: 16px;
	height: 22px
}

.wikiEditor-ui-toolbar .group .tool-select.options-shown .label::after {
	transform: rotate(180deg)
}

.wikiEditor-ui-toolbar .group .tool-select .options {
	position: absolute;
	display: none;
	margin-left: -1px;
	margin-top: 22px;
	border: 1px solid var(--border-color-subtle, #c8ccd1);
	background-color: var(--background-color-base, #fff);
	z-index: 1
}

.wikiEditor-ui-toolbar .group .tool-select .options .option {
	display: block;
	padding: 0.5em;
	text-decoration: none;
	color: var(--color-base, #202122);
	white-space: nowrap
}

.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
	background-color: #eaf3ff
}

.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-2'] {
	font-size: 150%;
	font-weight: normal
}

.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-3'] {
	font-size: 132%;
	font-weight: normal
}

.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-4'] {
	font-size: 116%;
	font-weight: normal
}

.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-5'] {
	font-size: 100%;
	font-weight: bold
}

.wikiEditor-ui-toolbar .group .tool-select:hover .options,
.wikiEditor-ui-toolbar .group .tool-select.options-shown .options {
	display: block
}

.wikiEditor-ui-toolbar .group-search {
	float: right;
	border-right: 0;
	border-left: 1px solid var(--border-color-subtle, #c8ccd1)
}

.wikiEditor-ui-toolbar .booklet>.index {
	float: left;
	width: 20%;
	height: 125px;
	overflow: auto;
	resize: horizontal
}

.wikiEditor-ui-toolbar .booklet>.index>div {
	padding: 4px 4px 4px 6px;
	cursor: pointer
}

.wikiEditor-ui-toolbar .booklet>.index .wikiEditor-character-highlighted {
	background-color: rgba(41, 98, 204, 0.1);
	color: var(--color-base, #202122)
}

.wikiEditor-ui-toolbar .booklet .pages {
	height: 125px;
	overflow: auto
}

.wikiEditor-ui-toolbar .page-table {
	padding-left: 5px;
	padding-right: 5px
}

.wikiEditor-ui-toolbar .page-table table {
	background: none;
	border-collapse: collapse;
	width: 100%
}

.wikiEditor-ui-toolbar .page-table th {
	color: var(--color-subtle, #54595d)
}

.wikiEditor-ui-toolbar .page-table td {
	color: var(--color-base, #202122);
	border-top: 1px solid var(--border-color-subtle, #c8ccd1)
}

.wikiEditor-ui-toolbar .page-table th,
.wikiEditor-ui-toolbar .page-table td {
	margin: 0;
	padding: 5px;
	text-align: left
}

.wikiEditor-ui-toolbar .section-help .page-table {}

.wikiEditor-ui-toolbar .section-help .page-table .cell {
	vertical-align: top
}

.wikiEditor-ui-toolbar .section-help .page-table .cell-syntax {
	font-family: monospace, 'Courier'
}

.wikiEditor-ui-toolbar .section-help .page-table .cell-syntax,
.wikiEditor-ui-toolbar .section-help .page-table .cell-result {
	width: 40%
}

.wikiEditor-ui-toolbar .section-help .page-table .cell-description {
	width: 20%
}

.wikiEditor-ui-toolbar .section-help .page-table .table-link .cell-syntax,
.wikiEditor-ui-toolbar .section-help .page-table .table-link span.pre-wrap {
	white-space: pre
}

.wikiEditor-ui-toolbar .section-help .cell-result h2,
.wikiEditor-ui-toolbar .section-help .cell-result h3,
.wikiEditor-ui-toolbar .section-help .cell-result h4,
.wikiEditor-ui-toolbar .section-help .cell-result h5 {
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 0
}

.wikiEditor-ui-toolbar .page-characters {
	padding-bottom: 5px
}

.wikiEditor-ui-toolbar .page-characters div span {
	border: 1px solid var(--border-color-subtle, #c8ccd1);
	padding: 5px 8px;
	margin-left: 5px;
	margin-top: 5px;
	height: 1em;
	display: inline-block;
	color: var(--color-base, #202122);
	text-decoration: none;
	cursor: pointer;
	font-family: monospace, 'Courier';
	font-size: 1.25em;
	line-height: 1
}

.wikiEditor-ui-toolbar .page-characters div span:hover {
	background-color: var(--background-color-base, #fff);
	text-decoration: none;
	border-color: var(--border-color-interactive, #72777d)
}

.wikiEditor-ui-toolbar .page-characters div .wikiEditor-character-highlighted {
	background-color: #7db1c5;
	color: var(--color-base, #202122)
}

.wikiEditor-ui-toolbar .page-characters div[dir='rtl'] span {
	direction: rtl
}

.tool-button {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	cursor: pointer;
	overflow: hidden
}

.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement {
	margin: 0
}

.ui-widget table td.wikieditor-toolbar-table-preview-wrapper {
	background: var(--background-color-neutral, #eaecf0);
	padding: 10px
}

.ui-widget table td.wikieditor-toolbar-table-preview-wrapper span {
	padding: 4px 6px 0;
	display: block
}

.ui-widget table .wikieditor-toolbar-table-preview-frame {
	width: 340px;
	background: var(--background-color-base, #fff);
	padding: 10px;
	overflow: hidden;
	display: block;
	position: relative
}

.ui-widget table .wikieditor-toolbar-table-preview-content {
	width: 375px;
	display: block
}

.ui-widget table .wikieditor-toolbar-table-preview {
	width: 340px
}

.wikiEditor-toolbar-dialog .ui-dialog-content {}

.wikiEditor-toolbar-dialog .ui-dialog-content fieldset {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important
}

.wikiEditor-toolbar-dialog .ui-dialog-content input[type='text'] {
	box-sizing: border-box
}

.wikiEditor-toolbar-dialog .ui-dialog-content input[type='radio'],
.wikiEditor-toolbar-dialog .ui-dialog-content input[type='checkbox'] {
	margin-left: 0
}

.wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
	padding: 0
}

div.suggestions {
	z-index: 1099
}

body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
	right: 0.9em
}

.wikieditor-toolbar-field-wrapper {
	padding: 0 0 25px 0
}

.wikieditor-toolbar-floated-field-wrapper {
	float: left;
	margin-right: 2em
}

#wikieditor-toolbar-replace-search,
#wikieditor-toolbar-replace-replace {
	width: 100%
}

#wikieditor-toolbar-table-dialog fieldset {
	width: 218px;
	padding: 0;
	float: left
}

#wikieditor-toolbar-table-dialog .wikieditor-toolbar-table-preview-wrapper {
	width: 330px;
	padding: 0;
	float: right
}

.wikieditor-toolbar-table-preview-content * {
	cursor: default
}

.wikiEditor-toolbar-dialog .wikieditor-toolbar-table-preview-wrapper table {
	width: 100% !important
}

.wikiEditor-toolbar-dialog .wikieditor-toolbar-table-preview-content table td {
	padding: 10px 4px !important;
	height: auto !important
}

.wikiEditor-toolbar-dialog .wikieditor-toolbar-table-preview-content table th {
	padding: 7px 3px !important
}

.wikiEditor-toolbar-dialog .ui-dialog-content {
	padding: 30px 20px 1em !important
}

.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
	border-top: 1px solid #c8ccd1 !important
}

.wikieditor-toolbar-table-dimension-fields .wikieditor-toolbar-field-wrapper {
	float: left;
	margin-right: 20px;
	vertical-align: bottom
}

.wikieditor-toolbar-dialog-wrapper {
	width: 100%
}

#wikieditor-toolbar-file-target,
#wikieditor-toolbar-file-caption,
#wikieditor-toolbar-file-alt {
	width: 100%
}

.wikieditor-toolbar-file-alt-help {
	float: right
}

.wikieditor-toolbar-file-options .wikieditor-toolbar-field-wrapper {
	float: left;
	margin: 0 20px 0 0
}

#wikieditor-toolbar-file-dialog+.ui-dialog-buttonpane .ui-dialog-buttonset {
	width: 100%;
	text-align: right;
}

#wikieditor-toolbar-file-dialog+.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:last-child {
	float: left
}

body.rtl .wikiEditor-toolbar-dialog .ui-dialog-buttonpane button {
	float: left;
	margin: 0.5em 0.4em 0.5em 0 !important
}

.wikieditor-toolbar-table-dimension-fields::after,
.wikieditor-toolbar-dialog-wrapper::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ' ';
	clear: both;
	height: 0
}

.wikieditor-toolbar-table-dimension-fields,
.wikieditor-toolbar-dialog-wrapper {
	display: inline-table;
	display: block
}

.wikiEditor-ui-toolbar {
	background-color: var(--background-color-neutral-subtle, #f8f9fa);
	box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
}

.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group {
	border-color: var(--border-color-muted, #dadde3)
}

.wikiEditor-ui-toolbar .group {
	min-height: 32px;
	margin: 0;
	padding-right: 0
}

.wikiEditor-ui-toolbar .group .label {
	height: 28px;
	margin-left: 8px;
	line-height: 28px
}

.wikiEditor-ui-toolbar .group .tool-select {
	background-color: transparent;
	height: 32px;
	margin: 0;
	border: 0
}

.wikiEditor-ui-toolbar .group .tool-select .label {
	height: 32px;
	padding-left: 8px;
	line-height: 32px
}

.wikiEditor-ui-toolbar .group .tool-select .label::after {
	height: 32px
}

.wikiEditor-ui-toolbar .group .tool-select .menu .options {
	margin-top: 32px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25)
}

.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
	background-color: var(--background-color-interactive, #eaecf0)
}

.wikiEditor-ui-toolbar .booklet>.index> :hover {
	background-color: var(--background-color-interactive, #eaecf0)
}

.wikiEditor-ui-toolbar .booklet>.index>.current {
	background-color: var(--background-color-progressive-subtle, #f1f4fd);
	color: var(--color-progressive, #36c)
}

.tool-button {
	width: 32px;
	height: 32px;
	transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms
}

.tool-button,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button {
	border-radius: 0
}

.tool-button:hover,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button:hover {
	background-color: rgba(0, 23, 70, 0.08599999999999999);
}

.tool-button:hover>.oo-ui-iconElement-icon,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button:hover>.oo-ui-iconElement-icon {
	opacity: 1
}

.tool-button.tool-active,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button.tool-active {
	background-color: rgba(0, 104, 243, 0.08599999999999999);
}

.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button>.oo-ui-iconElement-icon {
	opacity: 0.87
}




/* -------------------- WIKI EDITOR 2 --------------------*/


.wikiEditor-ui .oo-ui-toolbar-popups {
    right: 0
}

.wikiEditor-ui .ve-init-mw-switchPopupWidget,.wikiEditor-ui .oo-ui-popupToolGroup-tools {
    right: 0 !important;
    left: unset !important
}

.wikiEditor-ui .ve-init-mw-switchPopupWidget .oo-ui-popupWidget-anchor {
    margin-left: calc(100% - 1.25em);
    left: unset !important
}

.wikiEditor-ui .ext-WikiEditor-realtimepreview-button > a.oo-ui-buttonElement-button {
    display: flex;
    align-items: center
}













.wikiEditor-ui .wikiEditor-ui-view {
    margin-left: -1em;
    margin-right: -1em;
    border: 0
}

.client-js #editform > .wikiEditor-ui .wikiEditor-ui-view {
    margin-left: 0;
    margin-right: 0
}

.client-js #editform {
    margin-left: -1em;
    margin-right: -1em
}

@media screen and (min-width: 982px) {
    .wikiEditor-ui .wikiEditor-ui-view {
        margin-left:-1.7em;
        margin-right: -1.7em
    }

    .client-js #editform {
        margin-left: -1.7em;
        margin-right: -1.7em
    }
}

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

.wikiEditor-ui-toolbar .sections .section .section-advanced .section-visible {
    border-bottom: 0
}

.oo-ui-toolbar-bar .oo-ui-toolbar-actions .oo-ui-toolbar .oo-ui-toolbar-bar {
    border-bottom: 0;
    box-shadow: none
}

.wikiEditor-ui-toolbar .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
    left: 10px;
}

.wikiEditor-ui-toolbar .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
    min-width: 42px;
    min-height: 42px;
    text-align: center;
}

.wikiEditor-ui-toolbar .group .tool-select,.wikiEditor-ui-toolbar .group .tool-select .label:after {
    height: 42px
}

.wikiEditor-ui-toolbar .group .label {
    line-height: 39px
}

.wikiEditor-ui-toolbar .group .tool-select .label {
    line-height: 42px;
    height: 42px
}

.wikiEditor-ui-toolbar .tabs span.tab {
    line-height: 42px
}

.wikiEditor-ui-toolbar .tabs span.tab a:before {
    height: 42px;
    left: 6px
}

.wikiEditor-ui-toolbar .tabs span.tab a {
    height: 42px;
    padding-left: 22px
}

.wikiEditor-ui-toolbar .tabs {
    margin: 0
}

.ve-init-mw-editSwitch .oo-ui-popupToolGroup {
    height: 42px
}

.ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle {
    padding-top: 42px
}

.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {
    border-bottom: 1px solid #eaecf0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2)
}

.ve-activated .vector-menu-tabs .selected {
    box-shadow: none
}

.oo-ui-messageDialog-title {
    color: #1e1e1e;
    font-weight: bold
}

.ve-ui-specialCharacterPage h3,.ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 {
    font-weight: bold
}

.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid #cbcbcb
}

.wikiEditor-ui-toolbar .page-table th,.wikiEditor-ui-toolbar .page-table td {
    padding: 4px
}

.wikiEditor-ui-toolbar .page-table td {
    border-top: 1px solid #cbcbcb
}

.mw-editform #wpTextbox1 {
    padding-left: 0.8em
}

.mw-editTools,.templatesUsed,.hiddencats,.limitreport {
    padding-left: 1.5em;
    padding-right: 1.5em
}

.editOptions {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 1.5em
}

.mw-editform #wpSummaryLabel {
    margin: 0 1em
}

.editOptions > #wpSummaryLabel {
    margin: 0
}

.mw-summary-preview {
    margin: 0 1em
}

.editOptions > .mw-summary-preview {
    margin: 0
}

.mw-editform #editpage-copywarn {
    line-height: 1.4;
    margin-top: 5px
}

#wikieditor-toolbar-file-target,#wikieditor-toolbar-file-caption,#wikieditor-toolbar-file-alt,.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    border: 1px solid #c0c2c5;
    padding: 0.3em;
    border-radius: 3px
}

body .ui-dialog .ui-widget-header {
    background: #ebe9e9 !important;
    border: 0;
    font-size: 120%;
    padding: 0.6em 1.4em 0.6em !important;
    margin: 0.5em 0.5em 0
}

.wikieditor-toolbar-field-wrapper {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap
}

.wikieditor-toolbar-file-alt-help {
    background: #f7f7f7;
    border: 1px solid #c3c3c3;
    font-size: 110%;
    padding: 0.4em 1em 0.4em;
    border-radius: 2px;
    cursor: pointer
}

.wikieditor-toolbar-file-alt-help:is(:hover,:focus-within) {
    background: #eef4ff !important;
    border-color: #afc4db !important
}

.ui-dialog .ui-dialog-buttonpane button {
    background: #f7f7f7 !important;
    border-color: #c3c3c3 !important;
    font-weight: bold;
    font-size: 110%;
    color: #222222;
    padding: 0.3em;
    border-radius: 2px;
    box-shadow: none
}

.ui-dialog .ui-dialog-buttonpane button:is(:hover,:focus-within) {
    background: #eef4ff !important;
    border-color: #afc4db !important
}

#wikieditor-toolbar-replace-nomatch {
    background-color: #f3cece;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 16px
}

#wikieditor-toolbar-replace-emptysearch {
    background-color: #e5e7bf;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 16px
}

#wikieditor-toolbar-replace-success {
    background-color: #d6ebd2;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 16px
}

#wikieditor-toolbar-replace-invalidregex {
    background-color: #efd6f1;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 16px
}

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

.ve-ui-mwSaveDialog-summary {
    background-color: transparent
}

.ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget {
    padding: 0.3em 0.6em;
    border-radius: 3px
}

.cm-mw-toggle-wikieditor .oo-ui-labelElement-label {
    display: none
}

/*
#preferences .mw-htmlform-submit-buttons {
    background-color: var(--content-background-color)
}

.ext-discussiontools-ui-replyWidget-footer,.ext-discussiontools-init-timestamplink,.ext-discussiontools-init-timestamplink:visited,.ext-discussiontools-init-timestamplink:active,.ext-discussiontools-init-pageframe-latestcomment,.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section-metaitem {
    color: var(--content-secondary-text-color)
}

.mcwiki-header-grass .ext-discussiontools-init-section-subscribe > * {
    color: inherit !important
}

.ext-discussiontools-replytool-enabled:not(.ns-4) dl,.ext-discussiontools-visualenhancements-enabled dl,.ns-10008 dl,.ns-talk dl {
    border-left: 1px dotted #a2a9b1
}

.ext-discussiontools-replytool-enabled:not(.ns-4) dl:has(+ dl),.ext-discussiontools-replytool-enabled:not(.ns-4) dl dl,.ext-discussiontools-visualenhancements-enabled dl:has(+ dl),.ext-discussiontools-visualenhancements-enabled dl dl,.ns-10008 dl:has(+ dl),.ns-10008 dl dl,.ns-talk dl:has(+ dl),.ns-talk dl dl {
    margin-bottom: -0.5em;
    padding-bottom: 0.5em
}

body:is(.ext-discussiontools-replytool-enabled:not(.ns-4),.ext-discussiontools-visualenhancements-enabled,.ns-10008,.ns-talk) :is(dl:has(+ dl),dd) dd:last-child {
    margin-bottom: 0
}

body:is(.ext-discussiontools-replytool-enabled:not(.ns-4),.ext-discussiontools-visualenhancements-enabled,.ns-10008,.ns-talk) dd:first-child:not(:has(> dl:first-child)) {
    margin-top: 0.5em;
    padding-top: 0.5em;
    border-top: 1px dotted #a2a9b1
}

body:is(.ext-discussiontools-replytool-enabled:not(.ns-4),.ext-discussiontools-visualenhancements-enabled,.ns-10008,.ns-talk) dd:not(:last-child):has([data-mw-comment-end]) {
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px dotted #a2a9b1
}

.vector-body blockquote {
    border-left-color: var(--infobox-header-background-color)
}
*/

/** Оформление WikiEditor **/
.wikiEditor-ui-top {
    border: 0 !important;
}
.wikiEditor-ui-toolbar {
    border-bottom: 1px solid silver;
}
.wikiEditor-ui-text {
    background-color: var(--background-color-base);
}
.wikiEditor-ui-text textarea {
    background-color: transparent;
}



/* -------------------- WIKI EDITOR 3 --------------------*/



/* Fix wikiEditor spacing */
#upload_container {
    margin-top: -1px;
}
#upload_div {
    margin: 0;
    width: auto;
    border-width: 1px 0;
    box-shadow: none;
}




/* Prevent page jump from the toolbar loading */
.client-js #editform {
    /* To disable margin collapsing */
    overflow: hidden;
}
.client-js .mw-editform > #wpTextbox1 {
    margin-top: 73px;
}

/** Стили для Панели быстрой вставки **/
#userButtons {
    background-color: transparent;
    border: 1px solid #76FF76;
    font-size: 95%;
    width: 100%;
    border-collapse: collapse;
    color: black;
    margin: 1px 0px 1em;
    }

#userButtons tr th, table#userButtons * tr th {
    background-color: #BBFFBB;
    border: 1px solid #76FF76;
    font-size: 95%;
    padding: 2px;
    text-align: center;
}

#userButtons tr td, table#userButtons * tr td {
    border: 1px solid #76FF76;
    padding: 5px;
}

#userButtons tr td p, table#userButtons * tr td p {
    margin-top:0;
    margin-bottom:0;
}

#userButtons.collapsible tr th, table#userButtons.collapsible * tr th {
    padding-left: 6.5em;
}


/* Стиль разделителей ПБВ */
#userButtons * hr { 
    background-color: #76FF76;
    width: 100%;
    float: left; /* без этого разделители начинались примерно в центре страницы */
}

.userButtonsAddons {
    border: 1px dotted #aaaaaa !important;
    padding: 2px;
    font-size: 95%;
    background-color: transparent !important;
    width: 49%;
    border-collapse: collapse;
    color: black;
    margin-bottom: 1em;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 1em;
}

.userButtonsAddons * th, .userButtonsAddons * td {
    border:1px dotted #aaaaaa !important;
    padding:2px;
    background-color:transparent !important;
    padding: 0.2em;
}

.userButtonsAddons * th {
    text-align:center;
}

/* Скрытие блоков в панели быстрой вставки. Блоки предназначенные для обсуждений не отображаются на обычных страницах, и наоборот. */
.ns-talk * .userButtons-subject {
    display: none;
}

.ns-subject * .userButtons-talk,
.ns-subject * #userButtonsSignature {
    display: none;
}
/** Конец стилей Панели быстрой вставки **/


/** Прочее **/
/* Иконка маркированных списков */
ul {
    list-style-image: var(--list-bullet);
}

/* Уменьшение интервала после мини-заголовка, созданного через апострофы */
.page-content p, .page-content section {
    margin: 0px 0px 8px;
}



/* -------------------- WIKI EDITOR 3 END --------------------*/




























.cdx-button:enabled,
.mw-ui-button:enabled,
.cdx-button.cdx-button--fake-button--enabled,
.mw-ui-button.cdx-button--fake-button--enabled {
    background-color: var(--ooui-normal);
    color: var(--ooui-text);
    border-color: var(--ooui-normal-border);
}

.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),
.mw-ui-button:enabled:focus:not(:active):not(.cdx-button--is-active),
.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active),
.mw-ui-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) {
    color: var(--ooui-text);
    border-color: var(--ooui-accent);
    box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #ffffff;
}

.cdx-button:enabled:hover,
.mw-ui-button:enabled:hover,
.cdx-button.cdx-button--fake-button--enabled:hover,
.mw-ui-button.cdx-button--fake-button--enabled:hover,
.cdx-button:enabled:active,
.mw-ui-button:enabled:active,
.cdx-button.cdx-button--fake-button--enabled:active,
.mw-ui-button.cdx-button--fake-button--enabled:active {
    background-color: var(--ooui-normal--hover);
    color: var(--ooui-text);
    border-color: var(--ooui-normal-border);
}

.cdx-button:enabled:visited,
.mw-ui-button:enabled:visited,
.cdx-button.cdx-button--fake-button--enabled:visited,
.mw-ui-button.cdx-button--fake-button--enabled:visited {
    color: var(--ooui-text);
}

.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.mw-ui-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,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled),
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled),
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled),
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled) {
    background-color: var(--ooui-progressive);
    color: #fff;
    border-color: var(--ooui-progressive);
}

.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.mw-ui-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,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):hover,
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):hover,
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):hover,
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):hover {
    background-color: var(--ooui-progressive--hover);
    border-color: var(--ooui-progressive--hover);
}

.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):focus,
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):focus,
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):focus,
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):focus {
    box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #ffffff;
}

.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled):active,
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled):active,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.cdx-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled).is-on,
.mw-ui-button:enabled .mw-ui-button.mw-ui-progressive:not(:disabled).is-on,
.cdx-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled).is-on,
.mw-ui-button.cdx-button--fake-button--enabled .mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
    background-color: var(--ooui-progressive--hover);
    border-color: var(--ooui-progressive--hover);
    box-shadow: none;
}

.cdx-button.cdx-button--action-destructive:not( :disabled ),
.cdx-button.mw-ui-button--action-destructive:not( :disabled ),
.mw-ui-button.cdx-button--action-destructive:not( :disabled ),
.mw-ui-button.mw-ui-button--action-destructive:not( :disabled ) {
    color: #fff;
}

.cdx-button.cdx-button--weight-quiet,
.cdx-button.mw-ui-button--weight-quiet,
.mw-ui-button.cdx-button--weight-quiet,
.mw-ui-button.mw-ui-button--weight-quiet,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive {
    color: var(--color-base);
}

.cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:checked + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon {
    background-color: var(--ooui-progressive);
    border-color: var(--ooui-progressive);
}

.cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon {
    background-color: var(--ooui-progressive--hover);
    border-color: var(--ooui-progressive--hover);
}

.cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:checked:active + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon {
    background-color: var(--ooui-progressive--hover);
    border-color: var(--ooui-progressive--hover);
    box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover);
}

.cdx-checkbox__input:enabled:checked:focus:not(:active),
.mw-ui-checkbox__input:enabled:checked:focus:not(:active),
.cdx-checkbox__input:enabled:indeterminate:focus:not(:active),
.mw-ui-checkbox__input:enabled:indeterminate:focus:not(:active) {
    background-color: var(--ooui-progressive--hover);
    border-color: var(--ooui-accent);
    box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
}

.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover) + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:checked:focus:not(:active):not(:hover) + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover) + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover) + .cdx-checkbox__icon {
    background-color: var(--ooui-progressive--hover);
    border-color: var(--ooui-accent);
    box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
}

.cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:hover + .cdx-checkbox__icon {
    border-color: var(--ooui-accent);
}

.cdx-checkbox__input:enabled:active + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:active + .cdx-checkbox__icon {
    background-color: var(--ooui-progressive--hover);
    border-color: var(--ooui-progressive--hover);
    box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover);
}

input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet,
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.cdx-button--weight-quiet:hover,
.cdx-button.mw-ui-button--weight-quiet:hover,
.mw-ui-button.cdx-button--weight-quiet:hover,
.mw-ui-button.mw-ui-button--weight-quiet:hover,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive:hover,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:hover,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:hover,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:hover,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive:hover,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:hover,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive:hover,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:hover,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:hover,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:hover,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive:hover,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:hover {
    background-color: rgba(0, 24, 73, 0.02745098);
    color: var(--color-base);
    border-color: transparent;
}

input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.cdx-button--weight-quiet:focus,
.cdx-button.mw-ui-button--weight-quiet:focus,
.mw-ui-button.cdx-button--weight-quiet:focus,
.mw-ui-button.mw-ui-button--weight-quiet:focus,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive:focus,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:focus,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:focus,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:focus,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive:focus,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:focus,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive:focus,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:focus,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:focus,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:focus,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive:focus,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:focus {
    color: var(--color-base);
}

input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet,
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.cdx-button--weight-quiet:active,
.cdx-button.mw-ui-button--weight-quiet:active,
.mw-ui-button.cdx-button--weight-quiet:active,
.mw-ui-button.mw-ui-button--weight-quiet:active,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive:active,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:active,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:active,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:active,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive:active,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:active,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:active,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:active,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive:active,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:active,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:active,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:active,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive:active,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:active,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:active,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:active {
    background-color: rgba(0, 36, 73, 0.08235294);
    color: var(--color-base);
    border-color: #72777d;
}

.mw-ui-input:not(:disabled) {
    background-color: var(--ooui-input);
    color: var(--color-base);
    border-color: var(--ooui-input-border);
}

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

.mw-ui-input:not(:disabled):focus {
    border-color: var(--ooui-accent);
    box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.mw-ui-input:not(:disabled)::placeholder {
    color: var(--byline-color);
}




/* MessageBox template */
.msgbox {
    display: flex;
    background: #FCFCFC;
    box-sizing: border-box;
    align-items: center;
    width: auto;
    padding: .4em .8em;
    margin: 0 auto;
    margin-bottom: 1em
}
.msgbox + .msgbox {
	border-top: none;
	margin-top: -1em;
}


.msgbox:not(.msgbox-subtle) + .msgbox:not(.msgbox-subtle),.msgbox-subtle + .msgbox-subtle {
    border-top: none;
    margin-top: -1em
}

.msgbox-subtle:has(+ .msgbox-subtle),.msgbox-subtle + .msgbox-subtle {
    width: 100%
}

.msgbox .msgbox-iconimage,.msgbox .msgbox-image {
    margin: 0 1.5em 0 .5em
}

.msgbox-subtle {
    float: right;
    clear: right;
    margin-left: 1em;
    flex-direction: column;
    font-size: 95%
}

@media all and (max-width: 511px) {
    .msgbox-subtle {
        float:none;
        margin-left: auto
    }

    .msgbox + .msgbox {
        border-top: none;
        margin-top: -1em
    }
}

.msgbox-mini {
    padding: .4em .5em;
    margin: 0 0;
    margin-bottom: 1em
}

.msgbox-mini .msgbox-icon {
    align-self: flex-start
}

.msgbox-mini .msgbox-iconimage,.msgbox-mini .msgbox-image {
    margin: 0 .4em 0 .5em
}

.msgbox-mini .msgbox-text {
    font-size: small
}

.msgbox-red {
    background: hsl(0,75%,92%);
    border-left: 4px solid hsl(0,75%,85%)
}

body.stw-theme-dark .msgbox-red {
    background-color: hsl(0,25%,8%);
    border-left-color: hsl(0,15%,36%)
}

.msgbox-orange {
    background: hsl(40,75%,92%);
    border-left: 4px solid hsl(40,75%,85%)
}

body.stw-theme-dark .msgbox-orange {
    background-color: hsl(40,25%,8%);
    border-left-color: hsl(40,15%,36%)
}

.msgbox-yellow {
    background: hsl(60,75%,92%);
    border-left: 4px solid hsl(60,75%,85%)
}

body.stw-theme-dark .msgbox-yellow {
    background-color: hsl(60,25%,8%);
    border-left-color: hsl(60,15%,36%)
}

.msgbox-green {
    background: hsl(120,75%,92%);
    border-left: 4px solid hsl(120,75%,85%)
}

body.stw-theme-dark .msgbox-green {
    background-color: hsl(120,25%,8%);
    border-left-color: hsl(120,15%,36%)
}

.msgbox-blue {
    background: hsl(215,75%,92%);
    border-left: 4px solid hsl(215,75%,85%)
}

body.stw-theme-dark .msgbox-blue {
    background-color: hsl(215,25%,8%);
    border-left-color: hsl(215,15%,36%)
}

.msgbox-magenta {
    background: hsl(310,75%,92%);
    border-left: 4px solid hsl(310,75%,85%)
}

body.stw-theme-dark .msgbox-magenta {
    background-color: hsl(310,25%,8%);
    border-left-color: hsl(310,15%,36%)
}

.msgbox-purple {
    background: hsl(260,75%,92%);
    border-left: 4px solid hsl(260,75%,85%)
}

body.stw-theme-dark .msgbox-purple {
    background-color: hsl(260,25%,8%);
    border-left-color: hsl(260,15%,36%)
}

.msgbox-gray {
    background: hsl(0,0%,92%);
    border-left: 4px solid hsl(0,0%,85%)
}

body.stw-theme-dark .msgbox-gray {
    background-color: hsl(0,0%,8%);
    border-left-color: hsl(0,0%,36%)
}
Retrieved from "https://structorica.wiki/index.php?title=MediaWiki:Common.css&oldid=286"