.input-ui{position:relative}.input-ui--hidden{display:none}.input-ui input{color:#1d1d1d;box-sizing:border-box;letter-spacing:1px;background-color:#0000;border:0;border-bottom:1px solid #000;width:100%;padding:4px 0;font-size:16px;font-weight:500;position:relative}.input-ui input:not(:placeholder-shown)~label{color:#929292;z-index:1;opacity:1;transition:all .3s;top:-16px}.input-ui input~label{z-index:-1;letter-spacing:.5px;opacity:0;font-size:16px;font-weight:500;transition:all .2s;position:absolute;top:-16px;left:0}.input-ui input~.bar{display:inherit;background-color:#541168;width:0;height:3px;transition:all .4s;position:relative;top:-2px}.input-ui input::placeholder{color:#929292;opacity:1;transition:all .2s}.input-ui input:focus::placeholder{opacity:0;transition:all .2s}.input-ui input:focus{outline:none}.input-ui input:focus~.bar{width:100%;transition:all .4s}.input-ui input:focus~label{color:#541168;opacity:1;z-index:1;animation:.4s forwards bounceUp;top:-16px}@keyframes bounceUp{0%{transform:scale(1)}50%{transform:scale3d(1.1618,1.1618,1.1618)}to{transform:scale(1)}}.input-ui .icon{cursor:pointer;position:absolute;top:0;right:0}.input-ui .error{color:#ef4444;font-size:12px;position:absolute}.input-ui .info{margin-bottom:15px;font-size:12px;font-style:italic}