/* start https://en.wikiversity.org/w/load.php?debug=true&lang=en&modules=ext.quiz.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.
 */
.quiz .settings input.numerical {
  width: 3em;
}
* > .quiz .header .questionId {
  text-indent: -1.5em;
}
.quiz table.object {
  background-color: transparent;
}
.quiz .settings td {
  padding: 0.1em 0.4em 0.1em 0.4em;
}
.quiz table.settings {
  background-color: transparent;
}
.quiz .sign {
  text-align: center;
}
.quiz .question {
  margin-left: 2em;
}
.quiz .margin {
  padding-left: 20px;
}
.quiz .margin.correct {
  background-color: var(--color-success, #177860);
}
.quiz .margin.incorrect {
  background-color: var(--background-color-error, #f54739);
}
.quiz .margin.correction {
  background-color: var(--background-color-neutral-subtle, #f8f9fa);
}
.quiz .margin.NA {
  background-color: var(--background-color-progressive, #36c);
}
.quiz .margin.error {
  background-color: var(--color-warning, #886425);
}
.quiz .error {
  color: var(--color-emphasized, #101418);
  font-size: inherit;
}
/* This should be based on content direction, not interface direction */
/* @noflip */
.mw-content-ltr .quiz .question .border {
  border-width: 0 0 0 3px;
}
/* @noflip */
.mw-content-rtl .quiz .question .border {
  border-width: 0 3px 0 0;
}
.quiz .question .border.correct,
.quiz .question .border.incorrect,
.quiz .question .border.correction,
.quiz .question .border.NA,
.quiz .question .border.error {
  border-style: solid;
}
.quiz .question .border.correct {
  border-color: var(--border-color-success, #099979);
}
.quiz .question .border.incorrect {
  border-color: var(--border-color-error, #f54739);
}
.quiz .question .border.correction {
  border-color: var(--border-color-subtle, #c8ccd1);
}
.quiz .question .border.NA {
  border-color: var(--border-color-progressive, #6485d1);
}
.quiz .question .border.error {
  border-color: var(--border-color-warning, #ab7f2a);
}
.quiz .question .check.correct {
  outline: 3px solid var(--border-color-success, #099979);
}
.quiz .question .check.incorrect {
  outline: 3px solid var(--border-color-error, #f54739);
}
.quiz .question .check.correction {
  outline: 3px solid var(--border-color-subtle, #c8ccd1);
}
.quiz .question .check.NA {
  outline: 3px solid var(--border-color-progressive, #6485d1);
}
.quiz .question .check.error {
  outline: 3px solid var(--border-color-warning, #ab7f2a);
}
.quiz .header .questionId {
  font-size: 1.1em;
  font-weight: bold;
  float: left;
}
.quiz a.input em {
  color: var(--color-emphasized, #101418);
  background-color: var(--background-color-neutral, #eaecf0);
  margin-right: 1px;
}
.quiz a.input input {
  padding-left: 2px;
  border: 0;
}
.quiz .quizForm {
  position: relative;
}
.quiz .correction {
  background-color: var(--background-color-neutral-subtle, #f8f9fa);
}
.quiz .correction.unselected {
  display: none;
}
.quiz .object .correction {
  background-color: transparent;
}
.quiz a.input span.correction {
  padding: 3px;
  margin: 0;
  list-style-type: none;
  display: none;
  background-color: var(--background-color-neutral-subtle, #f8f9fa);
}
.quiz a.input,
.quiz a.input:hover,
.quiz a.input:active,
.quiz a.input:visited {
  text-decoration: none;
  color: var(--color-emphasized, #101418);
  outline: 0;
}
.quiz a.input span {
  outline: 1px solid var(--border-color-notice, #72777d);
}
.quiz a.input:active span.correction,
.quiz a.input:focus span.correction {
  display: inline;
  position: absolute;
  margin: 1.8em 0 0 0.1em;
}
.client-nojs .quiz .shuffle,
.client-nojs .quiz .reset {
  display: none;
}



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