.pay-onb{--pay-onb-accent:#eea17b;--pay-onb-done:#7fd8b5;display:grid;position:relative}.pay-sidebar nav .pay-onb-trigger{color:#fff}.pay-onb-trigger .pay-nav-label{white-space:nowrap}.pay-onb-count{color:var(--pay-frame-text,#c3d1cb);font-variant-numeric:tabular-nums;background:#ffffff14;border-radius:99px;flex-shrink:0;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700;line-height:16px}.pay-onb-trigger.is-complete .pay-onb-count{color:var(--pay-onb-done,#7fd8b5);background:#7fd8b526}.pay-onb-ring{flex-shrink:0;place-items:center;display:inline-grid;position:relative}.pay-onb-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.pay-onb-ring circle{fill:none}.pay-onb-ring-track{stroke:#ffffff2e}.pay-onb-ring-value{stroke:var(--pay-onb-accent,#eea17b);stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1)}.pay-onb-ring.is-complete .pay-onb-ring-value{stroke:var(--pay-onb-done,#7fd8b5)}.pay-onb-ring-label{color:#fff;font-variant-numeric:tabular-nums;font-size:12px;font-weight:800;display:inline-flex;position:relative}.pay-onb-ring.is-complete .pay-onb-ring-label{color:var(--pay-onb-done,#7fd8b5)}.pay-onb.is-fresh .pay-onb-ring{animation:.7s cubic-bezier(.2,.8,.2,1.4) 2 pay-onb-pop}@keyframes pay-onb-pop{0%,to{transform:scale(1)}45%{transform:scale(1.16)}}.pay-onb-toast{top:calc(var(--pay-onb-top,120px) + 22px);left:calc(var(--pay-nav-width,244px) + 10px);z-index:36;width:280px;color:var(--pay-ink,#193c37);background:#fff;border-radius:11px;align-items:flex-start;gap:9px;margin:0;padding:10px 12px;font-size:12px;line-height:17px;animation:.35s cubic-bezier(.2,.8,.2,1) pay-onb-nudge;display:flex;position:fixed;transform:translateY(-50%);box-shadow:0 12px 28px #0000004d}.pay-onb-toast>span:first-child{color:#086b63;background:#dff4ea;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.pay-onb-toast:after{content:"";background:#fff;width:10px;height:10px;position:absolute;top:calc(50% - 5px);left:-5px;transform:rotate(45deg)}@keyframes pay-onb-nudge{0%{opacity:0;translate:-6px}to{opacity:1;translate:0}}@keyframes pay-onb-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pay-onb-panel{top:max(calc(var(--pay-top-offset,64px) + 8px), calc(var(--pay-onb-top,120px) - 6px));left:calc(var(--pay-nav-width,244px) + 8px);z-index:36;width:min(392px, calc(100vw - var(--pay-nav-width,244px) - 24px));max-height:calc(100dvh - var(--pay-onb-top,120px) - 10px);border:1px solid var(--pay-border,#e4eae6);color:var(--pay-ink,#193c37);background:#fff;border-radius:16px;flex-direction:column;animation:.22s cubic-bezier(.2,.8,.2,1) pay-onb-slide;display:flex;position:fixed;overflow:hidden;box-shadow:0 24px 56px #0000004d,0 2px 8px #00000026}@keyframes pay-onb-slide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.pay-onb-head{border-bottom:1px solid var(--pay-border,#e4eae6);background:radial-gradient(120% 140% at 100% 0,#fde9de 0%,#fff6f0 32%,#fff0 62%),linear-gradient(#f6faf7,#fff);gap:10px;padding:18px 20px 16px;display:grid}.pay-onb-head-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.pay-onb-eyebrow{color:#b5683f;letter-spacing:1.4px;font-size:10px;font-weight:800}.pay-onb-head h2{letter-spacing:-.2px;text-wrap:balance;margin:0;font-size:17px;font-weight:750;line-height:23px}.pay-onb-close{width:32px;height:32px;color:var(--pay-muted,#70837d);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin:-6px -8px -6px 0;display:grid}.pay-onb-close:hover{color:var(--pay-ink,#193c37);background:#eef4f1}.pay-onb-meter{background:#e8efeb;border-radius:99px;height:8px;overflow:hidden}.pay-onb-meter span{border-radius:inherit;background:linear-gradient(90deg,#086b63,#2fa58d 70%,#eea17b);height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1);display:block}.pay-onb-meta{color:var(--pay-muted,#70837d);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:0;font-size:12px;line-height:18px;display:flex}.pay-onb-meta span{align-items:center;gap:5px;display:inline-flex}.pay-onb-meta strong{color:var(--pay-ink,#193c37)}.pay-onb-body{overscroll-behavior:contain;gap:16px;padding:16px 12px 18px;display:grid;overflow-y:auto}.pay-onb-stage h3{color:var(--pay-muted,#70837d);letter-spacing:.6px;text-transform:uppercase;justify-content:space-between;align-items:baseline;margin:0 8px 6px;font-size:11px;font-weight:750;display:flex}.pay-onb-stage h3 small{letter-spacing:0;font-variant-numeric:tabular-nums;font-size:11px;font-weight:650}.pay-onb-stage ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.pay-onb-step{border-radius:11px;transition:background-color .15s}.pay-onb-step.is-next{background:#f3f8f5;box-shadow:inset 0 0 0 1px #d6e6dd}.pay-onb-step-head{width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;padding:8px 10px;display:flex}.pay-onb-step-head:hover{background:#f3f8f5}.pay-onb-step-head:focus-visible{outline-offset:-2px;outline:2px solid #086b63}.pay-onb-check{width:24px;height:24px;color:var(--pay-muted,#70837d);font-variant-numeric:tabular-nums;border:1.5px solid #c9d8d0;border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:800;display:grid}.pay-onb-step.is-next .pay-onb-check{color:#086b63;border-color:#086b63}.pay-onb-step.is-done .pay-onb-check{color:#fff;background:#086b63;border-color:#086b63;animation:.4s cubic-bezier(.2,.8,.2,1.4) pay-onb-check}@keyframes pay-onb-check{0%{transform:scale(.6)}to{transform:scale(1)}}.pay-onb-step-title{flex:1;min-width:0;font-size:13px;font-weight:650;line-height:18px}.pay-onb-step.is-done .pay-onb-step-title,.pay-onb-step.is-skipped .pay-onb-step-title{color:var(--pay-muted,#70837d);font-weight:550}.pay-onb-step.is-done .pay-onb-step-title{-webkit-text-decoration:line-through #b9cbc2;text-decoration:line-through #b9cbc2}.pay-onb-time{color:var(--pay-muted,#70837d);flex-shrink:0;font-size:11px;font-weight:600}.pay-onb-step-body{gap:12px;padding:0 12px 14px 45px;animation:.2s pay-onb-rise;display:grid}.pay-onb-step-body p{color:#4f6660;margin:0;font-size:12px;line-height:18px}.pay-onb-step-body .pay-button{min-height:38px;padding:8px 14px}.pay-onb-links{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.pay-onb-link{color:var(--pay-muted,#70837d);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:650;display:inline-flex}.pay-onb-link:hover{color:var(--pay-ink,#193c37);text-underline-offset:3px;text-decoration:underline}.pay-onb-foot{border-top:1px solid var(--pay-border,#e4eae6);background:#fbfcfb;gap:12px;padding:14px 20px 16px;display:grid}.pay-onb-help{color:#086b63;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #d6e6dd;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;line-height:17px;display:flex}.pay-onb-help span{color:var(--pay-ink,#193c37)}.pay-onb-help:hover{background:#f1f7f4}.pay-onb-confirm{gap:10px;display:grid}.pay-onb-confirm p{color:var(--pay-muted,#70837d);margin:0;font-size:12px}.pay-onb-confirm .pay-button{min-height:38px;padding:8px 14px}.pay-onb-panel.is-celebrating{text-align:center;background:radial-gradient(100% 80% at 50% 0,#e3f6ec 0%,#fff0 70%),#fff;justify-items:center;gap:12px;padding:32px 28px 24px;display:grid;position:fixed}.pay-onb-panel.is-celebrating .pay-onb-close{margin:0;position:absolute;top:14px;right:18px}.pay-onb-panel.is-celebrating h2{text-wrap:balance;margin:0;font-size:20px;font-weight:800;line-height:26px}.pay-onb-panel.is-celebrating p{color:#4f6660;margin:0;font-size:13px;line-height:20px}.pay-onb-panel.is-celebrating .pay-actions{justify-content:center;margin-top:6px}.pay-onb-trophy{color:#fff;background:#086b63;border-radius:50%;place-items:center;width:64px;height:64px;animation:.7s cubic-bezier(.2,.8,.2,1.5) pay-onb-trophy;display:grid;box-shadow:0 0 0 8px #dff4ea}@keyframes pay-onb-trophy{0%{opacity:0;transform:scale(.4)rotate(-20deg)}to{opacity:1;transform:none}}.pay-onb-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pay-onb-confetti i{opacity:0;background:#eea17b;border-radius:2px;width:7px;height:11px;animation:1.8s cubic-bezier(.25,.6,.4,1) forwards pay-onb-fall;position:absolute;top:-12px}.pay-onb-confetti i:nth-child(3n){background:#086b63;border-radius:50%;width:6px;height:6px}.pay-onb-confetti i:nth-child(3n+1){background:#7fd8b5}.pay-onb-confetti i:nth-child(4n){background:#f4c95d}@keyframes pay-onb-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(300px)rotate(540deg)}}.pay-onb-help-entry{background:#f3f8f5;border:1px solid #d6e6dd;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.pay-onb-help-entry>div{flex:1;gap:2px;min-width:0;font-size:12px;line-height:17px;display:grid}.pay-onb-help-entry strong{font-size:13px}.pay-onb-help-entry span{color:var(--pay-muted,#70837d)}.pay-onb-help-entry .pay-onb-ring-track{stroke:#d6e6dd}.pay-onb-help-entry .pay-onb-ring-label{color:var(--pay-ink,#193c37)}.pay-onb-help-entry .pay-button{min-height:38px;padding:8px 14px}@media (max-width:760px){.pay-onb-panel{width:auto;max-height:none;box-shadow:none;margin-top:10px;animation:.2s pay-onb-rise;position:static}.pay-onb-body{overflow:visible}.pay-onb-toast{width:auto;margin-top:8px;position:static;transform:none}.pay-onb-toast:after{display:none}}@media (prefers-reduced-motion:reduce){.pay-onb-ring-value,.pay-onb-meter span{transition:none}.pay-onb.is-fresh .pay-onb-ring,.pay-onb-toast,.pay-onb-panel,.pay-onb-step.is-done .pay-onb-check,.pay-onb-step-body,.pay-onb-trophy{animation:none}.pay-onb-confetti{display:none}}.pay-next .pay-onb-overview a{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #c9d8d0;text-decoration:underline #c9d8d0}.pay-next .pay-onb-overview a:hover{color:#086b63;text-decoration-color:currentColor}.pay-next .pay-onb-overview li.is-next>span{color:#086b63;border-color:#086b63;font-weight:800}