.referral-progress{gap:16px}.referral-progress .referral-tier,.referral-progress .referral-ladder{padding:24px;border-radius:8px;background:#161616;gap:16px}.referral-progress .referral-tier-head{align-items:flex-end}.referral-progress .referral-tier-label{font-family:Inter,sans-serif;font-size:13px;font-weight:500;line-height:1.5;color:#888}.referral-progress .referral-tier-value{gap:8px;font-family:Anton,sans-serif;font-size:32px;font-weight:400;line-height:1.2;letter-spacing:0;text-transform:uppercase;color:#fff}.referral-progress .referral-tier-value .referral-tier-dot{width:10px;height:10px}.referral-progress .referral-tier-value--rate{color:#6777f5;font-variant-numeric:tabular-nums}.referral-progress .referral-tier-kept{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:#86ce771a;font-family:Inter,sans-serif;font-size:13px;font-weight:500;line-height:1.5;color:#86ce77}.referral-progress .referral-tier-kept .ms-icon{flex-shrink:0}.referral-progress .referral-tier-progress{gap:8px}.referral-progress .referral-tier-progress-ends{display:flex;align-items:center;justify-content:space-between;gap:8px}.referral-progress .referral-tier-end{display:inline-flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:1.5;color:#fff;white-space:nowrap}.referral-progress .referral-tier-end--next{color:#888}.referral-progress .referral-tier-progress-bar{height:8px;border-radius:100px;background:#292929}.referral-progress .referral-tier-progress-fill{border-radius:100px;background:#6777f5;transition:width .45s cubic-bezier(.2,.8,.2,1)}.referral-progress .referral-tier-progress-text{display:flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;line-height:1.5;color:#888}.referral-progress .referral-tier-progress-text .ms-icon{flex-shrink:0;color:#6777f5}.referral-progress .referral-tier-progress.is-max .referral-tier-progress-text{color:#fff}.referral-progress .referral-tier-progress.is-max .referral-tier-progress-text .ms-icon{color:#fed885}.referral-progress .referral-mates-head{display:flex;align-items:center;gap:8px;margin:4px 0 -8px}.referral-progress .referral-mates-title{font-family:Anton,sans-serif;font-size:16px;font-weight:400;line-height:1.2;text-transform:uppercase;color:#fff}.referral-progress .referral-mates-count{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:100px;background:#292929;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#888;font-variant-numeric:tabular-nums}.referral-progress .referral-mates{gap:4px;margin:0 -8px 0 0;padding-right:4px;scrollbar-width:thin;scrollbar-color:#292929 transparent}.referral-progress .referral-mate{gap:12px;min-height:48px;padding:6px 12px;border-radius:8px;background:#101010;transition:background-color .12s cubic-bezier(.2,.8,.2,1)}.referral-progress .referral-mate--link:hover{background:#1f1f1f}.referral-progress .referral-mate-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#292929;color:#656565}.referral-progress .referral-mate-main,.referral-progress .referral-mate-side{gap:0}.referral-progress .referral-mate-name,.referral-progress .referral-mate-earned{font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:1.4;color:#fff}.referral-progress .referral-mate-earned{font-variant-numeric:tabular-nums}.referral-progress .referral-mate-earned--zero{color:#656565}.referral-progress .referral-mate-date,.referral-progress .referral-mate-status{font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:1.4;color:#888}.referral-progress .referral-mate-status--done{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:100px;background:#86ce771f;color:#86ce77;font-weight:600}.referral-progress .referral-mate-hours{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.referral-progress .referral-mate-bar{display:block;width:72px;height:4px;border-radius:100px;background:#292929;overflow:hidden}.referral-progress .referral-mate-bar span{display:block;height:100%;border-radius:inherit;background:#6777f5}.referral-progress .referral-mates-empty{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:140px;padding:16px;border-radius:8px;background:#101010;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1.5;color:#888;text-align:center}.referral-progress .referral-mates-empty .ms-icon{color:#656565}.referral-progress .referral-ladder-title{font-family:Anton,sans-serif;font-size:20px;font-weight:400;line-height:1.2;text-transform:uppercase;color:#fff}.referral-progress .referral-ladder-table{gap:4px}.referral-progress .referral-ladder-head,.referral-progress .referral-ladder-row{grid-template-columns:150px 96px minmax(0,1fr) 56px;gap:12px;padding:0 16px}.referral-progress .referral-ladder-head{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#656565;padding-bottom:4px}.referral-progress .referral-ladder-row{min-height:52px;border-radius:8px;background:#101010;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#888;transition:background-color .12s cubic-bezier(.2,.8,.2,1)}.referral-progress .referral-ladder-row-active{background:#6777f51a;color:#fff;box-shadow:inset 0 0 0 1px #6777f552}.referral-progress .referral-ladder-tier{gap:8px;min-width:0;font-weight:600;color:#fff}.referral-progress .referral-ladder-you{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:100px;background:#6777f5;font-size:11px;font-weight:600;color:#fff;white-space:nowrap}.referral-progress .referral-ladder-cell{display:flex;flex-direction:column;min-width:0}.referral-progress .referral-ladder-cell span:last-child{text-align:left}.referral-progress .referral-ladder-k{display:none}.referral-progress .referral-ladder-refs{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.referral-progress .referral-ladder-refs .ms-icon{color:#656565}.referral-progress .referral-ladder-rate{font-family:Anton,sans-serif;font-size:18px;font-weight:400;line-height:1;color:#fff;text-align:right;font-variant-numeric:tabular-nums}.referral-progress .referral-ladder-row-active .referral-ladder-rate,.referral-progress .referral-ladder-row-active .referral-ladder-refs .ms-icon{color:#6777f5}.referral-progress .referral-skel--value{height:38px}@media(max-width:767px){.referral-progress .referral-tier,.referral-progress .referral-ladder{padding:16px}.referral-progress .referral-tier-value{font-size:24px}.referral-progress .referral-ladder-table{overflow:visible}.referral-progress .referral-ladder-head{display:none}.referral-progress .referral-ladder-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tier rate" "refs refs" "gift gift";gap:8px 12px;min-width:0;padding:12px 16px}.referral-progress .referral-ladder-tier{grid-area:tier}.referral-progress .referral-ladder-rate{grid-area:rate;font-size:20px}.referral-progress .referral-ladder-cell:nth-child(2){grid-area:refs}.referral-progress .referral-ladder-cell:nth-child(3){grid-area:gift}.referral-progress .referral-ladder-cell{flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px;text-align:right}.referral-progress .referral-ladder-cell span:last-child{text-align:right}.referral-progress .referral-ladder-k{display:block;flex-shrink:0;font-size:12px;color:#656565;text-align:left}.referral-progress .referral-mate-bar{width:56px}.referral-progress .referral-mates{min-height:216px}}@media(prefers-reduced-motion:reduce){.referral-progress .referral-tier-progress-fill,.referral-progress .referral-mate,.referral-progress .referral-ladder-row{transition:none}}