#login-modal{width:90%;max-width:540px;margin:20px auto;padding:40px;background-color:#fff;position:relative}@media(max-width:769px){#login-modal{width:100%;padding-inline:20px}#login-modal .returning-wrapper .form-fields{padding:0!important}#login-modal .returning-wrapper .inputs.reversed{flex-direction:row!important}}.login-page .returning-wrapper .inputs.reversed{align-items:center}.registration-page .button-1{width:calc(100% - 100px)!important}.mfp-close-btn-in .mfp-close{color:var(--primary-color)!important}#login-modal .returning-wrapper .title{text-align:left;padding-left:0}.mfp-fade-scale .mfp-content{opacity:0;transform:scale(.95);transition:all .3s ease-in-out}.mfp-fade-scale.mfp-ready .mfp-content{opacity:1;transform:scale(1)}.mfp-fade-scale.mfp-removing .mfp-content{opacity:0;transform:scale(.95)}#login-modal .returning-wrapper .form-fields{overflow:hidden;padding:30px 15px 0}#login-modal .returning-wrapper .inputs.reversed{white-space:normal;display:flex;justify-content:space-between;width:100%;flex-direction:column;align-items:flex-start;gap:10px}#login-modal .returning-wrapper .inputs.reversed::after{display:none}#login-modal .returning-wrapper .inputs.reversed *{width:auto;margin:5px;font-size:14px;color:#444}#login-modal .topic-block{display:none}#login-modal .returning-wrapper .buttons{background-color:#fff;padding:30px 0;text-align:center;padding-bottom:0;margin-bottom:0}#login-modal .returning-wrapper .buttons .login-button{min-width:140px;border:0;background-color:var(--secondery-color);padding:10px 30px;text-align:center;font-size:15px;color:#fff;text-transform:uppercase}#login-modal .external-authentication{margin:0 auto}#login-form .title{margin:0 0 20px;font-size:20px;color:#444;text-align:center}@media(min-width:481px){#login-modal{width:92.5%}#login-modal .returning-wrapper .inputs.reversed{flex-direction:row;align-items:center}}@media(min-width:769px){#login-modal{width:92.5%}}@media(min-width:1001px){#login-modal{width:540px}#login-modal .returning-wrapper{margin:0 auto}#login-modal .returning-wrapper .form-fields{min-height:200px;padding:30px 0 0}#login-modal .returning-wrapper .inputs label{width:110px}#login-modal .returning-wrapper input[type="text"],#login-modal .returning-wrapper input[type="email"],#login-modal .returning-wrapper input[type="password"]{width:100%}}@media(min-width:1367px){#login-modal{width:540px}#login-modal .returning-wrapper input[type="text"],#login-modal .returning-wrapper input[type="email"],#login-modal .returning-wrapper input[type="password"]{width:100%}}
