.viz{margin-top:35px;padding-top:30px}
.viz[hidden],.viz [hidden]{display:none!important}
.viz-heading h2{font-size:clamp(27px,3.5vw,42px);line-height:1.2;margin:12px 0}
.viz-heading>p:last-child{color:#b7c9db;line-height:1.8;max-width:750px}
.viz-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);border:1px solid #294159;border-radius:20px;overflow:hidden;background:#101e30;margin-top:25px}
.viz-picture{align-self:start;background:#17334c}
.viz-picture svg{display:block;width:100%;height:auto}
.viz-panel{padding:25px}
.viz-panel h3{font-size:24px;line-height:1.35;color:#edf4ff;margin:12px 0}
#viz-detail{color:#b7c9db;line-height:1.8;font-size:14px}
#viz-zone{fill:#65ddeb;fill-opacity:.13;stroke:#65ddeb;stroke-width:3;stroke-dasharray:9 6}
.viz.is-alert #viz-zone{fill:#ff967b;fill-opacity:.2;stroke:#ffad8c;stroke-dasharray:none}
.viz.is-alert #viz-corners{fill:#ffad8c}
.viz.is-alert #viz-person-box{opacity:1}
.viz-notification{margin:20px 0;padding:17px;border:1px solid #ba705c;border-radius:12px;background:#34252a}
.viz-notification>span{font-size:9px;letter-spacing:1.5px;color:#ffbc9f}
.viz-notification h4{margin:10px 0;color:#fff;font-size:16px}
.viz-notification p{margin:0;color:#e0c3bd;line-height:1.8;font-size:12px}
.viz-steps{padding-left:21px;color:#9eb4c8;font-size:13px;line-height:1.7;margin:22px 0}
.viz-steps li{padding:5px 0}
.viz-steps li.is-active{color:#75e7ec}
#viz-start{border:0;border-radius:10px;padding:13px 20px;background:#2574ff;color:white;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
#viz-start:disabled{opacity:.55;cursor:wait}
#viz-start:focus-visible{outline:3px solid white;outline-offset:4px}
.viz-small{font-size:11px;color:#97b0c4;line-height:1.8;margin-top:16px}
@media(max-width:850px){.viz-layout{grid-template-columns:1fr}.viz-panel{padding:22px}}