.demo .demo-topbar{background:var(--d-panel)}.demo .demo-fade-in{animation-duration:.1s}.demo-sidebar{display:none}.demo-nav-item{width:100%;min-height:38px;color:var(--d-muted);text-align:left;border-left:2px solid #0000;align-items:center;gap:10px;padding:9px 12px;font-size:12px;transition:color .15s,background .15s;display:flex}.demo-nav-item:hover{background:var(--d-panel-2);color:var(--d-text)}.demo-nav-item.is-active{border-left-color:var(--d-accent);background:var(--d-accent-soft);color:var(--d-accent-fg);font-weight:650}.demo-site-link{color:var(--d-muted);align-items:center;gap:8px;margin:auto 12px 0;padding-top:32px;font-size:11px;display:flex}.demo-site-link:hover{color:var(--d-text)}.demo .widget-card{background:var(--d-panel);box-shadow:none;border-radius:3px}.demo .widget-card:hover{border-color:var(--d-line);box-shadow:none}.demo .demo-metric-active,.demo .demo-metric-active:hover{border-color:var(--d-accent);box-shadow:inset 0 3px var(--d-accent)}.demo table{border-collapse:collapse}.demo table thead{border-block:1px solid var(--d-line);background:var(--d-panel-2)}.demo table th{white-space:nowrap;font-weight:550}.demo table td{vertical-align:middle}.demo table tbody tr:last-child{border-bottom:0}.demo-summary-grid>div+div{border-top:1px solid var(--d-line)}@media (min-width:640px){.demo-summary-grid>div{padding-inline:20px}.demo-summary-grid>div:nth-child(odd){padding-left:0}.demo-summary-grid>div+div{border-top:0}.demo-summary-grid>div:nth-child(2n){border-left:1px solid var(--d-line)}.demo-summary-grid>div:nth-child(n+3){border-top:1px solid var(--d-line)}}@media (min-width:1024px){.demo-sidebar{z-index:30;border-right:1px solid var(--d-line);background:var(--d-panel);flex-direction:column;width:216px;padding:24px 12px;display:flex;position:fixed;top:64px;bottom:0;overflow-y:auto}.demo-content{margin-left:216px}.demo-mobile-nav{display:none}}@media (min-width:1280px){.demo-summary-grid>div:nth-child(n){border-top:0;padding-inline:24px}.demo-summary-grid>div:first-child{padding-left:0}.demo-summary-grid>div+div{border-left:1px solid var(--d-line)}}