.incidentContextMap{background:#fff;border:1px solid #c9c2b7;border-top:5px solid #173f36;margin:42px 0;padding:22px}.incidentMapHeading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px;display:flex}.incidentMapHeading>div{gap:4px;display:grid}.incidentMapHeading span{color:#b8462d;letter-spacing:.14em;font-size:9px;font-weight:900}.incidentMapHeading b{font:700 25px/1.05 Georgia,serif}.incidentMapHeading small{color:#50645d;text-transform:uppercase;font-size:10px;font-weight:900}.incidentMapFrame{background:#dce7e3;border:1px solid #9daea8;position:relative}.incidentMapCanvas{z-index:1;height:410px}.incidentMapError{z-index:500;color:#87311e;text-align:center;background:#fff4ef;padding:12px;font-size:11px;font-weight:900;position:absolute;inset:20px 20px auto}.incidentContextMap>p{color:#596b65;margin:12px 0 0;font-size:11px;line-height:1.45}.incidentContextMap.compact{margin:18px 0 20px;padding:12px}.incidentContextMap.compact .incidentMapHeading b{font-size:18px}.incidentContextMap.compact .incidentMapCanvas{height:250px}.incidentContextMap.compact>p{font-size:9px}@media (width<=650px){.incidentContextMap{margin:30px -6px;padding:15px 12px}.incidentMapHeading{align-items:start;display:grid}.incidentMapCanvas{height:340px}.incidentContextMap.compact{margin:16px 0}.incidentContextMap.compact .incidentMapCanvas{height:230px}}.trafficCameraPanel{border-top:1px solid #cfd9d6;margin-top:20px;padding-top:14px}.trafficCameraHeading{justify-content:space-between;align-items:center;gap:12px;display:flex}.trafficCameraHeading h3{margin:0;font-size:18px}.trafficCameraHeading button{cursor:pointer;background:#fff;border:1px solid #afbfbb;border-radius:4px;place-items:center;width:34px;height:34px;display:grid}.trafficCameraHeading svg,.trafficCameraCheck svg{width:17px;height:17px}.trafficCameraCaveat,.trafficCameraMessage{color:#526160;margin:6px 0;font-size:13px}.trafficCameraOffline{color:#6d2929;margin:8px 0;font-size:13px;font-weight:600}.trafficCameraAlert{color:#612623;background:#fff4f1;border-left:4px solid #a93232;margin:10px 0;padding:10px 12px;font-size:13px}.trafficCameraAlert strong{margin-bottom:5px;display:block}.trafficCameraAlert ul{margin:0;padding:0;list-style:none}.trafficCameraAlert li{justify-content:space-between;gap:12px;padding:3px 0;display:flex}.trafficCameraAlert time{white-space:nowrap}.trafficCameraMessage:empty{display:none}.trafficVolumeReport{border-top:2px solid #a3620c;border-bottom:1px solid #dce4e1;margin:10px 0;padding:12px 0}.trafficVolumeReport strong{font-size:14px;display:block}.trafficVolumeReport time{color:#5c6a68;margin-top:3px;font-size:12px;display:block}.trafficVolumeReport .trafficReportImage{width:min(100%,420px);margin:9px 0;display:block}.trafficVolumeReport p{margin:7px 0 0;font-size:13px;line-height:1.45}.trafficIntersectionSummary{border-top:1px solid #dce4e1;padding:10px 0;font-size:13px}.trafficIntersectionSummary strong{margin-bottom:4px;display:block}.trafficIntersectionSummary div{color:#174941;flex-wrap:wrap;gap:4px 18px;font-weight:600;display:flex}.trafficIntersectionSummary small{color:#5c6a68;margin-top:4px;font-size:12px;display:block}.trafficCameraRow{border-top:1px solid #dce4e1;grid-template-columns:minmax(180px,1fr) minmax(110px,.65fr) 220px auto;align-items:center;gap:12px;padding:10px 0;display:grid}.trafficCameraTitle{align-items:center;gap:9px;min-width:0;display:flex}.trafficCameraTitle strong{font-size:14px;line-height:1.25;display:block}.trafficCameraTitle small,.trafficCameraReading small{color:#5c6a68;margin-top:3px;font-size:12px;display:block}.trafficCameraReading{font-size:13px}.trafficCameraSides{color:#174941;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:5px;font-weight:700;display:flex}.trafficCameraSides small{margin:0;font-weight:400}.trafficCameraSignal{color:#fff;background:#111;border-radius:50%;flex:0 0 31px;place-items:center;width:31px;height:31px;display:grid}.trafficCameraSignal svg{width:19px;height:19px}.trafficCameraSignal.gray{background:#697475}.trafficCameraSignal.green{background:#207347}.trafficCameraSignal.amber{background:#a3620c}.trafficCameraSignal.red{background:#a93232}.trafficCameraImage{aspect-ratio:16/9;background:#dce4e1;width:220px;display:block;position:relative}.trafficCameraImage img{object-fit:fill;width:100%;height:100%;display:block}.homeApp .trafficCameraImage svg,.trafficCameraImage svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.trafficCameraImage line{stroke:#e33c2e;stroke-width:3px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #fff)}.trafficCameraImage .trafficDetectedBox{fill:none;stroke:#ffe331;stroke-width:2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #111)}.trafficCameraSideLabel{z-index:1;color:#fff;pointer-events:none;background:#123b36;border:1px solid #fff;border-radius:50%;place-items:center;width:21px;height:21px;font:700 12px/1 Arial,sans-serif;display:grid;position:absolute}.trafficCameraSideLabel.upper{top:31%;right:11%}.trafficCameraSideLabel.lower{bottom:17%;left:12%}.trafficCameraCheck{white-space:nowrap;color:#163b38;cursor:pointer;background:#fff;border:1px solid #738985;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:7px 9px;display:inline-flex}.trafficCameraCheck:disabled{opacity:.55;cursor:wait}@media (width<=720px){.trafficCameraRow{grid-template-columns:minmax(0,1fr)}.trafficCameraReading,.trafficCameraRow a,.trafficCameraCheck{grid-column:1}.trafficCameraImage{width:100%;max-width:420px}.trafficCameraCheck{justify-self:start}}.trafficCameraImage:has(img[alt*=Munras]) .trafficCameraSideLabel.upper{inset:35% auto auto 35%}.trafficCameraImage:has(img[alt*=Munras]) .trafficCameraSideLabel.lower{inset:70% auto auto 65%}.trafficCameraImage:has(img[alt*=Sloat]) .trafficCameraSideLabel.upper{inset:35% auto auto 75%}.trafficCameraImage:has(img[alt*=Sloat]) .trafficCameraSideLabel.lower{inset:65% auto auto 20%}