.public-demo{--accent:#2864fd;--ink:#242a34;--canvas:#f7f8fa;min-height:100dvh;font-family:var(--marketing-sans),Arial,sans-serif;background:#f7f8fa}.public-demo-banner{z-index:45;color:#36517f;background:#eef3ff;border-bottom:1px solid #dce5fb;justify-content:space-between;align-items:center;gap:20px;height:40px;padding:0 23px;font-size:11px;display:flex;position:relative}.public-demo-banner>a{font-weight:550}.public-demo-banner>span{align-items:center;gap:9px;display:flex}.public-demo-banner>span>span{color:#8598b7}.public-demo .app-shell .sidebar{background:#fff;width:240px;height:calc(100dvh - 40px);top:40px}.public-demo .app-shell{background:#f7f8fa;min-height:calc(100dvh - 40px)}.public-demo .app-shell .main-shell{min-width:0;margin-left:240px}.public-demo .app-shell .utility{background:#fff}.public-demo .app-shell main{max-width:1500px;margin:auto}.public-demo .app-shell .nav-link.active{color:#2453ba;background:#eef3ff}.public-demo .app-shell .sample-card{background:#f3f6fc}.public-demo .app-shell .panel{box-shadow:none;background:#fff;border:1px solid #e8ebf1}.public-demo .app-shell .page-heading h1{font-size:25px;font-weight:550}.public-demo .app-shell .platform-icon{background:#fff;border-color:#e8ebf1}.public-demo .app-shell .product-symbol{color:#2864fd}@media (max-width:900px){.public-demo .app-shell .main-shell{margin-left:0}.public-demo .app-shell .sidebar{top:40px}.public-demo-banner{gap:10px;padding:0 14px;font-size:10px}.public-demo-banner>span{display:none}}.public-demo-banner>a{align-items:center;gap:7px;display:inline-flex}