/*!
 * Styles for elements of the editing form.
 */
/**
 * ###IMPORTANT:##
 * If editing this file, please also edit the respective file in the MinervaNeue skin.
 * ####
 *
 * This file is a LESS @import match for "mediawiki.skin.variables.less"
 * when Vector 2022 is the active skin.
 * Please note, that legacy Vector is handled by
 * "mediawiki.less.legacy/mediawiki.skin.variables.less".
 *
 * Please also note, that both current Codex, design system for Wikimedia based skins,
 * Vector 2022 and Minerva Neue are using the same variable values respectively in their
 * repositories.
 */
/* stylelint-disable @stylistic/indentation */
/**
 * Codex design tokens. This imports Less variables, some of which refer to CSS variables.
 * The CSS variable values are imported in CSSCustomProperties.less.
 */
/* stylelint-disable selector-class-pattern */
#mw-sitecsspreview,
#mw-sitejspreview,
#mw-usercsspreview,
#mw-userjspreview {
  direction: ltr;
  unicode-bidi: embed;
}
/* Stop floats from intruding into edit area in previews */
#editform,
#toolbar,
#wpTextbox1 {
  clear: both;
}
/*
 * Add a bit of margin space between the preview and the toolbar.
 * This replaces the ugly <p><br /></p> we used to insert into the page source
 */
.previewnote,
#wikiPreview.ontop {
  margin-bottom: 1em;
}
.mw-editform {
  /* General layout */
  /* Adjustments to edit form elements */
  /* T188737 */
}
.mw-editform #wpTextbox1 {
  margin: 0;
  display: block;
  /* Ensure the textarea is not higher than browser's viewport on small screens */
  max-height: 100vh;
  /* But don't let it collapse into nothingness on really tiny screens */
  min-height: 5em;
}
.mw-editform #editpage-copywarn {
  font-size: 0.9em;
  line-height: 1.26;
}
.mw-editform #wpSummaryWidget {
  display: block;
  margin-bottom: 1em;
}
.mw-editform #wpSummaryLabel {
  margin: 0;
}
.mw-editform #wpSummaryWidget,
.mw-editform #wpSummaryLabel .oo-ui-fieldLayout-header {
  max-width: none;
}
.mw-editform .editCheckboxes .oo-ui-fieldLayout {
  margin-right: 1em;
}
.mw-editform .editHelp {
  margin-left: 0.5em;
  vertical-align: middle;
}
.mw-editform .editHelp a {
  font-weight: bold;
}
.mw-editform .editOptions {
  border-radius: 0 0 2px 2px;
}
.mw-editform .editButtons {
  margin-top: 0.5em;
}
.mw-editform .cancelLink,
.mw-editform .editHelp {
  display: inline-block;
  vertical-align: middle;
}
.mw-editform .templatesUsed .mw-redirect {
  font-style: italic;
}
.editOptions {
  background-color: var(--background-color-neutral, #eaecf0);
  color: var(--color-base, #202122);
  border: 1px solid var(--border-color-subtle, #c8ccd1);
  border-top: 0;
  padding: 1em 1em 1.5em 1em;
  margin-bottom: 2em;
}

/**
 * Styles for the .editCheckboxes HorizontalLayout in the edit form.
 */
/* stylelint-disable-next-line selector-class-pattern */
.editCheckboxes .oo-ui-horizontalLayout {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* Styles for collapsible lists of templates used and hidden categories */
/**
 * ###IMPORTANT:##
 * If editing this file, please also edit the respective file in the MinervaNeue skin.
 * ####
 *
 * This file is a LESS @import match for "mediawiki.skin.variables.less"
 * when Vector 2022 is the active skin.
 * Please note, that legacy Vector is handled by
 * "mediawiki.less.legacy/mediawiki.skin.variables.less".
 *
 * Please also note, that both current Codex, design system for Wikimedia based skins,
 * Vector 2022 and Minerva Neue are using the same variable values respectively in their
 * repositories.
 */
/* stylelint-disable @stylistic/indentation */
/**
 * Codex design tokens. This imports Less variables, some of which refer to CSS variables.
 * The CSS variable values are imported in CSSCustomProperties.less.
 */
.mw-editfooter-toggler {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.mw-editfooter-toggler p {
  margin: 0.5em 0;
  padding: 0;
}
.mw-editfooter-toggler::before {
  content: '';
  margin-right: 4px;
  /* stylelint-enable @stylistic/indentation */
  min-width: 10px;
  min-height: 10px;
  width: calc(var(--font-size-medium, 1rem) - 4px);
  height: calc(var(--font-size-medium, 1rem) - 4px);
  display: inline-block;
  vertical-align: text-bottom;
  transition: transform 250ms ease;
}
@supports not ( ( -webkit-mask-image: none ) or ( mask-image: none ) ) {
  .mw-editfooter-toggler::before {
    background-position: center;
    background-repeat: no-repeat;
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    background-size: calc(max( calc(var(--font-size-medium, 1rem) - 4px), 10px ));
  }
}
@supports ( -webkit-mask-image: none ) or ( mask-image: none ) {
  .mw-editfooter-toggler::before {
    /* stylelint-disable plugin/no-unsupported-browser-features */
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: calc(max( calc(var(--font-size-medium, 1rem) - 4px), 10px ));
    mask-size: calc(max( calc(var(--font-size-medium, 1rem) - 4px), 10px ));
    /* stylelint-enable plugin/no-unsupported-browser-features */
  }
}
@supports not ( ( -webkit-mask-image: none ) or ( mask-image: none ) ) {
  .mw-editfooter-toggler::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 15 2 5h16z"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
}
@supports ( -webkit-mask-image: none ) or ( mask-image: none ) {
  .mw-editfooter-toggler::before {
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 15 2 5h16z"/></svg>');
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 15 2 5h16z"/></svg>');
    background-color: var(--color-disabled, #a2a9b1);
  }
}
[dir='ltr'] .mw-editfooter-toggler-collapsed.mw-editfooter-toggler::before {
  transform: rotate(-90deg);
}
[dir='rtl'] .mw-editfooter-toggler-collapsed.mw-editfooter-toggler::before {
  transform: rotate(90deg);
}
.mw-editfooter-list {
  margin-bottom: 1em;
  margin-left: 2.5em;
}
/* Show/hide animation is incorrect if the table has a margin set. Extra
 * ".wikitable" is needed in the selector for CSS specificity. */
/* stylelint-disable-next-line selector-class-pattern */
.wikitable.preview-limit-report {
  margin: 0;
}

/**
 * CSS for WikiEditor
 */
/* Hide vanilla MediaWiki's "Editing help" link, as we provide it in the toolbar */
.client-js .editButtons .editHelp {
  display: none;
}
/* stylelint-disable selector-max-id */
form#editform {
  margin: 0;
  padding: 0;
}
#wpTextbox1 {
  line-height: 1.5em;
  resize: vertical;
}
/* Hide the WikiEditor toolbar until its css has loaded */
.wikiEditor-ui-toolbar {
  display: none;
}
/* This disables margin collapse for the children */
.client-js #editform::before,
.client-js #editform::after {
  content: ' ';
  display: table;
}
/* Set a margin on the textarea while we load, matching the height,
 * of the wikieditor toolbar to prevent reflow. After the wikieditor ui is loaded,
 * the textarea is wrapped inside wikieditor-ui div and no longer matches */
.client-js .mw-editform > #wpTextbox1 {
  /* Toolbar height + padding + bottom border = 26 + 2*3 + 1 */
  margin-top: 33px;
}

/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-no-vendor-prefix */
/* stylelint-enable selector-no-vendor-prefix */
/**
 * ###IMPORTANT:##
 * If editing this file, please also edit the respective file in the MinervaNeue skin.
 * ####
 *
 * This file is a LESS @import match for "mediawiki.skin.variables.less"
 * when Vector 2022 is the active skin.
 * Please note, that legacy Vector is handled by
 * "mediawiki.less.legacy/mediawiki.skin.variables.less".
 *
 * Please also note, that both current Codex, design system for Wikimedia based skins,
 * Vector 2022 and Minerva Neue are using the same variable values respectively in their
 * repositories.
 */
/* stylelint-disable @stylistic/indentation */
/**
 * Codex design tokens. This imports Less variables, some of which refer to CSS variables.
 * The CSS variable values are imported in CSSCustomProperties.less.
 */
/*
 * CSS for WikiEditor jQuery plugin
 */
.wikiEditor-ui {
  position: relative;
  clear: both;
  width: 100%;
}
.wikiEditor-ui textarea {
  width: 100%;
  border: 0;
}
.wikiEditor-ui textarea:focus {
  outline: 0;
}
.wikiEditor-ui .wikiEditor-ui-clear {
  clear: both;
}
.wikiEditor-ui .wikiEditor-ui-view {
  border: 1px solid var(--border-color-subtle, #c8ccd1);
}
.wikiEditor-ui .wikiEditor-ui-top {
  position: relative;
  border-bottom: 1px solid var(--border-color-subtle, #c8ccd1);
}
.wikiEditor-ui .wikiEditor-ui-left {
  float: left;
  width: 100%;
}
.wikiEditor-ui .wikiEditor-ui-right {
  float: right;
  background: var(--background-color-neutral-subtle, #f8f9fa);
  overflow: hidden;
}

/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-no-vendor-prefix */
/* stylelint-enable selector-no-vendor-prefix */
/**
 * ###IMPORTANT:##
 * If editing this file, please also edit the respective file in the MinervaNeue skin.
 * ####
 *
 * This file is a LESS @import match for "mediawiki.skin.variables.less"
 * when Vector 2022 is the active skin.
 * Please note, that legacy Vector is handled by
 * "mediawiki.less.legacy/mediawiki.skin.variables.less".
 *
 * Please also note, that both current Codex, design system for Wikimedia based skins,
 * Vector 2022 and Minerva Neue are using the same variable values respectively in their
 * repositories.
 */
/* stylelint-disable @stylistic/indentation */
/**
 * Codex design tokens. This imports Less variables, some of which refer to CSS variables.
 * The CSS variable values are imported in CSSCustomProperties.less.
 */
/**
 * CSS for WikiEditor Toolbar jQuery plugin
 */
.wikiEditor-ui-toolbar {
  position: relative;
  display: block;
  z-index: 7;
  /* Expandable Sections */
  /* Top Level Containers */
  /* Tabs */
  /* Top Level Containers */
  /* Groups */
  /* Booklet */
  /* Help Pages */
  /* Characters Pages */
}
.wikiEditor-ui-toolbar .empty,
.wikiEditor-ui-toolbar .group.empty {
  display: none;
}
.wikiEditor-ui-toolbar .sections {
  float: left;
  width: 100%;
  clear: both;
}
.wikiEditor-ui-toolbar .sections .section {
  float: left;
  width: 100%;
  border-top: 1px solid var(--border-color-subtle, #c8ccd1);
}
.wikiEditor-ui-toolbar .sections .section-hidden {
  display: none;
}
.wikiEditor-ui-toolbar .tabs {
  float: left;
  height: 100%;
  list-style: none;
  margin: 0 3px;
  min-height: 32px;
  position: relative;
}
.wikiEditor-ui-toolbar .tabs span.tab {
  position: relative;
  float: left;
  /* stylelint-disable-next-line declaration-property-unit-disallowed-list */
  line-height: 32px;
}
.wikiEditor-ui-toolbar .tabs span.tab a {
  color: var(--color-progressive, #36c);
  cursor: pointer;
  display: block;
  height: 32px;
  padding-left: 18px;
  padding-right: 12px;
}
.wikiEditor-ui-toolbar .tabs span.tab a::before {
  content: '';
  /* @embed */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KCTx0aXRsZT4KCQlkb3duCgk8L3RpdGxlPgoJPHBhdGggZD0ibTMgNiAxLTEgNCA0IDQtNCAxIDEtNSA1IiBmaWxsPSIjMjIyIi8+Cjwvc3ZnPgo=) center no-repeat;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  transition: transform 100ms;
}
body.ltr .wikiEditor-ui-toolbar .tabs span.tab a::before {
  transform: rotate(-90deg);
}
body.rtl .wikiEditor-ui-toolbar .tabs span.tab a::before {
  transform: rotate(90deg);
}
.wikiEditor-ui-toolbar .tabs span.tab a:visited {
  color: var(--color-progressive, #36c);
}
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
  color: var(--color-base, #202122);
}
.wikiEditor-ui-toolbar .tabs span.tab a.current:hover,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited:hover {
  text-decoration: none;
}
body.ltr .wikiEditor-ui-toolbar .tabs span.tab a.current::before,
body.ltr .wikiEditor-ui-toolbar .tabs span.tab a.current:visited::before,
body.rtl .wikiEditor-ui-toolbar .tabs span.tab a.current::before,
body.rtl .wikiEditor-ui-toolbar .tabs span.tab a.current:visited::before {
  transform: rotate(0);
}
.wikiEditor-ui-toolbar .tabs,
.wikiEditor-ui-toolbar .section-main,
.wikiEditor-ui-toolbar .section-secondary {
  position: relative;
  float: left;
  min-height: 32px;
  height: 100%;
}
.wikiEditor-ui-toolbar .section-secondary {
  float: right;
}
.wikiEditor-ui-toolbar .section-secondary .group {
  padding-right: 0;
  border-left: 1px solid var(--border-color-subtle, #c8ccd1);
  border-right: 0;
}
.wikiEditor-ui-toolbar .group {
  float: left;
  display: flex;
  min-height: 26px;
  padding-right: 6px;
  border-right: 1px solid var(--border-color-subtle, #c8ccd1);
  margin: 3px;
  /* Toolbar */
}
.wikiEditor-ui-toolbar .group .label {
  float: left;
  border: 0;
  height: 22px;
  /* stylelint-disable-next-line declaration-property-unit-disallowed-list */
  line-height: 22px;
  margin: 2px 8px 2px 5px;
  color: var(--color-subtle, #54595d);
  cursor: default;
}
.wikiEditor-ui-toolbar .group img.tool {
  float: left;
  border: 0;
  height: 22px;
  width: 22px;
  padding: 2px;
  cursor: pointer;
}
.wikiEditor-ui-toolbar .group .tool-select {
  float: left;
  margin: 2px 0 2px 2px;
  height: 22px;
  cursor: pointer;
  border: 1px solid var(--border-color-subtle, #c8ccd1);
  padding: 0;
  background-color: var(--background-color-base, #fff);
}
.wikiEditor-ui-toolbar .group .tool-select .label {
  position: relative;
  padding: 0 26px 0 4px;
  margin: 0;
  cursor: pointer;
  text-decoration: none;
  color: var(--color-base, #202122);
}
.wikiEditor-ui-toolbar .group .tool-select .label::after {
  content: '';
  /* @embed */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KCTx0aXRsZT4KCQlkb3duCgk8L3RpdGxlPgoJPHBhdGggZD0ibTMgNiAxLTEgNCA0IDQtNCAxIDEtNSA1IiBmaWxsPSIjMjIyIi8+Cjwvc3ZnPgo=) center no-repeat;
  display: block;
  position: absolute;
  top: 0;
  right: 4px;
  width: 16px;
  height: 22px;
}
.wikiEditor-ui-toolbar .group .tool-select.options-shown .label::after {
  transform: rotate(180deg);
}
.wikiEditor-ui-toolbar .group .tool-select .options {
  position: absolute;
  display: none;
  margin-left: -1px;
  margin-top: 22px;
  border: 1px solid var(--border-color-subtle, #c8ccd1);
  background-color: var(--background-color-base, #fff);
  z-index: 1;
}
.wikiEditor-ui-toolbar .group .tool-select .options .option {
  display: block;
  padding: 0.5em;
  text-decoration: none;
  color: var(--color-base, #202122);
  white-space: nowrap;
}
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
  background-color: #eaf3ff;
}
.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-2'] {
  font-size: 150%;
  font-weight: normal;
}
.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-3'] {
  font-size: 132%;
  font-weight: normal;
}
.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-4'] {
  font-size: 116%;
  font-weight: normal;
}
.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-5'] {
  font-size: 100%;
  font-weight: bold;
}
.wikiEditor-ui-toolbar .group .tool-select:hover .options,
.wikiEditor-ui-toolbar .group .tool-select.options-shown .options {
  display: block;
}
.wikiEditor-ui-toolbar .group-search {
  float: right;
  border-right: 0;
}
.wikiEditor-ui-toolbar .booklet > .index {
  float: left;
  width: 20%;
  height: 125px;
  overflow: hidden auto;
  resize: horizontal;
  min-width: 6em;
  max-width: 50%;
}
.wikiEditor-ui-toolbar .booklet > .index > div {
  padding: 4px 4px 4px 6px;
  cursor: pointer;
}
.wikiEditor-ui-toolbar .booklet > .index .wikiEditor-character-highlighted {
  background-color: rgba(41, 98, 204, 0.1);
  color: var(--color-base, #202122);
}
.wikiEditor-ui-toolbar .booklet .pages {
  height: 125px;
  overflow: auto;
}
.wikiEditor-ui-toolbar .page-table {
  padding-left: 5px;
  padding-right: 5px;
}
.wikiEditor-ui-toolbar .page-table table {
  background: none;
  border-collapse: collapse;
  width: 100%;
}
.wikiEditor-ui-toolbar .page-table th {
  color: var(--color-subtle, #54595d);
}
.wikiEditor-ui-toolbar .page-table td {
  color: var(--color-base, #202122);
  border-top: 1px solid var(--border-color-subtle, #c8ccd1);
}
.wikiEditor-ui-toolbar .page-table th,
.wikiEditor-ui-toolbar .page-table td {
  margin: 0;
  padding: 5px;
  text-align: left;
}
.wikiEditor-ui-toolbar .section-help .page-table {
  /* T33649 */
}
.wikiEditor-ui-toolbar .section-help .page-table .cell {
  vertical-align: top;
}
.wikiEditor-ui-toolbar .section-help .page-table .cell-syntax {
  font-family: monospace, 'Courier';
}
.wikiEditor-ui-toolbar .section-help .page-table .cell-syntax,
.wikiEditor-ui-toolbar .section-help .page-table .cell-result {
  width: 40%;
}
.wikiEditor-ui-toolbar .section-help .page-table .cell-description {
  width: 20%;
}
.wikiEditor-ui-toolbar .section-help .page-table .table-link .cell-syntax,
.wikiEditor-ui-toolbar .section-help .page-table .table-link span.pre-wrap {
  white-space: pre;
}
.wikiEditor-ui-toolbar .section-help .cell-result h2,
.wikiEditor-ui-toolbar .section-help .cell-result h3,
.wikiEditor-ui-toolbar .section-help .cell-result h4,
.wikiEditor-ui-toolbar .section-help .cell-result h5 {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0;
}
.wikiEditor-ui-toolbar .page-characters {
  padding-bottom: 5px;
}
.wikiEditor-ui-toolbar .page-characters div span {
  border: 1px solid var(--border-color-subtle, #c8ccd1);
  padding: 5px 8px;
  margin-left: 5px;
  margin-top: 5px;
  height: 1em;
  display: inline-block;
  color: var(--color-base, #202122);
  text-decoration: none;
  cursor: pointer;
  font-family: monospace, 'Courier';
  font-size: 1.25em;
  line-height: 1;
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
  background-color: var(--background-color-base, #fff);
  text-decoration: none;
  border-color: var(--border-color-interactive, #72777d);
}
.wikiEditor-ui-toolbar .page-characters div .wikiEditor-character-highlighted {
  background-color: #7db1c5;
  color: var(--color-base, #202122);
}
.wikiEditor-ui-toolbar .page-characters div[dir='rtl'] span {
  /* @noflip */
  direction: rtl;
}
.tool-button {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  cursor: pointer;
  overflow: hidden;
}
/* OOUI buttons */
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement {
  margin: 0;
}
.ui-widget table td.wikieditor-toolbar-table-preview-wrapper {
  background: var(--background-color-neutral, #eaecf0);
  padding: 10px;
}
.ui-widget table td.wikieditor-toolbar-table-preview-wrapper span {
  padding: 4px 6px 0;
  display: block;
}
.ui-widget table .wikieditor-toolbar-table-preview-frame {
  width: 340px;
  background: var(--background-color-base, #fff);
  padding: 10px;
  overflow: hidden;
  display: block;
  position: relative;
}
.ui-widget table .wikieditor-toolbar-table-preview-content {
  width: 375px;
  display: block;
}
.ui-widget table .wikieditor-toolbar-table-preview {
  width: 340px;
}

/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-no-vendor-prefix */
/* stylelint-enable selector-no-vendor-prefix */
/**
 * ###IMPORTANT:##
 * If editing this file, please also edit the respective file in the MinervaNeue skin.
 * ####
 *
 * This file is a LESS @import match for "mediawiki.skin.variables.less"
 * when Vector 2022 is the active skin.
 * Please note, that legacy Vector is handled by
 * "mediawiki.less.legacy/mediawiki.skin.variables.less".
 *
 * Please also note, that both current Codex, design system for Wikimedia based skins,
 * Vector 2022 and Minerva Neue are using the same variable values respectively in their
 * repositories.
 */
/* stylelint-disable @stylistic/indentation */
/**
 * Codex design tokens. This imports Less variables, some of which refer to CSS variables.
 * The CSS variable values are imported in CSSCustomProperties.less.
 */
/**
 * CSS for WikiEditor Toolbar jQuery plugin
 */
.wikiEditor-ui-toolbar {
  background-color: var(--background-color-neutral-subtle, #f8f9fa);
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
  /* Groups */
  /* Booklet */
}
.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group {
  border-color: var(--border-color-muted, #dadde3);
}
.wikiEditor-ui-toolbar .group {
  min-height: 32px;
  margin: 0;
  padding-right: 0;
}
.wikiEditor-ui-toolbar .group .label {
  height: 28px;
  margin-left: 8px;
  /* stylelint-disable-next-line declaration-property-unit-disallowed-list */
  line-height: 28px;
}
.wikiEditor-ui-toolbar .group .tool-select {
  background-color: transparent;
  height: 32px;
  margin: 0;
  border: 0;
}
.wikiEditor-ui-toolbar .group .tool-select .label {
  height: 32px;
  padding-left: 8px;
  /* stylelint-disable-next-line declaration-property-unit-disallowed-list */
  line-height: 32px;
}
.wikiEditor-ui-toolbar .group .tool-select .label::after {
  height: 32px;
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options {
  margin-top: 32px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
  background-color: var(--background-color-interactive, #eaecf0);
}
.wikiEditor-ui-toolbar .booklet > .index > :hover {
  background-color: var(--background-color-interactive, #eaecf0);
}
.wikiEditor-ui-toolbar .booklet > .index > .current {
  background-color: var(--background-color-progressive-subtle, #f1f4fd);
  color: var(--color-progressive, #36c);
}
.tool-button {
  width: 32px;
  height: 32px;
  transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
}
.tool-button,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
  border-radius: 0;
}
.tool-button:hover,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover {
  background-color: rgba(0, 23, 70, 0.086);
  /* #eaecf0 */
}
.tool-button:hover > .oo-ui-iconElement-icon,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon {
  opacity: 1;
}
.tool-button.tool-active,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button.tool-active {
  background-color: rgba(0, 104, 243, 0.086);
  /* #eaf3ff */
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  opacity: 0.87;
}

/**
 * ###IMPORTANT:##
 * If editing this file, please also edit the respective file in the MinervaNeue skin.
 * ####
 *
 * This file is a LESS @import match for "mediawiki.skin.variables.less"
 * when Vector 2022 is the active skin.
 * Please note, that legacy Vector is handled by
 * "mediawiki.less.legacy/mediawiki.skin.variables.less".
 *
 * Please also note, that both current Codex, design system for Wikimedia based skins,
 * Vector 2022 and Minerva Neue are using the same variable values respectively in their
 * repositories.
 */
/* stylelint-disable @stylistic/indentation */
/**
 * Codex design tokens. This imports Less variables, some of which refer to CSS variables.
 * The CSS variable values are imported in CSSCustomProperties.less.
 */
.ext-WikiEditor-realtimepreview-button:hover {
  background-color: var(--background-color-interactive, #eaecf0);
}
.ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label {
  color: var(--color-progressive, #36c);
}
.ext-WikiEditor-realtimepreview-button.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement:first-child {
  margin-left: 0;
}
/* stylelint-disable selector-max-id */
.ext-WikiEditor-realtimepreview-textbox,
.ext-WikiEditor-realtimepreview-textbox#wpTextbox1,
.mw-editform .ext-WikiEditor-realtimepreview-textbox#wpTextbox1 {
  resize: none;
  height: 100%;
  min-height: auto;
  max-height: none;
}
.ext-WikiEditor-realtimepreview-preview {
  padding: 0 6px;
  position: relative;
}
.wikiEditor-ui .wikiEditor-ui-view {
  border-bottom: 0;
}
.ext-WikiEditor-ResizingDragBar-ns {
  border-top: 1px solid var(--border-color-subtle, #c8ccd1);
}
.ext-WikiEditor-realtimepreview-loadingbar div {
  position: absolute;
  z-index: 5;
  display: block;
  opacity: 1;
  content: ' ';
  background-color: var(--background-color-progressive, #36c);
  width: 20%;
  height: 4px;
  visibility: hidden;
  animation: loading-bar 1.5s 1s infinite linear alternate;
}
@keyframes loading-bar {
  0% {
    visibility: visible;
    left: 0;
  }
  100% {
    left: calc(100% - 20%);
  }
}

/**
 * ###IMPORTANT:##
 * If editing this file, please also edit the respective file in the MinervaNeue skin.
 * ####
 *
 * This file is a LESS @import match for "mediawiki.skin.variables.less"
 * when Vector 2022 is the active skin.
 * Please note, that legacy Vector is handled by
 * "mediawiki.less.legacy/mediawiki.skin.variables.less".
 *
 * Please also note, that both current Codex, design system for Wikimedia based skins,
 * Vector 2022 and Minerva Neue are using the same variable values respectively in their
 * repositories.
 */
/* stylelint-disable @stylistic/indentation */
/**
 * Codex design tokens. This imports Less variables, some of which refer to CSS variables.
 * The CSS variable values are imported in CSSCustomProperties.less.
 */
.ext-WikiEditor-ResizingDragBar {
  background-color: var(--background-color-interactive, #eaecf0);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ext-WikiEditor-ResizingDragBar-ns {
  cursor: ns-resize;
}
.ext-WikiEditor-ResizingDragBar span {
  width: 52px;
  height: 4px;
  background-color: var(--background-color-disabled, #dadde3);
  border-radius: 2px;
  display: block;
  margin: 2px;
}
.ext-WikiEditor-ResizingDragBar:hover span {
  background-color: var(--color-subtle, #54595d);
}
.ext-WikiEditor-ResizingDragBar-ew {
  cursor: ew-resize;
  background-color: var(--background-color-interactive-subtle, #f8f9fa);
}
.ext-WikiEditor-ResizingDragBar-ew span {
  height: 52px;
  width: 4px;
  border-width: 0 1px;
}
.cm-editor {
  height: 100% !important;
}

/**
 * ###IMPORTANT:##
 * If editing this file, please also edit the respective file in the MinervaNeue skin.
 * ####
 *
 * This file is a LESS @import match for "mediawiki.skin.variables.less"
 * when Vector 2022 is the active skin.
 * Please note, that legacy Vector is handled by
 * "mediawiki.less.legacy/mediawiki.skin.variables.less".
 *
 * Please also note, that both current Codex, design system for Wikimedia based skins,
 * Vector 2022 and Minerva Neue are using the same variable values respectively in their
 * repositories.
 */
/* stylelint-disable @stylistic/indentation */
/**
 * Codex design tokens. This imports Less variables, some of which refer to CSS variables.
 * The CSS variable values are imported in CSSCustomProperties.less.
 */
.ext-WikiEditor-twopanes-TwoPaneLayout {
  display: flex;
}
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1 {
  border-color: var(--border-color-subtle, #c8ccd1);
  border-style: solid;
  border-width: 0 1px 0 0;
  width: calc( 50% - 9px );
}
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 {
  position: relative;
  border-color: var(--border-color-subtle, #c8ccd1);
  border-style: solid;
  border-width: 0 0 0 1px;
  flex: 1 1 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  min-width: 248px;
}
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 .ext-WikiEditor-realtimepreview-preview {
  overflow: auto;
  height: 100%;
}

/**
 * ###IMPORTANT:##
 * If editing this file, please also edit the respective file in the MinervaNeue skin.
 * ####
 *
 * This file is a LESS @import match for "mediawiki.skin.variables.less"
 * when Vector 2022 is the active skin.
 * Please note, that legacy Vector is handled by
 * "mediawiki.less.legacy/mediawiki.skin.variables.less".
 *
 * Please also note, that both current Codex, design system for Wikimedia based skins,
 * Vector 2022 and Minerva Neue are using the same variable values respectively in their
 * repositories.
 */
/* stylelint-disable @stylistic/indentation */
/**
 * Codex design tokens. This imports Less variables, some of which refer to CSS variables.
 * The CSS variable values are imported in CSSCustomProperties.less.
 */
.ext-WikiEditor-realtimepreview-ErrorLayout {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: var(--background-color-neutral-subtle, #f8f9fa);
  height: 100%;
  width: 100%;
  text-align: center;
}
.ext-WikiEditor-realtimepreview-ErrorLayout > * {
  max-width: 268px;
  margin: 6px;
}
.ext-WikiEditor-realtimepreview-ErrorLayout .oo-ui-buttonWidget {
  margin-top: 18px;
}
.ext-WikiEditor-image-realtimepreview-error {
  height: 103px;
  width: 92px;
}

/**
 * ###IMPORTANT:##
 * If editing this file, please also edit the respective file in the MinervaNeue skin.
 * ####
 *
 * This file is a LESS @import match for "mediawiki.skin.variables.less"
 * when Vector 2022 is the active skin.
 * Please note, that legacy Vector is handled by
 * "mediawiki.less.legacy/mediawiki.skin.variables.less".
 *
 * Please also note, that both current Codex, design system for Wikimedia based skins,
 * Vector 2022 and Minerva Neue are using the same variable values respectively in their
 * repositories.
 */
/* stylelint-disable @stylistic/indentation */
/**
 * Codex design tokens. This imports Less variables, some of which refer to CSS variables.
 * The CSS variable values are imported in CSSCustomProperties.less.
 */
.ext-WikiEditor-ManualWidget {
  background-color: var(--background-color-neutral, #eaecf0);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-color: var(--border-color-subtle, #c8ccd1);
  border-width: 1px 0;
  border-style: solid;
  padding: 14px 24px;
  position: relative;
  color: inherit;
}
.ext-WikiEditor-ManualWidget:hover {
  text-decoration: none;
}
.ext-WikiEditor-ManualWidget .oo-ui-iconElement-icon {
  position: relative;
  margin-right: 1em;
}
.ext-WikiEditor-ManualWidget .ext-WikiEditor-realtimepreview-manual-reload {
  margin-left: auto;
  font-weight: 700;
  color: var(--color-progressive, #36c);
}
.ext-WikiEditor-ManualWidget.oo-ui-widget-disabled .ext-WikiEditor-realtimepreview-manual-reload {
  color: var(--color-disabled, #a2a9b1);
}
.ext-WikiEditor-ManualWidget.oo-ui-widget-disabled:active {
  color: inherit;
}

/* Enforce a minimum width for items that are very narrow (e.g. the pipe character '|')
   or indeed of zero width (e.g. combining marks like U+0308) to make them clickable. */
.client-js .mw-charinsert-item {
	min-width: 0.5em;
	display: inline-block;
	text-align: center;
}

/* Make it appear non-link like for non-js clients */
.client-nojs .mw-charinsert-item {
	color: #000;
	cursor: text;
}

.client-nojs .mw-charinsert-item:hover {
	text-decoration: none;
}

.uz-icon--article{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjx0aXRsZT4KCQlhcnRpY2xlCgk8L3RpdGxlPjxwYXRoIGQ9Ik01IDFhMiAyIDAgMCAwLTIgMnYxNGEyIDIgMCAwIDAgMiAyaDEwYTIgMiAwIDAgMCAyLTJWM2EyIDIgMCAwIDAtMi0yem0wIDNoNXYxSDV6bTAgMmg1djFINXptMCAyaDV2MUg1em0xMCA3SDV2LTFoMTB6bTAtMkg1di0xaDEwem0wLTJINXYtMWgxMHptMC0yaC00VjRoNHoiLz48L3N2Zz4K);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjx0aXRsZT4KCQlhcnRpY2xlCgk8L3RpdGxlPjxwYXRoIGQ9Ik01IDFhMiAyIDAgMCAwLTIgMnYxNGEyIDIgMCAwIDAgMiAyaDEwYTIgMiAwIDAgMCAyLTJWM2EyIDIgMCAwIDAtMi0yem0wIDNoNXYxSDV6bTAgMmg1djFINXptMCAyaDV2MUg1em0xMCA3SDV2LTFoMTB6bTAtMkg1di0xaDEwem0wLTJINXYtMWgxMHptMC0yaC00VjRoNHoiLz48L3N2Zz4K)}
.uz-icon--reload{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjx0aXRsZT4KCQlyZWxvYWQKCTwvdGl0bGU+PHBhdGggZD0iTTE1LjY1IDQuMzVBOCA4IDAgMSAwIDE3LjQgMTNoLTIuMjJhNiA2IDAgMSAxLTEtNy4yMkwxMSA5aDdWMnoiLz48L3N2Zz4K);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjx0aXRsZT4KCQlyZWxvYWQKCTwvdGl0bGU+PHBhdGggZD0iTTE1LjY1IDQuMzVBOCA4IDAgMSAwIDE3LjQgMTNoLTIuMjJhNiA2IDAgMSAxLTEtNy4yMkwxMSA5aDdWMnoiLz48L3N2Zz4K)}
.uz-icon--edit{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjx0aXRsZT4KCQllZGl0Cgk8L3RpdGxlPjxwYXRoIGQ9Im0xNi43NyA4IDEuOTQtMmExIDEgMCAwIDAgMC0xLjQxbC0zLjM0LTMuM2ExIDEgMCAwIDAtMS40MSAwTDEyIDMuMjN6TTEgMTQuMjVWMTloNC43NWw5Ljk2LTkuOTYtNC43NS00Ljc1eiIvPjwvc3ZnPgo=);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjx0aXRsZT4KCQllZGl0Cgk8L3RpdGxlPjxwYXRoIGQ9Im0xNi43NyA4IDEuOTQtMmExIDEgMCAwIDAgMC0xLjQxbC0zLjM0LTMuM2ExIDEgMCAwIDAtMS40MSAwTDEyIDMuMjN6TTEgMTQuMjVWMTloNC43NWw5Ljk2LTkuOTYtNC43NS00Ljc1eiIvPjwvc3ZnPgo=)}
.uz-icon--expand{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjx0aXRsZT4KCQlleHBhbmQKCTwvdGl0bGU+PHBhdGggZD0ibTE3LjUgNC43NS03LjUgNy41LTcuNS03LjVMMSA2LjI1bDkgOSA5LTl6Ii8+PC9zdmc+Cg==);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjx0aXRsZT4KCQlleHBhbmQKCTwvdGl0bGU+PHBhdGggZD0ibTE3LjUgNC43NS03LjUgNy41LTcuNS03LjVMMSA2LjI1bDkgOSA5LTl6Ii8+PC9zdmc+Cg==)}