.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}#referralpage{--card-border-color:transparent;--card-background:#111;color:#fff;display:grid}body.referral{background-attachment:fixed;background-image:url(/images/community/referral/tiled-star-bg.jpg)}body.referral strong{font-weight:700}body.referral .emailText p{padding:15px 0}body.referral .emailText .copypasta,body.referral .emailText strong{font-weight:700}body.referral .gradient{background-image:linear-gradient(0deg,#000 5%,transparent 40%);height:100%;position:relative;width:100%}@media (max-width:1279px){body.referral .gradient{background-image:linear-gradient(0deg,#000 25%,transparent 40%);height:80vw}}@media (max-width:767px){body.referral .gradient{background-image:linear-gradient(0deg,#000 15%,transparent 40%)}}body.referral #masthead{background-position:100% 0;background-repeat:no-repeat;background-size:auto;min-height:800px;position:relative;width:100%;z-index:1}@media (max-width:1279px){body.referral #masthead{min-height:unset}}body.referral #masthead .MastheadNote{background-color:hsla(0,0%,7%,.627);border:1px solid #b30000;border-radius:4px;font-weight:700;padding:8px 16px}body.referral #masthead .ReferralText{color:#fff;display:flex;flex-direction:column;flex-flow:column nowrap;justify-content:center;padding-bottom:16px;width:50%}@media (max-width:1279px){body.referral #masthead .ReferralText{position:unset;transform:unset;width:unset}body.referral #masthead .ReferralText .h3{margin-top:1rem}}body.referral #masthead .ReferralText p{margin-top:16px}body.referral .MastheadContainer{padding-top:60vw}@media (min-width:1280px){body.referral .MastheadContainer{display:grid;grid-template-rows:1fr auto;min-height:800px;padding-top:unset}}@media (min-width:768px) and (max-width:1279px){body.referral .MastheadContainer{padding-top:50vw}}body.referral .stepCards{display:flex;justify-content:center}@media (max-width:1279px){body.referral .stepCards{flex-direction:column}}body.referral .stepCards .step{background-color:#111;border:1px solid hsla(0,0%,100%,.251);border-radius:8px;display:flex;flex-direction:column;gap:8px;height:auto;padding:16px 24px;position:relative;width:100%}body.referral .stepCards .step p{color:#fff}body.referral .stepCards #stepOne .link input{height:44px;margin-bottom:2px;position:relative;top:-5px}body.referral .stepCards #stepOne #copiedToClipboard{background-color:#fff;border:1px solid #000;color:#000;display:none;padding:8px;pointer-events:none;position:absolute}body.referral .stepCards #stepOne #copiedToClipboard .arrow{background:#fff;border:1px solid #000;clip-path:polygon(0 0,100% 0,0 100%,0 100%);height:20px;left:10px;position:absolute;top:-10px;transform:rotate(45deg);width:20px}body.referral #rewardsContainer{display:grid;gap:16px;grid-template-columns:1fr 232px}@media (max-width:1279px){body.referral #rewardsContainer{grid-template-columns:1fr}}body.referral .bonuses{display:grid;gap:16px;grid-template-columns:100%;height:-moz-fit-content;height:fit-content;text-align:center;width:100%}@media (max-width:1279px){body.referral .bonuses{grid-template-columns:1fr 1fr}}@media (max-width:767px){body.referral .bonuses{grid-template-columns:1fr}}body.referral .bonuses #friendBonus,body.referral .bonuses #platBonus{border:1px solid #a9a9a9;padding:16px 8px}body.referral .bonuses #friendBonus h3,body.referral .bonuses #platBonus h3{color:#fff}body.referral .bonuses #friendBonus img,body.referral .bonuses #platBonus img{margin:-8px 0;max-width:100%}body.referral .bonuses #platBonus img{margin:-16px 0}@media (max-width:1279px){body.referral .bonuses #platBonus img{margin:-40px 0}}body.referral #referral-info{margin-top:24px}body.referral #expand{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:25px}@media (max-width:767px){body.referral #expand{grid-template-columns:100%}}body.referral #expand div{margin-bottom:8px}body.referral #expand .h4,body.referral #expand .h5{margin-bottom:4px}@media (min-width:875px){[lang=de] body.referral #masthead .referralText{left:50%;padding-bottom:48px;width:50%}[lang=de] body.referral #masthead .referralText .h1{font-size:44px}[lang=de] body.referral #masthead .referralText .h3{font-size:32px}}@media (min-width:1280px){[lang=de] body.referral #masthead .referralText{left:58%;width:37%}}.SectionTitle{font-family:var(--font-family-subtitle,"Roboto",Arial,Helvetica,sans-serif);font-size:2.5rem;font-weight:700;line-height:1.4;margin-bottom:40px;margin-top:120px;text-align:center;text-transform:uppercase}@media (min-width:768px){.SectionTitle{font-size:2.5rem}}.ReferralProcess{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:64px;justify-content:center;margin:0 auto;max-width:1356px}.ReferralProcess .h2{margin-bottom:40px;text-align:center;width:100%}.ReferralProcess .ReferralContent{align-items:flex-start;display:flex;gap:32px;justify-content:center;width:100%}@media (max-width:1279px){.ReferralProcess .ReferralContent{flex-direction:column-reverse;margin:0 16px;width:unset}}.ReferralProcess .ReferralContent .text{box-sizing:border-box;flex:0 0 30%;max-width:30%}@media (max-width:1279px){.ReferralProcess .ReferralContent .text{flex:unset;max-width:702px}}.ReferralProcess .ReferralContent img{flex:0 1 749px;max-width:749px;-o-object-fit:contain;object-fit:contain;width:100%}@media (max-width:1279px){.ReferralProcess .ReferralContent img{align-self:center;flex:unset}}.RewardsSection{margin-bottom:128px}.RewardsCard{border-top:1px solid #dcc277}.RewardsCard-title{color:#dcc277;font-family:var(--font-family-subtitle,"Roboto",Arial,Helvetica,sans-serif);font-size:1.4375rem;font-weight:700;line-height:1.25;margin-bottom:16px;margin-top:8px;text-transform:none}@media (min-width:768px){.RewardsCard-title{font-size:1.389rem}}.RewardsCardList{list-style-type:circle}.BonusesSection{background-repeat:no-repeat;background-size:cover;padding-bottom:128px}@media (min-width:768px){.BonusesSection{background-image:linear-gradient(0deg,#000,transparent 10%),url(/images/community/referral/desktop-bonus-bg.jpg)}}@media (max-width:1279px){.BonusesSection{background-image:linear-gradient(180deg,#000,transparent 30%),linear-gradient(0deg,#000,transparent 30%),url(/images/community/referral/tablet-bonus-bg.jpg)}}.BonusesCard{margin:0 auto;max-width:696px}.BonusesCard-title{color:#dcc277;font-family:var(--font-family-subtitle,"Roboto",Arial,Helvetica,sans-serif);font-size:1.4375rem;font-weight:700;line-height:1.25;margin:16px 0;text-transform:none}@media (min-width:768px){.BonusesCard-title{font-size:1.389rem}}#reward-progress{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;order:2;padding-bottom:128px;width:100%}#reward-progress .referral-count{font-weight:700;margin:16px 0;width:100%}#reward-progress .RewardTableContainer{margin-bottom:32px;overflow-x:auto;width:100%}#reward-progress .RewardTableContainer table{border-collapse:collapse;color:#fff;width:100%}#reward-progress .RewardTableContainer table thead tr{background-color:transparent;color:#dcc277;font-weight:600}#reward-progress .RewardTableContainer table thead th{border-bottom:1px solid #6d6d6d;padding:16px;text-align:left}#reward-progress .RewardTableContainer table tbody tr:nth-child(odd){background-color:#000}#reward-progress .RewardTableContainer table tbody tr:nth-child(2n){background-color:#111}#reward-progress .RewardTableContainer table tbody td{padding:16px;vertical-align:middle}#reward-progress .ReferralProgressContainer{display:grid;gap:16px;grid-template-columns:1fr;margin-top:32px;width:100%}@media (min-width:768px){#reward-progress .ReferralProgressContainer{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){#reward-progress .ReferralProgressContainer{grid-template-columns:repeat(3,1fr)}}#reward-progress .ReferralProgressContainer .stat-box{align-items:center;background-color:#111;border:1px solid #b30000;color:#fff;display:flex;gap:8px;padding:16px 24px}@media (min-width:768px){#reward-progress .ReferralProgressContainer .stat-box.plat{grid-column:1;grid-row:2}#reward-progress .ReferralProgressContainer .stat-box.mods{grid-column:1;grid-row:3}}@media (min-width:1280px){#reward-progress .ReferralProgressContainer .stat-box.plat{grid-row:1}#reward-progress .ReferralProgressContainer .stat-box.mods{grid-column:3;grid-row:1}}#reward-progress .ReferralProgressContainer .stat-box .label{flex:1;text-align:left}#reward-progress .ReferralProgressContainer .stat-box .value{font-weight:700}#reward-progress .ReferralProgressContainer .reward-checkbox{align-items:center;background-color:#111;border:1px solid #dcc277;display:flex;gap:8px;padding:16px 24px}.completion{filter:invert(96%) sepia(71%) saturate(843%) hue-rotate(321deg) brightness(93%) contrast(84%);margin-right:16px}.iconKey{align-items:center;display:flex}.referredFriend{grid-row-start:2;margin-bottom:-128px}

/*# sourceMappingURL=referral.css.map*/