.invite-tier{border:1px solid color-mix(in oklch, var(--tier-base) 30%, var(--border));background:linear-gradient(to bottom, color-mix(in oklch, var(--tier-base) 18%, var(--card)), var(--card) 72%);box-shadow:inset 0 1px 0 var(--cushion-clay-highlight), inset 0 -3px 0 color-mix(in oklch, var(--tier-dark) 30%, var(--card)), 0 2px 0 color-mix(in oklch, var(--tier-dark) 45%, transparent)}.invite-tier[data-state=next]{border-color:var(--primary);box-shadow:inset 0 1px 0 var(--cushion-clay-highlight), inset 0 -3px 0 color-mix(in oklch, var(--primary) 40%, var(--card)), 0 2px 0 color-mix(in oklch, var(--primary) 60%, black)}.invite-tier-pill{color:var(--tier-ink);background:linear-gradient(to bottom, var(--tier-light), var(--tier-base) 58%, color-mix(in oklch, var(--tier-base) 78%, var(--tier-dark)));box-shadow:inset 0 1px 0 rgb(var(--landing-white-rgb) / .45), inset 0 -2px 0 color-mix(in oklch, var(--tier-dark) 70%, transparent), 0 2px 0 color-mix(in oklch, var(--tier-dark) 65%, transparent)}.invite-coin{--clay-body:var(--primary);color:rgb(var(--landing-white-rgb));text-shadow:0 1px 0 color-mix(in oklch, var(--clay-body) 55%, black);background:linear-gradient(to bottom, color-mix(in oklch, var(--clay-body) 78%, white), var(--clay-body) 55%, color-mix(in oklch, var(--clay-body) 86%, black));box-shadow:inset 0 1px 0 rgb(var(--landing-white-rgb) / .4), inset 0 -2px 0 color-mix(in oklch, var(--clay-body) 70%, black), 0 2px 0 color-mix(in oklch, var(--clay-body) 50%, black)}.invite-coin[data-tone=earned]{--clay-body:var(--success)}