:root {
  --focus-color: #097efb;
  --focus-color-dark-bg: #3b99fc;
}
@media (prefers-color-scheme: dark) {
  :root {
    --focus-color: #3b99fc;
    --focus-color-dark-bg: #097efb;
  }
}
.enable-spinner,
input[type="number"] {
  width: 4.375rem;
  height: 1.25rem;
  border: 1px solid black;
}
input[type="number"] {
  font-size: 1rem;
  text-align: right;
}
input[type="number"]::-webkit-inner-spin-button:not(:focus),
input[type="number"]::-webkit-outer-spin-button:not(:focus) {
  opacity: 1;
  margin-left: 5px;
}
.enable-spinner {
  position: relative;
  margin: 1.25rem;
  padding: 0 5px;
}
.enable-spinner__button {
  display: block;
  text-align: right;
  font-size: 1rem;
  position: absolute;
  right: 0;
  height: 0.625rem;
}
.enable-spinner__button--up {
  top: 0;
}
.enable-spinner__button--down {
  bottom: 0;
}
.enable-spinner__button img {
  margin: 0;
  padding: 0;
  border-left: 1px solid black;
  height: 0.625rem;
  display: block;
}
.enable-spinner__button:active,
.enable-spinner__button:hover,
.enable-spinner__button:focus {
  margin: 0;
  background-color: #faf7f0;
}
label.sbLabel {
  font-weight: bold;
  font-size: 1.2em;
}
/*# sourceMappingURL=spinbutton.css.map */