.modal-wrapper{--x-icon-width: 24px;width:100vw;height:100vh;top:0;right:0;bottom:0;left:0;transition:.22s linear;z-index:-100000;position:fixed;opacity:0;visibility:hidden}.modal-wrapper.active-modal-wrapper{transition:.22s linear;visibility:visible;display:flex;justify-content:flex-end;opacity:1;z-index:10000000}.modal-wrapper.active-modal-wrapper .background{opacity:.6;z-index:1;transition:.22s linear}.modal-wrapper.active-modal-wrapper .modal-content{overflow:auto;z-index:2;transform:translateX(0);transition:.22s linear}.modal-wrapper .background{position:absolute;width:100%;height:100%;background:var(--main-text-color);opacity:0;transition:.22s linear}.modal-wrapper .modal-content{transform:translateX(100%);transition:.22s linear;width:360px;max-width:100%;height:100vh;background-color:#fff;position:relative;margin-left:auto;display:flex;flex-direction:column;padding-right:20px;padding-left:20px;padding-bottom:24px}.modal-wrapper .modal-content .heading-and-close{padding:16px 0;margin:0;display:flex;align-items:center;border-bottom:1px solid #f2f2f3}.modal-wrapper .modal-content .heading-and-close .back-button-placeholder{width:var(--x-icon-width)}.modal-wrapper .modal-content .heading-and-close .back-button{display:flex;align-items:center}.modal-wrapper .modal-content .heading-and-close h2{flex-grow:1;text-align:center;margin-left:auto;margin-bottom:0;text-transform:uppercase;font-size:.875rem;line-height:1.4285714286;font-weight:600;height:fit-content;color:var(--main-text-color)}.modal-wrapper .modal-content .heading-and-close .close{margin-left:auto;width:var(--x-icon-width);height:var(--x-icon-width);display:flex;align-items:center;justify-content:center;position:relative;right:0}.modal-wrapper .modal-content .heading-and-close .close:hover{cursor:pointer}.modal-wrapper .external-content{height:fit-content;min-height:100%}.modal-wrapper .external-content .thank-you-review-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.modal-wrapper .external-content .thank-you-review-wrapper img{margin-bottom:28px}.modal-wrapper .external-content .thank-you-review-wrapper h2{text-align:center;font-size:1.5rem;line-height:1.5;font-weight:700;height:fit-content;color:#50545e}@media screen and (max-width: 767px){.modal-wrapper .background{display:none !important}.modal-wrapper .modal-content{width:100%}}.modal-content .the_champ_login_container{display:none}.modal-content .external-content .modal-logo-mobile{display:none}.modal-content .external-content .red-border{border:1px solid red !important}.modal-content .external-content .green-value{color:var(--primary-wunder-100)}.modal-content .external-content h2{font-size:var(--common-smaller-heading-font-size);font-weight:700;line-height:1.5;text-align:center;margin-bottom:12px}.modal-content .external-content .successfull-action svg{display:flex;background-color:#229854;width:48px;height:48px;padding:3px;border-radius:100%;margin-bottom:24px;margin-left:auto;margin-right:auto}.modal-content .external-content .successfull-action p{margin-bottom:44px;text-align:center}.modal-content .external-content .successfull-action a{font-size:1rem;line-height:1.5;font-weight:600;height:fit-content;color:#fff;background-color:var(--primary-wunder-100);padding:11px 12px;border-radius:var(--common-border-radius);border:1px solid var(--primary-wunder-100);width:100%;display:flex;justify-content:center;align-items:center}.modal-content .external-content .successfull-action a svg,.modal-content .external-content .successfull-action a img{margin-right:12px}#login-signup-modal{--margin-content-heading:44px}#login-signup-modal.active-modal-wrapper .modal-content-visible{transform:translateX(0);transition:.22s linear}#login-signup-modal .modal-content{transform:translateX(100%);transition:.22s linear;position:absolute;right:0;top:0}#login-signup-modal .modal-content p:not(.form-row){text-align:center;font-size:1rem;line-height:1.5;font-weight:400;height:fit-content;letter-spacing:.2px;color:#50545e}#login-signup-modal .content_signup .signup-buttons-wrapper{margin-top:var(--margin-content-heading)}#login-signup-modal .content_signup .signup-buttons-wrapper .email-sign-up{width:100%;font-size:1rem;line-height:1.5;font-weight:600;height:fit-content;color:#fff;background-color:var(--main-text-color);padding:11px 12px;border-radius:var(--common-border-radius);border:1px solid var(--main-text-color)}#login-signup-modal .content_signup .signup-buttons-wrapper .email-sign-up svg,#login-signup-modal .content_signup .signup-buttons-wrapper .email-sign-up img{margin-right:12px}#login-signup-modal .content_signup .login-toggle-modal{font-size:1rem;line-height:1.5;font-weight:600;height:fit-content;color:var(--main-text-color);background-color:#fff;padding:11px 12px;border-radius:var(--common-border-radius);border:1px solid var(--main-text-color);margin-top:var(--margin-content-heading);width:100%;display:flex;align-items:center;justify-content:center}#login-signup-modal .content_signup .login-toggle-modal svg,#login-signup-modal .content_signup .login-toggle-modal img{margin-right:12px}#login-signup-modal .content-signup-second-view form,#login-signup-modal .login-second-view form{margin-top:var(--margin-content-heading)}#login-signup-modal .content-signup-second-view form .error-signup,#login-signup-modal .login-second-view form .error-signup{margin-bottom:16px;font-size:1rem;line-height:1.5;font-weight:600;height:fit-content;color:#de1c22}#login-signup-modal .content-signup-second-view form p,#login-signup-modal .login-second-view form p{display:flex;flex-wrap:wrap}#login-signup-modal .content-signup-second-view form p.signup-form__email-wrapper,#login-signup-modal .content-signup-second-view form p.login-form__email-wrapper,#login-signup-modal .login-second-view form p.signup-form__email-wrapper,#login-signup-modal .login-second-view form p.login-form__email-wrapper{margin-bottom:16px}#login-signup-modal .content-signup-second-view form p.login-form__password-wrapper,#login-signup-modal .login-second-view form p.login-form__password-wrapper{margin-bottom:24px}#login-signup-modal .content-signup-second-view form p input,#login-signup-modal .login-second-view form p input{width:100%}#login-signup-modal .content-signup-second-view .password-condition-wrapper,#login-signup-modal .login-second-view .password-condition-wrapper{margin-top:20px;display:flex;flex-direction:column;margin-bottom:20px}#login-signup-modal .content-signup-second-view .password-condition-wrapper .password-condition,#login-signup-modal .login-second-view .password-condition-wrapper .password-condition{display:flex;align-items:center}#login-signup-modal .content-signup-second-view .password-condition-wrapper .password-condition:not(:last-child),#login-signup-modal .login-second-view .password-condition-wrapper .password-condition:not(:last-child){margin-bottom:8px}#login-signup-modal .content-signup-second-view .password-condition-wrapper .password-condition svg,#login-signup-modal .login-second-view .password-condition-wrapper .password-condition svg{margin-right:16px}#login-signup-modal .content-signup-second-view .password-condition-wrapper .password-condition svg path,#login-signup-modal .login-second-view .password-condition-wrapper .password-condition svg path{fill:#bec0c5}#login-signup-modal .content-signup-second-view .password-condition-wrapper .password-condition p,#login-signup-modal .login-second-view .password-condition-wrapper .password-condition p{font-size:1rem;line-height:1.5;font-weight:400;height:fit-content;letter-spacing:.2px;color:#bec0c5}#login-signup-modal .content-signup-second-view .password-condition-wrapper .password-condition.condition-checked p,#login-signup-modal .content-signup-second-view .password-condition-wrapper .password-condition.condition-checked svg path,#login-signup-modal .login-second-view .password-condition-wrapper .password-condition.condition-checked p,#login-signup-modal .login-second-view .password-condition-wrapper .password-condition.condition-checked svg path{color:var(--success-wunder-100);fill:var(--success-wunder-100)}#login-signup-modal .content-signup-second-view form .submit-form,#login-signup-modal .login-second-view form .submit-form{display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1.5;font-weight:600;height:fit-content;color:#fff;background-color:var(--main-text-color);padding:11px 12px;border-radius:var(--common-border-radius);border:1px solid var(--main-text-color);width:100%}#login-signup-modal .content-signup-second-view form .submit-form svg,#login-signup-modal .content-signup-second-view form .submit-form img,#login-signup-modal .login-second-view form .submit-form svg,#login-signup-modal .login-second-view form .submit-form img{margin-right:12px}#login-signup-modal .external-content{padding-top:52px;min-height:unset}#login-signup-modal .external-content form#loginform{margin-top:var(--margin-content-heading);margin-bottom:0}#login-signup-modal .external-content form#loginform .login-username{margin-bottom:16px}#login-signup-modal .external-content form#loginform .login-username,#login-signup-modal .external-content form#loginform .login-password{display:flex;flex-wrap:wrap}#login-signup-modal .external-content form#loginform .login-username input,#login-signup-modal .external-content form#loginform .login-password input{width:100%}#login-signup-modal .external-content form#loginform .login-remember{display:none}#login-signup-modal .external-content form#loginform .login-submit{margin-top:24px}#login-signup-modal .external-content form#loginform .login-submit input[type=submit]{width:100%;font-size:1rem;line-height:1.5;font-weight:600;height:fit-content;color:#fff;background-color:var(--main-text-color);padding:11px 12px;border-radius:var(--common-border-radius);border:1px solid var(--main-text-color)}#login-signup-modal .external-content form#loginform .login-submit input[type=submit] svg,#login-signup-modal .external-content form#loginform .login-submit input[type=submit] img{margin-right:12px}#login-signup-modal .external-content form.forgot-password-form-link{margin-top:var(--margin-content-heading)}#login-signup-modal .external-content form.forgot-password-form-link p{display:flex;flex-wrap:wrap}#login-signup-modal .external-content form.forgot-password-form-link p input{width:100%}#login-signup-modal .external-content form.forgot-password-form-link button{margin-top:24px;width:100%;font-size:1rem;line-height:1.5;font-weight:600;height:fit-content;color:#fff;background-color:var(--main-text-color);padding:11px 12px;border-radius:var(--common-border-radius);border:1px solid var(--main-text-color)}#login-signup-modal .external-content form.forgot-password-form-link button svg,#login-signup-modal .external-content form.forgot-password-form-link button img{margin-right:12px}#login-signup-modal .external-content .forgot-password{font-size:1rem;line-height:1.5;font-weight:600;height:fit-content;margin-top:16px;margin-left:auto;margin-right:auto;display:flex;width:fit-content}#login-signup-modal .external-content label{font-size:1rem;line-height:1.5;font-weight:600;height:fit-content;color:var(--main-text-color);margin-bottom:8px}#login-signup-modal .external-content input[type=text],#login-signup-modal .external-content input[type=password],#login-signup-modal .external-content input[type=email]{padding:12px 16px;background-color:#fff;border-radius:var(--common-border-radius);border:var(--container-border-width) solid var(--input-border-color);box-shadow:none}#login-signup-modal .external-content input[type=text],#login-signup-modal .external-content input[type=text]::placeholder,#login-signup-modal .external-content input[type=password],#login-signup-modal .external-content input[type=password]::placeholder,#login-signup-modal .external-content input[type=email],#login-signup-modal .external-content input[type=email]::placeholder{font-size:1rem;line-height:1.5;font-weight:400;height:fit-content;color:var(--main-text-color)}#login-signup-modal .external-content input[type=text]:focus,#login-signup-modal .external-content input[type=password]:focus,#login-signup-modal .external-content input[type=email]:focus{outline:none !important}#login-signup-modal .external-content .socials-login-wrapper{margin-top:16px;display:flex;align-items:center;justify-content:space-between}#login-signup-modal .external-content .sign-up-wrapper,#login-signup-modal .external-content .signup-label-margin{padding-top:44px;border-top:1px solid #eaeaeb;margin-top:var(--margin-content-heading)}#login-signup-modal .external-content a.common-layout-button{font-size:1rem;line-height:1.5;font-weight:600;height:fit-content;color:#fff;background-color:var(--main-text-color);padding:11px 12px;border-radius:var(--common-border-radius);border:1px solid var(--main-text-color);width:100%}#login-signup-modal .external-content a.common-layout-button svg,#login-signup-modal .external-content a.common-layout-button img{margin-right:12px}#login-signup-modal .external-content a.common-layout-button-empty{font-size:1rem;line-height:1.5;font-weight:600;height:fit-content;color:var(--main-text-color);background-color:#fff;padding:11px 12px;border-radius:var(--common-border-radius);border:1px solid var(--main-text-color);display:flex;align-items:center;justify-content:center;width:100%}#login-signup-modal .external-content a.common-layout-button-empty svg,#login-signup-modal .external-content a.common-layout-button-empty img{margin-right:12px}#login-signup-modal .external-content a#login-with-email{font-size:1rem;line-height:1.5;font-weight:600;height:fit-content;color:#fff;background-color:var(--main-text-color);padding:11px 12px;border-radius:var(--common-border-radius);border:1px solid var(--main-text-color);width:100%;display:flex;align-items:center;justify-content:center}#login-signup-modal .external-content a#login-with-email svg,#login-signup-modal .external-content a#login-with-email img{margin-right:12px}#login-signup-modal .external-content a#login-with-email,#login-signup-modal .external-content a#sign-up{margin-top:var(--margin-content-heading)}#login-signup-modal .external-content a.full-width{width:100%;display:flex;align-items:center;justify-content:center}#login-signup-modal .external-content a.half-width{width:calc(50% - 8px)}#login-signup-modal .external-content a.common-layout-button{font-size:1rem;line-height:1.5;font-weight:600;height:fit-content;color:#fff;background-color:var(--main-text-color);padding:11px 12px;border-radius:var(--common-border-radius);border:1px solid var(--main-text-color);width:100%}#login-signup-modal .external-content a.common-layout-button svg,#login-signup-modal .external-content a.common-layout-button img{margin-right:12px}#login-signup-modal .external-content a.common-layout-button-empty{font-size:1rem;line-height:1.5;font-weight:600;height:fit-content;color:var(--main-text-color);background-color:#fff;padding:11px 12px;border-radius:var(--common-border-radius);border:1px solid var(--main-text-color)}#login-signup-modal .external-content a.common-layout-button-empty svg,#login-signup-modal .external-content a.common-layout-button-empty img{margin-right:12px}#login-signup-modal .external-content button#facebook-login,#login-signup-modal .external-content button#google-login{display:flex;align-items:center;justify-content:center}#login-signup-modal .external-content button#facebook-login svg,#login-signup-modal .external-content button#google-login svg{margin-right:12px}#login-signup-modal .external-content button.full-width{width:100%}#login-signup-modal .external-content button.half-width{width:calc(50% - 8px)}#login-signup-modal .external-content button.common-layout-button{font-size:1rem;line-height:1.5;font-weight:600;height:fit-content;color:#fff;background-color:var(--main-text-color);padding:11px 12px;border-radius:var(--common-border-radius);border:1px solid var(--main-text-color);width:100%}#login-signup-modal .external-content button.common-layout-button svg,#login-signup-modal .external-content button.common-layout-button img{margin-right:12px}#login-signup-modal .external-content button.common-layout-button-empty{font-size:1rem;line-height:1.5;font-weight:600;height:fit-content;color:var(--main-text-color);background-color:#fff;padding:11px 12px;border-radius:var(--common-border-radius);border:1px solid var(--main-text-color);display:flex;align-items:center;justify-content:center}#login-signup-modal .external-content button.common-layout-button-empty svg,#login-signup-modal .external-content button.common-layout-button-empty img{margin-right:12px}#login-signup-modal .external-content .super-socializer-linking-container{display:none}@media screen and (max-width: 767px){.modal-wrapper#login-signup-modal .external-content{padding-top:40px;padding-bottom:40px}.modal-wrapper#login-signup-modal .external-content .modal-logo-mobile{margin-bottom:36px;display:flex;justify-content:center}.modal-wrapper#login-signup-modal .external-content .modal-logo-mobile img{width:140px;height:auto}}/*# sourceMappingURL=login-signup-modal.css.map */
