.text-field{border:1px solid var(--grey-light-color-100);background:var(--block-bg-color);border-radius:8px;padding:6px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-flow:column-reverse;flex-flow:column-reverse;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;position:relative}.text-field:hover{-webkit-box-shadow:0 0 0 3px rgba(101,158,255,.16);box-shadow:0 0 0 3px rgba(101,158,255,.16)}.text-field:hover .text-field__hide{opacity:1}.text-field_active{-webkit-box-shadow:0 0 0 3px rgba(101,158,255,.16);box-shadow:0 0 0 3px rgba(101,158,255,.16);border-color:var(--primary-color)}.text-field_active .text-field__hide{opacity:1}.text-field_active.text-field_invalid{border-color:var(--alert-color);-webkit-box-shadow:0 0 0 3px var(--alert-light-color);box-shadow:0 0 0 3px var(--alert-light-color)}.text-field_invalid{border-color:var(--alert-color)}.text-field_invalid:hover{-webkit-box-shadow:0 0 0 3px var(--alert-light-color);box-shadow:0 0 0 3px var(--alert-light-color)}.text-field_invalid .text-field__input+.text-field__label,.text-field_invalid .text-field__input:focus+.text-field__label{color:var(--alert-color)}.text-field__input{-webkit-box-sizing:border-box;box-sizing:border-box;border:0;background:transparent;width:100%;color:var(--text-primary-color);font-size:14px;height:32px}.text-field__input:active,.text-field__input:focus{outline:none}.text-field__input:-webkit-autofill{background-color:#fff!important;-webkit-box-shadow:0 0 0 100px #fff inset;box-shadow:inset 0 0 0 100px #fff}.text-field__input:-webkit-autofill:active,.text-field__input:-webkit-autofill:focus,.text-field__input:-webkit-autofill:hover{background-color:#fff!important}.text-field__input::-webkit-input-placeholder{color:transparent}.text-field__input::-moz-placeholder{color:transparent}.text-field__input:-ms-input-placeholder{color:transparent}.text-field__input::-ms-input-placeholder{color:transparent}.text-field__input::placeholder{color:transparent}.text-field__input:focus+.text-field__label{color:var(--primary-color)}.text-field__input:not(:-moz-placeholder-shown)+.text-field__label{transform:translate(0) scale(.857)}.text-field__input:not(:-ms-input-placeholder)+.text-field__label{transform:translate(0) scale(.857)}.text-field__input:focus+.text-field__label,.text-field__input:not(:placeholder-shown)+.text-field__label{-webkit-transform:translate(0) scale(.857);transform:translate(0) scale(.857)}.text-field__input_area{padding-top:8px}.text-field__label{font-size:14px;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-light-color);max-width:80%;-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1);-webkit-transition:all .2s ease-in;transition:all .2s ease-in;height:14px}.text-field__error{color:var(--alert-color);font-size:12px;margin-top:8px}.text-field__append-span{position:absolute;right:16px;top:50%;line-height:32px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.text-field__hide{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;height:16px;opacity:0}.text-field__hide .path-fill{-webkit-transition:all .2s ease-in;transition:all .2s ease-in;fill:var(--grey-color-40)}.text-field__hide:hover .path-fill{fill:var(--text-light-color)}.text-field__hide_active{opacity:1}.text-field__hide_active .path-fill{fill:var(--primary-color)}.text-field__hide-icon{width:18px;height:16px;cursor:pointer}.input-error-anim-enter-active{-webkit-animation:slideRight .4s;animation:slideRight .4s}.input-error-anim-leave-active{animation:slideRight .4s reverse}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translate3d(80px,0,0);transform:translate3d(80px,0,0)}70%{opacity:1;-webkit-transform:translate3d(-15px,0,0);transform:translate3d(-15px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideRight{0%{opacity:0;-webkit-transform:translate3d(80px,0,0);transform:translate3d(80px,0,0)}70%{opacity:1;-webkit-transform:translate3d(-15px,0,0);transform:translate3d(-15px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}