@property --text-fade{syntax:"<length>";inherits:false;initial-value:0}[data-slot=text][data-overflow=scroll] [data-slot=text-inner]{white-space:nowrap;display:inline-block;position:relative}[data-slot=text][data-overflow=scroll] [data-slot=text-inner]:after{content:none;padding-left:var(--text-gap,2rem);position:absolute;top:0;left:100%}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){[data-slot=text][data-overflow=scroll][data-scrolling]{text-overflow:clip;-webkit-mask-image:linear-gradient(to right, transparent, black var(--text-fade), black calc(100% - var(--text-fade)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, black var(--text-fade), black calc(100% - var(--text-fade)), transparent);mask-image:linear-gradient(to right, transparent, black var(--text-fade), black calc(100% - var(--text-fade)), transparent);animation:text-fade-edges .2s linear var(--text-delay,1s) 1 both}[data-slot=text][data-overflow=scroll][data-scrolling] [data-slot=text-inner]{animation-name:text-rotate;animation-duration:var(--text-duration,5s);animation-delay:var(--text-delay,1s);animation-timing-function:linear;animation-iteration-count:infinite}[data-slot=text][data-overflow=scroll][data-scrolling] [data-slot=text-inner]:after{content:attr(data-title)}}@keyframes text-fade-edges{to{--text-fade:.625rem}}@keyframes text-rotate{to{transform:translateX(calc(-100% - var(--text-gap,2rem)))}}