.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 18px;background:#e3f6ed;color:#326957;border-bottom:1px solid #cce9dc;flex-shrink:0;font-size:11px;line-height:1.4}.demo-banner>span{letter-spacing:.025em}.demo-banner a{color:#0f6e50;text-decoration:none;font-weight:700;white-space:nowrap}.demo-banner a:hover{text-decoration:underline}#demoQuickStart{white-space:nowrap;font-size:12px}.demo-steps{padding-left:22px;line-height:1.65;color:#46606d}.demo-steps li{padding:4px 0 10px}.demo-steps strong{color:#254a50}.demo-banner a:focus-visible{outline:2px solid #08764f;outline-offset:3px}@media(max-width:700px){.topbar .brand-byline{font-size:8px}.topbar{gap:7px;padding-inline:10px}.topbar .document-name{display:none}.topbar #demoQuickStart{padding:7px}.demo-banner{padding:8px 12px;font-size:10px}.demo-banner>span{max-width:200px}.topbar .primary,.topbar .secondary{padding-inline:9px}#webCamera{font-size:11px}}@media(max-width:420px){.topbar .brand{max-width:84px}.brand-main{gap:5px}.topbar .brand-mark{width:25px;font-size:23px}.topbar .brand-main>span:last-child{font-size:18px}.topbar #webCamera{max-width:66px;white-space:normal;line-height:1.3}.demo-banner{gap:8px}}