.step{width:400px;background-color:#fdfdff;padding:24px;gap:20px;display:flex;flex-direction:column}@media only screen and (max-width:600px)and (min-width:361px){.step{width:100%;padding:16px;gap:16px}}@media only screen and (max-width:360px){.step{padding:12px;gap:12px;width:100%}}.step__header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.step__header__user-circle{width:48px;height:48px;border-radius:8px;background-color:var(--color-new-gray-50);display:flex;justify-content:center;align-items:center}@media only screen and (max-width:600px)and (min-width:361px){.step__header__user-circle{width:40px;height:40px}}@media only screen and (max-width:360px){.step__header__user-circle{width:36px;height:36px}}.step__content{width:100%;display:flex;flex-direction:column;gap:8px}@media only screen and (max-width:600px)and (min-width:361px){.step__content{gap:6px}}.step__title{font-family:var(--font-manrope);font-size:1.3125rem;color:var(--color-new-black-500);line-height:1.70625rem;font-weight:700}@media only screen and (max-width:600px)and (min-width:361px){.step__title{font-family:var(--font-manrope);font-size:1.125rem;color:var(--color-new-black-500);line-height:1.4625rem;font-weight:700}}@media only screen and (max-width:360px){.step__title{font-family:var(--font-manrope);font-size:1rem;color:var(--color-new-black-500);line-height:1.3rem;font-weight:700}}.step__description{font-family:var(--font-manrope);font-size:.75rem;color:var(--color-new-black-300);line-height:.975rem;font-weight:600}@media only screen and (max-width:600px)and (min-width:361px){.step__description{font-family:var(--font-manrope);font-size:.6875rem;color:var(--color-new-black-300);line-height:.89375rem;font-weight:600}}@media only screen and (max-width:360px){.step__description{font-family:var(--font-manrope);font-size:.625rem;color:var(--color-new-black-300);line-height:.8125rem;font-weight:600}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes slideInLeft{0%{left:-50%}to{left:0}}.login-modal{top:0;left:5%;right:5%;z-index:61;height:100%;position:fixed;align-items:center;display:flex;justify-content:center}@media only screen and (max-width:600px)and (min-width:361px){.login-modal{top:0}}@media only screen and (max-width:360px){.login-modal{top:0}}@media only screen and (min-width:768px)and (max-width:1023px){.login-modal{top:0}}@media only screen and (min-width:601px)and (max-width:767px){.login-modal{top:0}}.login-modal__background{top:0;left:0;right:0;bottom:0;z-index:60;margin:0 auto;min-height:100vh;position:fixed;background-color:rgba(0,0,0,.45)}.login-modal__modal{margin:0 4rem;overflow-y:auto}@media only screen and (max-width:600px)and (min-width:361px){.login-modal__modal{margin:0}}@media only screen and (max-width:360px){.login-modal__modal{margin:0}}@media only screen and (min-width:768px)and (max-width:1023px){.login-modal__modal{margin:0}}@media only screen and (min-width:601px)and (max-width:767px){.login-modal__modal{margin:0}}.login-modal__modal__background{max-width:1168px;position:relative;border-radius:1.25rem}.login-modal__modal__close{padding:25px;cursor:pointer;text-align:right}@media only screen and (max-width:360px){.login-modal__modal__close{padding:15px 15px 0}}@media only screen and (max-width:600px)and (min-width:361px){.login-modal__modal__close{padding:15px 15px 0}}@media only screen and (min-width:601px)and (max-width:767px){.login-modal__modal__close{padding:15px 15px 0}}@media only screen and (min-width:768px)and (max-width:1023px){.login-modal__modal__close{padding:15px 15px 0}}.login-modal__modal__close img{height:30px;width:auto}@media only screen and (max-width:600px)and (min-width:361px){.login-modal__modal__close img{height:15px;width:auto}}@media only screen and (min-width:601px)and (max-width:767px){.login-modal__modal__close img{height:15px;width:auto}}.login-modal__modal__body{display:flex}@media only screen and (max-width:360px){.login-modal__modal__body{flex-direction:column}}@media only screen and (max-width:600px)and (min-width:361px){.login-modal__modal__body{flex-direction:column}}@media only screen and (min-width:601px)and (max-width:767px){.login-modal__modal__body{flex-direction:column}}@media only screen and (min-width:768px)and (max-width:1023px){.login-modal__modal__body{flex-direction:column}}.login-modal__modal__body__left{padding:0 3.75rem}@media only screen and (max-width:360px){.login-modal__modal__body__left{padding:0 20px}}@media only screen and (max-width:600px)and (min-width:361px){.login-modal__modal__body__left{padding:0 20px}}@media only screen and (min-width:601px)and (max-width:767px){.login-modal__modal__body__left{padding:0 20px}}.login-modal__modal__body__left h2{font-size:1.5rem;color:var(--color-charcoal);line-height:2.625rem;font-weight:700}@media only screen and (max-width:360px){.login-modal__modal__body__left h2{font-size:14px;color:var(--color-charcoal);line-height:1.6rem;font-weight:700}}@media only screen and (max-width:600px)and (min-width:361px){.login-modal__modal__body__left h2{font-size:14px;color:var(--color-charcoal);line-height:1.6rem;font-weight:700}}@media only screen and (min-width:601px)and (max-width:767px){.login-modal__modal__body__left h2{font-size:14px;color:var(--color-charcoal);line-height:1.6rem;font-weight:700}}.login-modal__modal__body__left__body{padding-top:10px;font-size:1.125rem;color:var(--color-charcoal);line-height:1.875rem}@media only screen and (max-width:360px){.login-modal__modal__body__left__body{font-size:12px;color:var(--color-charcoal);line-height:1.5rem}}@media only screen and (max-width:600px)and (min-width:361px){.login-modal__modal__body__left__body{font-size:12px;color:var(--color-charcoal);line-height:1.5rem}}@media only screen and (min-width:601px)and (max-width:767px){.login-modal__modal__body__left__body{font-size:12px;color:var(--color-charcoal);line-height:1.5rem}}.login-modal__modal__body__left__footer{display:flex;padding-top:1.875rem;flex-direction:column;padding-bottom:1.875rem;justify-content:flex-start;font-size:1rem;color:var(--color-charcoal);line-height:1.6875rem}@media only screen and (max-width:360px){.login-modal__modal__body__left__footer{font-size:12px;color:var(--color-charcoal);line-height:1.5rem;padding:10px 0;align-items:center;flex-direction:column}}@media only screen and (max-width:600px)and (min-width:361px){.login-modal__modal__body__left__footer{font-size:12px;color:var(--color-charcoal);line-height:1.5rem;padding:10px 0;align-items:center;flex-direction:column}}@media only screen and (min-width:601px)and (max-width:767px){.login-modal__modal__body__left__footer{padding:15px 0;align-items:center;justify-content:center}}@media only screen and (min-width:768px)and (max-width:1023px){.login-modal__modal__body__left__footer{padding:15px 0;align-items:center;justify-content:center}}.login-modal__modal__body__left__footer--signUp{width:180px;height:44px;cursor:pointer;border-radius:30px;color:var(--color-sherpa-blue-3);background-color:#fff;border:1px solid var(--color-sherpa-blue-3);font-size:1rem;color:var(--color-charcoal);line-height:1.6875rem}@media only screen and (max-width:360px){.login-modal__modal__body__left__footer--signUp{margin-bottom:10px}}@media only screen and (max-width:600px)and (min-width:361px){.login-modal__modal__body__left__footer--signUp{margin-bottom:10px}}.login-modal__modal__body__left__footer--display-none{display:none}.login-modal__modal__body__left__footer--update-profile{align-items:stretch}@media only screen and (max-width:360px){.login-modal__modal__body__left__footer--update-profile{padding:10px 0;font-size:12px;color:var(--color-charcoal);line-height:1.5rem}}@media only screen and (max-width:600px)and (min-width:361px){.login-modal__modal__body__left__footer--update-profile{padding:10px 0;font-size:12px;color:var(--color-charcoal);line-height:1.5rem}}@media only screen and (min-width:768px)and (max-width:1023px){.login-modal__modal__body__left__footer--update-profile{padding:15px 0}}.login-modal__modal__body__left__footer__input-field{padding:10px 0}.login-modal__modal__body__left__footer__input-field .form-control{width:100%;height:39px;border-radius:8px;box-sizing:border-box;background-color:#fff;border:1px solid rgba(69,69,69,.25);font-size:1rem;color:var(--color-charcoal);line-height:1rem}.login-modal__modal__body__right{padding-right:3.75rem}@media only screen and (max-width:360px){.login-modal__modal__body__right{text-align:center}}@media only screen and (max-width:600px)and (min-width:361px){.login-modal__modal__body__right{text-align:center}}@media only screen and (min-width:601px)and (max-width:767px){.login-modal__modal__body__right{text-align:center}}@media only screen and (min-width:768px)and (max-width:1023px){.login-modal__modal__body__right{text-align:center}}.login-modal__modal__body__right img{height:22rem;padding-bottom:2rem}@media only screen and (max-width:360px){.login-modal__modal__body__right img{height:10rem;padding-bottom:10px}}@media only screen and (max-width:600px)and (min-width:361px){.login-modal__modal__body__right img{height:10rem;padding-bottom:10px}}@media only screen and (min-width:601px)and (max-width:767px){.login-modal__modal__body__right img{height:15rem;padding-bottom:15px}}@media only screen and (min-width:768px)and (max-width:1023px){.login-modal__modal__body__right img{height:15rem;padding-bottom:15px}}