/* ==UserStyle==
@name NixOS Wiki Catppuccin
@namespace github.com/Sebagabones/userstyles/styles/wiki.nixos.org
@homepageURL https://github.com/Sebagabones/userstyles/tree/main/styles/wiki.nixos.org
@version 2025.09.06
@supportURL https://github.com/Sebagabones/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awiki.nixos.org
@updateURL https://github.com/Sebagabones/userstyles/raw/main/styles/wiki.nixos.org/catppuccin.user.less
@description Soothing pastel theme for NixOS Wiki
@author Catppuccin
@license MIT

@preprocessor less
@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"]
@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"]
@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"]
@var checkbox highlight-redirect "Highlight redirect links" 0
==/UserStyle== */

@import "https://raw.githubusercontent.com/Sebagabones/userstyles/refs/heads/main/lib/lib.less";

@-moz-document domain("wiki.nixos.org") {
  @import url("https://python.catppuccin.com/pygments/catppuccin-variables.important.css");

  :root {
    @media (prefers-color-scheme: light) {
      #catppuccin(@lightFlavor);
    }
    @media (prefers-color-scheme: dark) {
      #catppuccin(@darkFlavor);
    }
  }

  #catppuccin(@flavor) {
    #lib.palette();
    #lib.defaults();
    #lib.css-variables();

    --background-color-base: @base;
    --home-panel-heading-background: @mantle;
    --home-panel-border-color: @surface0;
    --table-border-color: @crust;
    --table-header-background: @surface1;
    --table-even-background: @surface2;

    background-color: @base;

    body,
    .vector-feature-zebra-design-enabled .vector-header-container .mw-header,
    .vector-feature-zebra-design-enabled .mw-page-container,
    .vector-feature-zebra-design-enabled .vector-pinned-container,
    .vector-feature-zebra-design-enabled
      .vector-dropdown
      .vector-dropdown-content,
    .uls-lcd,
    .uls-search,
    .uls-filtersuggestion,
    #uls-settings-block.uls-settings-block--vector-2022.uls-settings-block--with-add-languages,
    .app-badges .footer-sidebar-content,
    .pure-form input[type="search"],
    .suggestions-dropdown,
    .cdx-menu,
    .vector-header-container .mw-header,
    .mw-page-container,
    .vector-pinned-container,
    .vector-header-container .vector-sticky-header,
    .mw-mmv-image,
    .mw-body,
    .frb-form-wrapper,
    .mw-echo-ui-placeholderItemWidget,
    .oo-ui-popupWidget-popup,
    .mw-echo-ui-notificationItemWidget,
    .oo-ui-optionWidget-selected {
      background-color: @base;
    }

    body,
    .mw-heading,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .vector-feature-zebra-design-enabled body,
    .vector-feature-zebra-design-enabled
      .vector-toc
      .vector-toc-list-item-active
      > .vector-toc-link,
    .vector-feature-zebra-design-enabled
      .vector-toc
      .vector-toc-level-1-active:not(.vector-toc-list-item-expanded)
      > .vector-toc-link,
    .vector-feature-zebra-design-enabled
      .vector-toc
      .vector-toc-list-item-active.vector-toc-level-1-active
      > .vector-toc-link,
    .vector-menu-tabs .mw-list-item.selected a,
    .vector-menu-tabs .mw-list-item.selected a:visited,
    .cdx-button:enabled,
    .cdx-button.cdx-button--fake-button--enabled,
    .mw-footer li,
    .vector-feature-zebra-design-enabled
      .vector-toc
      .vector-toc-level-1-active:not(.vector-toc-list-item-active)
      > .vector-toc-link,
    .central-featured-lang small,
    .footer-sidebar-text,
    .other-project-tagline,
    .site-license,
    .search-container .js-langpicker-label,
    .langlist > ul > li,
    .suggestion-title,
    .cdx-menu-item--enabled .cdx-menu-item__content,
    .mwe-popups .mwe-popups-extract,
    .mw-body-content .mw-number-text h3,
    .vector-pinnable-element .vector-menu-heading,
    .vector-toc .vector-toc-list-item-active > .vector-toc-link,
    .vector-toc
      .vector-toc-level-1-active:not(.vector-toc-list-item-expanded)
      > .vector-toc-link,
    .vector-toc
      .vector-toc-list-item-active.vector-toc-level-1-active
      > .vector-toc-link,
    .uls-empty-state .uls-empty-state__header,
    .uls-empty-state .uls-empty-state__desc,
    .uls-no-results-found-title,
    .mw-mmv-post-image,
    .mw-mmv-credit,
    .frb-form-wrapper,
    .mw-echo-ui-notificationItemWidget-content-message-header,
    .oo-ui-labelElement,
    #contentSub:not(:empty) {
      color: @text !important;
    }

    .mw-parser-output .fmbox {
      border-color: @surface2 !important;
      background-color: @base !important;
    }

    .cdx-thumbnail__image {
      border-color: @text;
    }

    /* maths */
    .equation-box,
    .equation-box * {
      background: none !important;
    }
    img.mwe-math-fallback-image-display,
    img.mwe-math-fallback-image-inline {
      & when (@flavor = latte) {
        filter: brightness(0) saturate(100%) invert(31%) sepia(9%) saturate(
          1499%
        ) hue-rotate(196deg) brightness(90%) contrast(85%);
      }

      & when (@flavor = frappe) {
        filter: brightness(0) saturate(100%) invert(92%) sepia(6%) saturate(
          3753%
        ) hue-rotate(184deg) brightness(93%) contrast(106%);
      }

      & when (@flavor = macchiato) {
        filter: brightness(0) saturate(100%) invert(82%) sepia(7%) saturate(
          1042%
        ) hue-rotate(193deg) brightness(103%) contrast(92%);
      }

      & when (@flavor = mocha) {
        filter: brightness(0) saturate(100%) invert(83%) sepia(28%) saturate(
          223%
        ) hue-rotate(190deg) brightness(99%) contrast(93%);
      }
    }

    .mwe-popups .mwe-popups-extract[dir="ltr"]::after {
      background-image: linear-gradient(
        to right,
        rgba(255, 255, 255, 0),
        @surface0 50%
      );
    }
    table {
      background: @surface2 !important;
    }

    tr {
      background-color: @surface0 !important;
    }

    th {
      background: @overlay0 !important;
      color: @mantle !important;
    }

    .quotebox,
    div.thumbinner {
      background-color: @surface0 !important;
      border-color: @surface2 !important;
    }

    .navbox-group,
    .infobox-label {
      color: @text !important;
    }

    .cdx-button:enabled,
    .cdx-text-input__input:enabled {
      color: @text;
      background-color: @base;
      border-color: @surface2;
      &:hover {
        background-color: @mantle;
        border-color: @text;
        color: @text;
      }
    }

    .vector-dropdown .vector-dropdown-content,
    .header-container.header-chrome {
      background-color: @mantle;
    }

    .skin-vector .uls-search {
      border-bottom-color: @surface2;
    }

    .oo-ui-textInputWidget,
    .oo-ui-inputWidget-input {
      color: @text !important;
      background-color: @surface1 !important;
      border-color: @surface2 !important;
    }

    .oo-ui-pendingElement-pending {
      background-color: @base;
      background-image: linear-gradient(
        135deg,
        @surface0 25%,
        transparent 25%,
        transparent 50%,
        @surface0 50%,
        @surface0 75%,
        transparent 75%,
        transparent
      );
    }

    .oo-ui-tagItemWidget.oo-ui-widget-disabled {
      color: @text;
      background-color: @overlay0;
      text-shadow: 0 0 0 @text;
      border-color: @surface0;
    }

    .oo-ui-buttonElement-frameless.oo-ui-widget-enabled
      > .oo-ui-buttonElement-button,
    .mw-mmv-credit,
    .mw-mmv-options-dialog-header,
    .mw-mmv-options-text-header {
      color: @text;
    }

    .mw-mmv-options-text-body {
      color: @subtext0;
    }

    .mw-ui-input:not(:disabled) {
      background-color: @surface0;
      color: @text;
      border-color: @surface2;
    }

    .mw-ui-button {
      color: @mantle;
      background-color: @accent;
      border-color: @accent;
    }

    .imbox-delete {
      border-color: @red !important;
      background-color: @surface0 !important;
    }

    .imbox {
      background-color: @overlay0 !important;
      border-color: @peach !important;
    }

    .talkheader-help {
      background-color: @surface1 !important;
      border-color: @green !important;
    }

    .assess,
    .assess-NA,
    .navbox-subgroup {
      background: @surface0 !important;
      border-color: @surface1 !important;
    }

    .documentation,
    .documentation-container,
    .documentation-metadata {
      background-color: fade(@green, 15%) !important;
    }

    .ambox,
    .portalborder {
      background-color: @surface1 !important;
      border-color: @surface2 !important;
    }

    .navbox-title {
      color: @text !important;
    }

    .mw-content-ltr.mw-highlight-lines pre,
    .mw-content-ltr.content .mw-highlight-lines pre {
      box-shadow: inset 2.75em 0 0 @mantle;
    }

    .mw-redirect when (@highlight-redirect = 1) {
      color: @green !important;
    }

    .mbox-text {
      color: @text !important;
    }

    .sidebar-above,
    .p,
    .o {
      color: @text !important;
    }
    .ni,
    .mw-templatedata-doc-muted {
      color: @subtext1 !important;
    }
    .nv,
    .nn {
      color: @blue !important;
    }

    .sidebar-above a span {
      color: @text !important;
    }

    .sidebar-title-with-pretitle span {
      color: @text !important;
    }

    .nt {
      color: @green !important;
    }

    .nl {
      color: @teal !important;
    }

    .ambox-style {
      border-left-color: @yellow !important;
    }

    .mw-parser-output .mainpage-frame {
      background: @surface0 !important;
      border-color: @surface0 !important;
    }

    .mw-parser-output .mainpage-heading-title {
      background: linear-gradient(
        to right,
        rgba(saturate(lighten(@accent, 4%), -3%), 0.4),
        @surface0
      ) !important;
    }

    .hidden-title {
      background-color: @green !important;
      color: @mantle !important;
    }

    .mw-mmv-post-image,
    .mw-mmv-options-dialog {
      background-color: @base;
      color: @text;
    }
    .mw-mmv-image-metadata {
      background-color: @base;
      border-color: @base;
    }

    .mw-mmv-dialog-down-arrow {
      background-color: @base !important;
    }

    .oo-ui-tagItemWidget.oo-ui-widget-enabled {
      color: @text;
      background-color: @overlay0 !important;
      border-color: @surface0;
    }

    ol.references li:target {
      background-color: @surface2;
    }

    .mw-body-content .error {
      color: @red;
    }

    .divbox-gray,
    .infobox-above {
      background-color: @surface2 !important;
      border-color: @overlay0 !important;
    }

    .biota > * > tr > th {
      background-color: @yellow !important;
      color: @mantle !important;
    }

    .cmbox {
      background-color: @blue !important;
    }

    .wikitable {
      background-color: @surface0 !important;
      color: @text !important;
      border-color: @surface2 !important;
    }

    .wikitable > * > tr > th {
      background-color: @surface1 !important;
    }

    .wikitable > * > tr > td,
    .wikitable > * > tr > th {
      background-color: @surface0 !important;
      color: @text !important;
      border-color: @surface2;
    }

    .mw-searchresults-has-iw .iw-result__header a {
      color: @text;
    }

    .mw-search-result-data {
      color: @subtext0;
    }

    .navbox-abovebelow {
      background-color: @overlay2 !important;
      border-color: @overlay2 !important;
    }

    .vector-feature-zebra-design-enabled
      .vector-pinnable-element
      .vector-menu-heading {
      color: @text;
      border-bottom-color: @surface0;
    }

    .mwe-popups .mwe-popups-container {
      background-color: @surface0;
    }

    .vector-pinnable-header-toggle-button {
      background-color: @surface0;
      color: @text;
      &:hover {
        background-color: @base;
      }
    }

    .mw-parser-output .navbox-list {
      border-color: @surface0;
    }

    .pure-button-primary-progressive,
    .pure-button-primary-progressive:hover {
      background-color: @accent;
      border-color: @accent;
    }

    .suggestion-link {
      border-bottom-color: @surface0;
    }

    .cdx-menu,
    .skin-vector .uls-menu,
    .suggestiodns-dropdown,
    .cdx-search-input--has-end-button,
    .vector-sticky-header,
    .vector-sticky-header-context-bar,
    .mw-heading2 {
      border-color: @surface2;
    }

    .suggestion-link.active {
      background-color: fade(@accent, 20%);
      .suggestion-title {
        color: @accent;
      }
    }

    .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,
    .cdx-menu-item--enabled.cdx-menu-item--highlighted {
      background-color: fade(@accent, 20%);
    }

    .mw-echo-ui-sortedListWidget,
    .mw-echo-ui-sortedListWidget-group,
    .mw-echo-ui-subGroupListWidget-header {
      border-color: @surface2;
    }

    .mw-mmv-post-image,
    .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive
      .cdx-button__icon {
      background-color: @crust;
    }

    .cdx-text-input__input:enabled::placeholder,
    .cdx-text-input__input:enabled ~ .cdx-text-input__icon-vue,
    .skin-vector .uls-languagefilter,
    .skin-vector .uls-lcd-region-title,
    .suggestion-description,
    .cdx-menu-item--enabled .cdx-menu-item__text__description,
    .mw-number-text,
    .boilerplate > div:nth-child(3) > span:nth-child(1),
    .boilerplate > div:nth-child(4) > span:nth-child(2) {
      color: @subtext0 !important;
    }

    input:hover + .cdx-button.cdx-button--action-progressive {
      background-color: fade(@accent, 12.5%);
    }

    #pt-notifications-alert .mw-echo-unseen-notifications::after {
      background-color: @red !important;
    }

    #pt-notifications-notice .mw-echo-unseen-notifications::after {
      background-color: @blue !important;
    }

    a,
    .mw-parser-output a.external:visited {
      color: @accent;
      &:visited {
        color: @mauve;
      }
    }

    a.new,
    .mw-parser-output .cs1-visible-error,
    .vector-menu-tabs .mw-list-item.new a,
    .mw-plusminus-neg {
      color: @red;
    }

    a.mw-selflink {
      color: @text;
    }

    #searchInput {
      color: @text;
      &:hover {
        border-color: @surface2;
      }
      &:focus {
        border-color: @accent;
      }
    }

    .pure-form input[type="search"] {
      border-color: @surface2;
      box-shadow: inset 0 0 0 1px @surface2;
    }

    #pt-notifications-alert .mw-echo-notifications-badge::after,
    #pt-notifications-notice .mw-echo-notifications-badge::after,
    .mw-echo-notification-badge-nojs::after {
      border-color: @crust;
      background-color: @accent;
      color: @base;
    }

    h2 {
      border-bottom-color: @surface2;
    }

    .mw-footer {
      border-top-color: @surface2;
    }

    .bookshelf {
      border-top-color: @surface0;
      box-shadow: 0 -1px 0 @surface0;
    }

    body.ns-talk .mw-parser-output .mp-toolbox,
    .mw-parser-output .tmbox,
    #talkheader {
      border-color: fade(@yellow, 20%) !important;
      background-color: fade(@yellow, 10%) !important;
    }

    body.ns-talk .mw-parser-output .mp-toolbox-daily th {
      border-color: fade(@yellow, 80%) !important;
      background-color: fade(@yellow, 20%) !important;
    }

    .fn.org {
      color: @accent;
    }

    .mw-parser-output .mp-toolbox-daily th,
    .mw-parser-output td.mp-toolbox-tfl-not {
      background: fade(@yellow, 20%) !important;
      border-color: fade(@yellow, 20%) !important;
    }

    body.ns-talk .mw-parser-output .mp-toolbox-daily {
      border-color: fade(@yellow, 20%) !important;
      background: none !important;
    }

    .mw-parser-output tr + tr > .navbox-list,
    .mw-parser-output tr + tr > .navbox-group {
      border-top-color: @surface0;
    }

    .ext-phonos-PhonosButton.oo-ui-buttonElement-frameless.oo-ui-buttonWidget
      > .oo-ui-buttonElement-button:hover {
      background-color: fade(@accent, 20%);
    }

    .styled-select:hover {
      background-color: @surface0;
    }

    .lang-list-button,
    .lang-list-button:hover {
      background-color: @base;
      border-color: @surface1;
      outline-color: @base;
    }

    .cdx-typeahead-search__search-footer__icon.cdx-icon {
      color: @subtext0;
    }

    .vector-toc
      .vector-toc-level-1-active:not(.vector-toc-list-item-active)
      > .vector-toc-link {
      color: @text !important;
    }

    .lang-list-active .lang-list-button {
      background-color: @base;
      border-color: @surface1;
      outline-color: @base;
    }

    .lang-list-button:focus {
      box-shadow: inset 0 0 0 1px @accent;
    }

    .lang-list-border {
      background-color: @surface1;
    }

    .infobox-header {
      background-color: @surface1 !important;
      color: @text !important;
    }

    td[style*="background-color"],
    td[style*="background-color"] * {
      color: @crust !important;
    }

    #toc-Services > a:nth-child(1) > div:nth-child(1) {
      color: @text !important;
    }

    .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive,
    .vector-menu-tabs .mw-list-item a,
    .vector-feature-zebra-design-enabled .vector-toc .vector-toc-link,
    .mw-parser-output a.extiw,
    .mw-parser-output a.external,
    .mw-collapsible-toggle-default .mw-collapsible-text,
    .vector-feature-zebra-design-enabled
      .vector-pinnable-element
      .mw-list-item
      a,
    .vector-feature-zebra-design-enabled
      .vector-dropdown-content
      .mw-list-item
      a,
    .vector-feature-zebra-design-enabled
      .vector-pinnable-element
      .mw-list-item
      a:not(.mw-selflink):visited,
    .vector-feature-zebra-design-enabled
      .vector-dropdown-content
      .mw-list-item
      a:not(.mw-selflink):visited,
    .uls-language-block a,
    .lang-list-button,
    .fancycaptcha-reload,
    #pt-userpage-2 a:not(.mw-selflink),
    .vector-pinnable-element .mw-list-item a,
    .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited,
    .vector-toc .vector-toc-link,
    .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive
      > .oo-ui-buttonElement-button,
    .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive
      > .oo-ui-buttonElement-button:hover,
    .vector-dropdown-content .mw-list-item a,
    .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {
      color: @accent;
    }

    .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,
    .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive,
    .mw-ui-button.mw-ui-progressive:not(:disabled),
    .mw-ui-button.mw-ui-progressive:not(:disabled):hover {
      background-color: @accent;
      border-color: @accent;
      color: @base;
    }

    .mw-message-box-warning,
    .boilerplate {
      border-color: @accent !important;
      background-color: fade(@accent, 25%) !important;
      color: @text;
    }

    .vector-feature-zebra-design-enabled .vector-sticky-pinned-container::after,
    .vector-sticky-pinned-container::after {
      background: none;
    }

    .vector-feature-zebra-design-enabled .vector-pinnable-header-toggle-button {
      background-color: @surface0;
      color: @text;
      &:hover {
        background-color: @base;
      }
    }

    .vector-feature-zebra-design-enabled .vector-pinnable-header,
    .vector-pinnable-header,
    .vector-pinnable-element .vector-menu-heading {
      border-bottom-color: @surface0;
    }

    hr {
      border-bottom-color: @base;
    }

    .central-featured-lang strong:hover,
    .link-box:hover,
    .central-featured-lang :hover,
    .other-project-link:hover,
    .lang-list-container {
      background-color: @surface0;
    }

    .vector-page-toolbar-container {
      box-shadow: 0 1px @surface1;
    }

    .mw-parser-output .navbox-even {
      background-color: @surface1;
    }

    .vector-feature-zebra-design-enabled .vector-page-titlebar::after,
    .mw-parser-output .wikipedia-languages-prettybars,
    .vector-page-titlebar::after {
      background-color: @surface2 !important;
    }

    table.expanded:nth-child(2) > tbody:nth-child(1) > tr:nth-child(2) {
      background-color: fade(@accent, 20%) !important;
    }

    .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,
    .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type),
    .mw-collapsible-toggle-default::before,
    .mw-collapsible-toggle-default::after {
      color: @subtext1;
    }

    .infobox,
    .mw-parser-output .navbox,
    .catlinks,
    .mw-parser-output #mp-topbanner,
    .mw-parser-output .sidebar,
    .fancycaptcha-captcha-container,
    .fancycaptcha-captcha-and-reload,
    .cdx-checkbox__icon,
    .mw-message-box,
    .uls-menu .uls-no-results-view .uls-no-found-more,
    .client-js
      .vector-below-page-title
      .vector-page-titlebar-toc
      > label:nth-child(2),
    .mw-parser-output .ombox,
    code,
    .oo-ui-buttonElement-framed.oo-ui-widget-enabled
      > .oo-ui-buttonElement-button,
    .mw-mmv-label,
    #page-secondary-actions > a,
    .mw-parser-output .ambox,
    td[class="sidebar-navbar"],
    textarea,
    .mw-parser-output .side-box {
      background-color: @surface0 !important;
      color: @text !important;
      border-color: @surface2 !important;
    }

    #pagehistory li.selected {
      background-color: @surface0 !important;
      color: @text !important;
      border-color: @surface2 !important;
      outline-color: @surface2 !important;
    }

    .cdx-checkbox__icon {
      border-color: @accent !important;
    }

    .fancycaptcha-captcha-container .mw-ui-inputو .mw-ui-input:not(:disabled) {
      background-color: @base !important;
      color: @text !important;
      border-color: @surface1;
    }

    .mw-ui-input:not(:disabled),
    .mw-ui-button:not(:disabled) {
      background-color: @base !important;
      color: @text !important;
      border-color: @surface1 !important;
    }

    .mw-parser-output .module-shortcutboxplain {
      background-color: @base !important;
      color: @text !important;
      border-color: @surface2;
    }

    .sidebar-pretitle,
    .sidebar-title-with-pretitle,
    .sidebar-list-title {
      background-color: fade(@accent, 20%) !important;
    }

    .mw-parser-output #mp-bottom,
    .mw-parser-output .sidebar-collapse .sidebar-below {
      border-color: @surface2;
    }

    .lang-list-content,
    .bookshelf .text {
      background-color: @surface0;
    }

    .mw-parser-output #mp-bottom .mp-h2,
    .uls-language-block > ul > li:hover {
      background: @surface0;
      border-color: @surface2;
    }

    figure[typeof~="mw:File/Thumb"] {
      background-color: @mantle !important;
      color: @text !important;
      border-top-color: @surface2;
      border-left-color: @surface2;
      border-right-color: @surface2;
      > figcaption {
        background-color: @mantle !important;
        color: @text !important;
        border-bottom-color: @surface2;
        border-left-color: @surface2;
        border-right-color: @surface2;
      }
      > :not(figcaption) .mw-file-element {
        color: @surface2 !important;
        border-color: @surface2;
      }
    }

    .mw-parser-output #mp-left,
    .mw-parser-output #mp-left .mp-h2,
    th[class="sidebar-title"] {
      background-color: fade(@green, 10%) !important;
      border-color: fade(@green, 20%) !important;
    }

    .mw-plusminus-pos {
      color: @green !important;
    }

    .mw-parser-output #mp-right,
    .mw-parser-output #mp-right .mp-h2 {
      background-color: fade(@blue, 10%) !important;
      border-color: fade(@blue, 20%) !important;
    }

    .mw-parser-output #mp-lower,
    .mw-parser-output #mp-lower .mp-h2 {
      background-color: fade(@mauve, 10%) !important;
      border-color: fade(@mauve, 20%) !important;
    }

    .mw-collapsible-toggle-default:active .mw-collapsible-text {
      color: @peach;
    }

    .mw-parser-output #mp-middle,
    .mw-parser-output #mp-middle .mp-h2 {
      background-color: fade(@pink, 10%) !important;
      border-color: fade(@pink, 20%) !important;
    }

    .mw-parser-output .navbox-title,
    .summary,
    .infobox > tbody:nth-child(1) > tr:nth-child(4) > th:nth-child(1),
    .infobox > tbody:nth-child(1) > tr:nth-child(6) > th:nth-child(1) {
      background-color: fade(@accent, 20%) !important;
    }

    .infobox > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) {
      background-color: @surface1 !important;
    }

    .mw-parser-output .navbox-group,
    table.expanded:nth-child(2) > tbody:nth-child(1) > tr:nth-child(3),
    table.expanded:nth-child(2)
      > tbody:nth-child(1)
      > tr:nth-child(4)
      > td:nth-child(2)
      > table:nth-child(2)
      > tbody:nth-child(1)
      > tr:nth-child(1),
    table.expanded:nth-child(2) > tbody:nth-child(1) > tr:nth-child(1),
    table.nowraplinks:nth-child(1)
      > tbody:nth-child(1)
      > tr:nth-child(3)
      > td:nth-child(1)
      > table:nth-child(2)
      > tbody:nth-child(1)
      > tr:nth-child(1),
    table.nowraplinks:nth-child(1)
      > tbody:nth-child(1)
      > tr:nth-child(4)
      > td:nth-child(1)
      > table:nth-child(2)
      > tbody:nth-child(1)
      > tr:nth-child(1),
    table.nowraplinks:nth-child(1)
      > tbody:nth-child(1)
      > tr:nth-child(5)
      > td:nth-child(1)
      > table:nth-child(2)
      > tbody:nth-child(1)
      > tr:nth-child(1),
    .navbox-abovebelow {
      background-color: @surface1 !important;
    }

    .mw-parser-output .tracklist > tbody {
      color: inherit;

      > .tracklist-total-length * {
        background-color: @overlay1;
        color: @base;
      }
    }

    .mw-content-ltr
      > table:nth-child(20)
      > tbody:nth-child(1)
      > tr:nth-child(2)
      > td:nth-child(2) {
      border-color: @surface2 !important;
      background-color: @surface0 !important;
    }

    .noarticletext,
    #noarticletext {
      background-color: @base !important;
    }

    #sisterproject {
      background-color: @mantle !important;
    }

    [style="color:#02a64f;line-height:initial"] {
      color: @green !important;
    }

    [style="color:#f78e1e;line-height:initial"] {
      color: @peach !important;
    }

    [style="color:#77278b;line-height:initial"] {
      color: @mauve !important;
    }

    [style="color:#87746a;line-height:initial"] {
      color: @maroon !important;
    }

    [style="color:#009aC8;line-height:initial"] {
      color: @sky !important;
    }

    [style="color:#ffd520;line-height:initial"] {
      color: @yellow !important;
    }

    [style="color:#0060a9;line-height:initial"] {
      color: @blue !important;
    }

    table.nowraplinks:nth-child(4) > tbody:nth-child(1) > tr:nth-child(1),
    .navbox-list-with-group.navbox-list.navbox-odd {
      background-color: @surface0 !important;
    }

    .mw-parser-output tr + tr > .navbox-abovebelow {
      border-color: @base;
    }

    .catlinks li {
      border-left-color: @surface2;
    }

    .vector-icon.mw-ui-icon-wikimedia-menu {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z" fill="@{text}"/></svg>'
      );
      content: url("data:image/svg+xml,@{svg}");
    }

    .vector-icon.mw-ui-icon-wikimedia-ellipsis {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="@{text}"><circle cx="10" cy="10" r="2"/><circle cx="3" cy="10" r="2"/><circle cx="17" cy="10" r="2"/></g></svg>'
      );
      content: url("data:image/svg+xml,@{svg}");
    }

    .vector-icon.mw-ui-icon-wikimedia-appearance {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M5.25 14.5a4.25 4.25 0 0 0 4.247-4.092c.3-.21.706-.21 1.006 0a4.25 4.25 0 0 0 8.431.59L19 11a1 1 0 1 0-.182-1.984 4.252 4.252 0 0 0-7.896-.615 2.9 2.9 0 0 0-1.844 0 4.25 4.25 0 0 0-7.896.615 1 1 0 1 0-.116 1.981A4.25 4.25 0 0 0 5.25 14.5m0-2a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5M17 10.25a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0" fill="@{text}"/></svg>'
      );
      content: url("data:image/svg+xml,@{svg}");
    }

    .vector-feature-zebra-design-enabled
      .vector-dropdown
      .vector-dropdown-label:not(.cdx-button--icon-only)::after,
    .vector-icon.mw-ui-icon-wikimedia-expand {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="@{text}" d="m11.05 3.996-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5z"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}") !important;
    }

    .cdx-checkbox__input:checked:not(:indeterminate)
      + .cdx-checkbox__icon::before {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="@{text}" d="M7 14.17 2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}") !important;
    }

    .vector-page-titlebar
      .mw-portlet-lang
      .vector-dropdown-label.cdx-button--action-progressive.cdx-button--weight-quiet::after {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="@{accent}" d="m11.05 3.996-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5z"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}") !important;
    }

    .vector-dropdown .vector-dropdown-label:not(.cdx-button--icon-only)::after {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="@{text}" d="m11.05 3.996-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5z"/></svg>'
      );
      background: url("data:image/svg+xml,@{svg}") !important;
    }

    .vector-icon.mw-ui-icon-wikimedia-language-progressive {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M20 18h-1.44a.6.6 0 0 1-.4-.12.8.8 0 0 1-.23-.31L17 15h-5l-1 2.54a.8.8 0 0 1-.22.3.6.6 0 0 1-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a12 12 0 0 1-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.4 13.4 0 0 1-2.91-1.41 11.46 11.46 0 0 0 2.81-5.37H12V4H7.31a4 4 0 0 0-.2-.56C6.87 2.79 6.6 2 6.6 2l-1.47.5s.4.89.6 1.5H0v1.33h2.15A11.23 11.23 0 0 0 5 10.7a17.2 17.2 0 0 1-5 2.1q.56.82.87 1.38a23.3 23.3 0 0 0 5.22-2.51 15.6 15.6 0 0 0 3.56 1.77zM3.63 5.33h4.91a8.1 8.1 0 0 1-2.45 4.45 9.1 9.1 0 0 1-2.46-4.45" fill="@{accent}"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}") !important;
    }

    .vector-icon.mw-ui-icon-wikimedia-language {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M20 18h-1.44a.6.6 0 0 1-.4-.12.8.8 0 0 1-.23-.31L17 15h-5l-1 2.54a.8.8 0 0 1-.22.3.6.6 0 0 1-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a12 12 0 0 1-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.4 13.4 0 0 1-2.91-1.41 11.46 11.46 0 0 0 2.81-5.37H12V4H7.31a4 4 0 0 0-.2-.56C6.87 2.79 6.6 2 6.6 2l-1.47.5s.4.89.6 1.5H0v1.33h2.15A11.23 11.23 0 0 0 5 10.7a17.2 17.2 0 0 1-5 2.1q.56.82.87 1.38a23.3 23.3 0 0 0 5.22-2.51 15.6 15.6 0 0 0 3.56 1.77zM3.63 5.33h4.91a8.1 8.1 0 0 1-2.45 4.45 9.1 9.1 0 0 1-2.46-4.45" fill="@{text}"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}") !important;
    }

    .mw-parser-output a.external {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="@{accent}" d="M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16zM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}") !important;
    }

    .plainlinks a.external {
      background: none !important;
    }

    #mw-indicator-mw-helplink a {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="@{text}" d="M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0m1 16H9v-2h2zm2.71-7.6a2.6 2.6 0 0 1-.33.74 3.2 3.2 0 0 1-.48.55l-.54.48c-.21.18-.41.35-.58.52a2.5 2.5 0 0 0-.47.56A2.3 2.3 0 0 0 11 12a3.8 3.8 0 0 0-.11 1H9.08a9 9 0 0 1 .07-1.25 3.3 3.3 0 0 1 .25-.9 2.8 2.8 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.8 1.8 0 0 0 .3-.55 2 2 0 0 0 .11-.72 2.1 2.1 0 0 0-.17-.86 1.7 1.7 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.7 4.7 0 0 1 .28-1.68 3.6 3.6 0 0 1 .8-1.29 3.9 3.9 0 0 1 1.28-.83A4.6 4.6 0 0 1 10.18 4a4.4 4.4 0 0 1 1.44.23 3.5 3.5 0 0 1 1.15.65 3.1 3.1 0 0 1 .78 1.06 3.5 3.5 0 0 1 .29 1.45 3.4 3.4 0 0 1-.13 1.01"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}") !important;
    }

    .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="@{subtext0}"><path d="M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1 0 10 0A5 5 0 0 0 3 8"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}") !important;
    }

    .vector-icon.mw-ui-icon-wikimedia-listBullet {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="@{text}"><path d="M7 15h12v2H7zm0-6h12v2H7zm0-6h12v2H7z"/><circle cx="3" cy="4" r="2"/><circle cx="3" cy="10" r="2"/><circle cx="3" cy="16" r="2"/></g></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}") !important;
    }

    ul {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="@{text}"/></svg>'
      );
      list-style-image: url("data:image/svg+xml,@{svg}");
    }

    .oo-ui-icon-volumeUp,
    .mw-ui-icon-volumeUp::before {
      @svg: escape(
        '<svg fill="@{text}" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M4 6v8l5.2 3.9c.3.3.8 0 .8-.5V2.6c0-.5-.5-.8-.8-.5zm0 8H1a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3m12.4 11.4a1 1 0 0 1-.7-1.7 8 8 0 0 0 0-11.4A1 1 0 0 1 17 3a10 10 0 0 1 0 14.2 1 1 0 0 1-.7.3z"/><path d="M13.5 14.5a1 1 0 0 1-.7-.3 1 1 0 0 1 0-1.4 4 4 0 0 0 0-5.6 1 1 0 0 1 1.4-1.4 6 6 0 0 1 0 8.4 1 1 0 0 1-.7.3"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .vector-icon.mw-ui-icon-wikimedia-fullScreen {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z" fill="@{text}"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .fancycaptcha-reload {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="@{accent}" d="M15.65 4.35A8 8 0 1 0 17.4 13h-2.22a6 6 0 1 1-1-7.22L11 9h7V2z"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .popups-icon--settings {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="@{text}"><g transform="translate(10 10)"><path id="a" d="M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3"/><use xlink:href="#a" transform="rotate(45)"/><use xlink:href="#a" transform="rotate(90)"/><use xlink:href="#a" transform="rotate(135)"/></g><path d="M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .vector-icon.mw-ui-icon-wikimedia-userAvatar {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="@{text}"><path d="M10 11c-5.92 0-8 3-8 5v3h16v-3c0-2-2.08-5-8-5"/><circle cx="10" cy="5.5" r="4.5"/></g></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .vector-icon.mw-ui-icon-wikimedia-watchlist {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M1 3h16v2H1Zm0 6h6v2H1Zm0 6h8v2H1Zm8-4.24h3.85L14.5 7l1.65 3.76H20l-3 3.17.9 4.05-3.4-2.14L11.1 18l.9-4.05Z" fill="@{text}"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .vector-icon.mw-ui-icon-wikimedia-tray {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M3 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z" fill="@{text}"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .vector-icon.mw-ui-icon-wikimedia-bell {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M16 7a5.38 5.38 0 0 0-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 0 0 4 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 0 0 3-3H7a3 3 0 0 0 3 3" fill="@{text}"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .vector-user-menu-logged-in .vector-dropdown-label::after {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="@{text}" d="m11.05 3.996-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5z"/></svg>'
      );
      background: url("data:image/svg+xml,@{svg}");
    }

    .vector-icon.mw-ui-icon-wikimedia-star {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z" fill="@{text}"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .vector-icon.mw-ui-icon-wikimedia-userTalk {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M18 0H2a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2m-4 4a1.5 1.5 0 1 1-1.5 1.5A1.5 1.5 0 0 1 14 4M6 4a1.5 1.5 0 1 1-1.5 1.5A1.5 1.5 0 0 1 6 4m4 8c-2.61 0-4.83-.67-5.65-3h11.3c-.82 2.33-3.04 3-5.65 3" fill="@{text}"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .vector-icon.mw-ui-icon-wikimedia-sandbox {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M8 12V9l6-6 3 3-6 6zm10-7-3-3 2-2 3 3zM8 2h2v2H8zM4 2h2v2H4zM0 3a1 1 0 0 1 1-1h1v2H0zm0 3h2v2H0zm0 4h2v2H0zm0 4h2v2H0zm0 4h2v2H1a1 1 0 0 1-1-1zm4 0h2v2H4zm4 0h2v2H8zm4 0h2v1a1 1 0 0 1-1 1h-1zm0-4h2v2h-2z" fill="@{text}"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .vector-icon.mw-ui-icon-wikimedia-settings {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20"><g fill="@{text}"><g xmlns:xlink="http://www.w3.org/1999/xlink" transform="translate(10 10)"><path id="a" d="M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3"/><use xlink:href="#a" transform="rotate(45)"/><use xlink:href="#a" transform="rotate(90)"/><use xlink:href="#a" transform="rotate(135)"/></g><path d="M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7"/></g></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .vector-icon.mw-ui-icon-wikimedia-unStar {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7z" fill="@{text}"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .oo-ui-image-progressive.oo-ui-icon-settings {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20"><g fill="@{accent}"><g xmlns:xlink="http://www.w3.org/1999/xlink" transform="translate(10 10)"><path id="a" d="M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3"/><use xlink:href="#a" transform="rotate(45)"/><use xlink:href="#a" transform="rotate(90)"/><use xlink:href="#a" transform="rotate(135)"/></g><path d="M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7"/></g></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .oo-ui-icon-bell {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M16 7a5.38 5.38 0 0 0-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 0 0 4 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 0 0 3-3H7a3 3 0 0 0 3 3" fill="@{text}"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .oo-ui-icon-next {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z" fill="@{text}"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .oo-ui-icon-settings {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g transform="translate(10 10)" fill="@{text}"><path id="a" d="M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3"/><use transform="rotate(45)" href="#a" fill="@{text}"/><use transform="rotate(90)" href="#a" fill="@{text}"/><use transform="rotate(135)" href="#a" fill="@{text}"/></g><path d="M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7" fill="@{text}"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .oo-ui-icon-expand {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><title> expand </title><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z" fill="@{text}"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .oo-ui-icon-tray {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M3 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z" fill="@{text}"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .vector-icon.mw-ui-icon-wikimedia-labFlask {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M13 7.61V3h1V1H6v2h1v4.61l-5.86 9.88A1 1 0 0 0 2 19h16a1 1 0 0 0 .86-1.51zm-4.2.88a1 1 0 0 0 .2-.6V3h2v4.89a1 1 0 0 0 .14.51l2.14 3.6H6.72z" fill="@{text}"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .mw-ui-icon-vector-gadget-pt-darkmode {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" fill="@{text}" width="20" height="20" viewBox="0 0 20 20"><path d="M17.39 15.14A7.33 7.33 0 0 1 11.75 1.6c.23-.11.56-.23.79-.34a8.2 8.2 0 0 0-5.41.45 9 9 0 1 0 7 16.58 8.42 8.42 0 0 0 4.29-3.84 5.3 5.3 0 0 1-1.03.69"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .client-dark-mode .mw-ui-icon-vector-gadget-pt-darkmode {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" fill="@{text}" width="20" height="20" viewBox="0 0 20 20"><path d="M17.07 7.07V2.93h-4.14L10 0 7.07 2.93H2.93v4.14L0 10l2.93 2.93v4.14h4.14L10 20l2.93-2.93h4.14v-4.14L20 10zM10 16a6 6 0 1 1 6-6 6 6 0 0 1-6 6"/><circle cx="10" cy="10" r="4.5"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .vector-icon.mw-ui-icon-wikimedia-userContributions {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="@{text}"><circle cx="15.5" cy="10.5" r="2.5"/><path d="M1 15h8v2H1Zm0-6h10v2H1Zm0-6h16v2H1Zm14.5 10.6c-3.3 0-4.5 1.6-4.5 2.7V18h9v-1.7c0-1-1.2-2.7-4.5-2.7"/></g></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .vector-icon.mw-ui-icon-wikimedia-logOut {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="@{text}"><path d="M3 3h8V1H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8v-2H3z"/><path d="M13 5v4H5v2h8v4l6-5z"/></g></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .uls-search-label,
    .vector-icon.mw-ui-icon-wikimedia-search {
      @svg: escape(
        '<svg fill="@{text}" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .mw-ui-icon-vector-gadget-pt-darkmode-sticky-header {
      @svg: escape(
        '<svg fill="@{text}" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M17.39 15.14A7.33 7.33 0 0 1 11.75 1.6c.23-.11.56-.23.79-.34a8.2 8.2 0 0 0-5.41.45 9 9 0 1 0 7 16.58 8.42 8.42 0 0 0 4.29-3.84 5.3 5.3 0 0 1-1.03.69"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .cdx-message .cdx-message__icon {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="@{text}"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .vector-icon.mw-ui-icon-wikimedia-edit {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z" fill="@{text}"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .vector-icon.mw-ui-icon-wikimedia-history {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="@{text}"><path d="M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z"/><path d="M10 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-18"/></g></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .vector-icon.mw-ui-icon-wikimedia-speechBubbles {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="@{text}"><path d="M17 4v7a2 2 0 0 1-2 2H4v1a2 2 0 0 0 2 2h10l4 4V6a2 2 0 0 0-2-2zM6 10H0v6z"/><rect width="16" height="12" rx="2"/></g></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .vector-icon.mw-ui-icon-wikimedia-editLock {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M12 12a2 2 0 0 1-2-2V5.25l-9 9V19h4.75l7-7zm7-8h-.5V2.5a2.5 2.5 0 0 0-5 0V4H13a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1m-3 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1m1.5-4h-3V2.75C14.5 2 14.5 1 16 1s1.5 1 1.5 1.75z" fill="@{text}"/></svg>'
      );
      background-image: url("data:image/svg+xml,@{svg}");
    }

    .branding-box > a:nth-child(1) > span:nth-child(1) > img:nth-child(1) {
      @svg: escape(
        '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 18"><path fill="@{text}" fill-rule="nonzero" d="m18.339 0 .199.001h.375l.174.001h.315l.138.001.323.001h.171l.058.053v.5q0 .208-.231.208c-.753.035-.908.11-1.184.507-.15.216-.447.68-.755 1.204L15.28 7.419l-.074.154 3.23 6.611.196.054L23.72 2.162q.265-.73-.078-1.035c-.228-.197-.389-.315-.978-.34l-.477-.023a.28.28 0 0 1-.168-.061.17.17 0 0 1-.08-.147V.054l.073-.052h5.749l.058.052v.502q0 .204-.231.205-1.129.051-1.673.489c-.362.294-.645.698-.848 1.225 0 0-1.53 3.5-3.137 7.159l-.268.61c-1.12 2.55-2.24 5.09-2.876 6.501-.613 1.17-1.22 1.06-1.745-.033-.411-.847-1.1-2.33-1.8-3.86l-.469-1.024c-.273-.6-.54-1.19-.786-1.727-1.08 2.23-2.56 5.26-3.3 6.624-.715 1.24-1.3 1.08-1.771.032-1.63-3.84-4.97-10.6-6.539-14.35-.29-.697-.51-1.14-.716-1.32Q1.347.827.36.774.002.734 0 .593V.067L.058.016.592.014H1.6l.969-.001h.253l1.734.001h.225l.95.001h.577l.058.052v.5q0 .207-.26.206L5.454.8q-.84.036-.84.5c0 .145.06.38.19.696 1.25 3.05 5.58 12.2 5.576 12.169l.158.04 2.787-5.56c-.34-.751-.558-1.23-.558-1.234l-1.916-3.765s-.37-.753-.497-1.004C9.512.972 9.53.882 8.68.772c-.238-.031-.361-.061-.362-.18V.065L8.39.013h.702L10.58.01h2.77l.131.043V.58q0 .181-.26.182l-.36.052c-.909.07-.76.442-.156 1.644l1.838 3.76 2.034-4.055c.318-.693.278-.9.157-1.064l-.027-.035c-.081-.096-.351-.251-.94-.275l-.231-.025a.28.28 0 0 1-.167-.06.17.17 0 0 1-.079-.147v-.5l.072-.052L16.24 0zm10.464 5.318h.118c.71 0 2.73-.053 2.73-.053l.027.053v.577c0 .08-.053.131-.158.132l-.551.053c-.814.078-1.1.29-1.103.815v8.74c0 .578.262.92 1.103.998l.551.054c.079 0 .157.051.158.156v.552l-.027.053s-1.99-.053-2.808-.053c-.735 0-2.78.053-2.783.053l-.052-.053v-.552c0-.105.078-.156.184-.156l.525-.054c.866-.078 1.13-.499 1.128-.997V6.895c0-.575-.316-.736-1.128-.813l-.525-.054c-.105 0-.184-.024-.184-.105v-.605l.026-.053s1.89.048 2.769.053m8.81 10.318c0 .577.341.866 1.103.997l.288.054c.079.025.157.051.158.156v.551l-.027.054s-1.65-.054-2.44-.054c-.736 0-2.89.054-2.888.054l-.053-.054v-.55c0-.106.08-.157.184-.157l.525-.054c.787-.079 1.13-.499 1.129-.997V6.895c0-.575-.29-.736-1.129-.813l-.525-.055c-.105 0-.184-.024-.184-.105v-.604l.027-.053s2.15.053 2.966.053c.736 0 2.39-.053 2.389-.053l.026.053v.577c0 .079-.053.105-.158.131l-.288.054c-.814.156-1.1.289-1.103.815v3.964c.866 0 1.36-.444 2.52-1.68 1.05-1.16 1.86-2.12 1.864-2.626 0-.21-.236-.445-.762-.526-.105-.024-.157-.052-.157-.13V5.29l.026-.024s2.13.053 2.888.053c.682 0 1.84-.053 1.837-.053l.079.024v.606c0 .079-.079.131-.21.131-1.02.08-1.73.131-2.678 1.208l-2.257 2.597c-.446.475-.604.76-.604.972 0 .157.105.288.237.445l3.963 4.778c.315.366.945.525 1.47.628l.131.026c.08.025.184.077.184.156v.551l-.079.027s-1.39-.026-2.126-.027c-.656 0-1.6.027-1.6.027l-.027-.027v-.315c0-.342-.026-.629-.394-1.049l-2.914-3.623c-.394-.526-.814-.655-1.39-.655v3.89zm14.151 0c0 .577.262.919 1.102.997l.552.054c.078 0 .157.051.157.156v.551l-.026.054s-1.99-.054-2.809-.054c-.735 0-2.78.054-2.782.054l-.053-.054v-.55c0-.106.08-.157.184-.157l.525-.054c.866-.079 1.13-.499 1.129-.997V6.895c0-.575-.315-.736-1.129-.813l-.525-.055c-.105 0-.184-.024-.184-.105v-.604l.027-.053s2.07.053 2.887.053c.709 0 2.73-.053 2.73-.053l.026.053v.577c0 .079-.052.131-.157.131l-.552.054c-.814.078-1.1.289-1.102.815zm5.672-8.69c0-.814-.341-.84-1.575-.919-.157 0-.184-.077-.184-.13v-.605l.053-.026c.394 0 1.94.053 2.703.053.735 0 1.78-.053 2.757-.053 3.73 0 4.41 1.84 4.407 3.203 0 1.58-.76 4.04-4.486 4.043-.656 0-1.18-.054-1.655-.263v3.516c0 .576.315.71 1.156.84l.526.079c.105.025.185.053.185.156v.551l-.024.054s-2.1-.054-2.915-.054c-.735 0-2.7.054-2.704.054l-.026-.054v-.551c0-.105.053-.131.158-.156l.55-.08c.815-.104 1.08-.34 1.077-.84zm2.021 4.568c.525.211 1.18.236 1.706.237 1.58 0 2.33-.947 2.335-2.967 0-2.26-1.02-2.76-2.466-2.756-1.26 0-1.58.236-1.576.919zm10.661 5.88c-.787 0-2.6.054-2.598.054l-.027-.054v-.577c0-.052.027-.13.158-.13l.605-.054c.815-.079 1.05-.604 1.051-1.128V6.843c0-.606-.315-.71-1.05-.761l-.606-.055c-.157-.024-.157-.077-.158-.105v-.604l.027-.053s2.05.053 2.834.053h3.859c.787 0 2.65-.053 2.652-.053l.055.053c.024 1.13.208 2.15.393 3.15l-.654.105c-.288-.972-.786-2.36-2.466-2.362h-2.1c-.5 0-.761.184-.761.63v3.806h1.967c.736 0 .92-.315 1.025-.84l.157-.55c0-.08.053-.133.157-.133h.444c.055 0 .055.027.055.079-.055.576-.157 1.31-.158 1.943 0 .655.105 1.21.158 1.811l-.055.054h-.444c-.13 0-.186-.054-.186-.133l-.13-.576c-.106-.526-.342-.815-1.028-.815h-1.966v4.017c0 .497.286.995.76.996h2.495c1.34 0 2.08-.84 2.388-2.207l.654.079-.526 3.017-.052.053s-1.55-.053-2.336-.053zm9.872-.707.604-.054c.788-.079 1.05-.315 1.05-1.128V6.843c0-.685-.185-.685-1.05-.761l-.576-.055c-.105 0-.186-.052-.186-.13v-.578l.026-.053s2.31.053 2.784.053c.497 0 2.78-.053 3.465-.053 4.38 0 6.54 2.73 6.537 6.221 0 4.59-3.26 5.96-6.167 5.958-2.1 0-3.02-.054-3.832-.054-.788 0-2.78.054-2.784.054l-.026-.054v-.55a.147.147 0 0 1 .155-.154m5.855 0c2.89 0 4.52-1.07 4.515-4.752 0-2.73-.605-5.91-5.014-5.908-1.02 0-1.68.157-1.68.816v8.662c0 .733.183 1.18 2.179 1.182m12.996-1.051c0 .577.262.919 1.102.997l.551.054c.079 0 .157.051.158.156v.551l-.027.054s-1.99-.054-2.807-.054c-.736 0-2.78.054-2.783.054l-.053-.054v-.55c0-.106.079-.157.184-.157l.526-.054c.865-.079 1.13-.499 1.128-.997V6.895c0-.575-.316-.736-1.128-.813l-.526-.055c-.105 0-.184-.024-.184-.105v-.604l.026-.053s2.07.053 2.886.053c.708 0 2.73-.053 2.73-.053l.025.053v.577c0 .079-.055.131-.158.131l-.551.054c-.815.078-1.1.289-1.103.815zm8.086.997.762.054c.105 0 .21.078.21.209v.498l-.053.054s-2.86-.054-3.491-.054c-.683 0-2.36.054-2.364.054l-.053-.054v-.498c0-.13.079-.21.21-.21 1.16-.078 1.81-.29 2.546-1.97l5.826-13.65c.288-.682.5-.946.895-.946.365 0 .498.264.707.788l5.38 14.227c.37 1.02.895 1.42 1.945 1.523l.288.025c.132 0 .264.078.263.211v.497l-.078.053s-2.02-.053-3.046-.053c-.92 0-3.49.053-3.492.053l-.025-.053v-.497c0-.133.053-.21.187-.21l.735-.054c.996-.078 1.37-.395 1.103-1.128l-1.602-4.438h-5.461c-.63 0-.787.105-.918.444l-1.524 3.807c-.262.66.079 1.24 1.05 1.318m6.431-6.67-2.546-7.007h-.052l-2.625 6.667c-.105.265.078.341.655.342h4.568v-.001z"/></svg>'
      );
      content: url("data:image/svg+xml,@{svg}");
    }

    .panel-heading,
    .mw-pt-languages-list,
    .mw-pt-languages-label {
      color: @text;
      background-color: @base;
    }
    .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
    .oo-ui-inputWidget-input,
    .mw-widget-dateInputWidget-handle,
    .oo-ui-menuSelectWidget {
      background-color: @mantle !important;
      color: @text !important;
    }
    .oo-ui-menuOptionWidget:hover {
      background-color: @surface1;
      color: @text;
    }
    .cdx-search-input__end-button {
      background-color: @crust !important;
    }
    .mw-pt-languages {
      border-bottom-color: @surface0;
    }
    .mw-pt-progress--complete::after,
    .mw-pt-progress--high::after {
      border-color: @accent;
      background: conic-gradient(@text 0, @accent 0);
    }
    pre,
    .oo-ui-panelLayout-framed {
      border-color: @surface0;
    }
    #vector-page-titlebar-toc-label {
      background-color: @mantle;
      color: @subtext0 !important;
      border-color: @subtext0 !important;
    }
    tbody * {
      background-color: @surface0 !important;
      border-color: @surface2 !important;
    }

    [style*="padding: 0.5em; margin: 0.50em 0; background-color: #C1E5FF; border: thin solid #1D99F3; overflow: hidden;"] {
      background-color: @sapphire !important;
      color: @mantle !important;
    }
    [style*="padding: 0.5em; margin: 0.50em 0; background-color: #F6F6F6; border: thin solid #31363B; overflow: hidden;"] {
      background-color: @rosewater !important;
      color: @mantle !important;
    }
  }
}