/* Keep native input semantics while sharing the client's two-state artwork. */
body input:is([type='checkbox'], [type='radio']) {
  --selection-size: 14px;
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-block;
  flex: 0 0 var(--selection-size);
  width: var(--selection-size) !important;
  height: var(--selection-size) !important;
  min-width: var(--selection-size) !important;
  min-height: var(--selection-size) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  vertical-align: middle;
  cursor: pointer;
  image-rendering: pixelated;
  background: url('../png/window/checkbox-unchecked.png') center / 100% 100% no-repeat !important;
}
body input[type='checkbox']:checked {
  background-image: url('../png/window/checkbox-checked.png') !important;
}
body input[type='radio'] {
  background: url('../png/window/checkbox_round.png') center top / 100% 200% no-repeat !important;
}
body input[type='radio']:checked { background-position: center bottom !important; }
body input:is([type='checkbox'], [type='radio']):focus-visible { outline: 2px solid #b8d9ec; outline-offset: 3px; }
body input:is([type='checkbox'], [type='radio']):disabled { opacity: .45; cursor: default; }
body.mobile-layout input:is([type='checkbox'], [type='radio']) { --selection-size: 20px; }
body .modal .close-button-transparent,
body #loot-containers-modal .loot-containers-search-input button {
  background: url('../png/miniwindow/exit-button-small-up.png') center / 14px 14px no-repeat;
  font-size: 0;
  color: transparent;
  border: 0;
  box-shadow: none;
  min-width: 24px;
  min-height: 24px;
  padding: 0;
}
body .modal .close-button-transparent:active,
body #loot-containers-modal .loot-containers-search-input button:active {
  background-image: url('../png/miniwindow/exit-button-small-down.png');
}
body .modal .close-button-transparent:focus-visible,
body #loot-containers-modal .loot-containers-search-input button:focus-visible { outline: 2px solid #b8d9ec; outline-offset: -2px; }