.form-check-input {
  width: 30px;
  height: 30px;
  margin-top: -14.25px;
  vertical-align: top;
  background-color: white;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17.5px;
  border: 1px solid black;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  /* --bs-form-check-bg-image: url('data:image/svg+xml,<svg width="19" height="17" viewBox="0 0 19 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.654785 8.56775L8.15479 15.0677L18.1548 0.567749" stroke="black" stroke-width="2"/></svg>'); */

  &:checked[type="checkbox"] {
    background-color: white;
    border-color: var(--bs-black);
    --bs-form-check-bg-image: url('data:image/svg+xml,<svg width="19" height="17" viewBox="0 0 19 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.654785 8.56775L8.15479 15.0677L18.1548 0.567749" stroke="black" stroke-width="2"/></svg>');
  }

  &:checked[type="radio"] {
    background-color: var(--bs-primary);

    &+label {
      background-color: var(--bs-primary);
    }
  }
}