User:Tobias Alcaraz/common.css

If you find a typo, inconsistency, or error, please sign up and help out the wiki! We can't do it without your help! :D Thank you!

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

:root {
  /*
  --theme-primary: #6200ee;
  --theme-primary-variant: #3700b3;
  --theme-secondary: #03dac6;
  --theme-secondary-variant: #018786;
  */
  --theme-background: #fff;
  --theme-surface: #fff;
  --theme-error: #b00020;
  --theme-on-primary: #fff;
  --theme-on-secondary: #000;
  --theme-on-background: #000;
  --theme-on-surface: #000;
  --theme-on-error: #fff;
  --theme-text-primary-on-background: rgba(0, 0, 0, .87);
  --theme-text-secondary-on-background: rgba(0, 0, 0, .54);
  --theme-text-hint-on-background: rgba(0, 0, 0, .38);
  --theme-text-disabled-on-background: rgba(0, 0, 0, .38);
  --theme-text-icon-on-background: rgba(0, 0, 0, .38);
  --theme-text-primary-on-light: rgba(0, 0, 0, .87);
  --theme-text-secondary-on-light: rgba(0, 0, 0, .54);
  --theme-text-hint-on-light: rgba(0, 0, 0, .38);
  --theme-text-disabled-on-light: rgba(0, 0, 0, .38);
  --theme-text-icon-on-light: rgba(0, 0, 0, .38);
  --theme-text-primary-on-dark: white;
  --theme-text-secondary-on-dark: rgba(255, 255, 255, .7);
  --theme-text-hint-on-dark: rgba(255, 255, 255, .5);
  --theme-text-disabled-on-dark: rgba(255, 255, 255, .5);
  --theme-text-icon-on-dark: rgba(255, 255, 255, .5);
  --theme-border-color: rgba(0, 0, 0, .12);
  --theme-elevation-0dp_-_box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12);
  --theme-elevation-1dp_-_box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
  --theme-elevation-2dp_-_box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  --theme-elevation-3dp_-_box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12);
  --theme-elevation-4dp_-_box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
  --theme-elevation-6dp_-_box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
  --theme-elevation-8dp_-_box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
  --theme-elevation-12dp_-_box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12);
  --theme-elevation-16dp_-_box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
  --theme-elevation-24dp_-_box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
  --theme-elevation_-_-shadow-transition: 280ms var(--theme-standard-curve-timing-function, cubic-bezier(.4, 0, .2, 1));
  --theme-page-text-opacity-primary: .87;
  --theme-page-text-opacity-secondary: .6;
  --theme-page-text-opacity-disabled: .38;
  --deceleration-curve-timing-function: cubic-bezier(0, 0, .2, 1);
  --standard-curve-timing-function: cubic-bezier(.4, 0, .2, 1);
  --acceleration-curve-timing-function: cubic-bezier(.4, 0, 1, 1);
  --sharp-curve-timing-function: cubic-bezier(.4, 0, .6, 1);
  /* Custom colors. */
  --theme-dynamic-color: #000;
  --theme-dynamic-color--rgb: 0, 0, 0;
  --theme-dynamic-color__inverse: #fff;
  --theme-dynamic-color__inverse--rgb: 255, 255, 255;
  --theme-color__text: #000;
  --theme-color__text--rgb: 0, 0, 0;
  --theme-color__red: #f44330;
  --theme-color__red--rgb: 244, 67, 48;
  --theme-color__pink: #e91e63;
  --theme-color__pink--rgb: 233, 30, 99;
  --theme-color__purple: #e91e63;
  --theme-color__purple--rgb: 233, 30, 99;
  --theme-color__deep-purple: #673ab7;
  --theme-color__deep-purple--rgb: 103, 58, 183;
  --theme-color__indigo: #3f51b5;
  --theme-color__indigo--rgb: 63, 81, 181;
  --theme-color__blue: #2196f3;
  --theme-color__blue--rgb: 33, 150, 243;
  --theme-color__dark-blue: #0d47a1;
  --theme-color__dark-blue--rgb: 13, 71, 161;
  --theme-color__light-blue: #03a9f4;
  --theme-color__light-blue--rgb: 3, 169, 244;
  --theme-color__cyan: #00bcd4;
  --theme-color__cyan--rgb: 0, 188, 212;
  --theme-color__teal: #009688;
  --theme-color__teal--rgb: 0, 150, 136;
  --theme-color__green: #4caf50;
  --theme-color__green--rgb: 76, 175, 80;
  --theme-color__light-green: #8bc34a;
  --theme-color__light-green--rgb: 139, 195, 74;
  --theme-color__lime: #cddc39;
  --theme-color__lime--rgb: 205, 220, 57;
  --theme-color__yellow: #ffeb3b;
  --theme-color__yellow--rgb: 255, 235, 59;
  --theme-color__amber: #ffc107;
  --theme-color__amber--rgb: 255, 193, 7;
  --theme-color__orange: #ff9800;
  --theme-color__orange--rgb: 255, 152, 0;
  --theme-color__deep-orange: #ff5722;
  --theme-color__deep-orange--rgb: 255, 87, 34;
  --theme-color__brown: #795548;
  --theme-color__brown--rgb: 121, 85, 72;
  --theme-color__grey: #9e9e9e;
  --theme-color__grey--rgb: 158, 158, 158;
  --theme-color__blue-grey: #607d8b;
  --theme-color__blue-grey--rgb: 96, 125, 139;
  --theme-color__white: #fff;
  --theme-color__white--rgb: 255, 255, 255;
  --theme-color__black: #000;
  --theme-color__black--rgb: 0, 0, 0;
  --theme-color__cta: var(--theme-color__dark-blue);
  --theme-color__cta--rgb: var(--theme-color__dark-blue--rgb);
}

html,
body {
  accent-color: var(--theme-color__light-blue);
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    /*
    --theme-primary: #bb86fc;
    --theme-primary-variant: #3700b3;
    --theme-secondary: #03dac6;
    --theme-secondary-variant: var(--theme-secondary, #03dac6);
    */
    --theme-background: #121212;
    --theme-surface: #121212;
    --theme-error: #cf6679;
    --theme-on-primary: #000;
    --theme-on-secondary: #000;
    --theme-on-background: #fff;
    --theme-on-surface: #fff;
    --theme-on-error: #000;
    --theme-text--rgb: 255, 255, 255;
    --theme-text-primary-on-background: rgba(255, 255, 255, .87);
    --theme-text-primary-on-background-inverse: rgba(0, 0, 0, .87);
    --theme-text-secondary-on-background: rgba(255, 255, 255, .6);
    --theme-text-secondary-on-background-inverse: rgba(0, 0, 0, .6);
    --theme-text-hint-on-background: rgba(255, 255, 255, .38);
    --theme-text-hint-on-background-inverse: rgba(0, 0, 0, .38);
    --theme-text-disabled-on-background: rgba(255, 255, 255, .38);
    --theme-text-disabled-on-background-inverse: rgba(0, 0, 0, .38);
    --theme-text-icon-on-background: rgba(255, 255, 255, .38);
    --theme-text-icon-on-background-inverse: rgba(0, 0, 0, .38);
    --theme-text-primary-on-light: rgba(0, 0, 0, .87);
    --theme-text-secondary-on-light: rgba(0, 0, 0, .6);
    --theme-text-hint-on-light: rgba(0, 0, 0, .38);
    --theme-text-disabled-on-light: rgba(0, 0, 0, .38);
    --theme-text-icon-on-light: rgba(0, 0, 0, .38);
    --theme-text-primary-on-dark: #fff;
    --theme-text-secondary-on-dark: rgba(255, 255, 255, .7);
    --theme-text-hint-on-dark: rgba(255, 255, 255, .5);
    --theme-text-disabled-on-dark: rgba(255, 255, 255, .5);
    --theme-text-icon-on-dark: rgba(255, 255, 255, .5);
    --theme-border-color: rgba(255, 255, 255, .12);
    --theme-elevation-0dp_-_background-color: var(--theme-background, #121212); /* var(--theme-background) + rgba(255, 255, 255, 0) */
    --theme-elevation-1dp_-_background-color: #1e1e1e; /* var(--theme-background) + rgba(255, 255, 255, .05) */
    --theme-elevation-2dp_-_background-color: #232323; /* var(--theme-background) + rgba(255, 255, 255, .07) */
    --theme-elevation-3dp_-_background-color: #252525; /* var(--theme-background) + rgba(255, 255, 255, .08) */
    --theme-elevation-4dp_-_background-color: #272727; /* var(--theme-background) + rgba(255, 255, 255, .09) */
    --theme-elevation-6dp_-_background-color: #2c2c2c; /* var(--theme-background) + rgba(255, 255, 255, .11) */
    --theme-elevation-8dp_-_background-color: #2f2f2f; /* var(--theme-background) + rgba(255, 255, 255, .12) */
    --theme-elevation-12dp_-_background-color: #333; /* var(--theme-background) + rgba(255, 255, 255, .14) */
    --theme-elevation-16dp_-_background-color: #353535; /* var(--theme-background) + rgba(255, 255, 255, .15) */
    --theme-elevation-24dp_-_background-color: #383838; /* var(--theme-background) + rgba(255, 255, 255, .16) */
    /* Custom colors. */
    --theme-dynamic-color: #fff;
    --theme-dynamic-color--rgb: 255, 255, 255;
    --theme-dynamic-color__inverse: #000;
    --theme-dynamic-color__inverse--rgb: 0, 0, 0;
    --theme-color__text: #fff;
    --theme-color__text--rgb: 255, 255, 255;
    --theme-color__red: #ef9a9a;
    --theme-color__red--rgb: 239, 154, 154;
    --theme-color__pink: #f48fb1;
    --theme-color__pink--rgb: 244, 143, 177;
    --theme-color__purple: #ce93d8;
    --theme-color__purple--rgb: 206, 147, 216;
    --theme-color__deep-purple: #b39ddb;
    --theme-color__deep-purple--rgb: 179, 157, 219;
    --theme-color__indigo: #9fa8da;
    --theme-color__indigo--rgb: 159, 168, 218;
    --theme-color__blue: #90caf9;
    --theme-color__blue--rgb: 144, 202, 249;
    --theme-color__light-blue: #81d4fa;
    --theme-color__light-blue--rgb: 129, 212, 250;
    --theme-color__cyan: #80deea;
    --theme-color__cyan--rgb: 128, 222, 234;
    --theme-color__teal: #80cbc4;
    --theme-color__teal--rgb: 128, 203, 196;
    --theme-color__green: #a5d6a7;
    --theme-color__green--rgb: 165, 214, 167;
    --theme-color__light-green: #c5e1a5;
    --theme-color__light-green--rgb: 197, 225, 165;
    --theme-color__lime: #e6ee9c;
    --theme-color__lime--rgb: 230, 238, 156;
    --theme-color__yellow: #fff59d;
    --theme-color__yellow--rgb: 255, 245, 157;
    --theme-color__amber: #ffe082;
    --theme-color__amber--rgb: 255, 224, 130;
    --theme-color__orange: #ffcc80;
    --theme-color__orange--rgb: 255, 204, 128;
    --theme-color__deep-orange: #ffab91;
    --theme-color__deep-orange--rgb: 255, 171, 145;
    --theme-color__brown: #bcaaa4;
    --theme-color__brown--rgb: 188, 170, 164;
    --theme-color__grey: #eee;
    --theme-color__grey--rgb: 237, 237, 237;
    --theme-color__blue-grey: #b0bec5;
    --theme-color__blue-grey--rgb: 176, 190, 197;
    --theme-color__cta: var(--theme-color__light-blue);
    --theme-color__cta--rgb: var(--theme-color__light-blue--rgb);
  }

  html,
  body {
    color-scheme: dark light;
  }

  body {
    background-image: url(/1/wiki/index.php?title=Special:Filepath/Background-dark.png);
  }

  #p-logo a {
    filter: brightness(.75);
  }

  .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
    filter: invert(1);
  }

  .vectorMenu h3 span::after {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22 fill=%22%23fff%22/%3E %3C/svg%3E");
  }

  .wikiEditor-ui-toolbar .tabs span.tab a.current,
  .wikiEditor-ui-toolbar .tabs span.tab a.current:visited,
  .wikiEditor-ui-toolbar .group .tool-select .label {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2216%22 height=%2216%22%3E%3Cpath d=%22M13 6l-5 5-5-5z%22 fill=%22%23fff%22/%3E%3C/svg%3E");
  }

  #mw-indicator-mw-helplink a {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E help %3C/title%3E %3Cpath d=%22M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm1 16H9v-2h2zm2.71-7.6a2.64 2.64 0 0 1-.33.74 3.16 3.16 0 0 1-.48.55l-.54.48c-.21.18-.41.35-.58.52a2.54 2.54 0 0 0-.47.56A2.3 2.3 0 0 0 11 12a3.79 3.79 0 0 0-.11 1H9.08a8.9 8.9 0 0 1 .07-1.25 3.28 3.28 0 0 1 .25-.9 2.79 2.79 0 0 1 .41-.67 4 4 0 0 1 .58-.58c.17-.16.34-.3.51-.44a3 3 0 0 0 .43-.44 1.83 1.83 0 0 0 .3-.55 2 2 0 0 0 .11-.72 2.06 2.06 0 0 0-.17-.86 1.71 1.71 0 0 0-1-.9 1.7 1.7 0 0 0-.5-.1 1.77 1.77 0 0 0-1.53.68 3 3 0 0 0-.5 1.82H6.16a4.74 4.74 0 0 1 .28-1.68 3.56 3.56 0 0 1 .8-1.29 3.88 3.88 0 0 1 1.28-.83A4.59 4.59 0 0 1 10.18 4a4.44 4.44 0 0 1 1.44.23 3.51 3.51 0 0 1 1.15.65 3.08 3.08 0 0 1 .78 1.06 3.54 3.54 0 0 1 .29 1.45 3.39 3.39 0 0 1-.13 1.01z%22/%3E %3C/svg%3E");
  }

  .oo-ui-image-invert.oo-ui-icon-check,
  .mw-ui-icon-check-invert::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E");
  }

  body .ui-dialog .ui-icon-closethick {
    background: center/contain no-repeat url("data:image/svg+xml,%3Csvg height='18px' viewBox='0 0 24 24' width='18px' fill='%23fff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") !important;
  }

  .oo-ui-indicator-down {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3Edown%3C/title%3E%3Cpath d=%22M10.085 2.943L6.05 6.803l-3.947-3.86L1.05 3.996l5 5 5-5z%22/%3E%3C/svg%3E");
  }

  .oo-ui-icon-play,
  .mw-ui-icon-play::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eplay%3C/title%3E%3Cpath d=%22M4.55 19A1 1 0 0 1 3 18.13V1.87A1 1 0 0 1 4.55 1l12.2 8.13a1 1 0 0 1 0 1.7z%22/%3E%3C/svg%3E");
  }

  .oo-ui-icon-menu,
  .mw-ui-icon-menu::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Emenu%3C/title%3E%3Cpath d=%22M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z%22/%3E%3C/svg%3E");
  }

  .oo-ui-icon-bookmark,
  .mw-ui-icon-bookmark::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebookmark%3C/title%3E%3Cpath d=%22M5 1a2 2 0 0 0-2 2v16l7-5 7 5V3a2 2 0 0 0-2-2z%22/%3E%3C/svg%3E");
  }

  .oo-ui-icon-trash,
  .mw-ui-icon-trash::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etrash%3C/title%3E%3Cpath d=%22M17 2h-3.5l-1-1h-5l-1 1H3v2h14zM4 17a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V5H4z%22/%3E%3C/svg%3E");
  }

  .oo-ui-icon-article,
  .mw-ui-icon-article::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Earticle%3C/title%3E%3Cpath d=%22M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z%22/%3E%3C/svg%3E");
  }

  .oo-ui-icon-tag,
  .mw-ui-icon-tag::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etag%3C/title%3E%3Cpath d=%22M9 1.28A1 1 0 0 0 8.35 1H2a1 1 0 0 0-1 1v6.35a1 1 0 0 0 .28.65L11 18.72a1 1 0 0 0 1.37 0l6.38-6.38a1 1 0 0 0-.03-1.34zM5 7a2 2 0 1 1 2-2 2 2 0 0 1-2 2z%22/%3E%3C/svg%3E");
  }

  .oo-ui-icon-settings,
  .mw-ui-icon-settings::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Esettings%3C/title%3E%3Cpath d=%22M10 2.5a7.5 7.5 0 1 0 7.5 7.5A7.5 7.5 0 0 0 10 2.5zm0 11a3.5 3.5 0 1 1 3.5-3.5 3.5 3.5 0 0 1-3.5 3.5z%22/%3E%3Cpath d=%22M12.5 6.5l-1-6.5h-3l-1 6.5m0 7l1 6.5h3l1-6.5m1-1l6.5-1v-3l-6.5-1m-7 0L0 8.5v3l6.5 1m7.743-3.207l3.889-5.303-2.122-2.122-5.303 3.89m-4.95 4.95L1.868 16.01l2.122 2.122 5.303-3.89m0-8.485L3.99 1.868 1.868 3.99l3.89 5.303m4.95 4.95l5.302 3.889 2.122-2.122-3.89-5.303%22/%3E%3C/svg%3E");
  }

  .oo-ui-icon-close,
  .mw-ui-icon-close::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath d=%22M4.34 2.93l12.73 12.73-1.41 1.41L2.93 4.35z%22/%3E%3Cpath d=%22M17.07 4.34L4.34 17.07l-1.41-1.41L15.66 2.93z%22/%3E%3C/svg%3E");
  }

  .oo-ui-image-progressive.oo-ui-icon-reload,
  .mw-ui-icon-reload-progressive::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ereload%3C/title%3E%3Cg fill=%22%2381d4fa%22%3E%3Cpath d=%22M15.65 4.35A8 8 0 1 0 17.4 13h-2.22a6 6 0 1 1-1-7.22L11 9h7V2z%22/%3E%3C/g%3E%3C/svg%3E");
  }

  .oo-ui-image-invert.oo-ui-icon-stop,
  .mw-ui-icon-stop-invert::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Estop%3C/title%3E%3Cg fill=%22%23000%22%3E%3Crect width=%2216%22 height=%2216%22 x=%222%22 y=%222%22 rx=%221%22/%3E%3C/g%3E%3C/svg%3E");
  }

  .oo-ui-icon-search,
  .mw-ui-icon-search::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Esearch%3C/title%3E%3Cpath d=%22M19 17l-5.15-5.15a7 7 0 1 0-2 2L17 19zM3.5 8A4.5 4.5 0 1 1 8 12.5 4.5 4.5 0 0 1 3.5 8z%22/%3E%3C/svg%3E");
  }

  .oo-ui-icon-previous,
  .mw-ui-icon-previous::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eprevious%3C/title%3E%3Cpath d=%22M4 10l9 9 1.4-1.5L7 10l7.4-7.5L13 1z%22/%3E%3C/svg%3E");
  }

  .oo-ui-icon-helpNotice,
  .mw-ui-icon-helpNotice::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ehelp%3C/title%3E%3Cpath d=%22M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm1 16H9v-2h2zm2.71-7.6a2.64 2.64 0 0 1-.33.74 3.16 3.16 0 0 1-.48.55l-.54.48c-.21.18-.41.35-.58.52a2.54 2.54 0 0 0-.47.56A2.3 2.3 0 0 0 11 12a3.79 3.79 0 0 0-.11 1H9.08a8.9 8.9 0 0 1 .07-1.25 3.28 3.28 0 0 1 .25-.9 2.79 2.79 0 0 1 .41-.67 4 4 0 0 1 .58-.58c.17-.16.34-.3.51-.44a3 3 0 0 0 .43-.44 1.83 1.83 0 0 0 .3-.55 2 2 0 0 0 .11-.72 2.06 2.06 0 0 0-.17-.86 1.71 1.71 0 0 0-1-.9 1.7 1.7 0 0 0-.5-.1 1.77 1.77 0 0 0-1.53.68 3 3 0 0 0-.5 1.82H6.16a4.74 4.74 0 0 1 .28-1.68 3.56 3.56 0 0 1 .8-1.29 3.88 3.88 0 0 1 1.28-.83A4.59 4.59 0 0 1 10.18 4a4.44 4.44 0 0 1 1.44.23 3.51 3.51 0 0 1 1.15.65 3.08 3.08 0 0 1 .78 1.06 3.54 3.54 0 0 1 .29 1.45 3.39 3.39 0 0 1-.13 1.01z%22/%3E%3C/svg%3E");
  }

  .oo-ui-icon-highlight,
  .mw-ui-icon-highlight::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ehighlight%3C/title%3E%3Cpath d=%22M15.14 2.27a1 1 0 0 0-1.41 0l-10 10a1 1 0 0 0 0 1.41L4 14l-3 4h5l1-1 .29.29a1 1 0 0 0 1.41 0l10-10a1 1 0 0 0 .03-1.43zM7 15l-2-2 9-9 2 2z%22/%3E%3C/svg%3E");
  }

  .oo-ui-image-progressive.oo-ui-icon-feedback,
  .mw-ui-icon-feedback-progressive::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Efeedback%3C/title%3E%3Cg fill=%22%2381d4fa%22%3E%3Cpath d=%22M19 16L2 12a3.83 3.83 0 0 1-1-2.5A3.83 3.83 0 0 1 2 7l17-4z%22/%3E%3Crect width=%224%22 height=%228%22 x=%224%22 y=%229%22 rx=%222%22/%3E%3C/g%3E%3C/svg%3E");
  }

  .oo-ui-icon-history,
  .mw-ui-icon-history::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ehistory%3C/title%3E%3Cpath d=%22M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z%22/%3E%3Cpath d=%22M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18z%22/%3E%3C/svg%3E");
  }

  .mw-content-ltr div.magnify a {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2215%22 height=%2211%22 viewBox=%220 0 11 15%22%3E %3Cg id=%22magnify-clip%22 fill=%22%23000%22 stroke=%22%23fff%22%3E %3Cpath id=%22bigbox%22 d=%22M1.509 1.865h10.99v7.919H1.509z%22/%3E %3Cpath id=%22smallbox%22 d=%22M-1.499 6.868h5.943v4.904h-5.943z%22/%3E %3C/g%3E %3C/svg%3E");
  }

  .client-js .sortable:not(.jquery-tablesorter) > thead > :last-of-type > th:not(.unsortable),
  .jquery-tablesorter th.headerSort {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22M14.5 5l-4 4-4-4zm0-1l-4-4-4 4z%22/%3E %3C/svg%3E");
  }

  .jquery-tablesorter th.headerSortUp {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E");
  }

  .jquery-tablesorter th.headerSortDown {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E");
  }

  .oo-ui-indicator-required {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Erequired%3C/title%3E%3Cpath d=%22M8.5 0h3v20h-3z%22/%3E%3Cpath d=%22M19.41 13.701l-1.5 2.598L.59 6.3l1.5-2.598z%22/%3E%3Cpath d=%22M17.91 3.701l1.5 2.598-17.32 10-1.5-2.598z%22/%3E%3C/svg%3E");
  }

  .oo-ui-icon-next,
  .mw-ui-icon-next::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Enext%3C/title%3E%3Cpath d=%22M7 1L5.6 2.5 13 10l-7.4 7.5L7 19l9-9z%22/%3E%3C/svg%3E");
  }

  .oo-ui-icon-collapse,
  .mw-ui-icon-collapse::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ecollapse%3C/title%3E%3Cpath d=%22M2.5 15.25l7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z%22/%3E%3C/svg%3E");
  }

  .oo-ui-widget-disabled .oo-ui-icon-first,
  .oo-ui-widget-disabled .mw-ui-icon-first::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23ffffff61%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Efirst%3C/title%3E%3Cpath d=%22M3 1h2v18H3zm13.5 1.5L15 1l-9 9 9 9 1.5-1.5L9 10z%22/%3E%3C/svg%3E");
  }

  .oo-ui-widget-disabled  .oo-ui-icon-previous,
  .oo-ui-widget-disabled  .mw-ui-icon-previous::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23ffffff61%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eprevious%3C/title%3E%3Cpath d=%22M4 10l9 9 1.4-1.5L7 10l7.4-7.5L13 1z%22/%3E%3C/svg%3E");
  }

  .oo-ui-widget-disabled  .oo-ui-icon-next,
  .oo-ui-widget-disabled  .mw-ui-icon-next::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23ffffff61%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Enext%3C/title%3E%3Cpath d=%22M7 1L5.6 2.5 13 10l-7.4 7.5L7 19l9-9z%22/%3E%3C/svg%3E");
  }

  .oo-ui-widget-disabled .oo-ui-icon-last,
  .oo-ui-widget-disabled .mw-ui-icon-last::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23ffffff61%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Elast%3C/title%3E%3Cpath d=%22M15 1h2v18h-2zM3.5 2.5L11 10l-7.5 7.5L5 19l9-9-9-9z%22/%3E%3C/svg%3E");
  }

  .oo-ui-widget-enabled .oo-ui-image-progressive.oo-ui-icon-first,
  .oo-ui-widget-enabled .mw-ui-icon-first-progressive::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Efirst%3C/title%3E%3Cg fill=%22%2381d4fa%22%3E%3Cpath d=%22M3 1h2v18H3zm13.5 1.5L15 1l-9 9 9 9 1.5-1.5L9 10z%22/%3E%3C/g%3E%3C/svg%3E");
  }

  .oo-ui-widget-enabled .oo-ui-image-progressive.oo-ui-icon-previous,
  .oo-ui-widget-enabled .mw-ui-icon-previous-progressive::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eprevious%3C/title%3E%3Cg fill=%22%2381d4fa%22%3E%3Cpath d=%22M4 10l9 9 1.4-1.5L7 10l7.4-7.5L13 1z%22/%3E%3C/g%3E%3C/svg%3E");
  }

  .oo-ui-widget-enabled .oo-ui-image-progressive.oo-ui-icon-next,
  .oo-ui-widget-enabled .mw-ui-icon-next-progressive::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Enext%3C/title%3E%3Cg fill=%22%2381d4fa%22%3E%3Cpath d=%22M7 1L5.6 2.5 13 10l-7.4 7.5L7 19l9-9z%22/%3E%3C/g%3E%3C/svg%3E");
  }

  .oo-ui-widget-enabled .oo-ui-image-progressive.oo-ui-icon-last,
  .oo-ui-widget-enabled .mw-ui-icon-last-progressive::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Elast%3C/title%3E%3Cg fill=%22%2381d4fa%22%3E%3Cpath d=%22M15 1h2v18h-2zM3.5 2.5L11 10l-7.5 7.5L5 19l9-9-9-9z%22/%3E%3C/g%3E%3C/svg%3E");
  }

  .mw-ui-checkbox:not(#noop) [type='checkbox']:checked + label::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E %3Cpath fill=%22%23000%22 d=%22M17 7.5L9.5 15 6 11.5 4.5 13l5 5L20 7.5c-.706-.706-2.294-.706-3 0z%22/%3E %3C/svg%3E");
  }
  /* fill=%22%23fff%22 */
  .mw-content-ltr .redirectText li:first-child {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg fill=%22%23fff%22 width=%2247%22 height=%2220%22 viewBox=%220 0 47 20%22%3E %3Cpath fill=%22none%22 stroke=%22%23fff%22 stroke-miterlimit=%2210%22 stroke-width=%222%22 d=%22M14.98 2.5V11c0 1.04 1.02 1.98 2.02 1.98h6l3 .02%22/%3E %3Cpath d=%22M23.48 9.5l.02 7L30 13z%22/%3E %3C/svg%3E");
  }

  .oo-ui-image-error.oo-ui-icon-alert,
  .mw-ui-icon-alert-error::before {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ealert%3C/title%3E%3Cg fill=%22%23ef9a9a%22%3E%3Cpath d=%22M11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z%22/%3E%3C/g%3E%3C/svg%3E");
  }
}

.mw-body {
  background-color: var(--theme-background);
  border: none;
  color: var(--theme-text-primary-on-background);
}

a,
.mw-body a,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
#mw-navigation #mw-panel .portal .body li a,
.wikiEditor-ui-toolbar .tabs span.tab a,
.vectorMenu li a,
.toctogglelabel,
.mw-parser-output a.external,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:active {
  color: var(--theme-color__cta);
}

a:visited,
.mw-body a:visited,
.wikiEditor-ui-toolbar .tabs span.tab a:visited,
#mw-navigation #mw-panel .portal .body li a:visited,
.mw-parser-output a:visited.external,
.vectorMenu li a:visited {
  color: var(--theme-color__purple);
}

a.new,
a.new:visited,
.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  color: var(--theme-error);
}

code,
pre,
.mw-code {
  background-color: var(--theme-elevation-1dp_-_background-color);
  border-color: var(--theme-border-color);
  color: var(--theme-text-primary-on-background);
  font: 700 14px/1.5 monospace;
  letter-spacing:  .0333333333em;
  padding: 0 4px;
}

q {
  font-style: italic;
  quotes: "“" "”" "‘" "’";
}

q::before {
  content: open-quote;
}

q::after {
  content: close-quote;
}

/* Page head. */
div.suggestions {
  font-size: 14px;
}

.suggestions-results,
.suggestions-special {
  background-color: var(--theme-elevation-4dp_-_background-color);
  border-color: var(--theme-border-color);
}

.suggestions-special {
  border: 0;
  margin: 0;
}

.suggestions-result,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-text-primary-on-background);
}

.suggestions-result-current {
  background-color: rgba(var(--theme-color__light-blue--rgb), .16);
}

.suggestions-special .special-label {
  color: var(--theme-text-secondary-on-background);
}

.suggestions-special .special-query {
  color: var(--theme-text-primary-on-background);
}

#left-navigation,
#right-navigation {
  margin-top: 2.438em;
}

#left-navigation {
  margin-left: 10.938em;
}

.vectorTabs,
.vectorTabs ul,
#mw-head .vectorMenu h3 {
  background-image: none;
}

.vectorTabs span,
.vectorTabs li,
.vectorTabs li.selected {
  background-color: transparent;
  background-image: none;
}

.vectorTabs li,
.vectorTabs li.selected,
.vectorMenu {
  background-color: var(--theme-background);
  background-image: none;
  position: relative;
}

.vectorTabs li a:hover {
  background-color: rgba(var(--theme-dynamic-color--rgb), .08);
}

.vectorTabs li a:focus,
.vectorTabs li a:active {
  background-color: rgba(var(--theme-dynamic-color--rgb), .16);
}

.vectorTabs li.selected a:hover {
  background-color: rgba(var(--theme-color__cta--rgb), .08);
}

.vectorTabs li.selected a:focus,
.vectorTabs li.selected a:active {
  background-color: rgba(var(--theme-color__cta--rgb), .16);
}

.vectorTabs li a {
  color: var(--theme-text-primary-on-background);
  outline: none;
  padding: 10px 16px 5px;
  text-decoration: none;
  transition: background-color 75ms;
}

.vectorMenu h3 span {
  color: var(--theme-on-background);
  padding: 10px 24px 6px 8px;
}

.vectorMenu h3 span::after {
  top: 4px;
}

#ca-talk {
  left: -1px;
}

.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
  color: var(--theme-color__cta);
}

.vectorTabs li.selected::after {
  background-color: var(--theme-color__cta);
  border-radius: 2px 2px 0 0;
  bottom: 0;
  content: '';
  height: 2px;
  left: 12px;
  position: absolute;
  width: calc(100% - 24px);
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a {
  padding: 32px 0 0;
}

.vectorMenu .menu {
  background-color: var(--theme-elevation-8dp_-_background-color);
  border: none;
  box-shadow: var(--theme-elevation-8dp_-_box-shadow);
}

#p-search {
  background-color: var(--theme-background);
  margin: 0;
  padding: 8px 16px;
}

#p-search form,
#p-search input {
  margin: 0;
}

#simpleSearch {
  background-color: var(--theme-elevation-1dp_-_background-color);
  background-image: none;
  border-color: var(--theme-border-color);
  margin: 0;
}

#simpleSearch #searchInput {
  background-color: var(--theme-elevation-1dp_-_background-color);
  color: var(--theme-text-secondary-on-background);
}

#simpleSearch #searchButton {
  background: var(--theme-elevation-1dp_-_background-color) center no-repeat url("data:image/svg+xml,%3Csvg width=%2212%22 height=%2213%22%3E %3Cg fill=%22none%22 stroke=%22%2354595d%22 stroke-width=%222%22%3E %3Cpath d=%22M11.29 11.71l-4-4%22/%3E %3Ccircle cx=%225%22 cy=%225%22 r=%224%22/%3E %3C/g%3E %3C/svg%3E")
}

/* Page rail. */
#mw-panel .portal {
  background-color: var(--theme-background);
  margin: 0 8px;
  padding: 0;
}

#mw-panel .portal h3 {
  color: var(--theme-on-background);
}

#mw-panel .portal .body,
#mw-panel #p-logo + .portal .body {
  background-image: none;
  margin: 0 6px;
}

#mw-panel .portal .body ul {
  padding: 0;
}

#mw-panel .portal .body li {
  padding: 6px 0;
}

/* Page body. */
h1, h2, h3, h4, h5, h6 {
  border-color: var(--theme-border-color);
  color: var(--theme-on-background);
}

hr {
  background-color: var(--theme-border-color);
  border-color: var(--theme-border-color);
  color: var(--theme-border-color);
}

/** Top message. **/
#mw-content-text > :first-child {
  background-color: rgba(var(--theme-color__light-blue--rgb), .16) !important;
}

#mw-content-text > :first-child > span {
  color: var(--theme-text-primary-on-background) !important;
}

/** Redirected message. **/
#contentSub,
#contentSub2 {
  color: var(--theme-text-secondary-on-background);
  margin: 0 0 1.4em;
}

/** Page contents. **/
.error {
  color: var(--theme-color__red);
}

.warning {
  color: var(--theme-color__orange);
}

.success {
  color: var(--theme-color__green);
}

/*** Infobox. ***/
.infobox {
  --infobox-background: var(--theme-elevation-8dp_-_background-color);
  --infobox-secondary-background: #55aaee;
  --infobox-secondary-background-label: #000;
  --infobox-border-color: var(--theme-border-color);
  background-color: var(--infobox-background);
  border: 2px solid #fff;
  /*box-shadow: var(--theme-elevation-8dp_-_box-shadow);*/
  clear: right;
  float: right;
  font-family: sans-serif;
  margin: 0 0 18px 18px;
  text-align: left;
  width: 270px;
}

.infobox > p {
  position: fixed;
  left: 1000vw;
}

.infobox-inner {
  border: 2px solid #000;
  border-spacing: 0;
  width: 100%;
}

.infobox-title {
  background-color: var(--infobox-secondary-background);
  border: 0;
  color: var(--infobox-secondary-background-label);
  font: 700 18px/1.25 sans-serif;
  margin: 0;
}

.infobox-title th {
  padding: 12px 9px 14px;
  position: relative;
  text-align: center;
}

.infobox-title th::after {
  background-color: #000;
  bottom: 0;
  content: '';
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}

.infobox-item {
  position: relative;
}

.infobox-image + .infobox-item::after {
  background-color: var(--theme-border-color);
  content: '';
  height: 1px;
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
}

.infobox-item + p {
  position: fixed;
  left: 1000vw;
}

.infobox-label {
  -webkit-hyphens: auto;
  font: 700 12px/1.5 sans-serif;
  hyphens: auto;
  margin: 0;
  overflow: hidden;
  overflow-wrap: break-word;
  padding: 8px;
  vertical-align: top;
  width: 90px;
}

.infobox-value {
  -webkit-hyphens: auto;
  flex-basis: 180px;
  font: 400 12px/1.5 sans-serif;
  hyphens: auto;
  overflow-wrap: break-word;
  padding: 8px;
  vertical-align: top;
}

/*** TOC. ***/
.toc,
.mw-warning, 
toccolours,
#filetoc {
  background-color: var(--theme-background);
  border-color: var(--theme-border-color);
}

.tocnumber {
  color: var(--theme-text-secondary-on-background);
}

/*** Tables. ***/
.wikitable {
  background-color: var(--theme-background);
  border-color: var(--theme-border-color);
  color: var(--theme-text-primary-on-background);
}

.wikitable > tr > th,
.wikitable > * > tr > th {
  background-color: var(--theme-elevation-1dp_-_background-color);
  color: var(--theme-on-background);
}

.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td {
  border-color: var(--theme-border-color);
}

.mw-datatable,
.mw-datatable td,
.mw-datatable th {
  border-color: var(--theme-border-color);
}

.mw-datatable th {
  background-color: rgba(var(--theme-color__light-blue--rgb), .08);
}

.mw-datatable td {
  background-color: var(--theme-background);
}

#mw-allmessagestable tbody:hover td,
.mw-datatable tr:hover td {
  background-color: rgba(var(--theme-color__light-blue--rgb), .08);
}
/* Lists. */
:where(.mw-body ul li)::marker {
  content: '•\00a0\00a0';
  font-size: 1em;
  font-weight: bold;
}

.mw-body .toc ul li::marker {
  content: initial;
  font-size: initial;
  font-weight: initial;
}

/* Galleries and images. */
li.gallerybox div.thumb {
  background-color: var(--theme-background);
  border-color: var(--theme-border-color);
}

.gallerybox .gallerytext {
  color: var(--theme-text-secondary-on-background);
}

div.thumbinner {
  background-color: var(--theme-elevation-2dp_-_background-color);
  border-color: var(--theme-border-color);
}

html .thumbimage {
  background-color: var(--theme-background);
  border-color: var(--theme-border-color);
}

html .thumbcaption {
  color: var(--theme-text-secondary-on-background);
  padding: 6px 0 3px;
}

/*** Category links. ***/
.catlinks {
  background-color: transparent;
  border: none;
  border-top: 1px solid var(--theme-border-color);
  padding-top: 14px;
}

/* Editor. */
.warningbox {
  background-color: rgba(var(--theme-color__orange--rgb), .08);
  border: none;
  border-left: 4px solid var(--theme-color__orange);
  color: rgba(var(--theme-color__orange--rgb), .87);
  display: block;
}

textarea,
fieldset {
  border-color: var(--theme-border-color);
}

.wikiEditor-ui .wikiEditor-ui-view,
.wikiEditor-ui .wikiEditor-ui-top,
.wikiEditor-ui-toolbar .group {
  border-color: var(--theme-border-color);
}

.wikiEditor-ui-toolbar {
  background-color: var(--theme-elevation-8dp_-_background-color);
  background-image: none;
}

.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:focus-within {
  background-color: rgba(var(--theme-dynamic-color--rgb), .12);
  outline-color: var(--theme-border-color);
}

.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
  outline: none;
}

.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
  color: var(--theme-on-background);
}

.wikiEditor-ui-toolbar .sections .section {
  background-color: rgba(var(--theme-color__light-blue--rgb), .08);
  border-color: var(--theme-border-color);
}

.wikiEditor-ui-toolbar .group .label {
  color: var(--theme-text-primary-on-background);
}

.mw-editform #wpTextbox1 {
  background-color: var(--theme-elevation-1dp_-_background-color);
  border-color: var(--theme-border-color);
  color: var(--theme-text-primary-on-background);
  font: 500 14px/1.5 monospace;
  letter-spacing:  .0333333333em;
  padding: 0 4px;
}

.editOptions {
  background-color: rgba(var(--theme-dynamic-color--rgb), .08);
  border-color: var(--theme-border-color);
  color: var(--theme-text-secondary-on-background);
}

/** Special characters section. **/
.wikiEditor-ui-toolbar .booklet .index {
  resize: initial;
}

.wikiEditor-ui-toolbar .booklet .index div {
  color: var(--theme-text-primary-on-background);
}

.wikiEditor-ui-toolbar .booklet .index div:not(.current):hover {
  background-color: rgba(var(--theme-dynamic-color--rgb), .08);
}

.wikiEditor-ui-toolbar .booklet .index div:not(.current):focus,
.wikiEditor-ui-toolbar .booklet .index div:not(.current):active {
  background-color: rgba(var(--theme-dynamic-color--rgb), .16);
}

.wikiEditor-ui-toolbar .booklet .index .current {
  background-color: rgba(var(--theme-dynamic-color--rgb), .24);
  color: var(--theme-on-background);
}

.wikiEditor-ui-toolbar .booklet .pages {
  background-color: var(--theme-background);
}

.wikiEditor-ui-toolbar .page-characters div span {
  background-color: var(--theme-elevation-2dp_-_background-color);
  border-color: var(--theme-border-color);
  color: var(--theme-text-primary-on-background);
}

.wikiEditor-ui-toolbar .page-characters div span:hover {
  background-color: rgba(var(--theme-dynamic-color--rgb), .16);
  border-color: var(--theme-border-color);
}

.wikiEditor-ui-toolbar .page-characters div span:active {
  background-color: rgba(var(--theme-dynamic-color--rgb), .24);
  color: var(--theme-on-background);
  outline: none;
}

/** Help section. **/
.wikiEditor-ui-toolbar .page-table th {
  background-color: var(--theme-elevation-1dp_-_background-color);
  color: var(--theme-on-background);
}

.wikiEditor-ui-toolbar .page-table td {
  border-color: var(--theme-border-color);
  color: var(--theme-text-primary-on-background);
}

/* Page history. */
.mw-plusminus-pos {
  color: var(--theme-color__green);
}

.mw-plusminus-neg {
  color: var(--theme-color__red);
}

#pagehistory {
  margin: 0;
}

#pagehistory li {
  display: block;
}

#pagehistory li {
  border-color: var(--theme-border-color);
}

#pagehistory li:hover {
  background-color: rgba(var(--theme-dynamic-color--rgb), .08);
}

#pagehistory li:not(.selected):focus-within {
  background-color: rgba(var(--theme-dynamic-color--rgb), .16);
}

#pagehistory li.selected {
  background-color: rgba(var(--theme-dynamic-color--rgb), .24);
  border: 1px solid var(--theme-border-color);
  color: var(--theme-on-background);
}

.diff-context {
  background-color: var(--theme-background);
  border-color: var(--theme-color__grey);
  color: var(--theme-text-primary-on-background);
}

.diff-deletedline {
  border-color: var(--theme-color__red);
}

.diff-deletedline .diffchange {
  background-color: var(--theme-color__red);
  color: var(--theme-dynamic-color__inverse);
}

.diff-addedline {
  border-color: var(--theme-color__green);
}

.diff-addedline .diffchange {
  background-color: var(--theme-color__green);
  color: var(--theme-dynamic-color__inverse);
}

/* Recent Changes. */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagItemWidget,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
  background-color: var(--theme-elevation-2dp_-_background-color);
  border-color: var(--theme-border-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
  color: var(--theme-text-primary-on-background);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {
  color: var(--theme-text-secondary-on-background);
}

.mw-rcfilters-ui-savedLinksListWidget-placeholder-title {
  color: var(--theme-text-primary-on-background);
}

.mw-rcfilters-ui-savedLinksListWidget-placeholder-description {
  color: var(--theme-text-secondary-on-background);
}

.mw-rcfilters-ui-tagItemWidget-popup-content {
  background-color: var(--theme-elevation-8dp_-_background-color);
  box-shadow: var(--theme-elevation-8dp_-_box-shadow);
}

.mw-rcfilters-ui-tagItemWidget-popup-content {
  color: var(--theme-text-primary-on-background);
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before,
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
  border-bottom-color: var(--theme-elevation-8dp_-_background-color);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
  background-color: var(--theme-elevation-2dp_-_background-color);
  border-color: var(--theme-border-color);
  box-shadow: var(--theme-elevation-2dp_-_box-shadow);
  color: var(--theme-text-primary-on-background);
  transition: var(--theme-elevation_-_-shadow-transition);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
  background-color: var(--theme-elevation-4dp_-_background-color);
  box-shadow: var(--theme-elevation-4dp_-_box-shadow);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
  border-color: var(--theme-border-color);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled:active,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {
  background-color: var(--theme-elevation-8dp_-_background-color);
  box-shadow: var(--theme-elevation-8dp_-_box-shadow);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {
  border-color: var(--theme-color__light-blue);
  box-shadow: inset 0 0 0 1px var(--theme-color__light-blue);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
  background-color: var(--theme-elevation-1dp_-_background-color);
  border-color: var(--theme-border-color);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  color: var(--theme-text-primary-on-background);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
  color: var(--theme-text-secondary-on-background);
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background-color: var(--theme-elevation-2dp_-_background-color);
  border-color: var(--theme-border-color);
}

.oo-ui-popupWidget-popup {
  background-color: var(--theme-elevation-8dp_-_background-color);
  box-shadow: var(--theme-elevation-8dp_-_box-shadow);
  border-color: var(--theme-border-color);
}

.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
  color: var(--theme-text-secondary-on-background);
}

.mw-rcfilters-ui-datePopupWidget {
  border-color: var(--theme-border-color);
}

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

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator {
  opacity: 1;
}

.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-menuSelectWidget-footer {
  background-color: rgba(var(--theme-dynamic-color--rgb), .08);
  border-color: var(--theme-border-color);
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget {
  background-color: rgba(var(--theme-dynamic-color--rgb), .04);
  border-color: var(--theme-border-color);
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
  color: var(--theme-text-primary-on-background);
}

.mw-rcfilters-ui-filterMenuHeaderWidget-title {
  color: var(--theme-text-secondary-on-background);
}

.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
  border-color: var(--theme-border-color);
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
  color: var(--theme-text-primary-on-background);
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
  color: var(--theme-text-secondary-on-background);
}

.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
  color: var(--theme-text-secondary-on-background);
}

/* Email user. */
.oo-ui-panelLayout-framed {
  border-color: var(--theme-border-color);
}

/* Special:Preferences. */
.oo-ui-labelWidget.oo-ui-inline-help {
  color: var(--theme-text-secondary-on-background);
}

.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,
.mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
  border: none;
}

.oo-ui-tabSelectWidget {
  background-color: transparent;
}

.oo-ui-tabOptionWidget {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  border: 0;
  border-radius: 0;
  color: var(--theme-text-primary-on-background);
  display: inline-flex;
  font-size: 1em;
  height: 2.5715em;
  justify-content: center;
  line-height: 2.5715em;
  font-weight: 700;
  letter-spacing: .0892857143em;
  margin: 0;
  padding: 0 1.7143em;
  text-align: center;
}

.oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
  background-color: rgba(var(--theme-dynamic-color--rgb), .08);
  color: var(--theme-on-background);
}

.oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
  background-color: rgba(var(--theme-dynamic-color--rgb), .16);
  color: var(--theme-on-background);
}

.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  background-color: transparent;
  color: var(--theme-color__light-blue);
}

.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected::after {
  background-color: currentColor;
  bottom: 0;
  content: '';
  height: 2px;
  position: absolute;
  width: calc(100% - 48px);
}

.oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
  background-color: rgba(var(--theme-color__light-blue--rgb), .08);
  color: var(--theme-color__light-blue);
}

.oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:active {
  background-color: rgba(var(--theme-color__light-blue--rgb), .16);
  color: var(--theme-color__light-blue);
}

.oo-ui-tabOptionWidget .oo-ui-labelElement-label {
  border: 0;
  padding: 0;
}

.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
  border: none;
}

.mw-prefs-buttons {
  background-color: var(--theme-background);
  border-color: var(--theme-border-color);
}

/* Special:Blocklist. */
.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  color: var(--theme-text-disabled-on-background);
}

/* Special:Search. */
.mw-search-profile-tabs {
  background-color: transparent;
  border-color: var(--theme-border-color);
}

.search-types .current a {
  color: var(--theme-text-on-background);
  cursor: pointer;
}

.search-types li::marker {
  content: initial;
}

/* Special:ActiveUsers. */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background-color: var(--theme-elevation-1dp_-_background-color);
  border-color: var(--theme-border-color);
  caret-color: var(--theme-text-primary-on-background);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
  border-color: var(--theme-border-color);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
  border-color: var(--theme-color__indigo);
  box-shadow: inset 0 0 0 1px var(--theme-color__indigo);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled {
  color: var(--theme-text-primary-on-background);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:focus,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:active {
  color: var(--theme-on-background);
}

/* Special:ChangeContentModel */
.oo-ui-fieldLayout-messages .oo-ui-fieldLayout-messages-error {
  color: var(--theme-color__red);
}

/* Components. */
/** Dialog. **/
.ui-dialog::before {
  animation: dialog-backdrop-fade-in 250ms 1;
  background-color: #000;
  content: '';
  height: 100%;
  left: 0;
  opacity: .38;
  position: fixed;
  pointer-events: none;
  top: 0;
  width: 100%;
  z-index: -1;
}

@-webkit-keyframes dialog-backdrop-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: .38;
  }
}

@keyframes dialog-backdrop-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: .38;
  }
}

body .ui-dialog {
  background-color: var(--theme-elevation-24dp_-_background-color);
  box-shadow: var(--theme-elevation-24dp_-_box-shadow);
  padding: 0;
}

.ui-widget-content {
  background: none;
  background-color: var(--theme-elevation-24dp_-_background-color);
  color: var(--theme-text-primary-on-background);
}

body .ui-dialog .ui-widget-header,
body .ui-dialog .ui-dialog-buttonpane {
  background: none !important;
  background-color: rgba(var(--theme-dynamic-color--rgb), .08) !important;
}

body .ui-dialog .ui-widget-header {
  border: 0;
  border-bottom: 1px solid var(--theme-border-color);
  color: var(--theme-on-background);
  font: 500 20px/32px sans-serif;
  letter-spacing: .25px;
  padding: 9px 24px !important;
}

.ui-dialog .ui-dialog-title {
  margin: 0 16px 0 0;
}

.wikiEditor-toolbar-dialog .ui-dialog-content {
  background-color: var(--theme-elevation-24dp_-_background-color);
  padding: 24px !important;
}

body .ui-dialog .ui-dialog-buttonpane {
  border-top: 1px solid var(--theme-border-color) !important;
}

body .wikiEditor-toolbar-dialog .ui-dialog-titlebar-close {
  height: 24px;
  right: 24px;
  top: calc(50% - 2px);
  width: 24px;
}

body .ui-dialog .ui-icon-closethick {
  height: inherit;
  margin: 0;
  width: inherit;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 0;
  background: none;
}

.previewnote {
  color: var(--theme-color__red);
}

/** Forms. **/
.mw-ui-vform .error,
.mw-ui-vform .warning,
.mw-ui-vform .errorbox,
.mw-ui-vform .warningbox,
.mw-ui-vform .successbox {
  padding: .5em 1em;
}

.mw-ui-vform .error,
.errorbox {
  background-color: rgba(var(--theme-color__red--rgb), .08);
  border: none;
  border-left: 4px solid var(--theme-color__red);
  color: rgba(var(--theme-color__red--rgb), .87);
}

.mw-ui-vform .warning,
.warningbox {
  background-color: rgba(var(--theme-color__orange--rgb), .08);
  border: none;
  border-left: 4px solid var(--theme-color__orange);
  color: rgba(var(--theme-color__orange--rgb), .87);
}

.mw-ui-vform .successbox,
.mw-ui-vform .success,
.successbox {
  background-color: rgba(var(--theme-color__green--rgb), .08);
  border: none;
  border-left: 4px solid var(--theme-color__green);
  color: rgba(var(--theme-color__green--rgb), .87);
}

.mw-infobox {
  border: 2px solid var(--theme-color__deep-orange);
}

/** Text input. **/
textarea,
input {
  border: 1px solid var(--theme-border-color);
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
  background-color: transparent;
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly],
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.mw-widget-dateInputWidget-handle,
.mw-ui-input {
  background-color: var(--theme-elevation-1dp_-_background-color);
  border-color: var(--theme-border-color);
  color: var(--theme-text-primary-on-background);
}

.mw-ui-input {
  box-shadow: none;
}

.mw-ui-input::-webkit-input-placeholder,
.mw-ui-input:-ms-input-placeholder,
.mw-ui-input::-moz-placeholder,
.mw-ui-input:-moz-placeholder,
.mw-ui-input::placeholder {
  color: var(--theme-text-secondary-on-background);
}

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

.mw-ui-input:focus {
  border-color: var(--theme-color__blue);
  box-shadow: inset 0 0 0 1px var(--theme-color__blue);
}

.mw-ui-input:disabled {
  border-color: var(--theme-border-color);
  color: var(--theme-text-disabled-on-background);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
  background-color: var(--theme-elevation-4dp_-_background-color);
  border-color: var(--theme-border-color);
  color: var(--theme-text-primary-on-background);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
  background-color: var(--theme-elevation-8dp_-_background-color);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
  border-color: var(--theme-color__light-blue);
  box-shadow: inset 0 0 0 1px var(--theme-color__light-blue);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
  box-shadow: inset 0 0 0 1px var(--theme-color__light-blue);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
  border-color: var(--theme-color__indigo);
  color: var(--theme-on-background);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
  border-color: var(--theme-border-color);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
  background-color: var(--theme-elevation-1dp_-_background-color);
  border-color: var(--theme-border-color);
  color: var(--theme-text-primary-on-background);
}

.mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle {
  color: var(--theme-text-secondary-on-background);
}

.oo-ui-pendingElement-pending {
  background-image: -webkit-linear-gradient(135deg, rgba(var(--theme-dynamic-color--rgb), .24) 25%, transparent 25%, transparent 50%, rgba(var(--theme-dynamic-color--rgb), .24) 50%, rgba(var(--theme-dynamic-color--rgb), .24) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(135deg, rgba(var(--theme-dynamic-color--rgb), .24) 25%, transparent 25%, transparent 50%, rgba(var(--theme-dynamic-color--rgb), .24) 50%, rgba(var(--theme-dynamic-color--rgb), .24) 75%, transparent 75%, transparent);
  background-image: linear-gradient(135deg, rgba(var(--theme-dynamic-color--rgb), .24) 25%, transparent 25%, transparent 50%, rgba(var(--theme-dynamic-color--rgb), .24) 50%, rgba(var(--theme-dynamic-color--rgb), .24) 75%, transparent 75%, transparent);
}

/** Buttons. **/
.mw-ui-button {
  background-color: var(--theme-elevation-2dp_-_background-color);
  color: var(--theme-on-background);
  border-color: var(--theme-elevation-2dp_-_background-color);
}

.mw-ui-button:visited {
  color: var(--theme-on-background);
}

.mw-ui-button:hover {
  background-color: var(--theme-elevation-4dp_-_background-color);
  color: var(--theme-on-background);
  border-color: var(--theme-elevation-4dp_-_background-color);
}

.mw-ui-button:focus {
  background-color: var(--theme-elevation-8dp_-_background-color);
  color: var(--theme-on-background);
  border-color: var(--theme-elevation-8dp_-_background-color);
  box-shadow: inset 0 0 0 1px var(--theme-color__indigo),
              inset 0 0 0 2px var(--theme-color__indigo);
  outline-width: 0;
}

.mw-ui-button:focus::-moz-focus-inner {
  border-color: transparent;
  padding: 0
}

.mw-ui-button:active,
.mw-ui-button.is-on {
  background-color: var(--theme-elevation-8dp_-_background-color);
  color: var(--theme-on-background);
  border-color: var(--theme-elevation-8dp_-_background-color);
}

.mw-ui-button:disabled,
.mw-ui-button:disabled:hover,
.mw-ui-button:disabled:active {
  background-color: var(--theme-elevation-1dp_-_background-color);
  color: var(--theme-text-disabled-on-background);
  border-color: var(--theme-elevation-1dp_-_background-color);
  box-shadow: none;
}

.mw-ui-button.mw-ui-quiet,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive {
  color: var(--theme-text-primary-on-background);
}

.mw-ui-button.mw-ui-quiet:hover,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover,
.mw-ui-button.mw-ui-quiet:active,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active,
.mw-ui-button.mw-ui-quiet:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {
  color: var(--theme-on-background);
}

.mw-ui-button.mw-ui-quiet:disabled,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:disabled,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:disabled,
.mw-ui-button.mw-ui-quiet:disabled:hover,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:disabled:hover,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:disabled:hover,
.mw-ui-button.mw-ui-quiet:disabled:active,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:disabled:active,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:disabled:active {
  color: var(--theme-text-disabled-on-background);
}

.mw-ui-button.mw-ui-progressive {
  background-color: var(--theme-color__light-blue);
  color: var(--theme-text-primary-on-background-inverse);
  border: 1px solid var(--theme-color__light-blue);
}

.mw-ui-button.mw-ui-progressive:hover {
  background-color: var(--theme-color__blue);
  border-color: var(--theme-color__blue);
}

.mw-ui-button.mw-ui-progressive:focus {
  box-shadow: inset 0 0 0 1px var(--theme-color__indigo),
              inset 0 0 0 2px var(--theme-color__indigo);
}

.mw-ui-button.mw-ui-progressive:active,
.mw-ui-button.mw-ui-progressive.is-on {
  background-color: var(--theme-color__indigo);
  border-color: var(--theme-color__indigo);
}

.mw-ui-button.mw-ui-progressive:disabled,
.mw-ui-button.mw-ui-progressive:disabled:hover,
.mw-ui-button.mw-ui-progressive:disabled:active {
  background-color: var(--theme-elevation-1dp_-_background-color);
  color: var(--theme-text-disabled-on-background);
  border-color: var(--theme-elevation-1dp_-_background-color);
}

.mw-ui-button.mw-ui-progressive.mw-ui-quiet {
  color: var(--theme-color__light-blue);
}

.mw-ui-button.mw-ui-progressive.mw-ui-quiet:hover {
  background-color: rgba(var(--theme-color__blue--rgb), .08);
  color: var(--theme-color__blue);
}

.mw-ui-button.mw-ui-progressive.mw-ui-quiet:focus,
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:active {
  background-color: rgba(var(--theme-color__indigo--rgb), .16);
  color: var(--theme-color__indigo);
}

.mw-ui-button.mw-ui-destructive {
  background-color: var(--theme-color__red);
  color: rgba(var(--theme-color__red--rgb), .87);
  border-color: var(--theme-color__red);
}

.mw-ui-button.mw-ui-destructive:hover {
  background-color: var(--theme-color__red);
  color: var(--theme-color__red);
  border-color: var(--theme-color__red);
}

.mw-ui-button.mw-ui-destructive:focus {
  box-shadow: inset 0 0 0 1px var(--theme-color__red),
              inset 0 0 0 2px currentColor;
}

.mw-ui-button.mw-ui-destructive:active,
.mw-ui-button.mw-ui-destructive.is-on {
  background-color: rgba(var(--theme-color__red--rgb), .8);
  border-color: rgba(var(--theme-color__red--rgb), .8);
}

.mw-ui-button.mw-ui-destructive:disabled,
.mw-ui-button.mw-ui-destructive:disabled:hover,
.mw-ui-button.mw-ui-destructive:disabled:active {
  background-color: var(--theme-elevation-1dp_-_background-color);
  color: var(--theme-text-disabled-on-background);
  border-color: var(--theme-elevation-1dp_-_background-color);
}

.mw-ui-button.mw-ui-destructive.mw-ui-quiet {
  color: rgba(var(--theme-color__red--rgb), .87);
}

.mw-ui-button.mw-ui-destructive.mw-ui-quiet:hover {
  background-color: rgba(var(--theme-color__red--rgb), .08);
  color: var(--theme-color__red);
}

.mw-ui-button.mw-ui-destructive.mw-ui-quiet:active,
.mw-ui-button.mw-ui-destructive.mw-ui-quiet:focus {
  background-color: rgba(var(--theme-color__red--rgb), .16);
  color: var(--theme-color__red);
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  background-color: var(--theme-elevation-1dp_-_background-color);
  color: var(--theme-text-disabled-on-background);
  border-color: var(--theme-border-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
  background-color: var(--theme-elevation-8dp_-_background-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  background-color: var(--theme-elevation-2dp_-_background-color);
  color: var(--theme-text-primary-on-background);
  border-color: var(--theme-border-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
  background-color: var(--theme-elevation-4dp_-_background-color);
  color: var(--theme-text-primary-on-background);
  border-color: var(--theme-border-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  background-color: var(--theme-elevation-8dp_-_background-color);
  color: var(--theme-on-background);
  border-color: var(--theme-border-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
  border-color: var(--theme-color__blue);
  box-shadow: inset 0 0 0 1px var(--theme-color__blue);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
  background-color: var(--theme-color__indigo);
  color: var(--theme-dynamic-color__inverse);
  border-color: var(--theme-color__indigo);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
  border-color: var(--theme-color__blue);
  box-shadow: inset 0 0 0 1px var(--theme-color__blue),
              inset 0 0 0 2px var(--theme-color__blue);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  color: var(--theme-color__light-blue);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  background-color: rgba(var(--theme-color__blue--rgb), .16);
  border-color: var(--theme-color__blue);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
  background-color: var(--theme-elevation-1dp_-_background-color);
  color: var(--theme-color__indigo);
  border-color: var(--theme-color__indigo);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus {
  background-color: rgba(var(--theme-color__indigo--rgb), .24);
  color: var(--theme-color__blue);
  border-color: var(--theme-color__blue);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
  border-color: var(--theme-color__blue);
  box-shadow: inset 0 0 0 1px var(--theme-color__blue);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
  color: var(--theme-color__red);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
  background-color: rgba(var(--theme-color__red--rgb), .16);
  border-color: var(--theme-color__red);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
  background-color: rgba(var(--theme-color__red--rgb), .24);
  color: var(--theme-color__red);
  border-color: var(--theme-color__red);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
  border-color: var(--theme-color__red);
  box-shadow: inset 0 0 0 1px var(--theme-color__red);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  color: var(--theme-dynamic-color__inverse);
  background-color: var(--theme-color__light-blue);
  border-color: var(--theme-color__light-blue);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  background-color: var(--theme-color__blue);
  border-color: var(--theme-color__blue);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
  color: var(--theme-dynamic-color__inverse);
  background-color: var(--theme-color__indigo);
  border-color: var(--theme-color__indigo);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
  border-color: var(--theme-color__blue);
  box-shadow: inset 0 0 0 1px var(--theme-color__blue)/*, inset 0 0 0 2px #fff*/;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-iconElement > .oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus {
  border-color: var(--theme-color__blue);
  box-shadow: inset 0 0 0 1px var(--theme-color__blue);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
  color: var(--theme-dynamic-color__inverse);
  background-color: var(--theme-color__red);
  border-color: var(--theme-color__red);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
  background-color: var(--theme-color__red);
  border-color: var(--theme-color__red);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
  color: var(--theme-dynamic-color__inverse);
  background-color: rgba(var(--theme-color__red--rgb), .8);
  border-color: rgba(var(--theme-color__red--rgb), .8);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
  border-color: var(--theme-color__red);
  box-shadow: inset 0 0 0 1px var(--theme-color__red),
              inset 0 0 0 2px currentColor;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
  color: var(--theme-text-secondary-on-background);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
  color: var(--theme-text-secondary-on-background);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  color: var(--theme-text-secondary-on-background);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  color: var(--theme-color__light-blue);
}

body .ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: none !important;
  background-color: var(--theme-elevation-2dp_-_background-color) !important;
  border-color: var(--theme-border-color) !important;
  box-shadow: var(--theme-elevation-2dp_-_box-shadow);
  color: var(--theme-text-primary-on-background) !important;
  transition: background-color 75ms var(--standard-curve-timing-function), box-shadow var(--theme-elevation_-_-shadow-transition);
}

body .ui-button:hover {
  background: none !important;
  background-color: var(--theme-elevation-4dp_-_background-color) !important;
  border-color: var(--theme-border-color) !important;
  box-shadow: var(--theme-elevation-4dp_-_box-shadow);
}

body .ui-button:focus,
body .ui-button:active {
  background: none !important;
  background-color: var(--theme-elevation-8dp_-_background-color) !important;
  border-color: var(--theme-border-color) !important;
  box-shadow: var(--theme-elevation-8dp_-_box-shadow);
  color: var(--theme-on-background) !important;
}

.ui-dialog .ui-dialog-buttonpane button:not(:last-child) {
  margin-right: 12px;
}

.ui-dialog .ui-dialog-buttonpane button:last-child {
  margin-right: 0;
}

/** Checkbox. **/
.mw-ui-checkbox:not(#noop) [type='checkbox'] + label::before,
.oo-ui-checkboxInputWidget [type='checkbox'] + span,
input[type="checkbox" i] {
  background-color: var(--theme-elevation-1dp_-_background-color);
  border-color: var(--theme-border-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
  border-color: var(--theme-color__light-blue);
  box-shadow: inset 0 0 0 1px var(--theme-color__light-blue);
}

.mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:hover + label::before,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
  border-color: var(--theme-color__light-blue);
}

.mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:active + label::before,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
  background-color: var(--theme-color__indigo);
  border-color: var(--theme-color__indigo);
  box-shadow: inset 0 0 0 1px var(--theme-color__indigo);
}

.mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked + label::before,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span {
  background-color: var(--theme-color__light-blue);
  border-color: var(--theme-color__light-blue);
}

.mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:focus + label::before,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span {
  background-color: var(--theme-color__blue);
  border-color: var(--theme-color__blue);
  box-shadow: inset 0 0 0 1px var(--theme-color__blue)/*, inset 0 0 0 2px #fff*/;
}

.mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:hover + label::before,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span {
  background-color: var(--theme-color__blue);
  border-color: var(--theme-color__blue);
}

.mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:active + label::before,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span {
  background-color: var(--theme-color__indigo);
  border-color: var(--theme-color__indigo);
  box-shadow: inset 0 0 0 1px var(--theme-color__indigo);
}

.mw-ui-checkbox:not(#noop) [type='checkbox']:disabled + label::before {
  background-color: var(--theme-background);
  border-color: var(--theme-border-color);
}

.mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:focus + label::before {
  border-color: var(--theme-color__indigo);
  box-shadow: inset 0 0 0 1px var(--theme-color__indigo);
}

/** Radio buttons. **/
.oo-ui-radioInputWidget [type='radio'] + span {
  background-color: var(--theme-elevation-1dp_-_background-color);
  border-color: var(--theme-border-color);
}

.oo-ui-radioInputWidget [type='radio']:disabled + span {
  background-color: var(--theme-elevation-1dp_-_background-color);
  border-color: var(--theme-border-color);
  opacity: .38;
}

.oo-ui-radioInputWidget [type='radio']:disabled:checked + span {
  background-color: var(--theme-elevation-1dp_-_background-color);
  border-color: var(--theme-border-color);
  opacity: .6;
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
  border-color: var(--theme-color__blue);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
  background-color: rgba(var(--theme-color__indigo--rgb), .24);
  border-color: var(--theme-color__indigo);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:focus + span {
  border-color: var(--theme-color__light-blue);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
  border-color: var(--theme-color__light-blue);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span::before {
  border-color: var(--theme-border-color);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
  border-color: var(--theme-color__blue);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {
  border-color: var(--theme-color__indigo);
  box-shadow: inset 0 0 0 1px var(--theme-color__indigo);
}

/** Select menu. **/
.wikiEditor-ui-toolbar .group .tool-select {
  background-color: var(--theme-elevation-1dp_-_background-color);
  border-color: var(--theme-border-color);
}

.wikiEditor-ui-toolbar .group .tool-select .label {
  color: var(--theme-text-primary-on-background);
}

.wikiEditor-ui-toolbar .group .tool-select .menu .options {
  background-color: var(--theme-elevation-1dp_-_background-color);
  border-color: var(--theme-border-color);
}

.wikiEditor-ui-toolbar .group .tool-select .options .option {
  color: var(--theme-text-primary-on-background);
}

.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
  background-color: rgba(var(--theme-dynamic-color--rgb), .08);
}

.wikiEditor-ui-toolbar .group .tool-select .options .option:focus,
.wikiEditor-ui-toolbar .group .tool-select .options .option:active {
  background-color: rgba(var(--theme-dynamic-color--rgb), .16);
}

.oo-ui-menuSelectWidget {
  background-color: var(--theme-elevation-1dp_-_background-color);
  border-color: var(--theme-border-color);
}

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
  color: var(--theme-text-primary-on-background);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
  background-color: rgba(var(--theme-dynamic-color--rgb), .08);
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected),
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
  background-color: rgba(var(--theme-dynamic-color--rgb), .24);
  color: var(--theme-on-background);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
  outline: 0;
  border-color: var(--theme-color__light-blue);
  box-shadow: inset 0 0 0 1px var(--theme-color__light-blue);
}

.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
  border-color: var(--theme-color__light-blue--rgb);
  box-shadow: inset 0 0 0 1px var(--theme-color__light-blue)/*, inset 0 0 0 2px #fff*/;
}

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
  border-color: var(--theme-color__light-blue--rgb);
}

@media screen and (min-width: 0) {
  .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {
    outline:1px solid var(--theme-color__light-blue);
  }

  .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea.oo-ui-inputWidget-input:focus {
    outline-color: var(--theme-color__red--rgb);
  }
}

.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
  border-color: var(--theme-error);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover {
  border-color: var(--theme-error);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus {
  border-color: var(--theme-error);
  box-shadow: inset 0 0 0 1px var(--theme-error);
}

/*** "Snackbar" design for notifications. ***/
/**** Layout. ****/
.postedit-container,
.wds-banner-notification__container {
  align-items: center;
  bottom: 24px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  font-size: initial;
  /*height: 48px;*/
  justify-content: flex-start;
  left: 0;
  margin: 8px;
  max-width: 672px;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: unset;
  z-index: 5000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/**** Inner layout. ****/
.postedit-container .postedit,
.wds-banner-notification {
  align-items: center;
  animation: snackbar-open 150ms 1 0s, snackbar-close 75ms 1 3225ms;
  background-color: var(--theme-elevation-6dp_-_background-color);
  border: 0;
  border-radius: 4px;
  box-shadow: var(--theme-elevation-6dp_-_box-shadow);
  box-sizing: border-box;
  color: var(--theme-text-primary-on-background);
  display: flex;
  left: unset;
  margin: 0;
  max-width: 672px;
  opacity: 1;
  padding: 0;
  position: relative;
  top: unset;
  transform: none;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

/**** Exclusive to notifications. ****/
/***** Removes the 'check' icon at the start of the notificaiton. *****/
.wds-banner-notification__icon {
  position: fixed;
  left: 1000vw;
}

/***** Close button styling. *****/
.wds-banner-notification__close {
  border: 0;
  margin-inline-end: 8px;
  pointer-events: initial;
}

/**** Exclusive 'Saved edit' notification styling. ****/
/***** Adds 'ripple' effect element. *****/
.postedit-container .postedit::before {
  background-color: var(--theme-on-background);
  border-radius: 50%;
  content: '';
  height: 36px;
  opacity: 0;
  right: 14px;
  position: absolute;
  top: 6px;
  transition: opacity 75ms linear;
  width: 36px;
}

/****** Adds 'ripple' interactivity effect on hover and focus/active. ******/
.postedit-container .postedit:hover::before {
  opacity: 0.08;
}

.postedit-container .postedit:focus::before,
.postedit-container .postedit:active::before {
  opacity: 0.24;
}

/***** Adds and pseudo 'close' button element. *****/
.postedit-container .postedit::after {
  align-items: flex-end;
  background: none;
  border-radius: 50%;
  content: url("data:image/svg+xml,%3Csvg height='18px' viewBox='0 0 24 24' width='18px' fill='%23fff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 0 0 0 8px;
  opacity: 1;
  padding: 8px;
  pointer-events: initial;
  height: 30px;
  width: 30px;
  position: relative;
  right: 0;
  top: 1px;
}

/***** Removes checkmark icon. *****/
.postedit-icon-checkmark {
  background-image: none;
}

.postedit-icon {
  padding: 14px 16px;
  line-height: 1;
  font: 500 14px/20px sans-serif;
  letter-spacing: .25px;
}

@-webkit-keyframes snackbar-open {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes snackbar-open {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes snackbar-close {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes snackbar-close {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
}

/** Date picker/Calendar. **/
.mw-widget-dateInputWidget-calendar {
  background-color: var(--theme-elevation-12dp_-_background-color);
  border: none;
  border-radius: 4px;
  box-shadow: var(--theme-elevation-12dp_-_box-shadow);
  height: 25.75rem;
  width: 20.5rem;
  z-index: 12;
}

.mw-widget-calendarWidget-header {
  background: rgba(var(--theme-color__light-blue--rgb), .16);
  border-radius: 4px 4px 0 0;
  line-height: unset;
  padding: 1rem 1.5rem;
  position: relative;
}

.mw-widget-calendarWidget-header::before {
  content: 'Select date';
  font: 500 12px/32px Roboto, Noto, sans-serif;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.mw-widget-calendarWidget-header .mw-widget-calendarWidget-labelButton {
  bottom: -2rem;
  margin: 0;
  position: absolute;
}

.mw-widget-calendarWidget-header .mw-widget-calendarWidget-labelButton {
  width: 8.5rem;
}

.mw-widget-calendarWidget-header .mw-widget-calendarWidget-labelButton .oo-ui-buttonElement-button {
  max-width: 8.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-align: initial;
  text-overflow: ellipsis;
  width: initial;
}

.mw-widget-calendarWidget-header .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button {
  border: none;
  padding: 0;
}

.mw-widget-calendarWidget-header .mw-widget-calendarWidget-labelButton .oo-ui-buttonElement-button .oo-ui-labelElement-label {
  font: 400 14px/1 Rooto, Arial, sans-serif;
}

.mw-widget-calendarWidget-header .mw-widget-calendarWidget-upButton {
  bottom: -2.25rem;
  right: 7.5rem;
}

.mw-widget-calendarWidget-header .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
  border: 0;
  height: 1.5rem;
  padding: 0;
  width: 1.5rem;
}

.mw-widget-calendarWidget-header .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  left: .125rem;
}

.mw-widget-calendarWidget-header .oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
  bottom: -2.25rem;
  float: none;
  position: absolute;
  right: 4.5rem;
}

.mw-widget-calendarWidget-header .mw-widget-calendarWidget-nextButton {
  bottom: -2.25rem;
  float: none;
  position: absolute;
  right: 1.5rem;
}

.mw-widget-calendarWidget-body-outer-wrapper {
  height: 17.5rem;
  margin: 3.5rem .75rem 0;
  width: 19rem;
}

.mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body {
  column-gap: .25rem;
  grid-column-gap: .25rem;
}

.mw-widget-calendarWidget-day,
.mw-widget-calendarWidget-day-heading,
.mw-widget-calendarWidget-day:nth-child(7n),
.mw-widget-calendarWidget-day-heading:nth-child(7n),
.mw-widget-calendarWidget-day:nth-child(7n+1),
.mw-widget-calendarWidget-day-heading:nth-child(7n+1),
.mw-widget-calendarWidget-day:nth-child(42) ~ .mw-widget-calendarWidget-day,
.mw-widget-calendarWidget-day:nth-child(42) ~ .mw-widget-calendarWidget-day-heading,
.mw-widget-calendarWidget-day-heading:nth-child(42) ~ .mw-widget-calendarWidget-day,
.mw-widget-calendarWidget-day-heading:nth-child(42) ~ .mw-widget-calendarWidget-day-heading,
.mw-widget-calendarWidget-month:nth-child(2n),
.mw-widget-calendarWidget-month:nth-child(2n+1),
.mw-widget-calendarWidget-month:nth-child(10) ~ .mw-widget-calendarWidget-month,
.mw-widget-calendarWidget-year:nth-child(5n),
.mw-widget-calendarWidget-year:nth-child(5n+1),
.mw-widget-calendarWidget-year,
.mw-widget-calendarWidget-year:nth-child(15) ~ .mw-widget-calendarWidget-year {
  line-height: 1;
  margin: 0;
}

.mw-widget-calendarWidget-day,
.mw-widget-calendarWidget-day-heading {
  border-radius: 50%;
  height: 2.5rem;
  width: 2.5rem;
}

.mw-widget-calendarWidget-day,
.mw-widget-calendarWidget-day-heading {
  box-sizing: border-box;
  font: 400 .875rem/1 Roboto, Arial, sans-serif;
  padding: .875rem 0;
}

.mw-widget-calendarWidget-day {
  color: var(--theme-text-primary-on-background);
}

.mw-widget-calendarWidget-day-heading {
  color: var(--theme-text-secondary-on-background);
}

.mw-widget-calendarWidget-day-additional {
  color: var(--theme-text-disabled-on-background);
}

.mw-widget-calendarWidget-item:hover {
  background-color: rgba(var(--theme-color__blue--rgb), .16);
}

.mw-widget-calendarWidget-item:active {
  background-color: rgba(var(--theme-color__blue--rgb), .24);
}

.mw-widget-calendarWidget-item-selected,
.mw-widget-calendarWidget-item-selected:hover {
  background-color: var(--theme-color__blue);
  color: #000;
}

.mw-widget-calendarWidget-day-additional:hover {
  background-color: rgba(var(--theme-color__blue--rgb), .08);
  color: var(--theme-text-secondary-on-background);
}

.mw-widget-calendarWidget-day-additional:active {
  background-color: rgba(var(--theme-color__blue--rgb), .16);
}

.mw-widget-calendarWidget-body-wrapper-fade-up,
.mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body {
  height: 17.5rem;
  width: 18rem;
}


.mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body.mw-widget-calendarWidget-body-year,
.mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body.mw-widget-calendarWidget-body-duodecade {
  gap: 4px 8px;
  grid-gap: 4px 8px;
}

.mw-widget-calendarWidget-month:nth-child(2n),
.mw-widget-calendarWidget-month:nth-child(2n+1) {
  border-radius: 24px;
  box-sizing: border-box;
  padding: .875rem 0;
  width: calc(9.5rem - 4px);
}

.mw-widget-calendarWidget-body-wrapper-fade-down .mw-widget-calendarWidget-body:first-child {
  margin-top: -17.5rem !important;
}

.mw-widget-calendarWidget-body-wrapper-fade-next .mw-widget-calendarWidget-body:first-child {
  margin-left: -19rem !important;
}

.mw-widget-calendarWidget-year {
  border-radius: 24px;
  box-sizing: border-box;
  height: 3.25rem;
  padding: 1.25rem 0;
  width: 4.375rem;
}

.mw-widget-calendarWidget-year:nth-child(5n),
.mw-widget-calendarWidget-year:nth-child(5n+1) {
  width: 4.375rem;
}

.mw-widget-calendarWidget-body-duodecade {
  grid-template-columns: auto auto auto auto;
}

@media only screen and (min-width: 1200px), only screen and (max-height: 480px) {
  .mw-widget-dateInputWidget-calendar {
    height: 17.5rem;
    width: 16rem;
  }

  .mw-widget-calendarWidget-header .mw-widget-calendarWidget-labelButton {
    width: 6.5rem;
  }

  .mw-widget-calendarWidget-header .mw-widget-calendarWidget-labelButton .oo-ui-buttonElement-button {
    max-width: 6.5rem;
  }

  .mw-widget-calendarWidget-header .mw-widget-calendarWidget-nextButton {
    right: .5rem;
  }

  .mw-widget-calendarWidget-header .oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
    right: 3.5rem;
  }

  .mw-widget-calendarWidget-header .mw-widget-calendarWidget-upButton {
    right: 6.5rem;
  }

  .mw-widget-calendarWidget-body-wrapper-fade-previous,
  .mw-widget-calendarWidget-body-wrapper-fade-next {
    width: 28rem;
    height: 13.75rem;
  }

  .mw-widget-calendarWidget-body-wrapper-fade-next .mw-widget-calendarWidget-body:first-child {
      margin-left: -14rem !important;
  }

  .mw-widget-calendarWidget-body-wrapper-fade-down .mw-widget-calendarWidget-body:first-child {
    margin-top: -14rem !important;
  }

  .mw-widget-calendarWidget-header {
    background-color: transparent;
    padding: 0 .5rem 0 1.5rem;
  }

  .mw-widget-calendarWidget-header::before {
    content: unset;
  }

  .mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body {
    gap: 0;
    grid-gap: 0;
  }

  .mw-widget-calendarWidget-body-outer-wrapper {
    margin: 3.25rem 1rem 0;
    width: 14rem;
    height: 13.75rem;
  }

  .mw-widget-calendarWidget-body-wrapper-fade-up, .mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body {
    width: 14rem;
    height: 13.75rem;
  }

  .mw-widget-calendarWidget-day,
  .mw-widget-calendarWidget-day-heading,
  .mw-widget-calendarWidget-day:nth-child(7n),
  .mw-widget-calendarWidget-day-heading:nth-child(7n),
  .mw-widget-calendarWidget-day:nth-child(7n+1),
  .mw-widget-calendarWidget-day-heading:nth-child(7n+1) {
    height: 1.75rem;
    margin: .125rem;
    padding: .563rem 0;
    width: 1.75rem;
  }

  .mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body.mw-widget-calendarWidget-body-year,
  .mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body.mw-widget-calendarWidget-body-duodecade {
    gap: 0;
    grid-gap: 0;
  }

  .mw-widget-calendarWidget-body-wrapper-fade-up,
  .mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body-year {
    width: 14rem;
  }

  .mw-widget-calendarWidget-body-wrapper .mw-widget-calendarWidget-body.mw-widget-calendarWidget-body-duodecade {
    gap: 0 .25rem;
    grid-gap: 0 .25rem;
    grid-template-columns: auto auto auto auto;
    place-items: center;
  }

  .mw-widget-calendarWidget-month:nth-child(2n),
  .mw-widget-calendarWidget-month:nth-child(2n+1) {
    padding: .675rem;
    width: 7rem;
  }

  .mw-widget-calendarWidget-year:nth-child(5n),
  .mw-widget-calendarWidget-year:nth-child(5n+1),
  .mw-widget-calendarWidget-year {
    height: 1.75rem;
    padding: .5rem 0;
    width: 3.25rem;
  }
}

/** Accordion. **/
/*** Layout and base colors. ***/
.mat-accordion {
  --accordion-border-color: #dadce0;
  --accordion-header-background-color: #fff;
  --accordion-header-background-color--hover: #efefef;
  --accordion-link-color:  #3367d6;
  --accordion-link-list-background-color: #e8f0fe;
  --accordion-link-list-background-color--hover: #d2e3fc;
  --accordion-text-header-background-color--active: #f1f3f4;
}

.wikitable .mat-accordion {
  margin: 0;
}

/**** Adds arrow icons inside of the previously created pseudo-elements. ****/
/***** Closed / down arrow.  *****/
.mat-accordion .dialogue-table .mw-collapsible-toggle-default::after,
.mat-accordion .dialogue-table .mw-collapsible-toggle-collapsed::after {
  background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%233367d6%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M7.41%208.59L12%2013.17l4.59-4.58L18%2010l-6%206-6-6%201.41-1.41z%22%2F%3E%3C%2Fsvg%3E");
}

/***** Opened / up arrow. *****/
.mat-accordion .dialogue-table .mw-collapsible-toggle-expanded::after {
  background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%233367d6%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M7.41%2015.41L12%2010.83l4.59%204.58L18%2014l-6-6-6%206z%22%2F%3E%3C%2Fsvg%3E");
}

/*** Dark theme colors. ***/
.mat-accordion {
  --accordion-background-color: var(--theme-background);
  --accordion-border-color: var(--theme-border-color);
  --accordion-header-background-color: var(--theme-background);
  --accordion-header-background-color--hover: rgba(var(--theme-dynamic-color--rgb), .06);
  --accordion-link-color: #8ab4f8;
  --accordion-link-list-background-color: rgba(var(--theme-dynamic-color--rgb), .03);
  --accordion-link-list-background-color--hover: rgba(var(--theme-dynamic-color--rgb), .08);
  --accordion-text-header-background-color--active: #3c4043;
  align-items: flex-start;
  border-radius: 0.5rem;
  display: flex;
  flex: 100%;
  flex-direction: column;
  margin: 2.625rem 0 0;
}

/**** Adds arrow icons inside of the previously created pseudo-elements. ****/
/***** Closed / down arrow.  *****/
.mat-accordion .dialogue-table .mw-collapsible-toggle-default::after,
.mat-accordion .dialogue-table .mw-collapsible-toggle-collapsed::after {
  background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%238ab4f8%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M7.41%208.59L12%2013.17l4.59-4.58L18%2010l-6%206-6-6%201.41-1.41z%22%2F%3E%3C%2Fsvg%3E");
}

/***** Opened / up arrow. *****/
.mat-accordion .dialogue-table .mw-collapsible-toggle-expanded::after {
  background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%238ab4f8%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M7.41%2015.41L12%2010.83l4.59%204.58L18%2014l-6-6-6%206z%22%2F%3E%3C%2Fsvg%3E");
}

.mw-body .mat-accordion.list-accordion ul li::marker {
  content: none;
}

.versions-table .mat-accordion:first-child .mw-collapsible-toggle {
  border: 0;
}

.versions-table 

/**** Links' styles. ****/
.mat-accordion.list-accordion tr:last-child a,
.mat-accordion.list-accordion tr:last-child a:is(:hover, :focus),
.mat-accordion .mw-collapsible-toggle:is(:hover, :focus, :focus-within) a {
  color: var(--accordion-link-color);
}

.mw-parser-output .mat-accordion .external {
  background-image: none;
}

/**** List/dialog accordions' layout. ****/
.mat-accordion .dialogue-table {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

.mat-accordion .dialogue-table :is(tbody,
tr,
td) {
  display: inherit;
  width: 100%;
  justify-content: stretch;
  padding: 0;
}

.mat-accordion .dialogue-table tbody {
  flex-direction: column;
}

/**** Dialog accordion - header styles. ****/
.mat-accordion .dialogue-table .mw-collapsible-toggle-default {
  background-color: var(--theme-page-background-color);/*var(--accordion-link-list-background-color)*/
  position: relative;
  width: 100%;
}

.mat-accordion .dialogue-table .mw-collapsible-toggle-default::before {
  content: initial;
}

/****
* Adds pseudo-elements to both accordion types, so then we can add the arrow
* buttons inside of those.
****/
.mat-accordion .dialogue-table .mw-collapsible-toggle-default::after,
.mat-accordion .dialogue-table .mw-collapsible-toggle-collapsed::after,
.mat-accordion .dialogue-table .mw-collapsible-toggle-expanded::after {
  color: var(--accordion-link-color);
  content: '';
  display: inline-block;
  height: 1.25rem;
  position: absolute;
  right: 1.75rem;
  top: 1rem;
  width: 1.25rem;
}

/**** Dialog accordion - more header styles. ****/
.mat-accordion .dialogue-table .mw-collapsible-toggle-default .mw-collapsible-text {
  color: var(--theme-text-primary-on-background);
  display: flex;
  font: 500 0.875rem/1.25rem var(--theme-font-2);
  padding: 1rem 3.25rem 1rem 4rem;
  text-decoration: none;
}

.mat-accordion .dialogue-table :is(.mw-collapsible-toggle-collapsed,
.mw-collapsible-toggle-expanded) {
  outline: 0;
}

.mat-accordion .dialogue-table .mw-collapsible-toggle-collapsed:is(:hover, :focus) {
  background-color: var(--accordion-header-background-color--hover);
}

/**** Adds outer border to the whole List accordion. ****/
.mat-accordion.list-accordion {
  border: thin solid var(--accordion-border-color);
}

/**** List accordion - adds borders to the first element of the list. ****/
.mat-accordion.list-accordion .dialogue-table:first-child .mw-collapsible-toggle-default {
  border-top: none;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

/**** List accordion - fix last element of the list's borders. ****/
.mat-accordion.list-accordion .dialogue-table:last-child .mw-collapsible-toggle-default {
  border-bottom: none;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.mat-accordion.list-accordion .dialogue-table:last-child tr:last-child {
  border: none;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

/**** Adds borders to each header of the list. ****/
.mat-accordion.list-accordion .mw-collapsible-toggle-default {
  border-bottom: thin solid var(--accordion-border-color);
}

.mat-accordion.list-accordion tr:last-child {
  background-color: var(--accordion-link-list-background-color);
  border-bottom: thin solid var(--accordion-border-color);
}

.mat-accordion.list-accordion tr:last-child ul {
  margin: 10px 0;
  width: 100%;
}

.mat-accordion.list-accordion tr:last-child li {
  color: var(--theme-text-on-background);
  line-height: 0.875rem;
  list-style-type: none;
  margin: 0;
}

.mat-accordion.list-accordion tr:last-child a {
  display: block;
  font-weight: 400;
  padding: 0.625rem 4rem;
  text-decoration: none;
}

/**** List accordion - interactivity styles for the headers. ****/
.mat-accordion.list-accordion tr:last-child a:is(:hover, :focus) {
  background-color: var(--accordion-link-list-background-color--hover);
  outline: none;
}

.mat-accordion.text-accordion .mw-collapsible-toggle-default {
  border-top: 0.0625rem solid var(--accordion-border-color);
  z-index: 1;
}

.mat-accordion.text-accordion .mw-collapsible-toggle-default .mw-collapsible-text {
  background-color: transparent;
  color: var(--accordion-link-color);
  font: normal 1rem/1.5rem var(--theme-font-2);
  padding: 1rem 3.125rem 1rem 1rem;
}

.mat-accordion.text-accordion .mw-collapsible-toggle-default:not(.mw-collapsible-toggle-collapsed) .mw-collapsible-text {
  background-color: var(--theme-background);
}

.mat-accordion.text-accordion .mw-collapsible-toggle-default .mw-collapsible-text:active {
  background-color: var(--accordion-text-header-background-color--active);
}

.mat-accordion.text-accordion tr:last-child td {
  flex-direction: column;
  padding: 0.0625rem 1.625rem 1.1875rem 2.125rem;
  position: relative;
}

.mat-accordion.text-accordion tr:last-child td::before {
  background-color: var(--accordion-border-color);
  content: '';
  height: 100%;
  left: 1.125rem;
  position: absolute;
  top: -1.1875rem;
  width: 0.125rem;
  z-index: 0;
}

.mat-accordion.text-accordion tr:last-child p {
  margin: 0.25rem 0 0.75rem;
  line-height: 1.25rem;
}

/* Templates. */
/** Template:Delete. **/
.delete-notice {
  background-color: rgba(var(--theme-color__red--rgb), .08);
  border-left: 4px solid var(--theme-color__red);
  margin-bottom: 1.5em;
  padding: .5em 1.5em;
}

.delete-notice .headline-text {
  font-size: 1.25em;
  font-weight: 700;
}

/* Footer. */
#footer {
  padding: 0 0 16px;
}

#footer ul li {
  color: var(--theme-text-secondary-on-background);
}

/* Versions table. */
.versions-table tr > td:nth-child(2) {
  text-align: center;
}

.foo { display: none; }