.checklist-columns-2 #tasks-list {
  column-count: 2;
  column-gap: 0.75rem;
}

.checklist-columns-2 #tasks-list > .task-row {
  break-inside: avoid;
  margin-bottom: 0.5rem;
}

.check-style-bullets .check-control input,
.check-style-numbered .check-control input,
.check-style-letters .check-control input,
.check-style-number-circle .check-control input,
.check-style-number-square .check-control input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.check-style-bullets .check-control,
.check-style-numbered .check-control,
.check-style-letters .check-control,
.check-style-number-circle .check-control,
.check-style-number-square .check-control {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  min-height: 1.5rem;
}

.check-style-bullets .check-control::before {
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 9999px;
  background: currentColor;
}

.check-style-numbered #tasks-list,
.check-style-letters #tasks-list,
.check-style-number-circle #tasks-list,
.check-style-number-square #tasks-list {
  counter-reset: tasknum;
}

.check-style-numbered .check-control,
.check-style-letters .check-control,
.check-style-number-circle .check-control,
.check-style-number-square .check-control {
  counter-increment: tasknum;
}

.check-style-numbered .check-control::before,
.check-style-number-square .check-control::before,
.check-style-number-circle .check-control::before {
  content: counter(tasknum);
  font-size: 0.8rem;
  font-weight: 650;
}

.check-style-letters .check-control::before {
  content: counter(tasknum, upper-alpha);
  font-size: 0.8rem;
  font-weight: 650;
}

.check-style-number-circle .check-control::before,
.check-style-number-square .check-control::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid currentColor;
}

.check-style-number-circle .check-control::before {
  border-radius: 9999px;
}