input[type=button] {
  margin: calc(2*var(--pixel-size));
  padding: calc(4*var(--pixel-size));
  font-size: 16px;
  border: none;
  background-color: var(--window-main);
  box-shadow: 
  inset calc(var(--pixel-size) * -1) calc(var(--pixel-size) * -1) 0 black,
  inset var(--pixel-size) var(--pixel-size) 0 white,
  inset calc(var(--pixel-size) * -2) calc(var(--pixel-size) * -2) 0 gray,
  inset calc(var(--pixel-size) *  2) calc(var(--pixel-size) *  2) 0 lightgray;
  color: var(--text-color);
}

fieldset {
  color: var(--text-color);
  border: none;
  margin: 0.5%;
  box-shadow:
  inset -1px -1px 0 white,
  inset 1px 1px 0 var(--window-edge-dark),
  inset -2px -2px 0 var(--window-edge-dark),
  inset 2px 2px 0 white;
}

legend {
  background-color: var(--window-main);
}

input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  background-image: url("/media/forms/checkbox.webp");
  image-rendering: pixelated;
  width: 13px;
  height: 13px;
  /*background-size: contain;*/
  background-position: 0 0;
  cursor:pointer; 
  border:none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

input[type="checkbox"]:checked {
  background-position: 13px 0;
}

input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  background-image: url("/media/forms/radio.webp");
  image-rendering: pixelated;
  width: 13px;
  height: 13px;
  /*background-size: contain; */
  background-position: 0 0;
  cursor:pointer; 
  border:none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

input[type="radio"]:checked {
  background-position: 13px 0;
}

input[type=button] {
  margin: calc(2*var(--pixel-size));
  padding: calc(4*var(--pixel-size));
  font-size: 16px;
  border: none;
  background-color: var(--window-main);
  box-shadow: 
  inset calc(var(--pixel-size) * -1) calc(var(--pixel-size) * -1) 0 black,
  inset var(--pixel-size) var(--pixel-size) 0 white,
  inset calc(var(--pixel-size) * -2) calc(var(--pixel-size) * -2) 0 gray,
  inset calc(var(--pixel-size) *  2) calc(var(--pixel-size) *  2) 0 lightgray;
  color: var(--text-color);
}

fieldset {
  color: var(--text-color);
  border: none;
  margin: 0.5%;
  box-shadow:
  inset -1px -1px 0 white,
  inset 1px 1px 0 var(--window-edge-dark),
  inset -2px -2px 0 var(--window-edge-dark),
  inset 2px 2px 0 white;
}

legend {
  background-color: var(--window-main);
}

input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  background-image: url("/media/forms/checkbox.webp");
  image-rendering: pixelated;
  width: 13px;
  height: 13px;
  /*background-size: contain;*/
  background-position: 0 0;
  cursor:pointer; 
  border:none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

input[type="checkbox"]:checked {
  background-position: 13px 0;
}

input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  background-image: url("/media/forms/radio.webp");
  image-rendering: pixelated;
  width: 13px;
  height: 13px;
  /*background-size: contain; */
  background-position: 0 0;
  cursor:pointer; 
  border:none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

input[type="radio"]:checked {
  background-position: 13px 0;
}

input[type="range"] {
 background-color: var(--wincontent-background);
  background: url("/media/forms/rail.webp");
  height: 2px;
}

input[type="range"]::-moz-range-thumb,
input[type="range"]::-webkit-slider-thumb {
  image-rendering: pixelated;
  border-radius: 0;
  background-image: url("/media/forms/thumb.webp");
  background-color: var(--wincontent-background);
  border: none;
  height: 21px;
  width: 11px;
}

.navbar-quickconfig {
  line-height: 85% !important;
}