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