app-referral-earn-ways{display:block}app-referral-earn-ways .rew{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.6rem;margin:0;padding:0;list-style:none;display:grid}app-referral-earn-ways .rew-tile{border:1px solid color-mix(in srgb, var(--mg-brand) 30%, var(--mg-stroke));background:var(--mg-surface);box-shadow:var(--mg-shadow);border-radius:16px;align-items:flex-start;gap:.75rem;padding:.95rem 1.05rem;display:flex}app-referral-earn-ways .rew-tile--own{background:linear-gradient(135deg, var(--mg-brand) 0%, var(--mg-tertiary) 100%);color:var(--mg-on-brand);border-color:#0000}app-referral-earn-ways .rew-icon{background:var(--mg-brand-soft);width:2.3rem;height:2.3rem;color:var(--mg-brand-deep);border-radius:12px;flex:none;place-items:center;display:grid}app-referral-earn-ways .rew-tile--own .rew-icon{color:var(--mg-on-brand);background:#ffffff2e}app-referral-earn-ways .rew-icon svg{width:1.2rem;height:1.2rem}app-referral-earn-ways .rew-body{gap:.2rem;min-width:0;display:grid}app-referral-earn-ways .rew-head{font-size:1rem;font-weight:600;line-height:1.25}app-referral-earn-ways .rew-rate{letter-spacing:-.02em;color:var(--mg-brand-ink);font-size:1.55rem;font-weight:800}app-referral-earn-ways .rew-tile--own .rew-rate{color:var(--mg-on-brand)}app-referral-earn-ways .rew-text{color:var(--mg-muted);font-size:.84rem;line-height:1.45}app-referral-earn-ways .rew-tile--own .rew-text{color:var(--mg-on-brand);opacity:.9}app-referral-earn-ways .rew-plus{background:var(--mg-surface);border:1px solid var(--mg-stroke);width:1.9rem;height:1.9rem;color:var(--mg-brand-ink);border-radius:50%;align-self:center;place-items:center;font-weight:800;display:grid}app-referral-earn-ways .rew--compact .rew-tile{padding:.75rem .85rem}app-referral-earn-ways .rew--compact .rew-rate{font-size:1.25rem}app-referral-earn-ways .rew--compact .rew-head{font-size:.9rem}@media (width<=640px){app-referral-earn-ways .rew{grid-template-columns:minmax(0,1fr)}app-referral-earn-ways .rew-plus{justify-self:center;margin:-.2rem 0}}