.dash-demo-banner{z-index:15;justify-content:space-between;align-items:center;gap:var(--dash-gap-xs) var(--dash-gap-md);min-height:44px;padding:6px var(--dash-page-gutter);border-bottom:1px solid var(--dash-line);background:var(--dash-bg);font-size:var(--dash-text-sm);flex-wrap:wrap;display:flex;position:sticky;top:0}.dash-demo-banner-text{min-width:0;color:var(--dash-muted);flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;line-height:1.4;display:flex}.dash-demo-banner-text strong{color:var(--dash-text);font-weight:600}.dash-demo-banner-dot{background:var(--dash-accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.dash-demo-banner-actions{align-items:center;gap:var(--dash-gap-sm);flex-shrink:0;display:flex}.dash-demo-banner-link{color:var(--dash-accent-soft);font-weight:500;text-decoration:none}.dash-demo-banner-link:hover,.dash-demo-banner-link:focus-visible{color:var(--dash-accent-hover);text-underline-offset:3px;text-decoration:underline}.dash-demo-banner-cta,.dash-demo-top-cta{border:1px solid var(--dash-accent);border-radius:var(--dash-radius-sm);background:var(--dash-accent);min-height:32px;color:var(--dash-on-accent);font-size:var(--dash-text-sm);white-space:nowrap;align-items:center;padding:0 12px;font-weight:600;text-decoration:none;transition:background-color .16s,border-color .16s;display:inline-flex}.dash-demo-banner-cta:hover,.dash-demo-banner-cta:focus-visible,.dash-demo-top-cta:hover,.dash-demo-top-cta:focus-visible{border-color:var(--dash-accent-hover);background:var(--dash-accent-hover)}.dash-demo-top-cta{display:none}.dash-live-pill[data-state=sample]{border-color:var(--dash-accent-line);background:var(--dash-accent-wash);color:var(--dash-accent-soft)}.dash-live-pill[data-state=sample]:before{background:var(--dash-accent)}.dash-demo .dash-demo-off{color:var(--dash-faint);opacity:.55;cursor:not-allowed;border-bottom-color:#0000}.dash-demo .dash-demo-off:hover,.dash-demo .dash-demo-off:focus-visible{color:var(--dash-muted);opacity:.85}.dash-demo .dash-chart-range-btn.dash-demo-off{border-bottom:2px solid #0000}.dash-demo .dash-demo-off:after{max-width:min(240px,100vw - 32px);display:none}.dash-demo .dash-demo-off:is(:hover,:focus-visible):after{display:block}.dash-demo .dash-chart-range-btn.dash-demo-off:after,.dash-demo .dash-ret-split-btn.dash-demo-off:after{inset:calc(100% + 6px) 0 auto auto;transform:translateY(-4px)}.dash-demo .dash-chart-range-btn.dash-demo-off:is(:hover,:focus-visible):after,.dash-demo .dash-ret-split-btn.dash-demo-off:is(:hover,:focus-visible):after{transform:translateY(0)}.dash-demo .dash-ret-split-btn.dash-demo-off:after{left:0;right:auto}.dash-demo .dash-health-pick-off{font-size:var(--dash-text-sm)}.dash-demo [data-demo-link=off]{cursor:default}.dash-demo .dash-demo-static,.dash-demo .dash-server-btn.dash-demo-static:hover{min-height:32px;color:var(--dash-muted);font-size:var(--dash-text-sm);cursor:default;background:0 0;border-color:#0000}.dash-demo .dash-server-btn.dash-demo-static:hover>.dash-server-icon{color:var(--dash-faint)}.dash-demo-side-note{padding:var(--dash-gap-sm) 8px 0;border-top:1px solid var(--dash-line);color:var(--dash-faint);font-size:var(--dash-text-xs);margin:auto 0 0;line-height:1.45}.dash-app.dash-demo[data-rail=true] .dash-demo-side-note{display:none}@media (max-width:800px){.dash-demo-banner{padding:10px 16px;position:static}.dash-demo-banner-sub{display:none}.dash-demo-top-cta{min-height:32px;padding:0 10px;display:inline-flex}.dash-demo-banner .dash-demo-banner-cta{display:none}.dash-demo-side-note{margin-top:var(--dash-gap-md)}}@media (max-width:420px){.dash-demo-banner{gap:6px 12px}}.dash-demo .dash-text-link[data-demo-link=off]{color:var(--dash-text);text-decoration:none}.dash-demo .dash-insight-link[data-demo-link=off]{display:none}@media (min-width:801px){.dash-demo .dash-group-nav{top:51px}.dash-demo .dash-group{scroll-margin-top:108px}}