.input-text{font-family:Comfortaa,sans-serif;position:relative;background-color:transparent}.input-text input{display:flex;flex-direction:column;outline:none;border:none;font-size:24px;color:#68ece8;font-weight:600;padding:20px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(90deg,#68ece8,#68ece8) left bottom/0 2px no-repeat,linear-gradient(90deg,#68ece84d,#68ece84d) left bottom/100% 2px no-repeat,linear-gradient(90deg,transparent,transparent) left bottom/100% no-repeat!important;transition:background-size .3s ease}.input-text input:-webkit-autofill,.input-text input-webkit-autofill:hover,.input-text input-webkit-autofill:focus{-webkit-text-fill-color:#68ECE8;-webkit-box-shadow:0 0 0px 40rem #24234d inset;border:none;transition:background-color 5000s ease-in-out 0s}.input-text input.dirty,.input-text input:not(:placeholder-shown),.input-text input:focus{background-size:100% 2px,100% .1em,100%}.input-text input.dirty+.placeholder,.input-text input:focus+.placeholder,.input-text input:not(:placeholder-shown)+.placeholder{top:-3px;font-size:16px;color:#7f8e9e}.input-text .placeholder{position:absolute;top:18px;left:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:100%;transform:translateY(-50%);font-size:24px;width:90%;color:#7f8e9e;transition:top .3s ease,color .3s ease,font-size .3s ease}.input-text .error-message{font-size:12px;color:red;display:none}@media screen and (max-width: 480px){.input-text input{font-size:20px}.input-text input.dirty+.placeholder,.input-text input:focus+.placeholder,.input-text input:not(:placeholder-shown)+.placeholder{font-size:14px}.input-text .placeholder{font-size:20px;top:37px}}