/* start https://en.wikiversity.org/w/load.php?debug=true&lang=en&modules=mediawiki.htmlform.ooui.styles&only=styles&skin=vector-2022&version=&* */


/**
 * ###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 */
/* stylelint-disable selector-no-vendor-prefix */
/* stylelint-enable selector-no-vendor-prefix */
.client-js .mw-collapsibleFieldsetLayout.mw-collapsible .oo-ui-fieldsetLayout-header {
  margin-top: -8px;
  margin-bottom: 8px;
  padding: 8px;
  padding-left: 24px;
}
.client-js .mw-collapsibleFieldsetLayout.mw-collapsible .oo-ui-fieldsetLayout-header .oo-ui-labelElement-label {
  margin-bottom: 0;
}
.client-js .mw-collapsibleFieldsetLayout.mw-collapsed .oo-ui-fieldsetLayout-header {
  min-height: 30px;
  margin-bottom: -12px;
}
.mw-collapsibleFieldsetLayout.mw-collapsible .oo-ui-fieldsetLayout-header {
  max-width: none;
}
.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 14px;
  width: var(--font-size-medium, 1rem);
  margin-right: 0.5em;
}
.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-icon-expand {
  display: none;
}
.mw-collapsibleFieldsetLayout.mw-collapsible.mw-collapsed .mw-collapsible-toggle .oo-ui-icon-expand {
  display: inline-block;
}
.mw-collapsibleFieldsetLayout.mw-collapsible.mw-collapsed .mw-collapsible-toggle .oo-ui-icon-collapse {
  display: none;
}

/**
 * ###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 */
/* stylelint-disable selector-no-vendor-prefix */
/* stylelint-enable selector-no-vendor-prefix */
/* stylelint-disable selector-class-pattern */
.mw-htmlform-ooui {
  line-height: 1.4;
}
.mw-htmlform-ooui .oo-ui-fieldsetLayout-header {
  font-size: 100%;
}
.mw-htmlform-ooui .oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
  line-height: 1.14285714em;
}
.mw-htmlform-ooui .mw-htmlform-field-HTMLSizeFilterField {
  margin-top: 12px;
}
.mw-htmlform-ooui .mw-htmlform-matrix {
  border-spacing: 0;
}
.mw-htmlform-ooui .mw-htmlform-matrix th {
  font-weight: normal;
}
.mw-htmlform-ooui .mw-htmlform-matrix td,
.mw-htmlform-ooui .mw-htmlform-matrix th {
  padding: 12px;
  text-align: center;
  transition: background-color 250ms;
}
.mw-htmlform-ooui .mw-htmlform-matrix td:first-child,
.mw-htmlform-ooui .mw-htmlform-matrix th:first-child {
  text-align: left;
}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child( even ) td {
  background-color: var(--background-color-neutral-subtle, #f8f9fa);
}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
  background-color: var(--background-color-neutral, #eaecf0);
}
.mw-htmlform-ooui .mw-htmlform-matrix .oo-ui-fieldLayout-help {
  margin-bottom: -6px;
}
.mw-htmlform-ooui .mw-htmlform-matrix .oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
  padding-bottom: 0;
}
.mw-htmlform-ooui .oo-ui-fieldLayout.mw-htmlform-checkradio-indent {
  margin-left: 1.85714286em;
}
.mw-htmlform-ooui .oo-ui-fieldLayout.mw-htmlform-checkradio-indent .oo-ui-tagMultiselectWidget,
.mw-htmlform-ooui .oo-ui-fieldLayout.mw-htmlform-checkradio-indent .oo-ui-textInputWidget {
  max-width: 48.14285714em;
}
.mw-htmlform-flatlist .oo-ui-fieldLayout-align-inline,
.mw-htmlform-flatlist .oo-ui-radioOptionWidget,
.mw-htmlform-flatlist .oo-ui-checkboxMultioptionWidget {
  display: inline-block;
  margin-right: 12px;
}
.mw-htmlform-flatlist.oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
  padding-bottom: 0;
}
.mw-htmlform-field-HTMLMultiSelectField.oo-ui-fieldLayout,
.mw-htmlform-ooui .htmlform-tip,
.mw-htmlform-ooui .mw-htmlform-submit-buttons {
  margin-top: 12px;
}



/* end   https://en.wikiversity.org/w/load.php?debug=true&lang=en&modules=mediawiki.htmlform.ooui.styles&only=styles&skin=vector-2022&version=&* */