:root {
  --focus-color: #097efb;
  --focus-color-dark-bg: #3b99fc;
}
@media (prefers-color-scheme: dark) {
  :root {
    --focus-color: #3b99fc;
    --focus-color-dark-bg: #097efb;
  }
}
.enable-custom-meter {
  background: #EFEFEF;
  border: 1px solid #E4E4E4;
  border-radius: 1em;
  block-size: 1em;
  display: block;
  width: 120px;
}
.enable-custom-meter::before {
  border-radius: 1em;
  content: "";
  display: block;
  height: 100%;
  width: var(--meter-percentage);
}
.enable-custom-meter[meter-state="positive"]::before {
  background: #387a26;
}
.enable-custom-meter[meter-state="neutral"]::before {
  background: #f4bc41;
}
.enable-custom-meter[meter-state="negative"]::before {
  background: #c74821;
}
.enable-custom-meter::-webkit-meter-bar {
  /* Hides ::-webkit-meter-bar for cross browser consistency with Safari */
  display: none;
}
.enable-custom-meter::-moz-meter-bar {
  /* Styles and attribute selectors for ::before must also be applied to ::moz-meter-bar to support Firefox */
  border-radius: 1em;
  content: "";
  display: block;
  height: 100%;
  width: var(--meter-percentage);
}
.enable-custom-meter[meter-state="positive"]::-moz-meter-bar {
  background: #387a26;
}
.enable-custom-meter[meter-state="neutral"]::-moz-meter-bar {
  background: #f4bc41;
}
.enable-custom-meter[meter-state="negative"]::-moz-meter-bar {
  background: #c74821;
}
.enable__is-dark-mode .enable-custom-meter {
  background: #9a9a9a;
  border: 1px solid #ededed;
  border-radius: 1em;
  block-size: 1em;
  display: block;
  width: 120px;
}
.enable__is-dark-mode .enable-custom-meter::before {
  border-radius: 1em;
  content: "";
  display: block;
  height: 100%;
  width: var(--meter-percentage);
}
.enable__is-dark-mode .enable-custom-meter[meter-state="positive"]::before {
  background: #387a26;
}
.enable__is-dark-mode .enable-custom-meter[meter-state="neutral"]::before {
  background: #f4bc41;
}
.enable__is-dark-mode .enable-custom-meter[meter-state="negative"]::before {
  background: #c74821;
}
.enable__is-dark-mode .enable-custom-meter::-webkit-meter-bar {
  /* Hides ::-webkit-meter-bar for cross browser consistency with Safari */
  display: none;
}
.enable__is-dark-mode .enable-custom-meter::-moz-meter-bar {
  /* Styles and attribute selectors for ::before must also be applied to ::moz-meter-bar to support Firefox */
  border-radius: 1em;
  content: "";
  display: block;
  height: 100%;
  width: var(--meter-percentage);
}
.enable__is-dark-mode .enable-custom-meter[meter-state="positive"]::-moz-meter-bar {
  background: #387a26;
}
.enable__is-dark-mode .enable-custom-meter[meter-state="neutral"]::-moz-meter-bar {
  background: #f4bc41;
}
.enable__is-dark-mode .enable-custom-meter[meter-state="negative"]::-moz-meter-bar {
  background: #c74821;
}
/*# sourceMappingURL=meter.css.map */