.input-field,.input-field-animated,.input-field-animated-invalid{position:relative}::-ms-clear,::-ms-reveal{display:none}.input-field-animated input,.input-field-animated-invalid input{width:100%;height:4.5rem;border-radius:12px;font-size:18px;padding:1.5rem 1rem 0;border:1px solid var(--stroke-color);outline:none}.input-field-animated label,.input-field-animated-invalid label{position:absolute;top:50%;left:16px;transform:translateY(-50%);font-size:18px;color:var(--placeholder-color);pointer-events:none;transition:all .3s ease}.input-field-animated input:focus{border:1px solid var(--stroke-color-focus)}.input-field-animated-invalid input:focus,.input-field-animated-invalid input:valid{border:1px solid var(--stroke-color-error)}.input-field-animated input:focus~label,.input-field-animated input:valid~label,.input-field-animated-invalid input:focus~label,.input-field-animated-invalid input:valid~label{top:16px;left:16px;font-size:12px;font-family:PoppinsSemiBold}.input-field-animated input:focus~label,.input-field-animated input:valid~label{color:var(--stroke-color-focus)}.input-field-animated-invalid input:focus~label,.input-field-animated-invalid input:valid~label{color:var(--stroke-color-error)}.icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--stroke-color);cursor:pointer;width:1.5rem;height:1.5rem}.icon:active,.icon:hover{position:absolute;right:8px;box-sizing:content-box;padding:.5rem;border-radius:50%;transition:background-color .2s ease}.icon:hover{background-color:var(--button-light-hover)}.icon:active{background-color:var(--button-light-active)}