@import "../colors.css";

.check.checked {
  border-color: var(--color-primary-light);
  background-color: var(--color-primary-light);
}

.primary .check.checked {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

.accent .check.checked {
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
}

.disabled .check.checked {
  border-color: transparent;
  background-color: var(--color-background-disabled);
}

.field .ripple {
  background-color: var(--color-primary-light-hover);
}


.primary.field .ripple {
  background-color: var(--color-primary-hover);
}

.accent.field .ripple {
  background-color: var(--color-secondary-hover);
}

.primary .text {
  color: var(--color-label-primary, var(--color-label));
}

.accent .text {
  color: var(--color-label-secondary, var(--color-label));
}

.text {
  line-height: 22px;
}

.disabled .text {
  color: rgba(0, 0, 0, 0.26);
}