.checklist {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 6px;
  border-radius: 4px;
  max-height: 220px;
  overflow-y: auto;
}

.checklist-item {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;

  input[type="checkbox"] {
    cursor: pointer;
  }
}