.fancy-wipe{margin:0;font-weight:900;position:relative;--duration:4s;--easing:cubic-bezier(0.45,0,0.55,1);--colors:linear-gradient(90deg,#fff89a,#cdf2ca,#a2cdcd,#d1e8e4,#cab8ff,#ff7878,#ffc898)}.text{display:block;animation:wipe-in var(--duration) infinite var(--easing);-webkit-mask:linear-gradient(90deg,white,white 45%,rgb(250,240,240),55%,rgb(244,247,200));mask:linear-gradient(90deg,white,white 45%,rgb(250,240,240),55%,rgb(244,247,200));-webkit-mask-composite:xor;mask-composite:exclude;mask-mode:luminance;-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-position:100% 0;mask-position:100% 0}.dark .text,.text{color:black}.wipe-in{animation:wipe-in var(--duration) 1 var(--easing);-webkit-mask:linear-gradient(90deg,black,black 45%,white 50%,black 52.5%,black);mask:linear-gradient(90deg,black,black 45%,white 50%,black 52.5%,black);-webkit-mask-composite:xor;mask-composite:exclude;mask-mode:luminance;-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-position:100% 0;mask-position:100% 0}.blur-in,.wipe-in{position:absolute;left:0;top:0;width:100%;height:100%;background-image:var(--colors);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blur-in{animation:wipe-in var(--duration) infinite var(--easing);-webkit-mask:linear-gradient(90deg,black,black 45%,white 52.5%,black 55%,black);mask:linear-gradient(90deg,black,black 45%,white 52.5%,black 55%,black);-webkit-mask-composite:xor;mask-composite:exclude;mask-mode:luminance;-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-position:100% 0;mask-position:100% 0;filter:blur(10px)}@keyframes wipe-in{to{-webkit-mask-position:0 0;mask-position:0 0}}