.mg-marquee-x{animation:mg-marquee var(--duration,40s) linear infinite}.mg-marquee-y{animation:mg-marquee-vertical var(--duration,40s) linear infinite}@keyframes mg-marquee{0%{transform:translate(0)}to{transform:translateX(calc(-100% - var(--gap,1rem)))}}@keyframes mg-marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - var(--gap,1rem)))}}.mg-shimmer{background:linear-gradient(110deg, transparent 30%, color-mix(in srgb, var(--accent) 55%, transparent) 50%, transparent 70%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite mg-shimmer}@keyframes mg-shimmer{0%{background-position:220% 0}to{background-position:-120% 0}}.mg-grid{animation:18s linear infinite mg-grid}@keyframes mg-grid{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.mg-magic{position:relative}.mg-magic-spot{border-radius:inherit;opacity:0;background:radial-gradient(200px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--accent) 22%, transparent), transparent 72%);transition:opacity .35s;position:absolute;inset:0}.mg-magic:hover .mg-magic-spot{opacity:1}.mg-orbit{animation:mg-orbit var(--dur,20s) linear infinite}@keyframes mg-orbit{0%{transform:rotate(calc(var(--angle) * 1deg)) translateY(calc(var(--radius) * 1px)) rotate(calc(var(--angle) * -1deg))}to{transform:rotate(calc(var(--angle) * 1deg + 360deg)) translateY(calc(var(--radius) * 1px)) rotate(calc(var(--angle) * -1deg - 360deg))}}@media (prefers-reduced-motion:reduce){.mg-marquee-x,.mg-marquee-y,.mg-shimmer,.mg-grid,.mg-orbit{animation:none!important}}