@keyframes transformHand{0%{transform:rotate(0) skew(0)}50%{transform:rotate(-5deg) skew(5deg)}to{transform:rotate(0) skew(0)}}@keyframes scaleFlare{0%{transform:scale(1) rotate(0)}50%{transform:scale(.7) rotate(20deg)}to{transform:scale(1) rotate(0)}}body{background-color:var(--bg-light-grey)}.referral-hero{overflow:hidden;display:flex}@media (max-width: 1025px){.referral-hero{border-radius:1rem}}.referral-hero-wrap{display:block;position:relative;z-index:2}.referral-hero-left-content{grid-column:1/9;margin-left:-15rem;padding-top:10vh;align-self:end}@media (max-width: 1025px){.referral-hero-left-content{padding-top:0;grid-column:2/-2;grid-row:2/3;justify-self:center;margin-left:0}}@media (max-width: 767px){.referral-hero-left-content{grid-column:1/-1;margin-inline:-5rem -2rem}}.referral-hero-mockup{width:100%;position:relative;z-index:1;pointer-events:none}@media (max-width: 1025px){.referral-hero-mockup{width:90%;margin-left:2%}}@media (max-width: 767px){.referral-hero-mockup{margin-left:6%}}.referral-hero-mockup-img{position:relative;z-index:2;transform-origin:bottom;animation:transformHand 5s ease-in-out infinite;perspective:50rem;transform-style:preserve-3d}.referral-hero-mockup-flare{position:absolute;top:-39.323486%;left:-41.990033%;width:196.55814%;transform-origin:center center;animation:scaleFlare 5s ease-in-out 3s infinite}@media (max-width: 767px){.referral-hero-mockup-flare{top:-37.323486%;left:-42.990033%;width:195.55814%}}.referral-hero-right-content{position:relative;z-index:2;grid-column:11/-2;grid-row:1/2;display:flex;flex-direction:column;align-items:start;justify-content:center}@media (max-width: 1025px){.referral-hero-right-content{grid-column:1/-1;grid-row:1/2;align-items:center;text-align:center;margin-bottom:8rem;margin-inline:auto;max-width:65rem;width:100%}}@media (min-width: 768px) and (max-width: 1025px){.referral-hero-right-content{padding-block:15rem 0;grid-column:3/-3}}@media (max-width: 767px){.referral-hero-right-content{padding-block:11rem 0rem;max-width:31rem;margin-inline:auto;margin-bottom:4rem}}.referral-hero-title{color:var(--cl-black);margin-bottom:1.6rem}@media (max-width: 1025px){.referral-hero-title{margin-bottom:1.6rem}.referral-hero-title .txt{font-size:4.4rem}}@media (max-width: 767px){.referral-hero-title{margin-bottom:1.2rem}.referral-hero-title .txt{font-size:3.2rem}}.referral-hero-title>.txt{opacity:0}.referral-hero-title>.txt.show{opacity:1}.referral-hero-title .txt-highlight{color:var(--cl-primary)}.referral-hero-sub{color:var(--cl-black-80);margin-bottom:2rem;display:grid}.referral-hero-sub>*{grid-area:1/1/2/2}.referral-hero-sub-inner{opacity:0;pointer-events:none;transition:opacity var(--t-md) ease}.referral-hero-sub-inner.active{opacity:1;pointer-events:auto}@media (max-width: 1025px){.referral-hero-sub .txt-18{font-size:1.6rem}}.referral-hero-ic{width:22.2rem;margin-bottom:3.2rem}@media (min-width: 768px) and (max-width: 1025px){.referral-hero-ic{margin-bottom:2.4rem;width:20.7rem}}@media (max-width: 767px){.referral-hero-ic{margin-bottom:1.6rem;width:17.3rem}}.referral-hero-form{opacity:0;pointer-events:none;transition:opacity var(--t-md) ease}.referral-hero-form.active{opacity:1;pointer-events:auto}.referral-hero-form-wrap{display:grid;width:100%;align-items:start}.referral-hero-form-wrap>*{grid-area:1/1/2/2}.referral-hero-form-inner{display:flex;flex-direction:column;align-items:stretch;gap:1.2rem}.referral-hero-form-caption{display:grid;margin-top:2rem;width:100%;align-items:start}.referral-hero-form-caption>*{grid-area:1/1/2/2}.referral-hero-form-caption-inner{opacity:0;pointer-events:none;transition:opacity var(--t-md) ease;display:flex;flex-direction:column;text-align:center;justify-content:center;margin-inline:auto;color:var(--cl-black-90)}.referral-hero-form-caption-inner .txt-highlight{color:var(--cl-primary)}.referral-hero-form-caption-inner .txt-link-txt .div-line{margin-top:-.2em}.referral-hero-form-caption-inner.active{opacity:1;pointer-events:auto}@media (max-width: 1025px){.referral-hero-form-caption .txt-18{font-size:1.6rem}}.referral-hero .input-wrap{display:flex;align-items:center;justify-content:left;height:6.4rem;border-radius:.5rem;border:solid max(1px,.1rem) var(--cl-black-10);position:relative;transition:all var(--t-md) ease}@media (max-width: 1025px){.referral-hero .input-wrap{height:4.8rem}}@media (max-width: 767px){.referral-hero .input-wrap{height:4.4rem}}.referral-hero .input-wrap:hover:not(.on-focus) .input-label{color:var(--cl-black)}.referral-hero .input-wrap.on-focus{border-color:var(--bd-grey)}.referral-hero .input-wrap.on-error{border-color:#ef4444;margin-bottom:2.2rem}.referral-hero .input-wrap.on-error .input-error{opacity:1;transform:translateY(0)}.referral-hero .input-wrap.on-error .input-label{opacity:0}.referral-hero .input-wrap.on-error .input{padding-block:2.2rem}@media (max-width: 1025px){.referral-hero .input-wrap.on-error .input{padding-block:1.5rem}}.referral-hero .input-wrap.on-incorrect{border-color:#ef4444}.referral-hero .input-wrap.on-incorrect .input-ic-incorrect,.referral-hero .input-wrap.on-load .input-ic-load{opacity:1}.referral-hero .input-wrap.on-focus .input-label,.referral-hero .input-wrap.has-value .input-label{transform:translateY(-1rem) scale(.66)}@media (max-width: 1025px){.referral-hero .input-wrap.on-focus .input-label,.referral-hero .input-wrap.has-value .input-label{transform:translateY(-.5rem) scale(.66)}}@media (max-width: 767px){.referral-hero .input-wrap.on-focus .input-label,.referral-hero .input-wrap.has-value .input-label{transform:translateY(-.6rem) scale(.66)}}.referral-hero .input-wrap.on-focus::placeholder,.referral-hero .input-wrap.has-value::placeholder{opacity:1}.referral-hero .input{width:100%;height:100%;padding-inline:1.2rem;padding-block:3rem 1.4rem;color:var(--cl-black);outline:none;transition:all ease var(--t-md);line-height:1em}@media (max-width: 1025px){.referral-hero .input{font-size:1.6rem;padding-block:2.4rem .8rem}}@media (max-width: 767px){.referral-hero .input{padding-block:2.2rem 1rem;font-size:1.6rem;line-height:1em}}.referral-hero .input::placeholder{opacity:0;color:var(--cl-black-30)}.referral-hero .input-label{position:absolute;left:1.2rem;color:var(--cl-black-30);transform-origin:top left;display:block;pointer-events:none;transition:all var(--t-md) ease;margin-top:0}@media (max-width: 767px){.referral-hero .input-label{font-size:1.6rem}}.referral-hero .input-error{position:absolute;left:0;top:100%;margin-top:.6rem;color:#ef4444;opacity:0;transform:translateY(-100%);transition:all var(--t-md) ease}.referral-hero .input-ic{position:absolute;bottom:1.5rem;right:1.2rem;pointer-events:none;display:grid}@media (max-width: 1025px){.referral-hero .input-ic{bottom:1.3rem}}.referral-hero .input-ic>*{grid-area:1/1/2/2;transition:opacity var(--t-md) ease}.referral-hero .input-ic-load{animation:rotate 1s linear infinite;opacity:0}.referral-hero .input-ic-incorrect{opacity:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.referral-hero-copyright{grid-column:11/-2;grid-row:1/2;align-self:end;text-align:center;padding-bottom:clamp(2.4rem,6.7vh,7.4rem);color:var(--cl-black-60)}@media (max-width: 1025px){.referral-hero-copyright{grid-column:1/-1;z-index:100;grid-row:2/3;padding-bottom:4.8rem;text-align:center}}@media (max-width: 767px){.referral-hero-copyright{grid-column:1/-1;padding-bottom:2.4rem}}.referral-hero-btn,.referral-hero-btn .btn{width:100%}@media (max-width: 1025px){.referral-hero-btn .btn{padding:1.6rem 3.2rem}.referral-hero-btn .btn .txt{font-size:1.6rem}}@media (max-width: 767px){.referral-hero-btn .btn{padding-block:1.4rem}.referral-hero-btn .btn .txt{font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/518/assets/sc-referral-hero.css.map */