body.ls-demo-mode{--demo-toolbar-height:114px;padding-top:var(--demo-toolbar-height)}.ls-demo-mode .ls-sidebar{top:var(--demo-toolbar-height);height:calc(100dvh - var(--demo-toolbar-height))}.ls-demo-mode .ls-global-connect{display:none}.ls-demo-toolbar{position:fixed;inset:0 0 auto;z-index:120;background:#fffcf8;box-shadow:0 2px 16px #61442e10;color:#423e46;font-family:inherit}.ls-demo-banner{padding:12px 24px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #eee4da}.ls-demo-banner>div{flex:1;display:flex;gap:14px;align-items:center}.ls-demo-banner strong{color:#ae3f55;white-space:nowrap;font-size:14px}.ls-demo-banner span{font-size:11px;line-height:1.7;color:#776b70}.ls-demo-banner>a{font-size:12px;white-space:nowrap}.ls-demo-tools{padding:9px 24px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.ls-demo-tools>button,.ls-demo-tools summary,.ls-demo-tools form button{border:1px solid #e5dad2;border-radius:9px;background:#fff;color:#554b51;padding:8px 11px;font:inherit;font-size:11px;cursor:pointer}.ls-demo-tools>button:hover,.ls-demo-tools summary:hover{background:#fff0ed}.ls-demo-tools label{font-size:11px;display:flex;gap:7px;align-items:center}.ls-demo-tools select,.ls-demo-tools input{font:inherit;font-size:11px;padding:6px;border:1px solid #e5dad2;border-radius:6px;background:#fff;color:#554b51}.ls-demo-tools details{position:relative}.ls-demo-tools summary{list-style:none}.ls-demo-tools form{position:absolute;top:45px;left:0;width:285px;padding:18px;background:#fffdf9;box-shadow:0 10px 35px #33212b30;border-radius:14px;display:grid;gap:13px}.ls-demo-tools form label{display:grid;gap:6px}.ls-demo-tools form button{background:#bb465b;color:#fff}.ls-demo-tools #demo-reset{margin-left:auto}.ls-demo-tools #demo-notice{font-size:10px;color:#6c7a70;max-width:230px}.ls-demo-mode .ls-mobile-nav{top:calc(var(--demo-toolbar-height) + 10px)}.ls-demo-mode :focus-visible{outline:3px solid #348d84;outline-offset:3px}@media(max-width:760px){.ls-demo-banner{padding:9px 14px;gap:10px}.ls-demo-banner>div{display:block}.ls-demo-banner span{display:block;font-size:9px;max-width:220px}.ls-demo-banner strong{font-size:12px}.ls-demo-banner>a{font-size:10px}.ls-demo-banner .ls-btn{padding:8px}.ls-demo-tools{padding:8px 12px;gap:7px;max-height:150px;overflow:visible}.ls-demo-tools>button,.ls-demo-tools summary{font-size:10px;padding:7px}.ls-demo-tools label{font-size:10px}.ls-demo-tools #demo-notice{display:none}.ls-demo-tools #demo-reset{margin-left:0}.ls-demo-tools form{position:fixed;left:16px;right:16px;top:calc(var(--demo-toolbar-height) + 8px);width:auto;max-width:360px}.ls-demo-mode .ls-live-layout{min-height:500px}}