.web-demo-shell{background:#f4f5f2;width:100%;height:100dvh;overflow:hidden}.web-demo-bar{z-index:10;color:#101511;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8f9f6f0;border-bottom:1px solid #d9ddd8;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:68px;padding:0 clamp(18px,3vw,48px);display:grid;position:relative}.web-demo-home{width:clamp(142px,14vw,196px);display:block}.web-demo-home img{width:100%;height:auto;display:block}.web-demo-bar>span,.web-demo-bar>a:last-child{letter-spacing:.1em;text-transform:uppercase;font:600 10px/1.2 Arial,sans-serif}.web-demo-bar>span{color:#727a74}.web-demo-bar>a:last-child{border-bottom:1px solid #0ac866;justify-self:end;padding-bottom:4px}.web-demo-shell>iframe{background:#fff;border:0;width:100%;height:calc(100dvh - 68px);display:block}@media (max-width:680px){.web-demo-bar{grid-template-columns:1fr auto;height:60px}.web-demo-bar>span{display:none}.web-demo-home{width:132px}.web-demo-shell>iframe{height:calc(100dvh - 60px)}}