.gradient-text{--light-color: #ff00ff;--dark-color: #00ffff;--direction: 90deg;--animation-duration: 5s;background-image:linear-gradient(var(--direction),var(--light-color) 10%,var(--dark-color) 20%,var(--dark-color) 80%,var(--light-color) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent!important;text-fill-color:transparent!important;background-size:300% auto}.gradient-text[data-animate-gradient]{animation:textShine var(--animation-duration) linear infinite;animation-delay:var(--animation-delay)}@keyframes textShine{to{background-position:-300% -300%}}