:host([focused]) .floated-label { color: #fff; } .focused-underline, .cursor { background-color: #3b8183; } :host(.invalid[focused]) .floated-label, :host([focused]) .error-text, :host([focused]) .error-icon { color: #d34336; } :host(.invalid) .focused-underline, :host(.invalid) .cursor { background-color: #d34336; }