/* Start:/local/templates/agames/css/auth.css?17659492543949*/
h1{margin-bottom:45px;color:var(--orange);text-align:center;font-size:60px;font-weight:700}
.under-title{margin-bottom:50px;color:#4b4b4b;text-align:center;font-size:26px;font-weight:600}
.passw-container{display:flex;align-items:center}
.passw-container input[type=password],.passw-container input[type=text]{padding:3px 5px;outline:0;border:none}
.passw-container label{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}
#show-pass:not(checked)+.passw-container .hide{display:none}
#show-pass:checked+.passw-container .show{display:none}
#show-pass:checked+.passw-container .hide{display:flex}
#show-confirm-pass:not(checked)+.passw-container .hide{display:none}
#show-confirm-pass:checked+.passw-container .show{display:none}
#show-confirm-pass:checked+.passw-container .hide{display:flex}
.form-field input[type=tel],.form-field input[type=text],.form-field textarea,.passw-container{width:100%;height:73px;padding:10px 35px;border-radius:45px 30px;font-size:20px;font-family:Montserrat,sans-serif;border:2px solid var(--orange);outline:0}
.passw-container .hover-label{width:fit-content}
.form-field .hover-label{position:absolute;top:50%;left:40px;color:var(--orange);font-size:21px;font-weight:700;pointer-events:none;transform:translateY(-50%);transition:all .2s ease}
.form-field .hover-label[for=login]{top:40%}
.form-field input:focus+.hover-label,.form-field input:not(:placeholder-shown)+.hover-label,.form-field textarea:focus+.hover-label,.form-field textarea:valid+.hover-label{top:-15px}
.form-field input::placeholder{opacity:0}
.form-line{margin:40px 0;display:grid;grid-template-columns:repeat(2,1fr);row-gap:30px;column-gap:50px}
#confirm-pass-field,#pass-field{width:100%;height:unset;padding:0;border-radius:unset;border:unset;font-size:20px}
.hide svg,.show svg{stroke:var(--orange)}
#bx_register_error:not(:empty),.bx-auth-reg{margin:20px 0}
#bx_register_error font.errortext,.bx-auth-reg font.errortext{margin-bottom:5px;padding:5px 10px;display:flex;font-weight:700;color:var(--white);background-color:var(--response-red)}
.success-msg{margin:0 0 5px 0;padding:5px 10px;background-color:var(--response-green);color:var(--white);font-weight:700}
.sub-text{margin:0 0 0 40px}
input[type=tel]:focus,input[type=tel]:not(:placeholder-shown){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16'%3E%3Ctext x='0' y='12' font-size='14' fill='%23999'%3E%2B%3C/text%3E%3C/svg%3E") no-repeat left 20px center}
@media screen and (max-width:998px){
main h1{margin-bottom:40px;font-size:48px}
.under-title{font-size:22px}
.register-warning{font-size:14px}
.form-field input[type=tel],.form-field input[type=text],.form-field textarea,.passw-container{height:fit-content;padding:5px 35px;position:relative;font-size:16px}
.form-field .hover-label{left:35px;font-size:16px;line-height:1}
.form-field sub{font-size:12px}
.form-field .hover-label[for=login]{top:18px}
.form-field #login{height:38px}
.form-line{margin:30px 0 10px;grid-template-columns:1fr;row-gap:20px}
#submit-btn{height:50px;margin-top:20px;font-size:20px}
#confirm-pass-field,#pass-field{font-size:18px}
.sub-text{margin:0 0 0 35px}
}
@media screen and (max-width:768px){
main h1{font-size:28px}
.under-title{font-size:16px}
}
@media screen and (max-width:500px){
main h1{font-size:22px}
.form-field sub{margin:0 20px;font-size:10px}
.form-field input[type=tel],.form-field input[type=text],.form-field textarea,.passw-container{padding:5px 20px}
.form-field .hover-label{left:20px}
.sub-text{margin:0 0 0 30px}
#sign-in-form input[type=tel]{font-size:14px}
input[type=tel]:focus,input[type=tel]:not(:placeholder-shown){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16'%3E%3Ctext x='0' y='12' font-size='14' fill='%23999'%3E%2B%3C/text%3E%3C/svg%3E") no-repeat left 10px center}
}
/* End */
/* /local/templates/agames/css/auth.css?17659492543949 */