.input-ui{position:relative}.input-ui--hidden{display:none}.input-ui input{position:relative;font-weight:500;color:#1d1d1d;width:100%;box-sizing:border-box;letter-spacing:1px;border:0;padding:4px 0;border-bottom:1px solid #000;background-color:transparent;font-size:16px}.input-ui input:not(:placeholder-shown)~label{top:-16px;color:#929292;z-index:1;opacity:1;transition:.3s}.input-ui input~label{position:absolute;font-weight:500;left:0;top:-16px;z-index:-1;letter-spacing:.5px;opacity:0;transition:all .2s ease;font-size:16px}.input-ui input~.bar{position:relative;display:inherit;top:-2px;width:0;height:3px;background-color:#0853b2;transition:.4s}.input-ui input::placeholder{color:#929292;opacity:1;transition:.2s}.input-ui input:focus::placeholder{opacity:0;transition:.2s}.input-ui input:focus{outline:none}.input-ui input:focus~.bar{width:100%;transition:.4s}.input-ui input:focus~label{top:-16px;color:#0853b2;opacity:1;z-index:1;animation:bounceUp .4s forwards}@keyframes bounceUp{0%{transform:scaleX(1)}50%{transform:scale3d(1.1618,1.1618,1.1618)}to{transform:scaleX(1)}}.input-ui .icon{position:absolute;top:0;right:0;cursor:pointer}.input-ui .error{color:#ef4444;font-size:12px;position:absolute}.button-ui{padding:16px 25px;max-height:50px;margin-top:2rem;min-width:175px;color:#fff;border-radius:50px;cursor:pointer;text-transform:uppercase;border:0;outline:none;transition:all .3s;background-color:#0853b2}.button-ui:hover{opacity:.7}.button-ui:disabled{opacity:.2;cursor:not-allowed}