.input-data{flex-direction:column;justify-content:center;align-items:center;width:2rem;height:3vh;display:flex;position:relative}.input-data input{background-color:var(--card-background-webkit);border:1px dotted var(--color-cale-text);width:2rem;height:5vh;color:var(--font-color-solid);outline:none;padding-left:10px;font-size:.3rem;border-radius:30px!important}.input-data input:focus~label,.input-data input:valid~label{font-size:.3rem;transform:translateY(-.5rem)}.input-data label{pointer-events:none;transition:all .3s;position:absolute;left:5px}.input-data .underline{background-color:#2c6fdb;width:80%;height:2px;transition:all .3s;left:-.2vw;transform:scaleX(0)}.input-data input:focus~.underline,.input-data input:valid~.underline{transform:scaleX(1)}