:host([focused]) .floated-label { color: {{g.paperInput.focusedColor}}; } .focused-underline, .cursor { background-color: {{g.paperInput.focusedColor}}; } :host(.invalid[focused]) .floated-label, :host([focused]) .error-text, :host([focused]) .error-icon { color: {{g.paperInput.invalidColor}}; } :host(.invalid) .focused-underline, :host(.invalid) .cursor { background-color: {{g.paperInput.invalidColor}}; }