.traffic-pulse{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;margin:0 0 24px;padding:13px 16px;border:1px solid #ded5fb;border-radius:22px;background:linear-gradient(110deg,rgba(255,255,255,.96),rgba(247,242,255,.96) 58%,rgba(235,253,248,.96));box-shadow:0 14px 34px rgba(68,43,137,.08);overflow:hidden}
.traffic-pulse-heading{display:flex;align-items:center;gap:11px;white-space:nowrap}.traffic-pulse-heading .eyebrow{margin:0 0 2px;font-size:10px;color:#0e9e91}.traffic-pulse-heading h2{margin:0;font-size:16px;color:#251368}.traffic-pulse-signal{position:relative;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#dff8f3}.traffic-pulse-signal i{width:10px;height:10px;border-radius:50%;background:#20b8a7;box-shadow:0 0 0 5px rgba(32,184,167,.13)}.traffic-pulse-signal b{position:absolute;inset:4px;border:1px solid rgba(32,184,167,.3);border-radius:50%;animation:pulseSignal 2.2s ease-out infinite}
.traffic-pulse-window{min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.traffic-pulse-track{display:flex;width:max-content;animation:trafficFlow 48s linear infinite}.traffic-pulse-group{display:flex;align-items:center;gap:12px;padding-right:12px}.traffic-pulse-window:hover .traffic-pulse-track,.traffic-pulse-window:focus .traffic-pulse-track,.traffic-pulse-window:focus-within .traffic-pulse-track{animation-play-state:paused}
.traffic-pulse-item{position:relative;display:flex;align-items:center;gap:9px;min-width:max-content;padding:10px 14px 10px 34px;border:1px solid #e6def8;border-radius:14px;background:#fff;color:#766d99;font-size:12px;box-shadow:0 6px 16px rgba(58,35,119,.05)}.traffic-pulse-item:before{content:"";position:absolute;left:14px;width:9px;height:9px;border-radius:50%;background:#ffad45;box-shadow:0 0 0 5px #fff1dd}.traffic-pulse-item strong{color:#5d3ee8}.traffic-pulse-item time{color:#9a91b9;font-size:10px}.traffic-pulse-track.pulse-refreshed .traffic-pulse-item:first-child{animation:newTrafficGlow 1s ease}
@keyframes trafficFlow{to{transform:translateX(-50%)}}@keyframes pulseSignal{0%{transform:scale(.65);opacity:1}100%{transform:scale(1.25);opacity:0}}@keyframes newTrafficGlow{50%{border-color:#58d0c3;box-shadow:0 0 0 5px rgba(88,208,195,.13)}}
@media(max-width:900px){.traffic-pulse{grid-template-columns:1fr;gap:10px}.traffic-pulse-heading{padding-left:3px}.traffic-pulse-track{animation-duration:38s}}@media(max-width:600px){.traffic-pulse{margin-bottom:18px;padding:11px;border-radius:18px}.traffic-pulse-heading h2{font-size:14px}.traffic-pulse-signal{width:34px;height:34px}.traffic-pulse-item{font-size:11px;padding-top:8px;padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.traffic-pulse-signal b{animation:none}.traffic-pulse-track{animation:trafficFlow 70s linear infinite}.traffic-pulse-window{overflow:hidden}.traffic-pulse-track.pulse-refreshed .traffic-pulse-item:first-child{animation:none}}