1. .ActiveRecordToggle {
    
  2.   color: var(--color-record-active);
    
  3. }
    
  4. .ActiveRecordToggle:hover {
    
  5.   color: var(--color-record-active);
    
  6. }
    
  7. .ActiveRecordToggle:focus {
    
  8.   color: var(--color-record-active);
    
  9. }
    
  10. .ActiveRecordToggle:active {
    
  11.   color: var(--color-record-hover);
    
  12. }
    
  13. 
    
  14. .InactiveRecordToggle {
    
  15.   color: var(--color-record-inactive);
    
  16. }
    
  17. .InactiveRecordToggle:hover {
    
  18.   color: var(--color-record-hover);
    
  19. }
    
  20. .InactiveRecordToggle:focus {
    
  21.   color: var(--color-record-inactive);
    
  22. }
    
  23. .InactiveRecordToggle:active {
    
  24.   color: var(--color-record-hover);
    
  25. }
    
  26. 
    
  27. .DisabledRecordToggle {
    
  28.   color: var(--color-button-disabled);
    
  29. }
    
  30. .DisabledRecordToggle:hover {
    
  31.   color: var(--color-button-disabled);
    
  32. }
    
  33. .DisabledRecordToggle:focus {
    
  34.   color: var(--color-button-disabled);
    
  35. }
    
  36. .DisabledRecordToggle:active {
    
  37.   color: var(--color-button-disabled);
    
  38. }