/**
 * This file is a LESS import match for "mediawiki.skin.variables.less"
 * when Vector is the active skin.
 */
/**
 * Deprecated variables
 */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-no-vendor-prefix */
/* stylelint-enable selector-no-vendor-prefix */
/* TODO: This file has a lot of descending specificity and needs a cleanup */
/* stylelint-disable no-descending-specificity */
.mw-graph {
  display: inline-block;
  border: 1px solid transparent;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/w/extensions/Graph/includes/ajax-loader.gif?b3af8);
}
.mw-graph .mw-graph-img,
.mw-graph canvas {
  display: inline-block;
  vertical-align: middle;
}
.vega {
  background: #fff;
}
.client-nojs .mw-graph-layover {
  display: none;
}
.client-nojs .mw-graph {
  background-image: unset;
}
.client-nojs .mw-graph-nofallback {
  display: none;
}
.client-js {
  /* white layover */
  /* common button style */
  /* stylelint-disable selector-max-id */
  /* Set graph width */
  /* stylelint-enable selector-max-id */
}
.client-js .mw-graph-interactable:hover {
  cursor: pointer;
}
.client-js .mw-graph-interactable:hover .mw-graph-hover-title {
  display: block;
}
.client-js .mw-graph-interactable:hover .mw-graph-layover {
  background-color: rgba(255, 255, 255, 0.7);
}
.client-js .mw-graph-interactable:hover .mw-graph-switch.mw-graph-loading {
  background-color: #ffffff;
}
.client-js .mw-graph-interactable:hover .mw-graph-switch:hover {
  background-color: #ffffff;
}
.client-js .mw-graph-layover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transition: background-color 250ms ease-out;
  transition: background-color 250ms ease-out;
}
.client-js .mw-graph-hover-title {
  display: none;
  position: absolute;
  top: calc( 50% - 17px );
  left: 1em;
  right: 1em;
  text-align: center;
  font-size: 150%;
  background-color: #ffffff;
}
.client-js .mw-graph-switch {
  -webkit-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
  transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
  background-color: rgba(255, 255, 255, 0.7);
  color: #202122;
  display: inline-block;
  position: absolute;
  left: 1em;
  top: 1em;
  min-height: 1.2em;
  min-width: 1em;
  width: 60px;
  padding: 0.5em;
  border-width: 2px;
  border-style: solid;
  border-color: #54595d;
  border-radius: 2px;
  font: inherit;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  cursor: pointer;
  /* Play button style */
  /* Loading button style */
}
.client-js .mw-graph-switch:hover {
  background-color: #ffffff;
  color: #3366cc;
  border-color: #859dcc;
}
.client-js .mw-graph-switch:active {
  background-color: #ffffff;
  color: #3366cc;
  border-color: #2a4b8d;
  box-shadow: none;
}
.client-js .mw-graph-switch:focus {
  border-color: #3366cc;
  box-shadow: inset 0 0 0 1px #ffffff;
}
.client-js .mw-graph-switch .icon-play {
  display: inline-block;
  position: relative;
  top: 4px;
  left: 0;
  bottom: 0;
  font-size: 160%;
  font-style: normal;
}
.client-js .mw-graph-switch.mw-graph-loading {
  background-color: #ffffff;
  background-image: url(data:image/gif;base64,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);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  color: #54595d;
  display: block;
  border-color: #2a4b8d;
  -webkit-transition: background 0s ease;
  transition: background 0s ease;
}
.client-js .mw-graph-switch.mw-graph-loading:hover {
  border-color: #859dcc;
}
.client-js .mw-graph-switch.mw-graph-loading .icon-play {
  display: none;
}
.client-js #mw-graph-json {
  width: 100%;
}