.referral-rewards{position:fixed;z-index:19;margin:0;padding:0;border:0;background:transparent;color:#98a3ab;font:9px/13px "Oxanium",monospace;letter-spacing:.015em;pointer-events:none;transform-origin:12px 12px;transition:left .38s cubic-bezier(.2,.7,.2,1),top .38s cubic-bezier(.2,.7,.2,1),transform .38s ease,opacity .18s ease;isolation:isolate}
.referral-rewards-row{min-height:22px;margin:0;padding:0;opacity:0;transform:translateY(2px);transition:opacity .12s ease,transform .12s ease}
.referral-rewards[data-keyboard=true]{transition:transform .22s ease,opacity .18s ease}
.referral-rewards-row[data-typed]{opacity:.76;transform:none}
.referral-rewards-row:first-of-type{color:#bcc5ca}
.referral-rewards-label{display:inline-block;max-width:100%;padding:0 0 2px;border-bottom:.5px solid #a0acb450;vertical-align:top}
.referral-rewards-row:last-of-type{font-size:8.3px;letter-spacing:0}
.referral-rewards-lines{position:absolute;left:0;top:0;width:100%;height:172px;overflow:visible;pointer-events:none}
.referral-rewards-travel{fill:none;stroke:#a0acb4;stroke-width:.55;stroke-dasharray:.6 4;vector-effect:non-scaling-stroke;opacity:.28;animation:rewards-travel-in .35s ease-out}
.referral-rewards-dismiss{position:absolute;left:calc(50% - 16px);top:calc(var(--rewards-rows-height,132px) + 6px);width:32px;height:32px;padding:0;margin:0;border:0;background:none;color:#8997a0;font:15px "Oxanium",monospace;cursor:pointer;pointer-events:auto;transition:transform .12s ease,color .12s ease}
.referral-rewards-dismiss[hidden]{display:none}
.referral-rewards-dismiss:hover{color:#cad4da}.referral-rewards-dismiss:active{transform:scale(.88)}
.referral-rewards-dismiss:focus-visible{outline:1px dotted #849cab;outline-offset:2px}
.referral-rewards[data-state=centering],.referral-rewards[data-state=centered]{transform:scale(1.04)}
.referral-rewards:is([data-state=centering],[data-state=centered]) .referral-rewards-row[data-typed]{opacity:1}
.referral-rewards:is([data-state=centering],[data-state=centered]) .referral-rewards-travel{opacity:0;transition:opacity .15s}
.referral-rewards[data-state=retracting]{opacity:0;transform:scale(.95);transition:opacity .2s .1s ease,transform .3s ease}
.referral-rewards[data-state=retracting] .referral-rewards-label{border-bottom-color:transparent;transition:border-color .2s}
.referral-rewards[data-state=retracting] .referral-rewards-travel{animation:rewards-travel-out .33s ease-in forwards}
.referral-rewards[data-resetting=true]{opacity:0;transform:scale(.95);transition:opacity .18s ease,transform .22s ease}
.referral-rewards[data-resetting=true] .referral-rewards-travel{animation:rewards-travel-out .2s ease-in forwards}
@keyframes rewards-travel-in{from{opacity:0;stroke-dashoffset:28}to{opacity:.28;stroke-dashoffset:0}}
@keyframes rewards-travel-out{from{opacity:.28;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-28}}
@media(prefers-reduced-motion:reduce){.referral-rewards,.referral-rewards *{animation:none!important;transition:none!important}.referral-rewards[data-state=retracting]{opacity:0}.referral-rewards:is([data-state=centering],[data-state=centered]){transform:none}}