/* Website exits stay separate from the demonstration's own navigation. */
.website-demo-nav{display:flex;align-items:center;gap:18px;min-width:0;font:13px/1.4 Inter,Arial,sans-serif;color:#18242d}
.website-demo-nav a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;white-space:nowrap}
.website-demo-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.website-demo-nav a:focus-visible,a.brand:focus-visible{outline:2px solid #18242d;outline-offset:3px;border-radius:2px}
.website-demo-nav .brand{font-size:17px;gap:8px;margin-right:5px}
.website-demo-nav .brand img{width:25px;height:25px}
.website-demo-nav .website-discuss{font-weight:600}
.chooser>header{flex-wrap:wrap;gap:12px}
.demobar{flex-wrap:wrap}
.demobar>.row{min-width:0}
.demobar .switches{display:flex;flex-wrap:wrap;max-width:100%}
.demobar #restart-demo{position:static}
a.brand{color:inherit;text-decoration:none}
.website-embedded-demo{--website-nav-height:56px;padding:var(--website-nav-height) 0 0!important}
.website-embedded-demo>.website-demo-nav{position:fixed;top:0;left:0;right:0;height:var(--website-nav-height);padding:0 24px;background:#fff;border-bottom:1px solid #dbe1e6;z-index:100}
.website-embedded-demo.walkthrough-open{box-sizing:border-box;height:100vh;height:100dvh;min-height:0;overflow:hidden}
.website-embedded-demo.walkthrough-open #offline-player{height:100%}
.website-embedded-demo #clinical-frame,.website-embedded-demo #invoice-frame,.website-embedded-demo #social-frame{display:block;width:100%;height:calc(100vh - var(--website-nav-height));height:calc(100dvh - var(--website-nav-height));border:0}
@media(max-width:640px){
  .pagetitle{flex-wrap:wrap;gap:12px}
  .pagetitle>.badge{white-space:normal;align-self:flex-start}
  .website-demo-nav{font-size:12px;gap:14px}
  .website-demo-nav .brand{font-size:14px;gap:6px;margin-right:0}
  .website-demo-nav .brand img{width:23px;height:23px}
  .website-embedded-demo>.website-demo-nav{padding-inline:12px}
}