body.era-demo{--demo-offset:66px;padding-top:var(--demo-offset)!important}.demo-banner{position:fixed;z-index:20000;inset:0 0 auto;min-height:66px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 28px;background:var(--theme-panel,#202125);border-bottom:1px solid var(--theme-border,#454750);color:var(--theme-text,#e8eaf0);font:12px/1.6 Manrope,Arial,sans-serif}.demo-banner>div{display:flex;align-items:center;gap:15px}.demo-banner b{font-size:14px;color:var(--theme-link,#83b5fa);white-space:nowrap}.demo-banner span{color:var(--theme-muted,#a2a9b9)}.demo-banner nav{display:flex;gap:15px;align-items:center;white-space:nowrap}.demo-banner button,.demo-banner a{background:transparent;border:1px solid var(--theme-border,#454750);color:var(--theme-link,#83b5fa);padding:7px 12px;border-radius:9px;font:inherit;text-decoration:none;cursor:pointer}body.era-demo #dashboard>.topbar{top:var(--demo-offset)!important}body.era-demo .cabinet-sidebar{top:calc(var(--demo-offset) + 68px)!important}body.era-demo #dashboard>.sidebar{padding-top:0}body.era-demo .era-action-dialog{max-height:calc(100dvh - 100px)}
@media(max-width:768px){body.era-demo{--demo-offset:100px}.demo-banner{padding:9px 14px;min-height:100px;gap:8px;align-items:flex-start}.demo-banner>div{display:grid;gap:1px}.demo-banner span{max-width:260px;font-size:10px}.demo-banner nav{display:grid;gap:4px;font-size:10px}.demo-banner button,.demo-banner a{padding:5px 8px;text-align:center}body.era-demo .era-action-dialog{max-height:calc(100dvh - 125px)}}

body.duck-client.era-demo #dashboard>.sidebar{height:calc(100dvh - 68px - var(--demo-offset))!important;max-height:calc(100dvh - 68px - var(--demo-offset))!important;min-height:0!important}.era-demo .era-dialog-eyebrow:after{content:" · ДЕМО"}