.demo-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:10px clamp(16px,3vw,32px);background:#242d2a;color:#f3f2ec;font:500 14px/1.3 var(--ls-font),ui-sans-serif,system-ui,sans-serif}.demo-bar a{color:inherit;text-decoration:none}.demo-bar a:focus-visible{outline:2px solid #d3efbe;outline-offset:2px}.demo-bar__logo{display:inline-flex;align-items:center;min-height:44px}.demo-bar__mark{display:block;width:auto;height:22px}.demo-bar__note{margin:0;color:#a9ae92}.demo-bar__tabs{display:flex;gap:4px;margin-inline:auto}.demo-bar__tabs a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:6px}.demo-bar__tabs a:hover{background:rgb(243 242 236/.1)}.demo-bar__tabs a[aria-current=page]{background:#f3f2ec;color:#242d2a}.demo-bar .demo-bar__try{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid rgb(243 242 236/.35);border-radius:6px}.demo-bar .demo-bar__try:hover{background:rgb(243 242 236/.1)}.demo-bar .demo-bar__start{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:6px;background:#d3efbe;color:#242d2a}.demo-bar .demo-bar__start:hover{background:#c3e3aa}@media (max-width:719px){.demo-bar__note{display:none}.demo-bar .demo-bar__try{margin-left:auto}.demo-bar__tabs{order:3;flex:1 0 100%;margin-inline:0}.demo-bar__tabs a{flex:1;justify-content:center;padding:0 6px;text-align:center}}