.checkout-unlocking{position:fixed;inset:0;z-index:var(--z-toast);display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--scrim);-webkit-backdrop-filter:blur(var(--scrim-blur));backdrop-filter:blur(var(--scrim-blur));animation:checkout-fade var(--duration-base) var(--ease-out)}.checkout-unlocking-card{width:100%;max-width:380px;text-align:center;background:var(--card);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-xl)}.checkout-unlocking-title{margin:0 0 var(--space-5);font-size:var(--text-xl);font-weight:700;color:var(--ink)}.pay-steps{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-3);gap:var(--space-3);text-align:left}.pay-step{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-md);color:var(--ink3)}.pay-step__dot{position:relative;flex:none;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-pill);border:2px solid var(--border-strong)}.pay-step__dot:after{position:absolute;inset:0;display:grid;place-items:center;font-size:var(--text-xs);font-weight:700;line-height:1}.pay-step.is-active{color:var(--ink);font-weight:600}.pay-step.is-active .pay-step__dot{border-color:var(--spinner-track);border-top-color:var(--spinner-head);animation:checkout-spin var(--duration-spin) linear infinite}.pay-step.is-done{color:var(--ink2)}.pay-step.is-done .pay-step__dot{border-color:var(--teal);background:var(--teal)}.pay-step.is-done .pay-step__dot:after{content:"\2713";color:var(--on-teal)}.pay-note{color:var(--ink3)}.pay-banner,.pay-note{margin:var(--space-5) 0 0;text-align:left;font-size:var(--text-sm);line-height:var(--leading-normal)}.pay-banner{padding:var(--space-4);border-radius:var(--radius-md);color:var(--ink2)}.pay-banner b{font-weight:700}.pay-banner--pending{background:var(--amber-light);border:1px solid var(--amber)}.pay-banner--pending b{color:var(--amber-fg)}@keyframes checkout-spin{to{transform:rotate(1turn)}}@keyframes checkout-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.checkout-unlocking{animation:none}.pay-step.is-active .pay-step__dot{animation:none;border-color:var(--spinner-track)}}