.wk-traffic-radar-dot{display:inline-block;width:10px;height:10px;min-width:10px;min-height:10px;margin-left:8px;border:1px solid rgba(215,239,255,.8);border-radius:50%;background:radial-gradient(circle at 35% 25%,#eaf8ff 0,#43adff 35%,#0753b7 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,.7),0 0 9px rgba(38,146,255,.75);vertical-align:middle}
.wk-traffic-radar-dot[data-state="green"]{border-color:#d5ffe3;background:radial-gradient(circle at 35% 25%,#edfff3 0,#3ddc84 42%,#08783b 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,.75),0 0 9px rgba(49,220,126,.7)}
.wk-traffic-radar-dot[data-state="yellow"]{border-color:#ffe5a1;background:radial-gradient(circle at 35% 25%,#fff9d8 0,#ffc94d 42%,#b46a00 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,.8),0 0 10px rgba(255,190,43,.8);animation:wk-radar-alert 850ms steps(2,end) infinite}
.wk-traffic-radar-dot[data-state="red"]{border-color:#ffd8d8;background:radial-gradient(circle at 35% 25%,#fff0f0 0,#ff353c 42%,#87000b 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,.72),0 0 12px rgba(255,23,40,.82);animation:wk-radar-danger 900ms ease-in-out infinite}
.wk-traffic-radar-dot[data-state="unknown"]{border-color:#a7aaad;background:radial-gradient(circle at 35% 25%,#dedede 0,#73777a 44%,#25282a 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,.5),0 0 5px rgba(200,200,200,.25)}
@keyframes wk-radar-alert{50%{filter:brightness(.48);box-shadow:inset 0 1px 2px rgba(255,255,255,.3),0 0 3px rgba(255,190,43,.22)}}
@keyframes wk-radar-danger{50%{filter:brightness(.68);box-shadow:inset 0 1px 2px rgba(255,255,255,.36),0 0 5px rgba(255,23,40,.3)}}
@media(prefers-reduced-motion:reduce){.wk-traffic-radar-dot[data-state="yellow"],.wk-traffic-radar-dot[data-state="red"]{animation:none}}