.checkbox {
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer
}
.checkbox input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 22px;
  min-width: 22px;
  height: 22px;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  background-color: #fff;
  cursor: pointer;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
  margin: 0
}
.checkbox input:checked {
  background-color: #dc0d15;
  background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.66668 3.25L4.62501 8.29167L2.33334 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-position: center;
  background-repeat: no-repeat
}
.checkbox input:disabled {
  opacity: .5;
  cursor: not-allowed
}
.checkbox input:disabled + span {
  opacity: .5;
  cursor: not-allowed
}
.checkbox input + span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #4a4a49
}
.checkbox input + span a {
  color: #dc0d15;
  text-decoration: underline
}
.checkbox.error {
  border: 1px solid #dc0d15
}
.checkbox.error input + span {
  color: #dc0d15
}
@media (max-width:768px) {
  .checkbox input + span {
    font-size: 14px;
    line-height: 14px
  }
}