/* Start:/local/templates/.default/components/bitrix/system.auth.authorize/.default/style.css?17659478984228*/
#contact{margin-bottom:150px}
#submit-btn{width:fit-content;height:70px;margin-top:45px;margin-bottom:20px;padding:0 30px;display:flex;align-items:center;justify-content:center;background-color:var(--orange);filter:drop-shadow(14px 14px 23px #53000029);color:var(--white);font-size:27px;font-weight:600;border-top-left-radius:70px;border-bottom-left-radius:40px;border-top-right-radius:40px;border-bottom-right-radius:70px;transition:opacity var(--trans);cursor:pointer}
#submit-btn:hover{opacity:.7}
.bx-auth .form-field{margin-bottom:40px;position:relative}
.form-field input[type=text],.form-field input[type=tel], .form-field input[type=password],.form-field textarea{height:73px;padding:10px 35px;border-radius:45px 30px;font-size:20px;font-family:Montserrat,sans-serif;border:2px solid var(--orange)}
.form-field textarea{padding-top:20px;resize:vertical}
.form-line{margin-bottom:30px;display:grid;grid-template-columns:repeat(2,1fr);row-gap:30px;column-gap:50px}
.form-checkbox{margin-top:25px;display:flex;flex-direction:row;align-items:center}
.form-checkbox label{font-size:21px;font-weight:500}
.form-field label{position:absolute;top:25px;left:40px;color:var(--orange);font-size:21px;font-weight:400;pointer-events:none;transition:all .2s ease}
.form-field input:focus+label,.form-field input:not(:placeholder-shown)+label,.form-field textarea:focus+label,.form-field textarea:valid+label{top:-35px}
.form-field input::placeholder{opacity:0}
#agreement{height:1px;width:1px;opacity:0}
.custom-checkbox input[type=checkbox]{display:none}
.custom-checkbox .checkmark{width:32px;height:32px;margin-right:25px;display:inline-block;border:2px solid var(--orange);border-radius:5px;position:relative;cursor:pointer;transition:all .3s ease}
.custom-checkbox:hover .checkmark{border-color:var(--orange)}
input[type=checkbox]:checked+.custom-checkbox .checkmark::after{width:13px;height:13px;content:"";position:absolute;top:4px;left:7px;border:solid var(--white);border-width:0 2px 2px 0;transform:rotate(45deg)}
input[type=checkbox]:checked+.custom-checkbox .checkmark{background-color:var(--orange);border-color:var(--orange)}
#USER_REMEMBER {height: 1px;width: 1px;}
.form-result {margin-bottom: 20px;}
#login-pass-field {height: 20px;}
#login-pass-field[type="password"] {font-size: 20px;}
#login-pass-field[type="text"] {
    padding: 0;
    border: unset;
}
#login:focus,
#login: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;

}
#login-hover-label {
    top: 35px;
}
#login:focus + #login-hover-label ,
#login:not(:placeholder-shown) + #login-hover-label {
    top: -15px;
}

#show-login-pass:checked+.passw-container .hide {display: flex;}
#show-login-pass:not(:checked)+.passw-container .hide {
    display: none;
}
.passw-container .hide,
.passw-container .show {right: 25px;top: 50%;left: unset; pointer-events: auto;transform: translateY(-50%)}
@media screen and (max-width:998px){
.bx-auth .form-field {margin-bottom: 30px;}
.form-line{grid-template-columns:1fr}
.form-field input[type=text],.form-field input[type=tel], .form-field input[type=password],.form-field textarea,.passw-container{width:100%;height:fit-content;padding:5px 35px;position:relative;font-size: 16px;}
.form-field .hover-label{top:10px;left:35px;font-size:16px;line-height:1}
.form-line{margin:30px 0;row-gap:20px}
#submit-btn{height:50px;margin-top:20px;font-size:20px}
.form-field input:focus+label,.form-field input:not(:placeholder-shown)+label,.form-field textarea:focus+label,.form-field textarea:valid+label{top:-25px}
.form-checkbox label{font-size:14px}
.need_notice {font-size: 16px;}
#login-hover-label {top: 20px;}
#login:focus + #login-hover-label ,
#login:not(:placeholder-shown) + #login-hover-label {
    top: -20px;
}
}
@media screen and (max-width: 500px) {
    #login:focus,
#login: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 */


/* 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/.default/components/bitrix/system.auth.authorize/.default/style.css?17659478984228 */
/* /local/templates/agames/css/auth.css?17659492543949 */