@property --marquee-start{syntax:"<number>";inherits:true;initial-value:0}[data-marquee]{white-space:nowrap;display:flex;position:relative;overflow:hidden}[data-marquee][data-truncated]{--marquee-fade:28px;--marquee-fade-start:calc(var(--marquee-start) * 20px);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--marquee-fade-start), #000 calc(100% - var(--marquee-fade)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--marquee-fade-start), #000 calc(100% - var(--marquee-fade)), transparent)}[data-marquee-track]{flex:none;gap:32px;display:flex}[data-marquee-track]>*{flex:none}[data-marquee-blur]{pointer-events:none;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);position:absolute;inset-block:0}[data-marquee-blur=end]{width:var(--marquee-fade);right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}[data-marquee-blur=start]{width:20px;opacity:var(--marquee-start);left:0;-webkit-mask-image:linear-gradient(270deg,#0000,#000);mask-image:linear-gradient(270deg,#0000,#000)}
