.teammates-list > li {
  position: relative;

  transition: all 0.2s ease-in-out;
}

.teammates-list > li:hover {
  padding-left: 1em;

  background-color: var(--color-light-primary-2) !important;
}

.teammates-list > li:nth-of-type(odd) {
  background-color: var(--color-primary);
}

.teammates-list > li:nth-of-type(even) {
  background-color: var(--color-dark-primary-3);
}

.teammates-list > li input[type="checkbox"] {
  accent-color: var(--color-primary);
  width: 20px;
  height: 20px;
  /* position: absolute;

  right: 0;

  top: 0;

  bottom: 0;*/
}

.teammates-list > li label {
  cursor: pointer;
}

.teammates-list > li label span {
  user-select: none;
}