input-component{display:inline-flex;width:100%;height:50px}input-component label{position:absolute;top:12px;left:0;font-size:16px;font-weight:400 !important;color:rgba(0,0,0,.4);z-index:9;transition:font-size 300ms ease,transform 300ms ease}input-component label.is-focused{transform:translateY(-6px);font-size:12px}input-component input{border-bottom:2px #69c9cd solid;background-color:#fff !important;padding-top:.5rem}input-component input:focus,input-component input:active{border-bottom:2px #60bfc2 solid}