@layer properties,theme,base;@layer components{.logo-bolt{flex-shrink:0;overflow:visible}.logo-bolt-shape{fill:currentColor;fill-opacity:.07}.logo-bolt-fill{transform-box:fill-box;transform-origin:50% 100%;fill:var(--charge-full)}.logo-bolt-shine{transform-box:fill-box;fill:var(--charge-ring);fill-opacity:.4;transform:translate(-120%)}.logo-bolt[data-state=pending] .logo-bolt-fill{fill:var(--charge-lilac);transform:scaleY(.55)}.logo-bolt[data-state=closed] .logo-bolt-shape{fill:none;stroke:var(--muted-foreground);stroke-opacity:.5;stroke-width:6px;stroke-dasharray:14 12}.logo-bolt[data-state=closed] .logo-bolt-fill{transform:scaleY(0)}.logo-bolt[data-state=failure] .logo-bolt-fill{fill:var(--charge-low);transform:scaleY(.16)}.logo-bolt[data-state=refused] .logo-bolt-fill{fill:var(--charge-low);transform:scaleY(.06)}.logo-bolt-sparks{place-items:center;display:inline-grid;position:relative}.logo-bolt-sparks>i{background:var(--charge-full);opacity:0;border-radius:50%;width:6px;height:6px;margin:-3px;position:absolute;top:50%;left:50%}.logo-bolt-sparks>i[data-spark="1"]{--spark-x:-46px;--spark-y:-34px}.logo-bolt-sparks>i[data-spark="2"]{--spark-x:48px;--spark-y:-26px}.logo-bolt-sparks>i[data-spark="3"]{--spark-x:-38px;--spark-y:40px}.logo-bolt-sparks>i[data-spark="4"]{--spark-x:44px;--spark-y:38px}@media (prefers-reduced-motion:no-preference){.logo-bolt[data-state=loading] .logo-bolt-fill{animation:1.8s ease-in-out infinite charge-loop}.logo-bolt[data-state=signin] .logo-bolt-fill{animation:1.4s linear .1s both charge-up}.logo-bolt[data-state=signin] .logo-bolt-shine{animation:6s ease-in-out 1.6s infinite charge-shine}.logo-bolt[data-state=pending] .logo-bolt-fill{animation:2.2s ease-out both charge-half,3.2s ease-in-out 2.2s infinite charge-breathe}.logo-bolt[data-state=failure] .logo-bolt-fill{animation:3.2s step-end infinite charge-flicker}.logo-bolt[data-state=paid]{animation:1.2s ease-out .6s both charge-glow}.logo-bolt[data-state=paid] .logo-bolt-fill{animation:.9s cubic-bezier(.2,.7,.2,1) both charge-up}.logo-bolt[data-state=refused]{animation:.5s ease-in-out 1.3s both charge-shake}.logo-bolt[data-state=refused] .logo-bolt-fill{animation:1.4s ease-in both charge-drain}.logo-bolt-sparks>i{animation:.9s ease-out .6s both charge-spark}}}@layer utilities;@keyframes charge-loop{0%{fill:var(--charge-low);opacity:1;transform:scaleY(.04)}25%{fill:var(--charge-pink)}50%{fill:var(--charge-lilac)}72%{fill:var(--charge-full);opacity:1;transform:scaleY(1)}90%{fill:var(--charge-full);opacity:0;transform:scaleY(1)}to{fill:var(--charge-low);opacity:0;transform:scaleY(.04)}}@keyframes charge-up{0%{fill:var(--charge-low);transform:scaleY(.04)}30%{fill:var(--charge-pink)}60%{fill:var(--charge-lilac)}to{fill:var(--charge-full);transform:scaleY(1)}}@keyframes charge-shine{0%,70%{transform:translate(-120%)}85%,to{transform:translate(420%)}}@keyframes charge-half{0%{fill:var(--charge-low);transform:scaleY(.04)}to{fill:var(--charge-lilac);transform:scaleY(.55)}}@keyframes charge-breathe{0%,to{fill:var(--charge-lilac);transform:scaleY(.55)}50%{fill:var(--charge-lilac);transform:scaleY(.62)}}@keyframes charge-flicker{0%,10%,18%,to{opacity:1}6%,14%{opacity:.25}}@keyframes charge-glow{0%{filter:none;transform:none}30%{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--charge-full) 65%, transparent));transform:scale(1.08)}to{filter:none;transform:none}}@keyframes charge-drain{0%{fill:var(--charge-lilac);transform:scaleY(.62)}40%{fill:var(--charge-pink)}to{fill:var(--charge-low);transform:scaleY(.06)}}@keyframes charge-shake{0%,to{transform:none}25%{transform:translate(-4px)}55%{transform:translate(4px)}80%{transform:translate(-2px)}}@keyframes charge-spark{0%{opacity:0;transform:none}15%{opacity:1}to{opacity:0;transform:translate(var(--spark-x), var(--spark-y))}}