.scroll-fade{--_sf-size: var(--scroll-fade-size, 24px);--_sf-bg: var(--scroll-fade-bg, var(--background));--_sf-shadow: color-mix(in srgb, var(--foreground) 10%, transparent);background:linear-gradient(var(--_sf-bg) 33%,transparent) center top,linear-gradient(transparent,var(--_sf-bg) 67%) center bottom,radial-gradient(farthest-side at 50% 0,var(--_sf-shadow),transparent) center top,radial-gradient(farthest-side at 50% 100%,var(--_sf-shadow),transparent) center bottom;background-repeat:no-repeat;background-size:100% var(--_sf-size),100% var(--_sf-size),100% calc(var(--_sf-size) * .5),100% calc(var(--_sf-size) * .5);background-attachment:local,local,scroll,scroll}@supports (animation-timeline: scroll()){.scroll-fade{background:none;animation:scroll-fade-mask linear both;animation-timeline:scroll(self)}@keyframes scroll-fade-mask{0%{-webkit-mask-image:linear-gradient(to bottom,black,black calc(100% - var(--scroll-fade-size, 24px)),transparent);mask-image:linear-gradient(to bottom,black,black calc(100% - var(--scroll-fade-size, 24px)),transparent)}1%,99%{-webkit-mask-image:linear-gradient(to bottom,transparent,black var(--scroll-fade-size, 24px),black calc(100% - var(--scroll-fade-size, 24px)),transparent);mask-image:linear-gradient(to bottom,transparent,black var(--scroll-fade-size, 24px),black calc(100% - var(--scroll-fade-size, 24px)),transparent)}to{-webkit-mask-image:linear-gradient(to bottom,transparent,black var(--scroll-fade-size, 24px),black,black);mask-image:linear-gradient(to bottom,transparent,black var(--scroll-fade-size, 24px),black,black)}}}.neon-glow-effect{--_neon: var(--neon-color, var(--primary));box-shadow:0 0 2px color-mix(in srgb,var(--_neon) 60%,transparent),0 0 12px color-mix(in srgb,var(--_neon) 25%,transparent),0 0 24px color-mix(in srgb,var(--_neon) 10%,transparent);transition:box-shadow .3s ease}.neon-glow-effect:hover{box-shadow:0 0 3px color-mix(in srgb,var(--_neon) 80%,transparent),0 0 16px color-mix(in srgb,var(--_neon) 35%,transparent),0 0 32px color-mix(in srgb,var(--_neon) 15%,transparent)}@keyframes neon-pulse{0%,to{box-shadow:0 0 2px color-mix(in srgb,var(--_neon) 60%,transparent),0 0 12px color-mix(in srgb,var(--_neon) 25%,transparent),0 0 24px color-mix(in srgb,var(--_neon) 10%,transparent)}50%{box-shadow:0 0 4px color-mix(in srgb,var(--_neon) 80%,transparent),0 0 20px color-mix(in srgb,var(--_neon) 40%,transparent),0 0 40px color-mix(in srgb,var(--_neon) 18%,transparent)}}.neon-glow-pulse{animation:neon-pulse 2s ease-in-out infinite}