--paper-input-container-input-invalid mixin is not getting applied

[nagarajhubli]

Description

The --paper-input-container-input-invalid mixin is not getting applied when input is in invalid state

Expected outcome

As per the given example, the background-color of input should change to rgba(255,0,0,0.5) when it is in invalid state

Actual outcome

The background-color of input doesn't change to rgba(255,0,0,0.5), and rather stays rgba(0,255,0,0.5) itself

Live Demo

https://jsfiddle.net/nagarajhubli/gctrn5e6/1/

Steps to reproduce

Browsers Affected

• [x] Chrome
• [x] Firefox