.cardContainer {
  align-self: flex-start;
  background-color: var(--Base-Surface-Primary-light-Normal);
  border: 1px solid var(--Base-Border-Subtle);
  border-radius: var(--Corner-radius-Large);
  display: grid;
  cursor: pointer;
  gap: var(--Spacing-x2);
  padding: var(--Spacing-x-one-and-half) var(--Spacing-x2);
  width: min(100%, 600px);
}

.header {
  display: grid;
  gap: var(--Spacing-x-one-and-half);
  grid-template-columns: auto 1fr auto;
}

.checkBox {
  align-self: center;
}

.list {
  display: flex;
  gap: var(--Spacing-x1);
}

.listItem {
  display: flex;
}