.lp-referral,.lp-referral *,.lp-referral *:before,.lp-referral *:after{box-sizing:border-box}.lp-referral{--lp-ref-accent: #b8f400;--lp-ref-bg: #ffffff;--lp-ref-text: #111111;--lp-ref-muted: #666666;--lp-ref-line: #e2e2e2;--lp-ref-dark: #0a0a0a;--lp-ref-max: 1120px;--lp-ref-read: 38rem;--lp-ref-ease: cubic-bezier(.2, .7, .2, 1);--lp-ref-dur: .42s;background:var(--lp-ref-bg);color:var(--lp-ref-text);letter-spacing:0}.lp-referral-wrap{width:min(var(--lp-ref-max),100%);margin:0 auto;padding-inline:clamp(24px,5vw,56px)}.lp-referral-eyebrow{margin:0 0 12px;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--lp-ref-accent)}.lp-referral-section{padding-top:var(--lp-ref-pad-top, 72px);padding-bottom:var(--lp-ref-pad-bottom, 72px)}.lp-referral-section__title{margin:0 0 12px;font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.12}.lp-referral-section__lead{margin:0 auto;max-width:var(--lp-ref-read);font-size:clamp(15px,1.6vw,17px);line-height:1.55;color:var(--lp-ref-muted)}.lp-referral-hero{position:relative;display:block;min-height:clamp(68svh,71svh,74svh);margin-bottom:-48px;overflow:hidden}@media screen and (min-width:750px){.lp-referral-hero{display:flex;align-items:center;min-height:clamp(72svh,75svh,78svh);margin-bottom:-64px}}.lp-referral-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.lp-referral-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000042;pointer-events:none}.lp-referral-hero__media img{display:block;width:100%;height:100%;object-fit:cover;will-change:transform}@media screen and (max-width:749px){.lp-referral-hero__media img.large-up-hide{object-position:63% top}}.lp-referral-hero__parallax{width:100%;height:calc(100% + 8px);transform:translateZ(0);transition:transform 0ms linear}.lp-referral-hero__placeholder{width:100%;height:100%;background:#1a1a1a}.lp-referral-hero__placeholder svg{width:100%;height:100%;opacity:.25}.lp-referral-hero__content{position:absolute;z-index:1;top:clamp(52px,9vh,72px);left:0;right:0;width:100%;padding:0 0 24px}.lp-referral-hero .lp-referral-wrap{padding-left:clamp(24px,6vw,40px);padding-right:clamp(20px,5vw,32px)}@media screen and (min-width:750px){.lp-referral-hero__content{position:relative;top:auto;left:auto;right:auto;padding:40px 0}.lp-referral-hero .lp-referral-wrap{padding-left:clamp(72px,11vw,144px);padding-right:clamp(24px,5vw,56px)}}.lp-referral-hero__copy{display:flex;flex-direction:column;align-items:flex-start;max-width:36rem;margin-right:auto;margin-left:0;color:#fff;text-align:left}@media screen and (min-width:750px){.lp-referral-hero__copy{margin-left:clamp(28px,4vw,52px)}}.lp-referral-hero__copy .lp-referral-eyebrow,.lp-referral-hero__copy .lp-referral-hero__title,.lp-referral-hero__copy .lp-referral-hero__body,.lp-referral-hero__copy .lp-referral-hero__actions{width:100%;margin-left:0;margin-right:0}.lp-referral-hero__line{display:block;clip-path:inset(0 0 100% 0);transform:translateY(8px);opacity:0;transition:clip-path var(--lp-ref-dur) var(--lp-ref-ease),opacity var(--lp-ref-dur) var(--lp-ref-ease),transform var(--lp-ref-dur) var(--lp-ref-ease)}.lp-referral-hero.is-inview .lp-referral-hero__line[data-lp-referral-hero-line="0"]{clip-path:inset(0 0 0 0);opacity:1;transform:translateY(0)}.lp-referral-hero.is-inview .lp-referral-hero__line[data-lp-referral-hero-line="1"]{clip-path:inset(0 0 0 0);opacity:1;transform:translateY(0);transition-delay:70ms}.lp-referral-hero.is-inview .lp-referral-hero__line[data-lp-referral-hero-line="2"]{clip-path:inset(0 0 0 0);opacity:1;transform:translateY(0);transition-delay:.14s}.lp-referral-hero.is-inview .lp-referral-hero__line[data-lp-referral-hero-line="3"]{clip-path:inset(0 0 0 0);opacity:1;transform:translateY(0);transition-delay:.21s}.lp-referral-hero.is-inview .lp-referral-hero__line[data-lp-referral-hero-line="4"]{clip-path:inset(0 0 0 0);opacity:1;transform:translateY(0);transition-delay:.28s}.lp-referral-hero__title{margin:0 0 14px;font-size:clamp(32px,5vw,52px);font-weight:600;line-height:1.08}.lp-referral-hero__body{margin:0 0 24px;font-size:clamp(15px,1.6vw,17px);line-height:1.6;color:#ffffffe0}.lp-referral-hero__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:16px 24px}.lp-referral-hero__actions .lp-referral-hero__line{display:inline-flex;width:auto}.lp-referral-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border:1px solid transparent;border-radius:4px;background:var(--lp-ref-accent);color:#111;font-size:14px;font-weight:600;line-height:1;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:opacity .35s var(--lp-ref-ease),transform .35s var(--lp-ref-ease)}.lp-referral-btn svg{width:16px;height:16px;flex-shrink:0}.lp-referral-btn:focus-visible{outline:2px solid var(--lp-ref-accent);outline-offset:2px}.lp-referral-btn--dark{background:#fff;color:#111}.lp-referral-btn--outline{background:transparent;border-color:#ffffff59;color:#fff}.lp-referral-btn--ghost{background:transparent;border-color:#ffffff40;color:#fff}.lp-referral-link{display:inline-flex;align-items:center;gap:6px;padding:4px 0;border:none;background:none;color:#ffffffe0;font-size:14px;font-weight:500;line-height:1.4;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:opacity .35s var(--lp-ref-ease)}.lp-referral-link:focus{outline:none}.lp-referral-link:focus-visible{outline:2px solid var(--lp-ref-accent);outline-offset:2px}.lp-referral-rewards{position:relative;z-index:2;padding-top:calc(var(--lp-ref-pad-top, 72px) + 48px)}.lp-referral-rewards__head{margin-bottom:clamp(40px,5vw,56px);text-align:center}.lp-referral-rewards__stage{position:relative;display:grid;grid-template-columns:1fr;gap:32px;align-items:center}@media screen and (max-width:989px){.lp-referral-rewards__product{order:1}.lp-referral-rewards__side--referrer{order:2}.lp-referral-rewards__side--friend{order:3}.lp-referral-rewards__mobile-line{display:none}.lp-referral-rewards__value-block{margin-inline:auto}.lp-referral-rewards__value{justify-content:center}}@media screen and (min-width:990px){.lp-referral-rewards__stage{grid-template-columns:minmax(0,1fr) minmax(260px,360px) minmax(0,1fr);gap:32px;align-items:center}}.lp-referral-rewards__side{position:relative;z-index:1;text-align:center}@media screen and (min-width:990px){.lp-referral-rewards__side--referrer{text-align:right}.lp-referral-rewards__side--friend{text-align:left}}.lp-referral-rewards__label{margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lp-ref-muted)}.lp-referral-rewards__value{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35em;margin:0;line-height:1.12;opacity:0;transform:translateY(8px);transition:opacity .4s var(--lp-ref-ease),transform .4s var(--lp-ref-ease)}.lp-referral-rewards__value-lead{font-size:clamp(18px,2.2vw,22px);font-weight:500;line-height:1.2;color:var(--lp-ref-text)}.lp-referral-rewards__value-amount{font-size:clamp(28px,3.2vw,34px);font-weight:600;line-height:1.1;color:var(--lp-ref-text);white-space:nowrap}@media screen and (min-width:990px){.lp-referral-rewards__side--referrer .lp-referral-rewards__value{justify-content:flex-end}.lp-referral-rewards__side--friend .lp-referral-rewards__value{justify-content:flex-start}}.lp-referral-rewards.is-lines-done .lp-referral-rewards__value{opacity:1;transform:translateY(0)}.lp-referral-rewards__note{margin:14px 0 0;max-width:18rem;margin-inline:auto;font-size:14px;line-height:1.55;color:var(--lp-ref-muted)}@media screen and (min-width:990px){.lp-referral-rewards__side--referrer .lp-referral-rewards__note{margin-left:auto;margin-right:0}.lp-referral-rewards__side--friend .lp-referral-rewards__note{margin-left:0;margin-right:auto}}.lp-referral-rewards__value-block{display:inline-block;width:fit-content;max-width:100%}@media screen and (min-width:990px){.lp-referral-rewards__side--referrer .lp-referral-rewards__value-block{display:block;width:fit-content;margin-left:auto;margin-right:0}.lp-referral-rewards__side--friend .lp-referral-rewards__value-block{display:block;width:fit-content;margin-left:0;margin-right:auto}}.lp-referral-rewards__side-line{display:none}@media screen and (min-width:990px){.lp-referral-rewards__side-line{display:block;width:100%;height:1px;margin-top:12px;margin-bottom:0}.lp-referral-rewards__side-line .lp-referral-rewards__connector-line{display:block;width:100%;height:1px;background:var(--lp-ref-accent);transform:scaleX(0);transition:transform .45s var(--lp-ref-ease)}.lp-referral-rewards__side--referrer .lp-referral-rewards__connector-line{transform-origin:right center}.lp-referral-rewards__side--friend .lp-referral-rewards__connector-line{transform-origin:left center}.lp-referral-rewards.is-lines-active .lp-referral-rewards__connector-line{transform:scaleX(1)}}.lp-referral-rewards__product{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:240px;padding:16px}.lp-referral-rewards__product img{display:block;width:min(100%,min(88vw,360px));height:auto;object-fit:contain}@media screen and (min-width:990px){.lp-referral-rewards__product{min-height:280px}.lp-referral-rewards__product img{width:min(100%,360px)}}.lp-referral-rewards__product-placeholder{width:min(100%,min(88vw,360px));aspect-ratio:1;background:#f3f3f3;border-radius:4px}@media screen and (min-width:990px){.lp-referral-rewards__product-placeholder{width:min(100%,360px)}}.lp-referral-rewards__connector,.lp-referral-rewards__lines{display:none}.lp-referral-rewards__mobile-line{display:block;width:1px;height:32px;margin:0 auto;background:var(--lp-ref-line);transform:scaleY(0);transform-origin:top center;transition:transform .45s var(--lp-ref-ease)}.lp-referral-rewards.is-lines-active .lp-referral-rewards__mobile-line{transform:scaleY(1)}@media screen and (min-width:990px){.lp-referral-rewards__mobile-line{display:none}}.lp-referral-how__head{margin-bottom:clamp(40px,5vw,56px);text-align:center}.lp-referral-steps{position:relative}.lp-referral-steps__track{position:absolute;z-index:0;pointer-events:none;background:transparent;border-top:1px dashed var(--lp-ref-line)}.lp-referral-steps__line{position:absolute;z-index:1;background:var(--lp-ref-accent)}@media screen and (min-width:750px){.lp-referral-steps__track{left:16.666%;right:16.666%;top:20px;height:0;border-top:1px dashed var(--lp-ref-line)}.lp-referral-steps__line{left:0;top:-1px;height:1px;width:100%;transform:scaleX(0);transform-origin:left center;transition:transform .48s var(--lp-ref-ease)}}@media screen and (max-width:749px){.lp-referral-steps__track{left:20px;top:20px;bottom:20px;width:0;border-top:none;border-left:1px dashed var(--lp-ref-line)}.lp-referral-steps__line{left:-1px;top:0;width:1px;height:100%;transform:scaleY(0);transform-origin:top center;transition:transform .48s var(--lp-ref-ease)}}.lp-referral-steps.is-progress-active .lp-referral-steps__line{transform:scaleX(1)}@media screen and (max-width:749px){.lp-referral-steps.is-progress-active .lp-referral-steps__line{transform:scaleY(1)}}.lp-referral-steps__list{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:40px;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.lp-referral-steps__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}.lp-referral-steps__item{opacity:.35;transform:translateY(6px);transition:opacity .4s var(--lp-ref-ease),transform .4s var(--lp-ref-ease)}.lp-referral-steps__item.is-active{opacity:1;transform:translateY(0)}.lp-referral-steps__icon-wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:16px;border:1px solid var(--lp-ref-line);border-radius:4px;background:var(--lp-ref-bg);color:var(--lp-ref-text)}@media screen and (min-width:750px){.lp-referral-steps__icon-wrap{margin-inline:auto;margin-bottom:20px}}.lp-referral-steps__icon-wrap svg{width:18px;height:18px}.lp-referral-steps__label{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-ref-muted)}@media screen and (min-width:750px){.lp-referral-steps__label{text-align:center}}.lp-referral-steps__heading{margin:0 0 8px;font-size:17px;font-weight:600;line-height:1.35}@media screen and (min-width:750px){.lp-referral-steps__heading{text-align:center}}.lp-referral-steps__text{margin:0;font-size:14px;line-height:1.6;color:var(--lp-ref-muted)}@media screen and (min-width:750px){.lp-referral-steps__text{text-align:center}}.lp-referral-link-module{background:#fafafa}.lp-referral-link-module__box{max-width:720px;margin:0 auto;padding:clamp(28px,4vw,40px);border:1px solid var(--lp-ref-line);border-radius:4px;background:#fff;text-align:center}.lp-referral-link-module__title{margin:0 0 8px;font-size:clamp(22px,3vw,28px);font-weight:600;line-height:1.2}.lp-referral-link-module__desc{margin:0 auto 24px;max-width:28rem;font-size:15px;line-height:1.55;color:var(--lp-ref-muted)}.lp-referral-link-module__app{margin-bottom:16px}.lp-referral-link-module__placeholder-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.lp-referral-link-module__placeholder-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--lp-ref-line);border-radius:4px;background:#fff;color:var(--lp-ref-muted);font-size:13px;font-weight:500;cursor:not-allowed;opacity:.65}.lp-referral-link-module__placeholder-btn svg{width:14px;height:14px}.lp-referral-link-module__editor-note{margin:0 0 16px;padding:12px 14px;border:1px dashed var(--lp-ref-accent);border-radius:4px;background:#b8f40014;font-size:13px;line-height:1.55;color:var(--lp-ref-text)}.lp-referral-link-module__signin{display:flex;justify-content:center;margin-top:8px}.lp-referral-link-module__signin .lp-referral-btn{width:100%}@media screen and (min-width:480px){.lp-referral-link-module__signin .lp-referral-btn{width:auto}}.lp-referral-essentials__head{margin-bottom:28px}.lp-referral-essentials__list{margin:0;padding:0;list-style:none;border-top:1px solid var(--lp-ref-line)}.lp-referral-essentials__item{padding:16px 0;border-bottom:1px solid var(--lp-ref-line);font-size:15px;line-height:1.55;color:var(--lp-ref-text)}.lp-referral-faq__head{margin-bottom:28px}.lp-referral-faq__list{border-top:1px solid var(--lp-ref-line)}.lp-referral-faq__item{border-bottom:1px solid var(--lp-ref-line)}.lp-referral-faq__trigger{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:18px 0;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.lp-referral-faq__trigger:focus{outline:none}.lp-referral-faq__trigger:focus-visible{outline:2px solid var(--lp-ref-accent);outline-offset:2px}.lp-referral-faq__question{flex:1;min-width:0;font-size:clamp(15px,1.5vw,17px);font-weight:500;line-height:1.4}.lp-referral-faq__icon{position:relative;flex-shrink:0;width:18px;height:18px;color:var(--lp-ref-text)}.lp-referral-faq__icon svg{position:absolute;top:0;right:0;bottom:0;left:0;width:18px;height:18px;transition:opacity .35s var(--lp-ref-ease),transform .35s var(--lp-ref-ease)}.lp-referral-faq__icon-minus,.lp-referral-faq__item.is-open .lp-referral-faq__icon-plus{opacity:0;transform:scale(.85)}.lp-referral-faq__item.is-open .lp-referral-faq__icon-minus{opacity:1;transform:scale(1)}.lp-referral-faq__panel{overflow:hidden}.lp-referral-faq__panel[hidden]{display:none}.lp-referral-faq__answer{margin:0;padding:0 38px 18px 0;font-size:clamp(14px,1.4vw,16px);line-height:1.6;color:var(--lp-ref-muted)}.lp-referral-faq__answer a{color:inherit;text-decoration:underline;text-underline-offset:2px}.lp-referral-cta{background:var(--lp-ref-dark);color:#fff}.lp-referral-cta__inner{display:flex;flex-direction:column;gap:24px;align-items:flex-start}@media screen and (min-width:750px){.lp-referral-cta__inner{flex-direction:row;align-items:center;justify-content:space-between;gap:32px}}.lp-referral-cta__title{margin:0 0 10px;font-size:clamp(24px,3.5vw,34px);font-weight:600;line-height:1.15}.lp-referral-cta__body{margin:0;max-width:32rem;font-size:15px;line-height:1.6;color:#ffffffb8}@media(prefers-reduced-motion:reduce){.lp-referral-hero__line,.lp-referral-rewards__line,.lp-referral-rewards__connector-line,.lp-referral-rewards__mobile-line,.lp-referral-rewards__value,.lp-referral-steps__line,.lp-referral-steps__item,.lp-referral-faq__icon svg,.lp-referral-hero__parallax{transition:none!important;transform:none!important;clip-path:none!important;opacity:1!important}.lp-referral-hero.is-inview .lp-referral-hero__line,.lp-referral-rewards.is-lines-active .lp-referral-rewards__connector-line,.lp-referral-rewards.is-lines-active .lp-referral-rewards__mobile-line,.lp-referral-rewards.is-lines-done .lp-referral-rewards__value,.lp-referral-steps.is-progress-active .lp-referral-steps__line,.lp-referral-steps__item.is-active{transform:none!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/lp-refer-a-friend.css.map */