.demo-shell-nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:7px 10px;border:1px solid #ffffff33;border-radius:8px;background:#102d29;color:#fff;font:600 12px/1.2 ui-sans-serif,system-ui,sans-serif}.demo-shell-nav a,.demo-shell-nav button{border:0;border-radius:5px;background:transparent;color:inherit;padding:7px 9px;text-decoration:none;font:inherit;cursor:pointer}.demo-shell-nav a:hover,.demo-shell-nav button:hover,.demo-shell-nav a:focus-visible,.demo-shell-nav button:focus-visible{background:#ffffff18;outline:2px solid #d7e99e;outline-offset:1px}.demo-shell-nav button{border-left:1px solid #ffffff33}@media (max-width: 720px){.demo-shell-nav{width:100%;order:5}.demo-shell-nav a,.demo-shell-nav button{flex:1 1 auto;text-align:center}.demo-shell-nav button{border-left:0}}