@import "../colors.css";

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

.on .thumb {
  background: var(--color-primary);
}

.ripple {
  background-color: var(--color-primary) !important;
}

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

.accent {
  .on {
    background: var(--color-secondary-hover);
  }
  
  .on .thumb {
    background: var(--color-secondary);
  }

  .ripple {
    background-color: var(--color-secondary) !important;
  }

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

.menuButton {
  margin: 0;
}