.o-checkbox {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: var(--color-brown-light-60);
}
.o-checkbox__checked {
  opacity: 1;
  -webkit-user-drag: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media (max-width: 575.98px) {
  .o-checkbox {
    width: 3.2rem;
    height: 3.2rem;
  }
}

input:not(:checked) + div .o-checkbox__checked {
  opacity: 0;
}
/*# sourceMappingURL=checkbox.css.map */