.demo-bar{position:fixed;inset-inline-start:50%;bottom:14px;transform:translate(-50%);z-index:900;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:8px 10px 8px 14px;border-radius:999px;background:#141414eb;color:#f5f3ef;font-size:12.5px;line-height:1.3;box-shadow:0 10px 30px #0000002e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[dir=rtl] .demo-bar{transform:translate(50%)}.demo-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--brand, #f26222);box-shadow:0 0 #f2622299;animation:demo-pulse 2s infinite}@keyframes demo-pulse{70%{box-shadow:0 0 0 8px #f2622200}to{box-shadow:0 0 #f2622200}}.demo-note{color:#f5f3efb8}.demo-reset,.demo-site{flex:none;border:1px solid rgba(245,243,239,.25);border-radius:999px;padding:5px 11px;background:transparent;color:#f5f3ef;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.demo-reset:hover,.demo-site:hover{background:#f5f3ef1a}.demo-site{background:var(--brand, #f26222);border-color:transparent}.demo-site:hover{background:#d9531a}@media(max-width:760px){.demo-note{display:none}}@media print{.demo-bar{display:none}}.demo-failed{display:grid;place-content:center;gap:12px;min-height:100vh;text-align:center}.demo-credentials{display:grid;gap:4px;margin-top:6px;font-size:13px}.demo-credentials code{font-weight:700}