.referral-base-container{background:#fcf9f5;border:1px solid rgba(44,49,58,.1);border-radius:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.referral-heading-container{display:flex;flex-direction:column}.referral-heading-primary{color:#2c313a;font-family:Hanken Sans;font-family:Hanken Sans ExtraBold;font-size:48px;font-style:normal;letter-spacing:-1.44px;line-height:48px;margin-bottom:32px;max-width:450px}.referral-heading-secondary{align-items:center;display:flex;flex-direction:row;gap:18px}.referral-heading-secondary>p{color:rgba(44,49,58,.6);font-family:Hanken Sans}.referral-heading-secondary>p,.referral-heading-secondary>p>span{font-size:16px;font-style:normal;letter-spacing:-.48px;line-height:20px;margin:0;padding:0}.referral-heading-secondary>p>span{color:#2c313a;font-family:Hanken Sans ExtraBold}.referral-thank-you-secondary{font-family:Hanken Sans;font-size:16px;font-style:normal;font-weight:500;letter-spacing:-.42px;line-height:18px;margin:0}.referral-thank-you-primary{color:#2c313a;font-family:Hanken Sans Bold;font-style:normal;margin:.5rem 0 2rem}.referral-avatar-container{background:#ff8401;border-radius:22px;display:flex;height:44px;width:44px}.referral-avatar{border-radius:22px;flex:1;object-fit:contain}.referral-input,.referral-input-span-2{background:#fff;border:1px solid rgba(1,1,1,.1);border-radius:6px;color:rgba(44,49,58,.9);font-family:Hanken Sans Medium;font-size:18px;font-style:normal;letter-spacing:-.54px;line-height:16px;outline:0;padding:19px}.grid-span-2{grid-column:span 2/span 2}.referral-details-container:not([data-enabled]){display:none!important}.referral-navigate-container{display:flex;justify-content:space-between;margin-top:auto}.referral-navigate-next-button,.referral-navigate-prev-button{border:0;border-radius:6px;cursor:pointer;font-family:Hanken Sans ExtraBold;font-size:18px;font-style:normal;font-weight:700;letter-spacing:-.54px;line-height:18px;outline:0;padding:15px;text-align:center}.referral-navigate-prev-button{background:rgba(44,49,58,.05);color:rgba(44,49,58,.25)}.referral-navigate-next-button{background:#ff8401;color:#fff}.referral-details-container{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:16px;padding-top:16px}.referral-state-icon-container>.referral-state-icon{background:#2c313a;border-radius:100px;color:#fcf9f5;font-family:Hanken Sans;font-size:12px;font-style:normal;font-weight:800;height:16px;letter-spacing:-.36px;line-height:16px;margin:0;padding:0;text-align:center;width:16px}.referral-state-icon-container>.referral-state-label{color:#2c313a;font-family:Hanken Sans ExtraBold;font-size:14px;font-style:normal;letter-spacing:-.42px;line-height:16px;margin:0;padding:0}.referral-state-icon-container:not([data-enabled])>.referral-state-icon,.referral-state-icon-container:not([data-enabled])>.referral-state-label{opacity:.5}.referral-state-container,.referral-state-container>div{align-items:center;display:flex;flex-direction:row;gap:6px}.referral-state-separator{background:rgba(44,49,58,.1);flex:1;height:1px;margin:0 8px;width:"100%"}.referral-state-form-container{display:flex;flex-direction:column}.referral-state-form-container:not([data-enabled]),.referral-thank-you-container:not([data-enabled]){display:none!important}.referral-heading-tertiary>p{align-items:center;color:#2c313a;font-family:Hanken Sans SemiBold;font-size:16px;font-style:normal;letter-spacing:-.48px;line-height:16px;margin:0 8px}.referral-heading-tertiary{display:none}@media only screen and (max-width:767px){.hf-wrapper{padding:0}.referral-heading-secondary{display:none}.referral-base-container{border-radius:22px;grid-template-columns:repeat(1,minmax(0,1fr));margin:0 0 48px;padding:48px 4vw}.referral-heading-primary{margin-bottom:44px;text-align:center;width:100%}.referral-details-container{grid-template-columns:repeat(1,minmax(0,1fr))}.referral-navigate-container{gap:14px}.referral-navigate-next-button,.referral-navigate-prev-button{width:100%}.referral-input-span-2{grid-column:span 1/span 1}.referral-heading-tertiary{align-items:center;color:#fff;display:flex;margin:auto auto 20px}.referral-thank-you-primary,.referral-thank-you-secondary{text-align:center}}.referral-validation-error{color:red;font-family:Hanken Sans;margin:0;padding:0}.referral-validation-error:not([data-referral-error-visible]){display:none}.referral-input,.referral-input-span-2,.referral-validation-error,div:has(.referral-input):has(.referral-validation-error){width:100%}@media only screen and (max-width:791px){.referral-heading-primary{font-size:40px;line-height:40px}}