#web-demo-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:10px 22px;background:#123b40;color:white;font:12px system-ui;position:relative;z-index:20}#web-demo-bar>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#web-demo-bar a{color:inherit;text-decoration:none}#web-demo-bar .demo-brand{font-size:19px;font-weight:750;letter-spacing:-.5px}#web-demo-bar .demo-brand b{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#e0df88;margin-left:8px}#web-demo-bar button{padding:6px 10px;background:#ffffff12;color:#fff;border:1px solid #ffffff40;border-radius:6px;font:inherit}#web-demo-bar button:hover{background:#ffffff28}#ribbon{display:none!important}.web-demo-document{width:100%;height:900px;border:0;background:#fff}.client-workshop .bar{flex-wrap:wrap;gap:8px}.client-workshop .bar h3{flex:1;min-width:130px}@media(max-width:900px){.client-layout{grid-template-columns:1fr!important}.client-workshop-row{flex-wrap:wrap}}@media(max-width:600px){#web-demo-bar{padding:10px 12px;gap:8px}#web-demo-bar>div{width:100%;justify-content:space-between;font-size:11px}.login-shell{margin:16px auto!important}.login-heading h1{font-size:24px!important}.login-heading img.demo-login-workshop{height:115px}.login-people{grid-template-columns:repeat(2,minmax(0,1fr))!important}.login-person-button{padding:15px 7px!important}.login-person-button b{font-size:13px}.login-portrait{width:62px!important;height:62px!important}}@media print{#web-demo-bar{display:none}}
@media screen and (max-width:760px){body.network-browser #network-menu{position:static;left:auto;top:auto;z-index:auto;min-height:40px;box-shadow:none}body.network-browser #nav{top:var(--demo-bar-height,120px)}body.network-browser #shell{height:calc(100dvh - var(--demo-bar-height,120px))}body.network-browser #main{padding-top:20px}#web-demo-bar>div{justify-content:flex-start;gap:7px}}