@font-face{font-family:DonJose;src:url(https://storage.googleapis.com/pyre-site/general/fonts/DonJose_Black.otf);font-display:swap}.text-font{font-family:Montserrat,sans-serif}.display-font{font-family:DonJose,sans-serif}.modal.login-modal{display:flex;font-family:Montserrat,sans-serif;position:fixed}.modal.login-modal .modal-background{background-color:rgba(34,37,43,.81)}.modal.login-modal .modal-close-button{position:absolute;right:12px;top:4px;cursor:pointer}.modal.login-modal .modal-card{max-width:720px;border-radius:4px}@media only screen and (max-width:720px){.modal.login-modal .modal-card{min-height:100vh;border-radius:0}}.modal.login-modal .modal-card .modal-card-body{background-color:#fff}@media only screen and (max-width:720px){.modal.login-modal .modal-card .modal-card-body{display:flex;justify-content:center;align-items:center}}.modal.login-modal .head{font-size:28px;font-weight:300;letter-spacing:.01em}.modal.login-modal .body,.modal.login-modal .head{text-align:center;color:#2a2c34}.modal.login-modal .body p{font-size:12px;max-width:330px;margin:auto}.modal.login-modal .body .icon{height:inherit;width:inherit}.modal.login-modal .body .icon img{max-width:200px;margin:50px}.modal.login-modal .actions{text-align:center;padding:0 0 8px;max-width:300px;margin:auto}.modal.login-modal .actions .button{background-color:#fff;color:#4a4a4a;min-width:250px;text-align:center;justify-content:center;margin:4px 0;border-radius:4px;border:2px solid #e0e0e0;font-size:14px;max-height:32px;min-width:100%}.modal.login-modal .actions .button .fa-facebook-f{margin:0 9px 0 5px;color:#3b5998}.modal.login-modal .actions .button .fa-twitter{margin:0 5px 0 1px;color:#326ada}.modal.login-modal .actions .button .fa-google{margin:0 4px 0 2px;color:#ed4a39}.modal.login-modal .actions .button .fa-discord,.modal.login-modal .actions .button .fa-steam{margin:0 4px 0 2px}.modal.login-modal .terms-of-use{font-size:12px;text-align:center;color:#2a2c34;max-width:300px;margin:auto}.modal.login-modal .terms-of-use a{color:#2a2c34;font-weight:900}.modal.login-modal .errors{text-align:center;margin-bottom:-8px;margin-top:8px;font-size:12px;color:#b365fe}.modal.login-modal .signupForm{max-width:300px;margin:16px auto}.modal.login-modal .signupForm input{margin:4px 0}.modal.login-modal .signupForm button{font-family:Montserrat,sans-serif;width:100%;margin:8px 0;border-radius:4px;border:none;font-size:14px;padding:4px 16px;height:30px;font-weight:700;outline:none;min-height:32px;color:#fff;background-color:#b365fe}.modal.login-modal .signupForm .login-cta,.modal.login-modal .signupForm .return-cta{font-size:14px}.modal.login-modal .signupForm .login-cta a,.modal.login-modal .signupForm .return-cta a{margin-left:4px;color:#b365fe}.modal.login-modal .signinForm{max-width:300px;margin:16px auto}.modal.login-modal .signinForm input{margin:0 0 4px}.modal.login-modal .signinForm button{font-family:Montserrat,sans-serif;width:100%;margin:8px 0 4px;border-radius:4px;border:none;font-size:14px;padding:4px 16px;height:30px;font-weight:700;outline:none;min-height:32px;background-color:#b365fe;color:#282a2f}.modal.login-modal .signinForm .signinActions{margin-bottom:8px}.modal.login-modal .signinForm .signinActions button{color:#fff}.modal.login-modal .signinForm .forgotPassword{font-size:14px;color:#b365fe}.modal.login-modal .signinForm .signup-cta{font-size:14px}.modal.login-modal .signinForm .signup-cta a{margin-left:4px;color:#b365fe}.modal.login-modal .separator{margin:16px auto;max-width:300px}.modal.login-modal .separator .separator-text{padding:0 8px;margin:auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;z-index:100;background-color:#fff}.modal.login-modal .separator .separator-bar{width:100%;background-color:#e0e0e0;height:2px;margin-bottom:-14px;z-index:1}