MediaWiki:Common.css: Difference between revisions

/* 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('https://structorica.wiki/images/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('https://structorica.wiki/images/List_bullet.svg');
    --hlist-bullet-color: #000;



    

--ooui-text: var(--text-color);
--ooui-interface: var(--background-color-interactive-subtle);
--ooui-interface-border: var(--body-border);
--ooui-window-background: rgba(255, 255, 255, 0.5);
--ooui-normal: #fafafa;
--ooui-normal--hover: #eaecf0;
--ooui-normal-border: #a2a9b1;
--ooui-progressive: #438ab5;
--ooui-progressive--hover: #65a1c6;
--ooui-progressive-text: #fff;
--ooui-accent: var(--link-color);
--ooui-input: #fff;
--ooui-input-border: #a2a9b1;
--ooui-input-border--hover: #6e7884;
--ooui-disabled: rgba(196, 201, 208, 0.5);
--ooui-disabled-border: #c3c3c3;
--ooui-disabled-text: rgba(54, 65, 79, 0.8);


}

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

/* DARK THEME - Structorica Dark Theme */
:root .stw-theme-dark {
	--header-background: url('https://structorica.wiki/images/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('https://structorica.wiki/images/List_bullet_dark.svg');
    --hlist-bullet-color: #FFF;
}

/* 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/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-Regular.woff2") format("woff2"), 
         url("/images/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/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/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/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-Italic.woff2") format("woff2"), 
         url("/images/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/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/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/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-SemiBold.woff2") format("woff2"), 
         url("/images/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/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/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/ibm-plex-sans/fonts/complete/woff2/IBMPlexSans-SemiBoldItalic.woff2") format("woff2"), 
         url("/images/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/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/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);
}