.text-side-list.gray {
  padding: 32px;
  background: var(--neutral-super-light-gray);
  border-radius: 1rem;
}

.text-side-list__items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-auto-flow: dense;
  gap: 1rem;
}

.text-side-list__item {
  position: relative;
  padding-left: 2rem;
}

.text-side-list.check .text-side-list__item::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6px;
  top: 6px;
  transform: rotate(45deg);
  height: 9px;
  width: 6px;
  border-bottom: 0.15em solid;
  border-right: 0.15em solid;
  color: var(--white);
}

.text-side-list__item::before {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
}

.text-side-list.gray .text-side-list__items {
  gap: 0.5rem;
}

.text-side-list.gray .text-side-list__item {
  padding-left: 1rem;
}

.text-side-list.gray .text-side-list__item::before {
  background: var(--neutral-black);
  width: 4px;
  height: 4px;
  left: 4px;
  top: 9px;
}

.text-side-list.check .text-side-list__item::before {
  background: var(--brand-primary);
  width: 19px;
  height: 19px;
  left: 0;
  top: 2px;
}