.vision-detection-figure{min-width:0;margin:0}.vision-detection-stage{position:relative;isolation:isolate;aspect-ratio:1200/795;width:100%;overflow:hidden;border-radius:4px;background:#14252c}.vision-detection-stage>img{display:block;width:100%;height:100%;object-fit:contain}.vision-detection-overlay{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 1px 1px #061b1b80)}.vision-vehicle-outline{stroke:#8ef5bc;stroke-width:1.8}.vision-plate-outline{stroke:#ffe39b;stroke-width:1.8}.vision-plate-leader{stroke:#ffe39b;stroke-width:1.2}.vision-distance-guide{stroke:#fff;stroke-width:1.4;stroke-dasharray:5 4}.vision-detection-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:absolute;top:14px;left:14px;right:14px;color:#eff8fa;font-size:11px;line-height:1.5}.vision-detection-top>span,.vision-detection-top>small{display:block;padding:7px 10px;background:#10262cdd;border:1px solid #ffffff2b;border-radius:3px;font-weight:400}.vision-detection-top>small{font-size:10px;white-space:nowrap}.vision-target-label{position:absolute;left:63.1667%;top:41.2579%;transform:translateY(-100%);background:#16392eee;color:#9cf8c4;padding:5px 8px;font-size:11px;line-height:1.5;border-radius:3px 3px 0 0;white-space:nowrap}.vision-plate-label{position:absolute;left:52.0833%;top:89.6855%;transform:translate(-50%,-50%);padding:5px 8px;border-radius:3px;color:#ffe5a3;background:#292619ed;font-size:11px;line-height:1.4;white-space:nowrap}.vision-distance-label{position:absolute;left:77%;top:93.8%;transform:translateY(-100%);padding:4px 7px;border-radius:3px;color:#fff;background:#10262cdd;font-size:11px;line-height:1.5;white-space:nowrap}.vision-detection-metrics{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:0;margin:0;background:#f5f6f8;border:1px solid #e4e7eb;border-top:0}.vision-detection-metrics>div{min-width:0;padding:20px 16px;border-right:1px solid #e4e7eb}.vision-detection-metrics>div:last-child{border-right:0}.vision-detection-metrics dt{color:#66707d;font-size:11px;line-height:1.6;margin-bottom:8px}.vision-detection-metrics dd{margin:0;color:#263241;font-size:23px;font-weight:550;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap}.vision-detection-metrics dd.vision-plate-value{font-size:18px;line-height:1.92;letter-spacing:.015em}.vision-detection-metrics dd>small{font-size:12px;font-weight:400;color:#66707d}.vision-detection-figure figcaption{font-size:11px;color:#74808e;line-height:1.8;padding-top:12px}
@media(max-width:1100px){.vision-detection-metrics{grid-template-columns:1fr 1fr}.vision-detection-metrics>div{padding:16px 20px}.vision-detection-metrics>div:nth-child(2){border-right:0}.vision-detection-metrics>div:nth-child(-n+2){border-bottom:1px solid #e4e7eb}.vision-detection-top{top:10px;left:10px;right:10px;font-size:10px;gap:8px}.vision-detection-top>span,.vision-detection-top>small{padding:5px 7px}.vision-detection-top>small{font-size:9px}.vision-target-label,.vision-plate-label,.vision-distance-label{font-size:10px;padding:4px 6px}}
@media(max-width:420px){.vision-detection-top>small{display:none}.vision-detection-metrics>div{padding:15px}.vision-target-label{font-size:9px;padding:3px 5px}.vision-plate-label,.vision-distance-label{font-size:9px;padding:3px 5px}}

.event-visual .vision-detection-figure figcaption{padding:12px 20px;background:#f5f6f8}

.vision-detection-figure.is-alert .vision-vehicle-outline{stroke:#ffb36a}.vision-detection-figure.is-alert .vision-target-label{background:#583416ee;color:#ffe0b4}.vision-detection-figure.is-alert .vision-distance-label{background:#8e291df0}