.ion-demo{flex-direction:column;height:100svh;display:flex;overflow:hidden}.ion-demo-bar{z-index:40;color:#fff;background:#151515;border-bottom:1px solid #444;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;font:11px/1.5 Inter Variable,sans-serif;display:flex;position:relative}.ion-demo-bar strong{font-size:12px;font-weight:550;display:block}.ion-demo-bar span{color:#aaa;font-size:10px}.ion-demo-bar nav{align-items:center;gap:18px;display:flex}.ion-demo-bar button{cursor:pointer}.ion-demo-bar :is(a,button):focus-visible{outline-offset:4px;outline:2px solid #fff}.ion-demo-cta{color:#111;background:#fff;border-radius:20px;padding:8px 12px}.ion-demo-workspace{flex:1;min-height:0;position:relative}.ion-demo-app-shell>[data-slot=sidebar-wrapper]{height:100%;min-height:0}.ion-demo-workspace [data-slot=sidebar-inset]{height:100%}.ion-demo-workspace [data-slot=sidebar-container]{height:100%;position:absolute}@media (width<=600px){.ion-demo-bar{padding:10px 12px}.ion-demo-bar nav{justify-content:space-between;gap:10px;width:100%}}.ion-demo-workspace{flex-direction:column;display:flex}.ion-demo-app-shell{flex:1;min-height:0;position:relative}.ion-demo-app-nav{display:none}@media (width<=767px){.ion-demo-app-nav{color:#111;background:#fff;border-bottom:1px solid #ddd;flex-shrink:0;gap:3px;padding:5px 8px;display:flex}.ion-demo-app-nav button{text-transform:capitalize;cursor:pointer;border-radius:5px;flex:1;min-height:40px;padding:8px 4px;font-size:10px}.ion-demo-app-nav button[aria-pressed=true]{background:#eee;font-weight:600}.ion-demo-app-shell header{flex-wrap:wrap;height:auto;min-height:56px;padding-top:8px;padding-bottom:8px}}.ion-demo-embedded .ion-demo-app-nav{display:none}