.wf-ticker{
    font-family:var(--wf-sans);
    color:var(--wf-text-primary);
    width:100%;overflow:hidden;
    display:flex;align-items:center;
    padding:6px 0;background:#fff;
    mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}
.wf-ticker__track{
    display:inline-flex;white-space:nowrap;align-items:center;
    animation:wf-ticker-scroll var(--wf-ticker-speed,60s) linear infinite;
    will-change:transform;
}
.wf-ticker:hover .wf-ticker__track{animation-play-state:paused}
.wf-ticker__group{display:inline-flex;align-items:center;padding-right:1.5rem}
.wf-ticker__item{
    display:inline-flex;align-items:center;gap:0.45rem;
    padding:0 1.25rem;
    text-decoration:none;color:inherit;
    font-size:0.9rem;line-height:1;
}
.wf-ticker__item:hover{color:var(--wf-accent)}
.wf-ticker__dot{width:10px;height:10px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0;font-size:0;line-height:0}
.wf-ticker__name{font-weight:600;color:var(--wf-text-secondary)}
.wf-ticker__range{font-weight:800;color:var(--wf-text-primary);letter-spacing:-0.01em}
@keyframes wf-ticker-scroll{
    from{transform:translate3d(0,0,0)}
    to{transform:translate3d(-50%,0,0)}
}
@media(prefers-reduced-motion:reduce){
    .wf-ticker__track{animation:none}
}
@media(max-width:768px){
    .wf-ticker__item{font-size:0.82rem;padding:0 0.9rem;gap:0.35rem}
    .wf-ticker__dot{width:12px;height:12px}
}