/* Native inputs retain labels, keyboard behavior, events and saved values. */
input[type=checkbox] { accent-color: var(--mg-amber); }
:root[data-mg-checkbox-assets=ready] input[type=checkbox]:not(:indeterminate) {
  appearance: none;
  width: 1.25rem; height: 1.25rem; min-width: 1.25rem;
  flex-shrink: 0; padding: 0; vertical-align: middle;
  border: 0; border-radius: 0; box-shadow: none;
  background: var(--mg-image-checkbox-empty) center / contain no-repeat;
}
:root[data-mg-checkbox-assets=ready] input[type=checkbox]:checked:not(:indeterminate) {
  background-image: var(--mg-image-checkbox-checked);
}
.settings-slider-card input[type=range] {
  appearance: none; height: 1.75rem; padding: 0;
  border: 0; box-shadow: none; background: transparent;
  --mg-track-height: .5rem;
  --mg-thumb-size: 1.375rem;
}
.settings-slider-card input[type=range]::-webkit-slider-runnable-track {
  height: var(--mg-track-height); border-radius: .25rem;
  background: var(--mg-slider-track-art,none) center / 100% 100% no-repeat var(--mg-slider-track-fill,var(--mg-graphite-deep));
  border: 1px solid var(--mg-slider-track-border,var(--mg-bronze));
}
.settings-slider-card input[type=range]::-moz-range-track {
  height: var(--mg-track-height); border-radius: .25rem;
  background: var(--mg-slider-track-art,none) center / 100% 100% no-repeat var(--mg-slider-track-fill,var(--mg-graphite-deep));
  border: 1px solid var(--mg-slider-track-border,var(--mg-bronze));
}
.settings-slider-card input[type=range]::-webkit-slider-thumb {
  appearance: none; box-sizing: border-box;
  width: var(--mg-thumb-size); height: var(--mg-thumb-size);
  margin-top: calc((var(--mg-track-height) - var(--mg-thumb-size)) / 2 - 1px);
  border: 1px solid var(--mg-slider-thumb-border,var(--mg-bronze)); border-radius: .25rem;
  background: var(--mg-slider-thumb-art,none) center / contain no-repeat var(--mg-slider-thumb-fill,var(--mg-walnut));
}
.settings-slider-card input[type=range]::-moz-range-thumb {
  box-sizing: border-box; width: var(--mg-thumb-size); height: var(--mg-thumb-size);
  border: 1px solid var(--mg-slider-thumb-border,var(--mg-bronze)); border-radius: .25rem;
  background: var(--mg-slider-thumb-art,none) center / contain no-repeat var(--mg-slider-thumb-fill,var(--mg-walnut));
}
:is(input[type=checkbox],.settings-slider-card input[type=range]):hover:not(:disabled) { filter: brightness(1.12); }
:is(input[type=checkbox],.settings-slider-card input[type=range]):focus-visible { outline: 2px solid var(--mg-amber); outline-offset: 3px; }
:is(input[type=checkbox],.settings-slider-card input[type=range]):disabled { opacity: .45; filter: saturate(.25); }