.brand-perk-ladder{--ladder-pad-x:16px;--ladder-badge-col:58px;--ladder-spine:calc(var(--ladder-pad-x) + var(--ladder-badge-col) / 2);--ladder-line:var(--brand-border-grey,#424242);--ladder-panel:#242423;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex;container:perk-ladder/inline-size}.tierx{background:#1a1a1a;border:1px solid #333;border-radius:8px;flex:none;place-items:center;width:58px;height:58px;font-weight:700;display:grid;position:relative}.tierx b{letter-spacing:-.02em;font-size:22px;line-height:1}.tierx small{color:#b5b5b3;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:#3a3a39;border-radius:3px;padding:1px 7px;font-size:9px;font-weight:700;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.brand-perk-ladder__row--open .tierx,.brand-perk-ladder__row--here .tierx{border-color:var(--brand-orange);color:var(--brand-orange)}.brand-perk-ladder__row--open .tierx small,.brand-perk-ladder__row--here .tierx small{background:var(--brand-orange);color:#111}.brand-perk-ladder__row--done .tierx{border-color:var(--brand-turquoise);color:var(--brand-turquoise)}.brand-perk-ladder__row--done .tierx small{background:var(--brand-turquoise);color:#111}.brand-perk-ladder__row--verifying .tierx{border-color:var(--brand-gold);color:var(--brand-gold);border-style:dashed}.brand-perk-ladder__row--verifying .tierx small{background:var(--brand-gold);color:#111}.tierx[data-locked]{color:#8a8a88}.brand-perk-ladder__step{margin:0;position:relative}.brand-perk-ladder__step+.brand-perk-ladder__step:before{content:"";top:-10px;left:calc(var(--ladder-spine) - 1px);pointer-events:none;border-left:2px dashed #3a3a39;height:10px;position:absolute}.brand-perk-ladder__badge{z-index:1;grid-area:badge;justify-content:center;align-items:center;width:58px;min-width:58px;display:flex;position:relative}.brand-perk-ladder__media{background:#1a1a1a;border-radius:4px;grid-area:media;width:108px;min-width:108px;height:60px;position:relative;overflow:hidden}.brand-perk-ladder__media img{object-fit:cover;width:100%;height:100%;display:block}.brand-perk-ladder__media--locked{opacity:.55}.brand-perk-ladder__copy{grid-area:copy;min-width:0}.brand-perk-ladder__title{margin:0 0 4px;font-size:16px;font-weight:700;line-height:1.25}.brand-perk-ladder__title .st{vertical-align:middle;margin-left:6px}.brand-perk-ladder__status{margin:0;font-size:12.5px;line-height:1.4}.brand-perk-ladder__status--ok{font-weight:600}.brand-perk-ladder__now{background:var(--brand-orange,#ff6423);color:#fdfdfd;letter-spacing:.04em;text-transform:uppercase;border-radius:6px;flex-shrink:0;grid-area:now;justify-self:start;padding:4px 8px;font-size:10px;font-weight:650}.brand-perk-ladder__cta{flex-direction:column;grid-area:price;justify-self:end;align-items:flex-end;gap:8px;display:flex}.brand-perk-ladder__cost{font-variant-numeric:tabular-nums;letter-spacing:-.02em;align-items:center;gap:4px;font-size:20px;font-weight:700;line-height:1;display:inline-flex}.brand-perk-ladder__cost img{width:13px;height:17px}.brand-perk-ladder__cost small{color:var(--brand-grey);letter-spacing:0;margin-left:2px;font-size:11px;font-weight:500}.brand-perk-ladder__go{white-space:nowrap;border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.brand-perk-ladder__go img{width:12px;height:16px}.brand-perk-ladder__go--redeem{background:var(--brand-gradient);height:40px;color:var(--brand-white);border:1px solid #ffffff1f;padding:0 14px;font-size:13.5px;font-weight:700}.brand-perk-ladder__go--ghost{border:1px solid var(--ladder-line);color:var(--brand-grey)}.brand-perk-ladder__row--short{opacity:.62}.brand-perk-ladder__row--locked{opacity:.78}.brand-perk-ladder__row--locked:hover{opacity:1}.brand-perk-ladder__row--open,.brand-perk-ladder__row--here{border-color:var(--brand-orange);background:linear-gradient(90deg, #ff64231a, var(--ladder-panel) 60%)}.brand-perk-ladder__row--done{background:linear-gradient(90deg, #03e5e314, var(--ladder-panel) 60%);border-color:#03e5e373}.brand-perk-ladder__row--verifying{background:linear-gradient(90deg, #f5c54217, var(--ladder-panel) 60%);border-color:#f5c54299}.brand-perk-ladder__row--upcoming{background:linear-gradient(90deg, #f5c5420f, var(--ladder-panel) 60%);border-style:dashed;border-color:#f5c5428c}.brand-perk-ladder__row--upcoming .tierx{border-color:var(--brand-gold);color:var(--brand-gold);border-style:dashed}.brand-perk-ladder__row--upcoming .tierx small{background:var(--brand-gold);color:#111}.brand-perk-ladder__row--upcoming .brand-perk-ladder__media img{filter:saturate(.6)}.brand-perk-ladder__row{padding:14px var(--ladder-pad-x);border:1px solid var(--ladder-line);background:var(--ladder-panel);color:inherit;cursor:pointer;border-radius:6px;grid-template-columns:58px auto minmax(0,1fr);grid-template-areas:"badge media copy""badge price price";align-items:center;gap:10px 12px;text-decoration:none;transition:border-color .15s,opacity .15s;display:grid}.brand-perk-ladder__row:has(.brand-perk-ladder__now){grid-template-areas:"badge media copy""badge now now""badge price price"}@container perk-ladder (width<=459.98px){.brand-perk-ladder__media{align-self:start;width:64px;min-width:64px;height:64px}.brand-perk-ladder__cta{flex-direction:row;justify-content:space-between;justify-self:stretch;align-items:center;gap:10px;min-width:0}.brand-perk-ladder__go{max-width:100%}.brand-perk-ladder__title{font-size:15px}}.brand-perk-ladder__row--current{cursor:default}a.brand-perk-ladder__row:hover,a.brand-perk-ladder__row:focus-visible{border-color:#525252;outline:none}a.brand-perk-ladder__row--open:hover,a.brand-perk-ladder__row--here:hover{border-color:var(--brand-orange)}@container perk-ladder (width>=460px){:is(.brand-perk-ladder__row,.brand-perk-ladder__row:has(.brand-perk-ladder__now)){grid-template-columns:58px minmax(0,1fr) auto auto;grid-template-areas:"badge copy now price";column-gap:16px}.brand-perk-ladder__media{display:none}}@container perk-ladder (width>=680px){.brand-perk-ladder__media{width:150px;min-width:150px;height:84px;display:block}:is(.brand-perk-ladder__row,.brand-perk-ladder__row:has(.brand-perk-ladder__now)){grid-template-columns:58px 150px minmax(0,1fr) auto auto;grid-template-areas:"badge media copy now price"}}
