.recharge-status{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;min-height:340px;padding:24px;display:flex}.recharge-status-symbol{border:1px solid var(--border);width:80px;height:80px;color:var(--primary);background:var(--secondary);border-radius:50%;place-items:center;margin-bottom:8px;display:grid}.recharge-status-symbol[data-success=true]{background:#222e0499;background:lab(17.0727% -11.0657 22.3238/.6);border-color:#59741780;border-color:lab(45.4157% -20.4475 43.9223/.5)}.recharge-status-symbol svg{width:44px;height:44px}.recharge-status h2{letter-spacing:-.7px;margin:0;font-size:28px;font-weight:800;line-height:1.2}.recharge-status h2:focus{outline:none}.recharge-status p{max-width:48ch;color:var(--muted-foreground);margin:0;font-size:15px;line-height:1.6}.recharge-status p.recharge-status-note,.recharge-status small{color:var(--muted-foreground);font-size:12px}.recharge-status-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.recharge-status [data-slot=button]{white-space:normal;min-height:48px}.recharge-status a:not([data-slot=button]){color:var(--muted-foreground);text-underline-offset:4px;font-size:14px;text-decoration:underline}.recharge-status>small{justify-content:center;align-items:center;gap:6px;line-height:1.5;display:flex}.recharge-status>small svg{flex:none}.recharge-status-feedback{width:100%;min-height:54px;color:var(--muted-foreground);place-items:center;font-size:13px;line-height:1.5;display:grid}.recharge-status-feedback small{justify-content:center;align-items:center;gap:6px;display:flex}.recharge-status-feedback span small{margin-top:3px}.recharge-status-meta{color:var(--muted-foreground);font-size:13px}.recharge-checkout-page{background:var(--background);min-height:100dvh;color:var(--foreground);place-items:center;padding:24px;display:grid}.recharge-checkout-panel{width:100%;min-width:0;max-width:560px}.recharge-return{color:var(--muted-foreground);text-align:center;justify-content:center;align-items:center;gap:12px;display:flex}.recharge-return svg{color:var(--primary);flex:none}.recharge-return p{margin:0;font-size:16px;line-height:1.5}.recharge-checkout-brand{color:var(--foreground);margin-bottom:28px;font-size:22px;font-weight:800;text-decoration:none;display:block}.recharge-checkout-page .stripe-checkout-mount{min-height:0;margin:0}.recharge-checkout-page .stripe-recharge{width:100%}.recharge-status-spinner{animation:1.4s linear infinite recharge-status-spin}@keyframes recharge-status-spin{to{transform:rotate(360deg)}}.guac-topup-dialog.guac-topup-concept:is([data-status=true],:has(.recharge-complete)){width:min(520px,100vw - 24px);height:auto;max-height:calc(100dvh - 24px)}.guac-topup-dialog.guac-topup-concept:focus{outline:none}.guac-topup-dialog.guac-topup-concept:is([data-status=true],:has(.recharge-complete)) .guac-topup-scroll{flex-direction:column;flex:1;padding:0 28px 28px;display:flex}.guac-topup-dialog:is([data-status=true],:has(.recharge-complete)) .recharge-status{flex:1;gap:18px;min-height:0;padding:0}.guac-topup-dialog:is([data-status=true],:has(.recharge-complete)) .recharge-status h2{font-family:var(--font-body),sans-serif;letter-spacing:-.65px;font-size:26px;font-weight:750}.recharge-status-art{flex:none;width:112px;height:112px}.recharge-status-art img{border-radius:24px;width:100%;height:100%;display:block}.recharge-status-art[data-guac-pack=true] img{object-fit:contain;border-radius:0}.recharge-status-summary{border:1px solid var(--border);background:var(--secondary);text-align:left;border-radius:12px;justify-content:space-between;width:100%;margin:4px 0 0;padding:16px 18px;display:flex}.recharge-status-summary>div:last-child{text-align:right}.recharge-status-summary dt{color:var(--muted-foreground);margin-bottom:4px;font-size:12px}.recharge-status-summary dd{margin:0;font-size:16px;font-weight:700}.guac-topup-dialog:is([data-status=true],:has(.recharge-complete)) .recharge-status-actions{flex-wrap:nowrap;gap:12px;width:100%;margin-top:2px;display:flex}.guac-topup-dialog:is([data-status=true],:has(.recharge-complete)) .recharge-status-actions>button{flex:1;min-width:0}@media (max-width:480px){.guac-topup-dialog.guac-topup-concept:is([data-status=true],:has(.recharge-complete)) .guac-topup-scroll{padding:0 18px 22px}.guac-topup-dialog:is([data-status=true],:has(.recharge-complete)) .recharge-status-actions{flex-wrap:wrap}}@media (max-width:380px){.recharge-status{gap:14px;padding:16px}.recharge-status h2{font-size:24px}.recharge-checkout-page{padding:16px}}@media (prefers-reduced-motion:reduce){.recharge-status-spinner{animation:none}}.guac-topup-dialog.guac-topup-concept:has(.recharge-complete){width:min(460px,100vw - 24px);height:auto}.guac-topup-dialog.guac-topup-concept:has(.recharge-complete) .guac-topup-header{padding:0;position:absolute;inset:0 0 auto}@scope(.guac-topup-dialog){:scope:has(.recharge-complete) :is(.guac-topup-close,.payment-preview-header [aria-label="Close payment preview"]){display:none}}.guac-topup-dialog.guac-topup-concept:has(.recharge-complete) .guac-topup-scroll{padding:44px 24px 28px;overflow:auto}.guac-topup-dialog.guac-topup-concept .recharge-complete{flex:1 0 auto;justify-content:center;gap:0;min-height:0;padding:0}.guac-topup-dialog.guac-topup-concept .recharge-complete .recharge-status-art{width:96px;height:96px}.recharge-status.recharge-complete{gap:0}.recharge-complete>h2{margin-top:20px}.recharge-complete>p{margin-top:8px}.recharge-complete-action{margin-top:24px}.guac-topup-dialog.guac-topup-concept:has(.recharge-complete) .guac-topup-heading-row{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
