.text_input_wrap {display: block; max-width: 100%; position: relative; } .text_input {height: 3.125em; font-size: inherit; font-weight: 400; font-family: inherit; padding: 0 1.125em; box-sizing: border-box; margin: 0; border: 1px solid #cacaca; border-radius: 0.25em; color: #000000; outline: none; display: block; width: 100%; } .text_input[type="password"] {padding-right: 3.125em; } .text_input::placeholder {color: #808080; } .pass_view_toggle {position: absolute; width: 21px; height: 21px; top: 1em; right: 1.5em; cursor: pointer; font-size: inherit; margin: 0; padding: 0; border: none; background-color: transparent; cursor: pointer; text-align: center; } .text_input:hover {border-color: #808080; } .text_input:focus {border-color: #1a8af1; } .text_input:disabled {border-color: #cacaca; background-color: #cacaca; color: #808080; } .text_input_wrap.has_error .text_input {border-color: #f26d75; } .error {padding: 0.125em 1.25em 0; box-sizing: border-box; font-size: 0.875em; line-height: 1.2; font-feature-settings: "pnum" on, "lnum" on; color: #f26d75; } .phone-mask-wrapper-lib {height: auto; } .phone-input-lib {height: 3.125em !important; font-size: inherit; font-weight: 400; font-family: inherit; padding: 0 1.125em; box-sizing: border-box; margin: 0; border: 1px solid #cacaca; border-radius: 0.25em; color: #000000; outline: none; display: block; width: 100%; } .phone-input-lib:hover {border-color: #808080; } .phone-input-lib:focus {border-color: #1a8af1; } .phone-input-lib:disabled {border-color: #cacaca; background-color: #cacaca; color: #808080; } .text_input_wrap.has_error .phone-input-lib {border-color: #f26d75; } .text_input_wrap .phone-input-lib::placeholder {color: #808080; } .login_form {box-shadow: 0 -0.125em 0.625em rgba(0, 0, 0, 0.07); padding: 2.5em 3.75em; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #ffffff; border-radius: 0.375em; } .title {font-family: Inter, sans-serif; font-weight: 500; font-size: 1.75em; line-height: 1.3; margin: 0 0 0.85em; text-align: center; } .fields_wrap {margin: 0 0 1.25em; } .fields_wrap .field:not(:last-child) {margin-bottom: 0.75em; } .links_wrap {font-size: 1.125em; margin: 0 0 1.67em; line-height: 1.5; color: #808080; } .butt {width: 100%; } .footer_text {line-height: 1.5; font-size: 1.125em; margin-top: 1.67em; padding-top: 1.67em; border-top: 1px solid #cacaca; color: #808080; } @media (max-width: 767px) {.login_form {padding: 1.5em; } .title {font-size: 1.5em; } }