.demo-shell{background:#f6f8fb}.demo-shell .site-header{background:#fff}.demo-content{width:100%;max-width:1250px;margin:0 auto;padding:32px 32px 45px}.demo-banner{background:#eef5ff;border:1px solid #dbe6f5;border-radius:5px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;padding:16px 20px;display:flex}.demo-banner strong{color:#2b5e9c;font-size:13px}.demo-banner p{color:#68819f;margin:5px 0 0;font-size:11px;line-height:1.9}.demo-banner>a{white-space:nowrap;font-size:12px}.demo-shell .page-heading h1{letter-spacing:-.5px;font-size:27px}.demo-shell .page-heading p{font-size:12px}.demo-live-strip{background:#fff;border:1px solid #e1e7ef;border-radius:5px;justify-content:space-between;align-items:center;gap:20px;padding:15px 18px;display:flex}.demo-live-strip>div{align-items:center;gap:12px;display:flex}.demo-live-strip strong{font-size:12px;font-weight:550}.demo-live-strip>div>span:last-child{color:#8493a5;font-size:11px}.demo-live-dot{background:#a0acba;border-radius:50%;flex-shrink:0;width:7px;height:7px}.demo-live-dot.running{background:#35a886;box-shadow:0 0 0 3px #35a88612}.demo-live-status{color:#7b8ba0;min-height:20px;margin:11px 0 23px;font-size:11px;line-height:1.8}.demo-bottom{color:#8695a8;justify-content:space-between;gap:20px;margin-top:25px;font-size:11px;line-height:1.8;display:flex}.demo-content .analytics-toolbar{margin-bottom:20px}.demo-content .section-heading{flex-wrap:wrap}.demo-content .chart-tabs{gap:12px}.demo-content .date-range input{height:33px}@media (max-width:800px){.demo-live-strip{flex-wrap:wrap;gap:14px}.demo-live-strip>div:first-child{flex-wrap:wrap;gap:10px}.demo-live-strip>div>span:last-child{flex-basis:100%;padding-left:17px}.demo-content{padding:25px 22px}.demo-bottom{flex-direction:column;gap:9px}}@media (max-width:600px){.demo-content{padding:20px 16px 35px}.demo-banner{flex-direction:column;align-items:flex-start;gap:9px;padding:14px}.demo-banner p{font-size:10px}.demo-live-strip{padding:14px}.demo-live-strip strong{font-size:11px}.demo-live-strip>div>span:last-child{font-size:10px}.demo-live-strip>div:last-child{justify-content:space-between;width:100%}.demo-content .section-heading h2{font-size:12px}.demo-content .section-heading .text-button{font-size:10px}.demo-content .chart-tabs{gap:9px}.demo-content .chart-tabs button,.demo-shell .page-heading p{font-size:11px}.demo-bottom{font-size:10px}}