.loginSignupTemplate{display:flex;padding-top:124px;height:100vh;background-color:#fff}.loginSignupTemplate .illustration{display:flex;justify-content:flex-end;max-width:50%;padding-right:68px;flex:1}.loginSignupTemplate .illustration img{height:min-content;max-width:100%;max-height:100%}.loginSignupTemplate .content{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding-left:4px;color:var(--teflon)}.loginSignupTemplate .content>h1{font-weight:300;font-size:36px;line-height:42px}.loginSignupTemplate .content>p{margin-top:12px;font-size:15px;line-height:18px}.loginSignupTemplate .content>.actionButtons{margin-top:48px;width:248px}.loginSignupTemplate .content .separatorWithORContainer{width:248px;display:flex;align-items:center;justify-content:center;margin:var(--spacing-l) 0;gap:4px}.loginSignupTemplate .content .separatorWithORContainer .ORLabel{color:var(--label-tertiary);font-family:Nanum,Helvetica,sans-serif;font-size:18px;line-height:18px}.loginSignupTemplate .content .separatorWithORContainer .separatorWithOR{width:48px;height:2px;opacity:.5;border-radius:1px;background-color:var(--karl)}.loginSignupTemplate .content hr{margin:31px 64px;width:120px;height:2px;opacity:.5;border-radius:1px;background-color:var(--karl)}.loginSignupTemplate .content .formWrapper{width:100%}@media screen and (max-width:767px){.loginSignupTemplate{flex-direction:column;padding:24px}.loginSignupTemplate .illustration{max-width:none;padding-right:0;justify-content:center}.loginSignupTemplate .content{width:100%;padding-top:24px;padding-left:0;align-items:center}.loginSignupTemplate .illustration:not(.displayIllustrationOnMobile){display:none}.loginSignupTemplate .illustration:not(.displayIllustrationOnMobile)+.content{margin-top:24px}.loginSignupTemplate .content>h1{font-size:24px;line-height:28px;text-align:center}.loginSignupTemplate .content>p{text-align:center}.loginSignupTemplate .content>.actionButtons{width:100%}}.tipTextWrapper{height:var(--input-height);display:flex;align-items:center}.tipTextWrapper .tipText{width:100%;display:flex;gap:var(--spacing-s)}.tipTextWrapper .tipText svg{height:16px}.tipTextWrapper .tipText p{flex-shrink:1}.tipTextWrapper .tipText p.error{color:var(--peach)}.tipTextWrapper .tipText a,.tipTextWrapper .tipText a:visited{color:var(--cornflower-blue)}@media screen and (max-width:767px){.tipTextWrapper{height:auto}}.forgotPasswordForm{margin:0;max-width:372px;--input-height:40px}.forgotPasswordForm>p{margin:12px 0 24px;font-size:15px;line-height:18px}.forgotPasswordForm .forgotPasswordFormField{margin:12px 0 0;--tip-text-left:384px}.forgotPasswordForm .emailSubmitButton{margin:12px 0 0;width:100%;height:var(--input-height)}@media screen and (max-width:767px){.forgotPasswordForm{max-width:100%;--input-height:44px}.forgotPasswordForm>p{text-align:center}}.passwordRequestSuccess{display:flex;flex-direction:column;align-items:center;width:100%;padding:24px;color:var(--teflon)}.passwordRequestSuccess .imageWrapper{margin-top:100px}.passwordRequestSuccess .imageWrapper img{display:block;width:100%}.passwordRequestSuccess h1{margin-top:36px;padding-left:12px;font-size:36px;line-height:42px;font-weight:300}.passwordRequestSuccess p{max-width:372px;margin-top:12px;padding-left:12px;font-size:15px;line-height:18px;text-align:center}@media screen and (max-width:767px){.passwordRequestSuccess .imageWrapper{margin-top:0}.passwordRequestSuccess h1{margin-top:24px;padding-left:0;font-size:24px;line-height:28px}.passwordRequestSuccess p{padding-left:0}}