.demo-bar{inset-inline:0;z-index:90;-webkit-backdrop-filter:blur(12px)saturate(1.3);color:#e9e9ee;min-height:2.75rem;font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif;background:#0c0c10db;border-bottom:1px solid #ffffff14;justify-content:center;align-items:center;gap:1.25rem;padding:.4rem 1rem;font-size:.8rem;line-height:1.3;display:flex;position:fixed;top:0}.demo-bar-note{color:#e9e9eed9;align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.demo-bar-dot{background:#7c86ff;border-radius:999px;flex-shrink:0;width:.45rem;height:.45rem}.demo-bar-actions{align-items:center;gap:.4rem;display:inline-flex}.demo-bar-link{color:#e9e9ee;white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-weight:600;transition:background-color .25s,color .25s;display:inline-flex}.demo-bar-link:hover{background:#ffffff1a}.demo-bar-link--primary{color:#101014;background:#fff}.demo-bar-link--primary:hover{background:#ffffffd9}.demo-bar .demo-bar-note-long{display:none}@media (min-width:40rem){.demo-bar{justify-content:space-between;padding-inline:1.5rem}.demo-bar .demo-bar-note-long{display:inline}.demo-bar .demo-bar-note-short{display:none}}