@keyframes jumbo{0%{background-position:50% 50%,50% 50%}to{background-position:350% 50%,350% 50%}}.jumbo-effect{--stripes:repeating-linear-gradient(100deg,#fff,#fff 7%,transparent 10%,transparent 12%,#fff 16%);--stripesDark:repeating-linear-gradient(100deg,#000,#000 7%,transparent 10%,transparent 12%,#000 16%);--rainbow:repeating-linear-gradient(100deg,var(--color1,#eb1e1e) 10%,var(--color2,#50b56f) 15%,var(--color2,#50b56f) 20%,var(--color3,#2aa1ff) 25%,var(--color4,#6567c3) 30%);background-size:300%,200%;background-position:50% 50%,50% 50%;filter:blur(10px) invert(100%);-webkit-mask-image:radial-gradient(ellipse at 100% 0,black 40%,transparent 70%);mask-image:radial-gradient(ellipse at 100% 0,black 40%,transparent 70%);pointer-events:none}.jumbo-effect,.jumbo-effect:after{background-image:var(--stripes),var(--rainbow);transition:background-image .8s ease-in-out}.jumbo-effect:after{content:"";position:absolute;inset:0;background-size:200%,100%;animation:jumbo 60s linear infinite;background-attachment:fixed;mix-blend-mode:difference}.dark .jumbo-effect{filter:blur(10px) opacity(50%) saturate(200%)}.dark .jumbo-effect,.dark .jumbo-effect:after{background-image:var(--stripesDark),var(--rainbow)}.jumbo-effect.slow{animation-duration:120s}.jumbo-effect.center-mask{-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 30%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 50%,black 30%,transparent 70%)}.jumbo-effect.multi-mask{-webkit-mask-image:radial-gradient(ellipse at 100% 0,black 40%,transparent 70%),radial-gradient(ellipse at 0 100%,black 40%,transparent 70%);mask-image:radial-gradient(ellipse at 100% 0,black 40%,transparent 70%),radial-gradient(ellipse at 0 100%,black 40%,transparent 70%);-webkit-mask-composite:source-over;mask-composite:add}