.d22-offer{--o:#ff9f0a;margin:1.6rem 0;padding:1.2rem 1.4rem;border-radius:1.2rem;border:1px solid rgba(var(--color-foreground),.12);background:rgba(var(--color-foreground),.03);max-width:100%;box-sizing:border-box}
.d22-offer__row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;font-size:1.4rem;color:rgb(var(--color-foreground))}
.d22-offer__sub{opacity:.65;font-size:1.2rem;margin-left:auto}
.d22-offer__dot{width:.9rem;height:.9rem;border-radius:50%;background:var(--o);flex:none;animation:d22pulse 2s ease-out infinite}
.d22-offer__track{position:relative;height:.7rem;margin-top:1rem;border-radius:99px;background:rgba(var(--color-foreground),.12);overflow:hidden}
.d22-offer__fill{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:linear-gradient(90deg,var(--o),color-mix(in srgb,var(--o) 55%,#fff));transform-origin:left center;transform:scaleX(0);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.d22-offer__fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:d22shine 2.4s ease-in-out infinite}
@keyframes d22shine{to{transform:translateX(100%)}}
@keyframes d22pulse{0%{box-shadow:0 0 0 0 var(--o)}70%,100%{box-shadow:0 0 0 .8rem transparent}}
@media(prefers-reduced-motion:reduce){.d22-offer__dot,.d22-offer__fill::after{animation:none}.d22-offer__fill{transition:none}}