.bonus-progress{gap:.4rem;width:100%;max-width:26rem;display:grid}.bonus-progress__bar{background:var(--hub-line-strong);border-radius:999px;height:.375rem;position:relative;overflow:hidden}.bonus-progress__fill{border-radius:inherit;background:var(--hub-back);transform-origin:0;transition:transform var(--hub-slow) var(--hub-ease-out);position:absolute;inset:0}.bonus-progress__text{color:var(--hub-muted);font-size:.78rem}.bonus-steps{--bonus-node:1.75rem;margin:0;padding:0;list-style:none;display:grid}.bonus-step{grid-template-columns:var(--bonus-node) minmax(0, 1fr);gap:0 1rem;padding-bottom:1.5rem;display:grid;position:relative}.bonus-step:last-child{padding-bottom:0}.bonus-step:not(:last-child):before,.bonus-step:not(:last-child):after{top:calc(var(--bonus-node) + .25rem);bottom:.25rem;left:calc(var(--bonus-node) / 2 - 1px);background:var(--hub-line-strong);content:"";border-radius:2px;width:2px;position:absolute}.bonus-step:not(:last-child):after{background:var(--hub-back);transform-origin:top;transition:transform var(--hub-slow) var(--hub-ease-in-out) .14s;transform:scaleY(0)}.bonus-step[data-status=done]:not(:last-child):after{transform:scaleY(1)}.bonus-step__node{width:var(--bonus-node);height:var(--bonus-node);border:1.5px solid var(--hub-line-strong);background:var(--hub-surface);color:var(--hub-faint);font-variant-numeric:tabular-nums;transition:background-color var(--hub-base) ease, border-color var(--hub-base) ease, color var(--hub-base) ease;border-radius:50%;place-items:center;font-size:.78rem;font-weight:650;display:inline-grid}.bonus-step[data-status=done] .bonus-step__node{border-color:var(--hub-back);background:var(--hub-back);color:var(--hub-back-ink)}.bonus-step[data-status=current] .bonus-step__node{border-color:var(--hub-back);color:var(--hub-back);box-shadow:0 0 0 4px var(--hub-back-soft)}.bonus-step[data-status=blocked] .bonus-step__node{color:var(--hub-muted);border-style:dashed}.bonus-step__body{min-width:0;padding-top:calc((var(--bonus-node) - 1.4rem) / 2);align-content:start;justify-items:start;gap:.55rem;display:grid}.bonus-step__head{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;display:flex}.bonus-step__title{color:var(--hub-muted);font-family:var(--lb-display,var(--font-display), "Red Hat Display", sans-serif);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:600;line-height:1.4rem}.bonus-step:is([data-status=current],[data-status=done],[data-status=blocked]) .bonus-step__title{color:var(--hub-text)}.bonus-step__status{color:var(--hub-faint);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:650}.bonus-step[data-status=current] .bonus-step__status{color:var(--hub-back)}.bonus-step__detail{max-width:34rem;color:var(--hub-muted);text-wrap:pretty;margin:0;font-size:.875rem;line-height:1.55}.bonus-step[data-status=done] .bonus-step__detail{font-size:.8rem}.bonus-step[data-status=blocked] .bonus-step__detail{color:var(--hub-text)}.bonus-step__body>.hub-btn{margin-top:.15rem}.bonus-step__receipt{font-size:.82rem}.bonus-steps--compact{--bonus-node:1.5rem}.bonus-steps--compact .bonus-step{gap:0 .85rem;padding-bottom:1rem}.bonus-steps--compact .bonus-step:not(:last-child):before,.bonus-steps--compact .bonus-step:not(:last-child):after{top:calc(var(--bonus-node) + .2rem);bottom:.2rem}.bonus-steps--compact .bonus-step__node{font-size:.7rem}.bonus-steps--compact .bonus-step__node svg{width:.75rem;height:.75rem}.bonus-steps--compact .bonus-step__body{gap:.45rem;padding-top:0}.bonus-steps--compact .bonus-step__title{font-size:.95rem;line-height:var(--bonus-node)}.bonus-steps--compact .bonus-step__detail{font-size:.82rem;line-height:1.5}.bonus-step[data-step=payout][data-status=done] .bonus-step__title{color:var(--hub-back)}.bonus-step[data-changed=done] .bonus-step__node{animation:bonus-node-done .48s var(--hub-ease-out)}.bonus-step[data-changed=done] .bonus-step__node svg{animation:bonus-check-in .42s var(--hub-ease-spring) both}.bonus-step[data-changed=current] .bonus-step__node{animation:bonus-node-current .52s var(--hub-ease-out) .48s both}.bonus-step[data-changed=current] .bonus-step__title{animation:bonus-title-on var(--hub-base) ease .48s both}.bonus-step[data-changed=current] :is(.bonus-step__status,.bonus-step__body>:not(.bonus-step__head)){animation:bonus-step-open .36s var(--hub-ease-out) .54s both}@keyframes bonus-node-done{40%{transform:scale(1.14)}}@keyframes bonus-check-in{0%{opacity:0;transform:scale(.5)rotate(-18deg)}}@keyframes bonus-node-current{0%{border-color:var(--hub-line-strong);box-shadow:0 0 0 0 var(--hub-back-soft);color:var(--hub-faint)}60%{box-shadow:0 0 0 7px var(--hub-back-soft)}}@keyframes bonus-title-on{0%{color:var(--hub-muted)}}@keyframes bonus-step-open{0%{opacity:0;transform:translateY(-4px)}}.bonus-refresh{transition:background-color var(--hub-fast) ease, color var(--hub-fast) ease, transform .12s ease}.bonus-refresh:active{transform:scale(.92)}.bonus-refresh>svg{grid-area:1/1}.bonus-refresh__done{color:var(--hub-back);opacity:0}.bonus-refresh[data-state=checking]{color:var(--hub-text);cursor:progress}.bonus-refresh[data-state=checking] .bonus-refresh__arrows{animation:.72s linear infinite bonus-spin}.bonus-refresh[data-state=checked] .bonus-refresh__arrows{animation:1.6s both bonus-arrows-back}.bonus-refresh[data-state=checked] .bonus-refresh__done{animation:bonus-checked 1.6s var(--hub-ease-out) both}@keyframes bonus-spin{to{transform:rotate(360deg)}}@keyframes bonus-checked{0%{opacity:0;transform:scale(.5)}14%,78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes bonus-arrows-back{0%,82%{opacity:0}}.bonus-card{border:1px solid var(--hub-line);border-radius:var(--hub-radius);background:var(--hub-surface);grid-template-columns:auto minmax(0,1fr) minmax(9rem,13rem) auto;grid-template-areas:"icon lead track actions";align-items:center;gap:.5rem 1.25rem;min-height:6.25rem;margin:1rem 1.5rem 0;padding:1rem 1.25rem;display:grid}.bonus-card--placeholder{background:0 0;border-color:#0000;display:block}html[data-account] .bonus-card--placeholder{display:none}.bonus-card__icon{color:var(--hub-back);grid-area:icon}.bonus-card__lead{grid-area:lead;gap:.2rem;min-width:0;display:grid}.bonus-card__eyebrow{color:var(--hub-back);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:700}.bonus-card__title{font-family:var(--lb-display,var(--font-display), "Red Hat Display", sans-serif);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.125rem;font-weight:650;line-height:1.3;overflow:hidden}.bonus-card__next{color:var(--hub-muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.82rem;line-height:1.45;overflow:hidden}.bonus-card[data-phase=paid] .bonus-card__next{color:var(--hub-text)}.bonus-card__track{grid-area:track;gap:.4rem;display:grid}.bonus-card__track ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.bonus-card__track li{background:var(--hub-line-strong);border-radius:999px;height:.3rem;position:relative;overflow:hidden}.bonus-card__track li>span{background:var(--hub-back);transform-origin:0;transition:transform var(--hub-slow) var(--hub-ease-out);position:absolute;inset:0}.bonus-card__count{color:var(--hub-faint);font-size:.72rem;font-weight:600}.bonus-card__actions{grid-area:actions;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.bonus-card__more{color:var(--hub-text);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;font-size:.875rem;font-weight:550}.bonus-widget{min-height:2.75rem;color:var(--hub-text);font:inherit;text-align:left;cursor:pointer;animation:bonus-widget-in var(--hub-base) var(--hub-ease-out);transition:border-color var(--hub-fast) ease, background-color var(--hub-fast) ease, transform .12s ease;background:#1b1f25b3;border:1px solid #ffffff1a;border-radius:.8rem;align-items:center;gap:.5rem;padding:0 .75rem 0 .35rem;display:inline-flex}.bonus-widget:hover{background:#23272ecc;border-color:#fff3}.bonus-widget:active{transform:scale(.97)}.bonus-widget:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffff47}@keyframes bonus-widget-in{0%{opacity:0;transform:scale(.96)}}.bonus-ring{width:1.85rem;height:1.85rem;color:var(--hub-back);flex:none;place-items:center;display:grid;position:relative}.bonus-ring__svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.bonus-ring__svg circle{fill:none;stroke-width:2.5px}.bonus-ring__track{stroke:#ffffff1a}.bonus-ring__fill{stroke:var(--hub-back);stroke-linecap:round;transition:stroke-dashoffset var(--hub-slow) var(--hub-ease-out)}.bonus-widget:is([data-phase=review],[data-phase=sending]) .bonus-ring{color:var(--hub-warn)}.bonus-widget:is([data-phase=review],[data-phase=sending]) .bonus-ring__fill{stroke:var(--hub-warn)}.bonus-widget__text{min-width:0;line-height:1.15;display:none}.bonus-widget__next{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;font-size:.8rem;font-weight:600;overflow:hidden}.bonus-widget__count{color:var(--hub-muted);font-size:.75rem}.bonus-widget__short{white-space:nowrap;font-size:.78rem;font-weight:650}@media (min-width:48rem){.bonus-widget{border-radius:.7rem;min-height:2.25rem}.bonus-ring{width:1.6rem;height:1.6rem}}@media (min-width:80rem){.bonus-widget__text{display:grid}.bonus-widget__short{display:none}}@media (max-width:40rem){.bonus-widget{justify-content:center;width:2.75rem;padding:0}.bonus-widget__short{display:none}}.bonus-dialog__eyebrow{color:var(--hub-back);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.68rem;font-weight:700;display:inline-flex}.bonus-dialog__title{margin-top:.1rem}.bonus-dialog .bonus-steps{margin-top:.75rem}.bonus-dialog .bonus-page__notice{margin:0}.bonus-dialog__foot{border-top:1px solid var(--hub-line);align-items:center;gap:.5rem;margin-top:.25rem;padding-top:.85rem;display:flex}.bonus-dialog__count{color:var(--hub-muted);font-size:.78rem;font-weight:600}.bonus-dialog__more{margin-left:auto}.bonus-page__head{max-width:44rem;margin-bottom:2.25rem}.bonus-page__title{font-family:var(--lb-display,var(--font-display), "Red Hat Display", sans-serif);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(1.9rem,4.6vw,3.1rem);font-weight:650;line-height:1.04}.bonus-page__amount{color:var(--hub-back);white-space:nowrap}.bonus-page__intro{max-width:36rem;color:var(--hub-muted);text-wrap:pretty;margin:.85rem 0 0;font-size:1rem;line-height:1.55}.bonus-page__grid{grid-template-columns:minmax(0,1.5fr) minmax(16rem,1fr);align-items:start;gap:2rem 4rem;display:grid}.bonus-page__steps-head,.bonus-page__rules h2{justify-content:space-between;align-items:center;gap:1rem;min-height:2rem;margin:0 0 1.25rem;display:flex}.bonus-page__steps-head h2{margin:0}.bonus-page__refresh{width:2rem;height:2rem;color:var(--hub-muted);cursor:pointer;background:0 0;border:0;border-radius:.5rem;place-items:center;display:inline-grid}.bonus-page__refresh:hover{color:var(--hub-text);background:#ffffff0d}.bonus-page__notice{color:var(--hub-warn);margin:0 0 1.25rem;font-size:.875rem;line-height:1.5}.bonus-page__rules ul{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.bonus-page__rules li{color:var(--hub-muted);text-wrap:pretty;padding-left:1rem;font-size:.875rem;line-height:1.55;position:relative}.bonus-page__rules li:before{background:var(--hub-faint);content:"";width:.35rem;height:1px;position:absolute;top:.8em;left:0}.bonus-page__rules .bonus-page__notice{color:var(--hub-muted)}.landing :is(.bonus-card,.bonus-page) a.hub-btn--primary{color:var(--hub-back-ink)}:is(.bonus-card,.bonus-page) :is(a,button):focus-visible{outline:2px solid var(--hub-back);outline-offset:2px}@media (max-width:63.99rem){.bonus-card{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon lead""icon track""icon actions";align-items:start;min-height:12.5rem}.bonus-card__icon{margin-top:.15rem}.bonus-card__actions{justify-content:flex-start}.bonus-card__next{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.9em;display:-webkit-box}.bonus-page__grid{grid-template-columns:minmax(0,1fr)}.bonus-page__rules{border-top:1px solid var(--hub-line);padding-top:1.5rem}}@media (max-width:47.99rem){.bonus-card{margin:.75rem .75rem 0;padding:1rem}.bonus-card__title{white-space:normal}.bonus-card__actions{flex-wrap:wrap}.bonus-card__actions>.hub-btn{flex:auto}}@media (prefers-reduced-motion:reduce){.bonus-progress__fill,.bonus-card__track li>span,.bonus-step:after,.bonus-step__node,.bonus-ring__fill,.bonus-widget{transition:none}.bonus-widget,.bonus-step[data-changed] .bonus-step__node,.bonus-step[data-changed] .bonus-step__node svg{animation:none}.bonus-step[data-changed=current] :is(.bonus-step__status,.bonus-step__body>:not(.bonus-step__head)){animation:bonus-fade-in var(--hub-base) ease both}.bonus-refresh[data-state=checking] .bonus-refresh__arrows{opacity:.45;animation:none}.bonus-refresh[data-state=checked] .bonus-refresh__done{animation-name:bonus-checked-fade}}@keyframes bonus-checked-fade{0%,to{opacity:0}14%,78%{opacity:1}}@keyframes bonus-fade-in{0%{opacity:0}}