.public-site .security-zebra{fill:var(--marking);opacity:.35}.public-site .security-give-way{fill:none;stroke:var(--marking);stroke-width:1.6;stroke-dasharray:4.8 2.4;opacity:.7}.public-site .security-wall{fill:var(--road-edge);opacity:.6}.public-site .security-door{fill:none;stroke:var(--marking);stroke-width:2;stroke-linecap:round;opacity:.85}.public-site .security-swing{fill:none;stroke:var(--marking);stroke-width:1;stroke-dasharray:3 2.5;opacity:.5}.public-site .security-shutter{fill:none;stroke:var(--marking);stroke-width:2.4;stroke-dasharray:4 3;opacity:.8}.public-site .security-bumper{fill:var(--marking);opacity:.7}.public-site .security-apron{fill:none;stroke:var(--marking);stroke-width:1;opacity:.28}.public-site .security-demo .demo-pulse.alert{stroke:var(--flag);stroke-linejoin:round}.public-site .security-total:not([data-alerts="0"]) .demo-total-count{fill:var(--flag)}.public-site .security-alert-pop{fill:var(--flag);font-size:calc(12px * var(--k, 1));font-weight:500}.public-site .security-mark{fill:var(--flag);fill-opacity:.18;stroke:var(--flag);stroke-width:1.4;stroke-linejoin:round}.public-site :is(.security-timer,.security-mark-label){font-size:calc(11px * var(--k, 1))}.public-site :is(.security-timer,.security-mark-label) rect{fill:var(--scene);stroke:var(--accent);stroke-width:1}.public-site :is(.security-timer,.security-mark-label) text{fill:var(--accent);font-weight:500;font-variant-numeric:tabular-nums}.public-site :is(.security-timer[data-state=flagged],.security-mark-label) rect{stroke:var(--flag)}.public-site :is(.security-timer[data-state=flagged],.security-mark-label) text{fill:var(--flag)}.public-site .security-panel{container-type:inline-size}.public-site .demo-data.security-data{display:flex;flex-wrap:wrap;align-items:flex-start}.public-site .security-data>.demo-table{min-width:-moz-min-content;min-width:min-content}.public-site .security-data>.security-zones{flex:1 1 22ch}.public-site .security-data>.security-log{flex:1 1 20ch}.public-site .security-data td[data-state=flagged]{color:var(--flag)}.public-site .security-note{flex:1 0 100%}@container (max-width: 304px){.public-site .security-data>.demo-table{flex-basis:100%}}