@keyframes diagSheen{0%{transform:translate(-60%,-60%)}to{transform:translate(60%,60%)}}body,.referral{--color-text:#fff;--color-link:#ddc57d;--color-link-hover:#ddc57d}#referral{--color-title:#dcc277;--chevron-depth:5.2vw;--inner-chevron-tint-color:#1a1a867a;--masthead-overlay-color:transparent;background:#000;overflow:hidden}@media (width>=1920px){#referral{--chevron-depth:100px}}#referral .title-shadow{text-shadow:0 4px 4px #00000040,0 0 100px #ffffffba}#referral .ReferralMasthead{--color-title:#fff}#referral .ReferralMasthead .SectionBackground--masthead{z-index:0;width:100%;height:100%;clip-path:polygon(0% 0%, 100% 0%, 100% calc(100% - var(--chevron-depth)), 50% 100%, 0% calc(100% - var(--chevron-depth)));filter:drop-shadow(0 4px 8px #00000040);margin-bottom:0;margin-bottom:calc(var(--chevron-depth) * -1);padding-bottom:0;padding-bottom:var(--chevron-depth);z-index:2;background-color:#1a1c23;background-position:50% -3vw;background-repeat:no-repeat;background-size:auto calc(100% + 3vw);position:absolute;inset:0}@media (width>=1280px){#referral .ReferralMasthead .SectionBackground--masthead{background-position:50% -4vw;background-size:cover}}@media (width>=1920px){#referral .ReferralMasthead .SectionBackground--masthead{background-position:50% -75px}}#referral .ReferralMasthead .Masthead-background{aspect-ratio:390/312;z-index:0;width:100%;height:auto}@media (width>=768px){#referral .ReferralMasthead .Masthead-background{aspect-ratio:16/9}}#referral .ReferralMasthead .Masthead-background:before{content:"";width:100%;height:var(--chevron-depth);z-index:0;background:linear-gradient(0deg, #0000 0%, var(--inner-chevron-tint-color) 100%);position:absolute;bottom:0;left:0;right:0}@media (width>=1280px){#referral .ReferralMasthead .Masthead-background{aspect-ratio:1920/675;position:relative;inset:auto}#referral .ReferralMasthead .Masthead-content{--page-margin:auto;--page-content-width:83.3333%;margin-top:16px;margin-bottom:16px}}#referral .ReferralMasthead .Masthead-inner{height:auto}@media (width>=1280px){#referral .ReferralMasthead .Masthead-inner{text-align:left;flex-direction:row;width:auto;margin:auto;padding-bottom:0}#referral .ReferralMasthead .Masthead-logo,#referral .ReferralMasthead .Masthead-text{width:50%}}#referral .ReferralMasthead .Masthead-text{margin-top:43px;margin-bottom:0}@media (width>=1280px){#referral .ReferralMasthead .Masthead-text{margin-top:0;padding-left:64px}}#referral .ReferralMasthead .Masthead-logoImage{--masthead-logo-width-desktop:446px}#referral .ReferralMasthead-description{font-size:18px;line-height:1.4}#referral .ReferralCode{z-index:6;width:auto;margin-top:30px;position:relative}#referral .ReferralCode-wrapper{color:#000;background:#ddc57d;border-radius:8.41px;flex-direction:column;justify-content:center;align-items:center;gap:8.41px;width:max-content;margin-left:auto;margin-right:auto;padding:16.821px 25.231px;display:flex}@media (width>=768px){#referral .ReferralCode-wrapper{flex-direction:row}}@media (width>=1280px){#referral .ReferralCode-wrapper{margin-left:0}}#referral .ReferralCode-button{--color-button-background:#ddc57d;--color-button-text:#000;--color-button-background-hover:#fff;--color-button-text-hover:#000;--font-size-button:20px;--padding-button:16px 24px}#referral .ReferralCode-title{text-transform:uppercase;font-size:24px;font-weight:700}#referral .ReferralCode-code{--color-button-background-hover:#fff;--color-button-text-hover:#000}#referral .ReferralCode-code .Icon{--icon-filter:invert(1)}@media (width>=1280px){#referral .ReferralCode-code{min-width:16rem}}#referral .LinkingAccounts:before{content:"";width:100%;height:var(--chevron-depth);background:linear-gradient(180deg, #0000 0%, var(--inner-chevron-tint-color) 100%);position:absolute;top:0;left:0;right:0}#referral .LinkingAccounts .Section-background{z-index:5;background-blend-mode:screen, normal;clip-path:polygon(0% var(--chevron-depth), 50% 0, 100% var(--chevron-depth), 100% calc(100% - var(--chevron-depth)), 50% 100%, 0% calc(100% - var(--chevron-depth)));background-image:url(/images/community/referral/new/bg-new.png),url(/images/community/referral/new/desktop-bonus-bg.jpg);background-position:50%,50% -100px;background-repeat:no-repeat;background-size:cover,auto calc(100% + 100px)}#referral .LinkingAccounts .SectionContent{--responsive-padding-offset:100px;padding-top:calc(var(--chevron-depth) + 16px);padding-bottom:calc(var(--chevron-depth) + var(--responsive-padding-offset))}@media (width>=768px){#referral .LinkingAccounts .SectionContent{--responsive-padding-offset:80px}}#referral .LinkingAccounts .Section-content{z-index:7}#referral .LinkingAccounts-description{font-family:var(--font-family-body,"Roboto", Arial, Helvetica, sans-serif);font-size:1.1111rem;line-height:1.6}@media (width>=1280px){#referral .LinkingAccounts-description{margin-left:auto;margin-right:auto}#referral .LinkingAccounts-contentCol{width:75%;margin-left:auto;margin-right:auto;padding-top:40px}#referral .LinkingAccounts-cards{margin-top:100px}}#referral .LinkingAccountsCardColor{border:1px solid #7e7047;border-radius:4px;box-shadow:0 0 10px #ffffff40;--card-content-background-color:#1f1f1e!important;background-color:#1f1f1e!important}#referral .LinkingAccountsCardColor .Card-media{border-radius:4px 4px 0 0}#referral .LinkingAccountsCardBorder{--card-border-color:transparent;border-top:1px solid #ffd866;border-radius:0 0 8px 8px}#referral .LinkingAccountsCardBorder:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#202020 98%,#dcc27780 99%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}#referral .LinkingAccountsCard{--card-content-padding:16px 24px 32px;--margin-paragraph:8px;--card-border-color:transparent;--color-title:#fff;background-color:#20202066}#referral .LinkingAccountsCard .Card-media{width:100%;-webkit-mask-image:linear-gradient(#000 90%,#0000);mask-image:linear-gradient(#000 90%,#0000)}#referral .LinkingAccountsCard .Card-content{background-color:#0000;border-radius:0 0 8px 8px}#referral .LinkingAccountsCard-title{--color-title:$COLOR_WHITE}#referral .RecruitRewards{clip-path:polygon(0% 0%,100% 0%,100% calc(100% - 75px),50% 100%,0% calc(100% - 75px));filter:drop-shadow(0 4px 8px #00000040);z-index:2;z-index:4;background-color:#1a1c23;margin-bottom:-75px;padding-top:75px;padding-bottom:75px}#referral .RecruitRewards .Section-background{background:linear-gradient(#0000 35%,#04334294 85%),url(/images/community/referral/new/bg-new.png)}#referral .RecruitRewards-grid{text-align:center;flex-direction:column;grid-template-columns:1fr;justify-content:center;justify-items:center;gap:0;display:flex}@media (width>=1280px){#referral .RecruitRewards-grid{flex-direction:row;gap:60px}}#referral .RecruitRewards-image{width:263px;height:263px;margin:auto;display:block}#referral .RecruitRewards-label{color:#ddc57d;font-family:var(--font-family-body);margin-top:16px;margin-bottom:8px;font-size:22px;line-height:140%}#referral .RecruitRewards-name{color:#fff;opacity:var(--product-theme-tile-opacity,1);text-transform:capitalize;font-size:22px;font-weight:700;line-height:140%;text-decoration:none}#referral .RecruitRewards-description{font-family:var(--font-family-body,"Roboto", Arial, Helvetica, sans-serif);font-size:1.1111rem;line-height:1.6}#referral .RecruiterRewards{clip-path:polygon(0% 0%,100% 0%,100% calc(100% - 75px),50% 100%,0% calc(100% - 75px));filter:drop-shadow(0 4px 8px #00000040);z-index:2;z-index:3;background-color:#0a1935;margin-bottom:-75px;padding-top:75px;padding-bottom:75px}#referral .RecruiterRewards .Section-background{background:linear-gradient(270deg,#00000047 13.56%,#00000063 86.65%),radial-gradient(46.71% 22.37% at 49.97% 20.1%,#ffe07933 0%,#0000 100%),#d3d3d3 url(/images/community/referral/new/recruiter_bg.jpg) 50%/cover no-repeat}#referral .RecruiterRewards img{width:100%;display:block}#referral .RecruiterRewards ul{list-style:outside}#referral .RecruiterRewards-content{padding:16px 24px 32px}@media (width>=1280px){#referral .RecruiterRewards-content{padding:16px 16px 24px}}#referral .RecruiterRewards-tile{background:#20202066;border-top:1px solid #ffe59c;border-radius:0 4px 8px 0;margin-bottom:24px}#referral .RecruiterRewards-subtitle{--color-title:#fff}#referral .RecruiterRewards-description{font-family:var(--font-family-body,"Roboto", Arial, Helvetica, sans-serif);margin-top:0;font-size:1.1111rem;line-height:1.6}#referral .RecruiterRewards-container{position:relative}#referral .RecruiterRewards-container .completed{text-transform:uppercase;z-index:1;background:#77683b;border:1px solid #ffe59c;border-radius:0 0 4px 4px;padding:8px 24px;font-size:25px;font-weight:700;display:inline-flex;position:absolute;top:0;right:0;box-shadow:inset 0 -4px 9.3px #00000040}#referral .RecruiterRewards-container .completed .Icon{--icon-filter:invert(1);align-self:center;width:25px;height:25px;margin-right:16px}#referral .RecruiterRewards .SectionLayout-mediaContainer{display:block;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 90%,#0000);mask-image:linear-gradient(#000 90%,#0000)}@media (width>=1280px){#referral .RecruiterRewards .SectionLayout-mediaContainer{-webkit-mask-image:linear-gradient(#000 90%,#000000fc);mask-image:linear-gradient(#000 90%,#000000fc)}}#referral .RecruiterRewards .SectionLayout-mediaContainer:after{content:"";will-change:transform;background:linear-gradient(135deg,#0000 0%,#fff0 35%,#ffffff80 50%,#fff0 65%,#0000 100%);width:400%;height:200%;animation:5s ease-in-out infinite diagSheen;position:absolute;top:0;left:-100%;transform:translate(-60%,-60%)}@media (width>=1280px) and (width<=1919px){#referral .RecruiterRewards .SectionLayout-mediaContainer{margin-top:48px;margin-bottom:48px;margin-left:48px}}#referral .RecruiterRewards .Card-media{display:block;position:relative;overflow:hidden}#referral .RecruiterRewards .Card-media:after{content:"";will-change:transform;background:linear-gradient(135deg,#0000 0%,#fff0 35%,#ffffff80 50%,#fff0 65%,#0000 100%);width:400%;height:200%;animation:5s ease-in-out infinite diagSheen;position:absolute;top:0;left:-100%;transform:translate(-60%,-60%)}#referral .MoreRewards{padding-top:75px}#referral .MoreRewards .Section-background{background:linear-gradient(#ddc57d2b 5.5%,#0000 85.99%),radial-gradient(66.43% 93.24% at 50.03% 22.6%,#0000 45.3%,#04334266 87.61%),url(/images/community/referral/new/bg-new.png) 50%/cover no-repeat}#referral .MoreRewards-image{width:100%;display:block}@media (width>=1280px){#referral .MoreRewards-image{width:120%}}#referral .MoreRewards-grid{margin-top:77px}#referral .MoreRewards-grid p{font-family:var(--font-family-body,"Roboto", Arial, Helvetica, sans-serif);font-size:1.1111rem;line-height:1.6}#referral .MoreRewards-tile{gap:24px 84px}#referral .MoreRewards-tile:last-child{margin-bottom:64px}@media (width>=1280px){#referral .MoreRewards-tile,#referral .MoreRewards-tileRight{grid-template-columns:minmax(0,2fr) minmax(0,2fr)}#referral .MoreRewards-tileRight .SectionLayout-content{padding-left:0}}#referral .MoreRewardsOrbit-container{width:200px;height:200px;margin:0 auto 50px;position:relative}@media (width>=768px){#referral .MoreRewardsOrbit-container{width:400px;height:400px;margin:50px auto 77px}}@media (width>=1280px) and (width<=1919px){#referral .MoreRewardsOrbit-container{width:350px;height:350px;margin:auto}}@media (width>=1920px){#referral .MoreRewardsOrbit-container{width:430px;height:430px;margin:auto}}#referral .MoreRewardsOrbit-bg{width:100%;height:100%;position:absolute;inset:0}#referral .MoreRewardsOrbit-imagesContainer{animation:110s linear infinite orbit;position:absolute;inset:0}#referral .MoreRewardsOrbit-image{--radius:100px;--angle:0deg;width:70px;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(-1 * var(--radius)));border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 #fffc,0 0 2px #fff9,0 0 40px #fff6}@media (width>=768px){#referral .MoreRewardsOrbit-image{--radius:200px;width:120px}}@media (width>=1280px) and (width<=1919px){#referral .MoreRewardsOrbit-image{--radius:175px;width:110px}}@media (width>=1920px){#referral .MoreRewardsOrbit-image{--radius:210px;width:125px}}#referral .MoreRewardsOrbit-image:first-child{--angle:0deg}#referral .MoreRewardsOrbit-image:nth-child(2){--angle:72deg}#referral .MoreRewardsOrbit-image:nth-child(3){--angle:144deg}#referral .MoreRewardsOrbit-image:nth-child(4){--angle:216deg}#referral .MoreRewardsOrbit-image:nth-child(5){--angle:288deg}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes upright{0%{transform:rotate(360deg)}to{transform:rotate(0)}}#referral .FAQ .Section-background{background:linear-gradient(182deg,#000 1.4%,#0000 47.17%),url(/images/bg-pattern-lotus.png) top/172px 104px,#000c}#referral .FAQ .FAQLayout-title{--color-title:#fff}#referral .filigree-title{text-align:center;z-index:2;justify-content:center;align-items:center;gap:1rem;display:flex}#referral .filigree-title:before,#referral .filigree-title:after{content:"";background:url(/images/community/charity/divider.png) 50%/contain no-repeat;flex:1;height:90px;display:block}@media (width<=767px){#referral .filigree-title:before,#referral .filigree-title:after{height:0}}#referral .filigree-title:after{transform:scaleX(-1)}@media (width<=767px){#referral .filigree-title{font-size:2rem}}
