/* XMAFIA_AUTH_ENTRY_V1 */

.xm-auth{
 position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;
 padding:20px;overflow:auto;color:#ddd7c8;
 background:linear-gradient(rgba(1,4,5,.76),rgba(1,4,5,.94)),
 url("/rebuild/v8/assets/art/backgrounds/game-square.png") center/cover no-repeat;
 transition:opacity .22s ease
}
.xm-auth[hidden]{display:none!important}
.xm-auth.is-done{opacity:0;pointer-events:none}
.xm-auth__fog{position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(circle at 50% 40%,rgba(190,139,65,.13),transparent 35%);
 backdrop-filter:blur(2px)}
.xm-auth__card{position:relative;width:min(500px,100%);min-height:500px;
 overflow:hidden;border:1px solid rgba(190,142,69,.55);border-radius:14px;
 background:linear-gradient(145deg,rgba(10,19,19,.99),rgba(2,8,9,.99));
 box-shadow:0 30px 90px #000c,0 0 38px rgba(190,142,69,.1)}
.xm-auth__card:before{content:"";position:absolute;inset:8px;border:
 1px solid rgba(190,142,69,.13);border-radius:9px;pointer-events:none}
.xm-auth__line{height:4px;background:linear-gradient(90deg,transparent,
 #7b521f,#d2a34e,#7b521f,transparent)}
.xm-auth header{position:relative;padding:40px 45px 18px;text-align:center}
.xm-auth header small{color:#a98246;font:700 10px Arial;letter-spacing:.28em}
.xm-auth h1{margin:9px 0 0;color:#e1bb70;font:700 46px/.9 Georgia;
 letter-spacing:-.05em;text-shadow:0 2px #3c220e}
.xm-auth h1 i{color:#ae2b22;font-size:1.25em;text-shadow:0 2px #3d0d09}
.xm-auth header p{margin:19px auto 0;max-width:350px;color:#89908b;
 font:14px/1.5 Arial}
.xm-auth__screen{position:relative;padding:10px 45px 26px}
.xm-auth__screen[hidden],.xm-auth__loading[hidden]{display:none!important}
.xm-auth__divider{display:flex;align-items:center;gap:12px;margin:6px 0 21px;
 color:#a17b3d;font:700 9px Arial;letter-spacing:.22em}
.xm-auth__divider:before,.xm-auth__divider:after{content:"";height:1px;flex:1;
 background:linear-gradient(90deg,transparent,rgba(190,142,69,.5))}
.xm-auth__divider:after{transform:scaleX(-1)}
.xm-auth__screen>button{box-sizing:border-box;width:100%;min-height:51px;
 margin:0 0 10px;padding:0 14px;display:grid;grid-template-columns:40px 1fr 30px;
 align-items:center;border:1px solid rgba(190,142,69,.3);border-radius:7px;
 color:#e6dfd0;background:linear-gradient(#192120,#091010);
 cursor:pointer;font:700 14px Arial;transition:.15s}
.xm-auth__screen>button:hover:not(:disabled){transform:translateY(-1px);
 border-color:#c99545}.xm-auth__screen>button:disabled{opacity:.42}
.xm-auth__screen button em{display:grid;place-items:center;width:29px;height:29px;
 border:1px solid #ffffff1c;border-radius:50%;background:#0006;font-style:normal}
.xm-auth__screen button b{color:#a27b3d;font:24px Georgia}
.xm-auth__screen .google{color:#f1d58d}.xm-auth__screen .yandex{color:#ef5148}
.xm-auth__screen .vk{color:#68a7e8;font-size:10px}
.xm-auth__note,.xm-auth__rules{color:#6e7772;font:11px/1.5 Arial;text-align:center}
.xm-auth__loading{position:relative;display:grid;place-items:center;gap:15px;
 padding:65px;color:#a08c68;font:12px Arial;letter-spacing:.08em}
.xm-auth__loading b{width:10px;height:10px;border-radius:50%;background:#d5a044;
 box-shadow:0 0 0 6px #d5a04414,0 0 23px #d5a044aa}
.xm-auth h2{margin:0 0 23px;color:#dfbd79;font:700 25px/1.15 Georgia;
 text-align:center}.xm-auth label{display:block;margin-bottom:7px;color:#a88a56;
 font:700 10px Arial;letter-spacing:.12em;text-transform:uppercase}
.xm-auth input{box-sizing:border-box;width:100%;height:50px;padding:0 15px;
 border:1px solid #7d603a;border-radius:6px;outline:none;color:#eee7d8;
 caret-color:#dfad53;background:#000708;font:600 16px Arial}
.xm-auth input:focus{border-color:#c69243;box-shadow:0 0 0 3px #c6924318}
.xm-auth__error{margin-top:13px;padding:10px;border:1px solid #a63b35;
 border-radius:5px;color:#eba29a;background:#5b110e40;font:12px/1.4 Arial}
.xm-auth__submit{display:block!important;margin-top:19px!important;
 border-color:#bd3c2e!important;color:#fff4df!important;
 background:linear-gradient(#bd372c,#841c18)!important;font:800 12px Arial!important}
.xm-auth__dev{display:block!important;min-height:36px!important;margin-top:15px!important;
 border-style:dashed!important;color:#8d7854!important;background:transparent!important;
 font:11px Arial!important}.xm-auth__dev[hidden]{display:none!important}
.xm-auth footer{position:relative;display:flex;align-items:center;gap:11px;
 padding:8px 45px 27px;color:#705b38;font:700 9px Arial;letter-spacing:.2em}
.xm-auth footer span{height:1px;flex:1;background:#b88a4528}
@media(max-width:580px){.xm-auth{padding:10px}.xm-auth__card{min-height:0}
 .xm-auth header{padding:30px 23px 16px}.xm-auth h1{font-size:38px}
 .xm-auth__screen{padding:8px 23px 22px}.xm-auth footer{padding:5px 23px 22px}}