.subscription-renewal-banner{z-index:50;padding:12px var(--oni-page-padding-x,20px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#7553ff24,#ff95001a 55%,#ffffff8c),#ffffffe0;border-bottom:1px solid #7553ff38;position:sticky;top:0;box-shadow:0 4px 18px #2814500f}.subscription-renewal-banner--expired{background:linear-gradient(135deg,#ff3b3024,#ff95001a 60%,#ffffff8c),#ffffffe6;border-bottom-color:#ff3b3047}.subscription-renewal-banner--past_due{background:linear-gradient(135deg,#ff950029,#ff3b3014 55%,#ffffff8c),#ffffffe6;border-bottom-color:#ff950059}.subscription-renewal-banner--ending_soon{background:linear-gradient(135deg,#7553ff24,#5ac8fa14 60%,#fff9),#ffffffe6;border-bottom-color:#7553ff3d}.subscription-renewal-banner__inner{max-width:720px;margin:0 auto}.subscription-renewal-banner__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.subscription-renewal-banner__title{letter-spacing:-.01em;color:var(--oni-text,#1c1c1e);margin:0;font-size:.95rem;font-weight:800}.subscription-renewal-banner__close{width:32px;height:32px;color:var(--oni-text-secondary,#636366);cursor:pointer;background:#1c1c1e0f;border:0;border-radius:999px;flex-shrink:0;margin:-6px -8px 0 0;font-size:1.35rem;line-height:1}.subscription-renewal-banner__close:hover,.subscription-renewal-banner__close:focus-visible{background:#1c1c1e1f;outline:none}.subscription-renewal-banner__message{color:var(--oni-text-secondary,#636366);margin:6px 0 10px;font-size:.84rem;line-height:1.45}.subscription-renewal-banner__actions{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.subscription-renewal-banner__cta{color:#fff;background:#7553ff;border-radius:999px;align-items:center;min-height:36px;padding:0 14px;font-size:.86rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 6px 16px #7553ff47}.subscription-renewal-banner__cta:hover{filter:brightness(1.05)}.subscription-renewal-banner__later{color:var(--oni-text-secondary,#636366);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-size:.84rem;font-weight:600;text-decoration:underline}.subscription-renewal-banner__later:hover{color:var(--oni-text,#1c1c1e)}