#sandbox-banner{position:sticky;top:0;z-index:1000;display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:12px 22px;background:#06265a;color:#fff;font:13px/1.5 system-ui}#sandbox-banner span{flex:1;min-width:240px;color:#d5e8ff}#sandbox-banner a{color:#a5deff}#sandbox-banner button{background:#fff;color:#12396d;border:0;border-radius:7px;padding:7px 12px;cursor:pointer}body:has(#sandbox-banner) .sidebar{top:var(--demo-bar-height,68px);height:calc(100vh - var(--demo-bar-height,68px))}body:has(#sandbox-banner) .topbar{top:var(--demo-bar-height,68px)} @media(max-width:700px){#sandbox-banner{position:relative}body:has(#sandbox-banner) .sidebar{top:0;height:auto}body:has(#sandbox-banner) .topbar{top:0}}