@property --pay-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.pay-root{--pay-accent:var(--primary-rgb);--pay-accent-text-light:var(--fg-rgb);--pay-accent-text-dark:var(--fg-rgb);--pay-ink:var(--primary-fg);--pay-accent-text:var(--pay-accent-text-light);--pay-glow:var(--pay-accent);--pay-glow-k:.6}.pay-root[data-accent=neutral]{--pay-glow:var(--cool-rgb)}[data-theme=dark] .pay-root,.pay-root[data-theme=dark]{--pay-accent-text:var(--pay-accent-text-dark);--pay-glow-k:1}.pay-capsule{background:radial-gradient(120% 60% at 50% 0%, rgb(var(--pay-accent) / .07), transparent 60%), linear-gradient(180deg, var(--capsule-from), var(--capsule-to));box-shadow:0 0 0 1px var(--capsule-edge), 0 0 70px -18px rgb(var(--pay-accent) / var(--capsule-glow)), var(--capsule-drop);border-radius:2rem;position:relative}.pay-ring{z-index:1;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--pay-angle), rgb(var(--pay-accent) / .08) 0deg, rgb(var(--pay-accent) / .08) 190deg, rgb(var(--pay-accent) / .85) 262deg, rgb(var(--cool-rgb) / .75) 292deg, rgb(var(--cool-2-rgb) / .45) 318deg, rgb(var(--pay-accent) / .08) 360deg);-webkit-mask-composite:xor;padding:1.5px;animation:9s linear infinite pay-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pay-capsule[data-ring=off] .pay-ring{animation-play-state:paused}@keyframes pay-spin{to{--pay-angle:360deg}}.pay-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"cover""info""content""checkout";gap:1.75rem;display:grid}.pay-area-cover{grid-area:cover}.pay-area-info{grid-area:info}.pay-area-content{grid-area:content}.pay-area-checkout{grid-area:checkout}@media (min-width:1024px){.pay-grid{grid-template:"cover info""cover checkout""content checkout"1fr/minmax(0,1.05fr) minmax(0,1fr);gap:2rem 3.5rem}.pay-grid.pay-grid--no-content{grid-template-rows:auto 1fr;grid-template-areas:"cover info""cover checkout"}.pay-area-checkout>.pay-sticky{position:sticky;top:6rem}}.pay-pop{animation:.9s cubic-bezier(.22,1,.36,1) both pay-pop}.pay-rise{animation:.8s cubic-bezier(.22,1,.36,1) both pay-rise;animation-delay:calc(var(--i,0) * 70ms + .15s)}@media (prefers-reduced-motion:reduce){.pay-rise,.pay-pop{animation-delay:0s}}@keyframes pay-pop{0%{opacity:0;transform:translateY(26px)scale(.97)}to{opacity:1;transform:none}}@keyframes pay-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.pay-leak{will-change:transform;animation:22s ease-in-out infinite alternate pay-leak}.pay-leak--b{animation-duration:28s;animation-direction:alternate-reverse}@keyframes pay-leak{0%{transform:translate(0,0)scale(1)}50%{transform:translate(8%,6%)scale(1.12)}to{transform:translate(-6%,10%)scale(.95)}}.pay-particle{background:rgb(var(--pay-glow));box-shadow:0 0 10px rgb(var(--pay-glow) / .7);animation:pay-particle var(--dur,12s) ease-in-out infinite;animation-delay:var(--delay,0s);opacity:0;border-radius:9999px;position:absolute}@keyframes pay-particle{0%{opacity:0;transform:translate(0,0)}20%{opacity:var(--o,.5)}80%{opacity:var(--o,.5)}to{opacity:0;transform:translate3d(var(--dx,10px), -90px, 0)}}.pay-shine{isolation:isolate;position:relative;overflow:hidden}.pay-shine:after{content:"";z-index:-1;background:linear-gradient(100deg, transparent, var(--shine), transparent);width:35%;animation:3.6s cubic-bezier(.45,0,.2,1) 1.2s infinite pay-shine;position:absolute;inset:-20% auto -20% -40%;transform:translate(0)skew(-18deg)}.pay-shine[aria-disabled=true]:after,.pay-shine:disabled:after{opacity:0;animation:none}@keyframes pay-shine{0%{transform:translate(0)skew(-18deg)}45%,to{transform:translate(520%)skew(-18deg)}}.pay-tilt{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s cubic-bezier(.22,1,.36,1)}.pay-tilt[data-active=true]{transition:transform .12s linear}.pay-glare{background:radial-gradient(circle at var(--gx,50%) var(--gy,0%), #ffffff38, transparent 55%);opacity:0;transition:opacity .4s}.pay-tilt[data-active=true] .pay-glare{opacity:1}.pay-scroller{scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.pay-scroller::-webkit-scrollbar{display:none}.pay-range{accent-color:rgb(var(--pay-accent))}
