@keyframes demo-pay-floating-points{0%{opacity:.28;transform:translate(0,0)}to{opacity:0;transform:translateY(-22px)}}.demo-pay-button,.demo-pay-button:disabled{contain:paint;height:3.55rem;overflow:hidden;box-shadow:inset 0 1px #ffffff24;opacity:1!important;transition:background-color .38s cubic-bezier(.22,1,.36,1),color .38s cubic-bezier(.22,1,.36,1),border-color .38s cubic-bezier(.22,1,.36,1),box-shadow .38s cubic-bezier(.22,1,.36,1)!important}.demo-pay-button[data-pay-tone=light]{box-shadow:inset 0 1px #ffffff8c}.demo-pay-substance__glow,.demo-pay-substance__points{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.demo-pay-substance__glow{opacity:.38;background:radial-gradient(70% 55% at 50% 100%, color-mix(in srgb, var(--demo-pay-bg,#121317) 62%, white) 0%, transparent 100%)}.demo-pay-button[data-pay-tone=light] .demo-pay-substance__glow{opacity:.22;background:radial-gradient(70% 55% at 50% 100%, color-mix(in srgb, var(--demo-pay-bg,#fff) 72%, black) 0%, transparent 100%)}@supports (color:oklch(from #000 l c h)){.demo-pay-substance__glow{opacity:1;background:radial-gradient(70% 55% at 50% 100%, oklch(from var(--demo-pay-bg,#121317) min(.88, calc(l + .18)) c h / .5) 0%, transparent 100%)}.demo-pay-button[data-pay-tone=light] .demo-pay-substance__glow{background:radial-gradient(70% 55% at 50% 100%, oklch(from var(--demo-pay-bg,#fff) max(.12, calc(l - .1)) c h / .2) 0%, transparent 100%)}}.demo-pay-substance__point{pointer-events:none;opacity:0;background-color:currentColor;border-radius:9999px;width:2px;height:2px;position:absolute;bottom:-6px}@media (hover:hover) and (pointer:fine){.demo-pay-button[data-pay-status=idle]:hover .demo-pay-substance__point,.demo-pay-button[data-pay-status=idle]:focus-visible .demo-pay-substance__point{animation:3.8s ease-out infinite demo-pay-floating-points}}.demo-pay-button[data-pay-status=success] .demo-pay-substance__point,.demo-pay-button[data-pay-status=error] .demo-pay-substance__point,.demo-pay-button[data-pay-status=redirect] .demo-pay-substance__point{animation:3.8s ease-out infinite demo-pay-floating-points}.demo-pay-face{z-index:2;transition:opacity .28s cubic-bezier(.22,1,.36,1)}.demo-pay-button .demo-pay-face.inset-0{letter-spacing:-.022em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,sans-serif;font-size:20px;font-weight:500;line-height:1}@media (prefers-reduced-motion:reduce){.demo-pay-button,.demo-pay-face{transition:none!important}.demo-pay-substance__point{opacity:0;animation:none!important}}