input[type="checkbox"] {
  appearance: none;
  background-color: #e0efff;
  border: 1px solid #4c6680;
  border-radius: 0.25rem;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  flex-shrink: 0;
    border-color: #819ab4;
}

/* input[type="checkbox"]:checked {
  background-color: #e0efff;
} */

input[type="checkbox"]:checked::after {
  content: "";
  background-image: url('/static/img/checkmark-black.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 60%;
  height: 60%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}