.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,#fff,#fff 45%,#faf0f0,55%,#f4f7c8);mask:linear-gradient(90deg,#fff,#fff 45%,#faf0f0,55%,#f4f7c8);-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:#000}.wipe-in{animation:wipe-in var(--duration) 1 var(--easing);-webkit-mask:linear-gradient(90deg,#000,#000 45%,#fff 50%,#000 52.5%,#000);mask:linear-gradient(90deg,#000,#000 45%,#fff 50%,#000 52.5%,#000);-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,#000,#000 45%,#fff 52.5%,#000 55%,#000);mask:linear-gradient(90deg,#000,#000 45%,#fff 52.5%,#000 55%,#000);-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}}