.outline-demo-menu{z-index:20;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111316e6;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:14px;min-height:42px;padding:5px 7px 5px 14px;display:flex;position:fixed;top:12px;left:16px;right:16px;box-shadow:0 12px 36px #00000047}.outline-demo-home,.outline-demo-menu nav a{color:#c9d7e6;font-size:12px;text-decoration:none}.outline-demo-home{color:#8bd3ff}.outline-demo-title{color:#f8fafc;white-space:nowrap;font-size:13px;font-weight:700}.outline-demo-menu nav{flex:1;justify-content:center;gap:4px;display:flex}.outline-demo-menu nav a{white-space:nowrap;border-radius:6px;padding:7px 11px}.outline-demo-menu nav a:hover{color:#fff;background:#2c3440}.outline-demo-menu nav a.is-active{color:#fff;background:#285b7a}.outline-controls-panel{top:70px}@media (width<=760px){.outline-demo-menu{flex-wrap:wrap;align-items:flex-start}.outline-demo-menu nav{flex-basis:100%;order:3;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.outline-controls-panel{max-width:calc(100vw - 56px);top:112px}}