.text-field{-webkit-box-orient:vertical;-webkit-box-direction:reverse;background:var(--block-bg-color);border:1px solid var(--grey-light-color-100);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column-reverse;flex-flow:column-reverse;padding:6px 16px;position:relative;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.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{border-color:var(--primary-color);-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_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{background:transparent;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-primary-color);font-size:14px;height:32px;width:100%}.text-field__input:active,.text-field__input:focus{outline:none}.text-field__input:-webkit-autofill{background-color:#fff!important;-webkit-box-shadow:inset 0 0 0 100px #fff;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)+.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{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-light-color);display:block;font-size:14px;height:14px;max-width:80%;-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1);-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.text-field__error{color:var(--alert-color);font-size:12px;margin-top:8px}.text-field__append-span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:32px;position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.text-field__hide{height:16px;opacity:0;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in}.text-field__hide .path-fill{fill:var(--grey-color-40);-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.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{cursor:pointer;height:16px;width:18px}.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)}}