x-bg-clr);
    border: solid 1px var(--checkbox-border-clr);
  }
  50% {
    scale: 0;
    background-color: var(--checkbox-bg-clr);
    border: solid 1px var(--checkbox-border-clr);
  }
  51% {
    scale: 0;
    background-color: transparent;
    border: solid 1px transparent;
  }
  100% {
    scale: 1;
    background-color: transparent;
    border: solid 1px transparent;
  }
}

@keyframes grow {
  0% {
    scale: 0;
    background-color: transparent;
    border: solid 1px transparent;
  }

  100% {
    sc