#label.focused, #floatedLabel.focused { color: {{g.paperInput.focusedColor}}; } #underlineHighlight.focused, #caretInner { background-color: {{g.paperInput.focusedColor}}; } #error, :host(.invalid) #label.focused, :host(.invalid) #floatedLabel.focused { color: {{g.paperInput.invalidColor}}; } :host(.invalid) #underlineHighlight.focused, :host(.invalid) #caretInner { background-color: {{g.paperInput.invalidColor}}; }