.rainbow-button.svelte-102paym{--rainbow-1: hsl(0 100% 63%);--rainbow-2: hsl(270 100% 63%);--rainbow-3: hsl(210 100% 63%);--rainbow-4: hsl(195 100% 63%);--rainbow-5: hsl(90 100% 63%)}@keyframes svelte-102paym-rainbow{0%{background-position:0%}to{background-position:200%}}.animate-rainbow{animation:svelte-102paym-rainbow var(--rainbow-speed, 2s) infinite linear}.rainbow-button.svelte-102paym:before{animation:svelte-102paym-rainbow var(--rainbow-speed, 2s) infinite linear}@property --beam-angle{syntax: "<angle>"; inherits: true; initial-value: 0deg;}.rainbow-button.svelte-102paym{--beam-width: 1.5px;--glow-reach: 6px;--glow-blur: 10px;--beam: conic-gradient( from var(--beam-angle), transparent 0%, var(--rainbow-4) 5%, var(--rainbow-3) 10%, var(--rainbow-2) 15%, var(--rainbow-1) 20%, hsl(35 100% 60%) 24%, transparent 31%, transparent 50%, var(--rainbow-5) 55%, var(--rainbow-4) 60%, var(--rainbow-3) 64%, transparent 71% )}.rainbow-button__beam.svelte-102paym,.rainbow-button__glow.svelte-102paym{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease}.rainbow-button__beam.svelte-102paym,.rainbow-button__glow.svelte-102paym>span:where(.svelte-102paym){background:var(--beam);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.rainbow-button__beam.svelte-102paym{inset:calc(-1 * var(--beam-width));padding:var(--beam-width);z-index:1}.rainbow-button__glow.svelte-102paym{inset:0;filter:blur(var(--glow-blur))}.rainbow-button__glow.svelte-102paym>span:where(.svelte-102paym){position:absolute;inset:calc(-1 * var(--glow-reach));padding:var(--glow-reach);border-radius:calc(.75rem + var(--glow-reach))}.rainbow-button.svelte-102paym:hover .rainbow-button__beam:where(.svelte-102paym),.rainbow-button.svelte-102paym:focus-visible .rainbow-button__beam:where(.svelte-102paym){opacity:1}.rainbow-button.svelte-102paym:hover .rainbow-button__glow:where(.svelte-102paym),.rainbow-button.svelte-102paym:focus-visible .rainbow-button__glow:where(.svelte-102paym){opacity:.6}.rainbow-button.svelte-102paym:hover,.rainbow-button.svelte-102paym:focus-visible{animation:svelte-102paym-beam-spin calc(var(--rainbow-speed, 2s) * 1.5) linear infinite}@keyframes svelte-102paym-beam-spin{to{--beam-angle: 360deg}}@media(prefers-reduced-motion:reduce){.rainbow-button.svelte-102paym:hover,.rainbow-button.svelte-102paym:focus-visible{animation:none;--beam-angle: 200deg}}