.container[data-v-ae1d29ae]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-ae1d29ae]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-ae1d29ae],.container .flex-row-wrap-center-center[data-v-ae1d29ae]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-ae1d29ae]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test .demo[data-v-ae1d29ae],.container .test[data-v-ae1d29ae]{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .demo[data-v-ae1d29ae]{position:relative}.container .test .demo .form-item[data-v-ae1d29ae]{position:relative;width:40%;height:5%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #000}.container .test .demo .form-item #username[data-v-ae1d29ae]{width:100%;height:100%;border:none;outline:none;background:transparent}.container .test .demo .form-item label[data-v-ae1d29ae]{position:absolute;left:5px;font-size:22px;color:rgba(0,0,0,.2);padding:2px}.container .test .demo .form-item .bar[data-v-ae1d29ae]{position:absolute;width:0;height:2px;bottom:0;left:50%;transform:translate(-50%,-50%);background:#5264ae;transition:.4s ease}.container .test .demo .form-item input:focus~.bar[data-v-ae1d29ae]{width:100%}.container .test .demo .form-item input:focus~label[data-v-ae1d29ae],.container .test .demo .form-item input:valid~label[data-v-ae1d29ae]{color:#5264ae;transform:translateY(-40px);font-size:18px}