.referral-image-container{width:100%;position:relative}@media screen and (max-width:768px){.referral-image-container{margin-bottom:36px}}.referral-image-container .referral-image-container__image{width:100%;height:100%;object-fit:cover;aspect-ratio:1360 / 510}@media screen and (max-width:768px){.referral-image-container .referral-image-container__image{aspect-ratio:346 / 225}}.referral-image-container .referral-image-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;font-family:var(--mymoods-font-poppins),sans-serif;font-weight:var(--mymoods-font-weight-black);font-size:64px;color:#fff;line-height:1}@media(max-width:768px){.referral-image-container .referral-image-text{font-size:28px}}.referral-contents{padding:0 20px}@media screen and (max-width:768px){.referral-contents{padding:0 12px}}.referral-description{padding:40px 20px 0;margin:0 auto 32px;max-width:960px}@media screen and (max-width:768px){.referral-description{padding:0 20px}}.referral-description .referral-description__title{font-size:54px;font-weight:700;margin:0 0 20px;text-align:center;color:#222}@media screen and (max-width:768px){.referral-description .referral-description__title{font-size:24px}}.referral-description .referral-description__subtitle{font-size:24px;font-weight:700;margin-bottom:32px;text-align:center;color:#222}@media screen and (max-width:768px){.referral-description .referral-description__subtitle{font-size:16px}}.referral-description .referral-description__subtitle .lightgreen{background-color:#27ff00}.referral-description .referral-description__text{font-size:16px;text-align:center;color:#222}@media screen and (max-width:768px){.referral-description .referral-description__text{font-size:14px}}.referral-form{padding-top:0;margin:0 auto 60px;max-width:960px;position:relative;z-index:1}.referral-form .referral-form__inner{display:flex;flex-direction:row;align-items:stretch;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #00000026;background:#f5f5f5;min-height:360px;position:relative}@media screen and (max-width:768px){.referral-form .referral-form__inner{flex-direction:column;border-radius:12px}}.referral-form .referral-form__inner .referral-form__image{width:42%;flex-shrink:0;flex-grow:0;align-self:stretch;overflow:hidden}@media screen and (max-width:1400px){.referral-form .referral-form__inner .referral-form__image{width:38%}}@media screen and (max-width:768px){.referral-form .referral-form__inner .referral-form__image{width:100%;height:220px;flex-shrink:0}}.referral-form .referral-form__inner .referral-form__image .referral-form__image--image{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.referral-form .referral-form__inner .referral-form__form{flex:1;background:#f5f5f5;display:block;padding:32px 36px;box-sizing:border-box;overflow:visible;min-width:0}@media screen and (max-width:768px){.referral-form .referral-form__inner .referral-form__form{padding:24px 20px;width:100%}}.referral-form .referral-form__inner .referral-form__form .referral-form__form-wrap{width:100%;display:block;overflow:visible}.referral-form .referral-form__inner .referral-form__form>div,.referral-form .referral-form__inner .referral-form__form>.referral-form__form-wrap>div,.referral-form .referral-form__inner .referral-form__form>.referral-form__form-wrap>div>div{width:100%!important;max-width:100%!important;height:auto!important;min-height:unset!important;display:block!important;padding:0!important;margin:0!important;box-sizing:border-box!important;background:transparent!important;box-shadow:none!important;border:none!important;float:none!important;position:relative!important}.referral-form__form #join-block-1,.referral-form__form [id^=join-block]{width:100%!important;max-width:100%!important;display:block!important;background:transparent!important;padding:0!important;margin:0!important}.referral-form__form form,.referral-form__form .rc-form,.referral-form__form [class*=form-wrapper],.referral-form__form [class*=candyjar],.referral-form__form [class*=join-widget],.referral-form__form [class*=rc-]{width:100%!important;max-width:100%!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important;border:none!important;border-radius:0!important;display:block!important}.referral-form__form h1,.referral-form__form h2,.referral-form__form h3,.referral-form__form h4,.referral-form__form h5{font-size:20px!important;font-weight:700!important;color:#222!important;text-align:center!important;margin-bottom:8px!important;line-height:1.4!important}.referral-form__form p,.referral-form__form small,.referral-form__form .rc-help-text,.referral-form__form [class*=hint],.referral-form__form [class*=help],.referral-form__form [class*=description],.referral-form__form [class*=subtitle]{font-size:12px!important;color:#888!important;margin-top:4px!important;margin-bottom:12px!important;display:block!important;font-weight:400!important;text-align:center!important}.referral-form__form label,.referral-form__form .rc-label,.referral-form__form [class*=label]{display:none!important}.referral-form__form input[type=email],.referral-form__form input[type=text],.referral-form__form input[type=tel],.referral-form__form .rc-input,.referral-form__form [class*=input]{width:100%!important;background:#fff!important;border:1px solid #e0e0e0!important;border-radius:8px!important;padding:14px 16px!important;font-size:14px!important;font-weight:400!important;color:#333!important;box-shadow:none!important;outline:none!important;box-sizing:border-box!important;letter-spacing:.02em!important;margin-bottom:10px!important;display:block!important}.referral-form__form input[type=email]::placeholder,.referral-form__form input[type=text]::placeholder{color:#aaa!important;font-size:13px!important}.referral-form__form input[type=email]:focus,.referral-form__form input[type=text]:focus{outline:2px solid #3b2fff!important;outline-offset:0!important;border-color:#3b2fff!important}.referral-form__form button[type=submit],.referral-form__form input[type=submit],.referral-form__form .rc-button,.referral-form__form button:not([class*=close]):not([class*=back]){width:100%!important;background:#3b2fff!important;color:#fff!important;border:none!important;border-radius:9999px!important;padding:16px 24px!important;font-size:15px!important;font-weight:700!important;cursor:pointer!important;letter-spacing:.02em!important;margin-top:12px!important;transition:opacity .2s ease!important;box-shadow:none!important;font-family:sans-serif!important;display:block!important;box-sizing:border-box!important}.referral-form__form button[type=submit]:hover,.referral-form__form input[type=submit]:hover,.referral-form__form button:not([class*=close]):not([class*=back]):hover{opacity:.85!important}.referral-form__form span:not([class*=poppins]){font-size:inherit!important;color:inherit!important}.referral-steps{margin:0 auto 60px;max-width:960px}.referral-steps .referral-steps-container{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:30px}.referral-steps .referral-steps-container .referral-step{display:flex;flex-direction:row;column-gap:40px;row-gap:20px;align-items:flex-start}@media screen and (max-width:1400px){.referral-steps .referral-steps-container .referral-step{column-gap:20px}}@media screen and (max-width:768px){.referral-steps .referral-steps-container .referral-step{flex-direction:column}}.referral-steps .referral-steps-container .referral-step .referral-step__image{width:400px;flex-shrink:0;box-shadow:0 3px 6px #00000029;aspect-ratio:398 / 246;border-radius:10px;overflow:hidden}@media screen and (max-width:1400px){.referral-steps .referral-steps-container .referral-step .referral-step__image{width:280px}}@media screen and (max-width:768px){.referral-steps .referral-steps-container .referral-step .referral-step__image{width:100%;aspect-ratio:398 / 246}}.referral-steps .referral-steps-container .referral-step .referral-step__image img{display:block;width:100%;height:100%;object-fit:cover}.referral-steps .referral-steps-container .referral-step .referral-step__info{flex:1;padding-top:10px;min-width:200px}.referral-steps .referral-steps-container .referral-step .referral-step__info .referral-step__info--title{font-size:24px;font-weight:700;margin-bottom:10px;color:#0e0e0e;display:flex;align-items:center;gap:18px}@media screen and (max-width:768px){.referral-steps .referral-steps-container .referral-step .referral-step__info .referral-step__info--title{font-size:18px;gap:15px}}.referral-steps .referral-steps-container .referral-step .referral-step__info .referral-step__info--title .referral-step__info--poppins{font-family:var(--mymoods-font-poppins),sans-serif;font-weight:var(--mymoods-font-weight-bold);font-size:28px;color:var(--mymoods-blue);line-height:1}@media screen and (max-width:768px){.referral-steps .referral-steps-container .referral-step .referral-step__info .referral-step__info--title .referral-step__info--poppins{font-size:18px}}.referral-steps .referral-steps-container .referral-step .referral-step__info .referral-step__info--text{color:#666;font-size:18px;line-height:1.7}@media screen and (max-width:768px){.referral-steps .referral-steps-container .referral-step .referral-step__info .referral-step__info--text{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-mymoods-referral.css.map?v=146721849584958878481780389206 */