.demo-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.demo-toolbar{color:#e3f9f2;background:#123d36;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 20px;font-size:12px;display:flex}.demo-toolbar>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.demo-toolbar strong{letter-spacing:.12em;white-space:nowrap;font-size:11px}.demo-toolbar button,.demo-dialog button{font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #6bada0;border-radius:7px;min-height:36px;padding:8px 12px}.demo-toolbar button:hover{background:#20584e}.demo-toolbar button:focus-visible,.demo-dialog button:focus-visible{outline-offset:3px;outline:2px solid #4bdac3}.demo-app{flex:1;min-height:0;overflow:auto;transform:translateZ(0)}.demo-app [data-slot=sidebar-container]{height:100%}.demo-app [data-slot=sidebar-wrapper]{min-height:100%}.demo-dialog-backdrop{z-index:1000;background:#0009;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.demo-dialog{color:#f3faf8;background:#122326;border:1px solid #395b57;border-radius:14px;max-width:440px;padding:24px}.demo-dialog h2{font-size:20px;font-weight:600}.demo-dialog p{color:#c3d5d2;margin:16px 0}.demo-dialog>div{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.demo-error{padding:48px}@media (width<=640px){.demo-toolbar{padding:8px 12px}.demo-toolbar>div{gap:3px}.demo-toolbar span{font-size:10px}.demo-toolbar button{min-height:44px;font-size:11px}}.demo-dialog{width:calc(100% - 40px);margin:auto}.demo-dialog::backdrop{background:#0009}