.demo-bar{z-index:90;color:#f3efe7;backdrop-filter:blur(8px);background:#131210e6;border-radius:999px;align-items:center;max-width:calc(100% - 24px);padding:.3rem;font:500 12.5px/1.2 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:fixed;bottom:12px;left:12px;box-shadow:0 8px 28px #00000038}.demo-bar>*{white-space:nowrap;padding:.45rem .8rem}.demo-bar a{color:inherit;border-radius:999px;text-decoration:none;transition:background-color .2s}.demo-bar-back{border-left:1px solid #f3efe72e;border-radius:0!important}.demo-bar-back:hover{color:#cdb48a}.demo-bar-cta{background:#cdb48a;margin-left:.15rem;font-weight:600;color:#131210!important}.demo-bar-cta:hover{background:#dcc59d}.demo-bar-short{display:none}@media (width<=560px){.demo-bar-label .demo-bar-long{display:none}.demo-bar-label .demo-bar-short{display:inline}.demo-bar>*{padding-inline:.65rem}}@media (width<=400px){.demo-bar-cta .demo-bar-long{display:none}.demo-bar-cta .demo-bar-short{display:inline}}html[data-framed] .demo-bar-back,html[data-framed] .demo-bar-cta{display:none}html[data-framed] .demo-bar-long{display:inline}html[data-framed] .demo-bar-short{display:none}.demo-dialog{border-radius:var(--d-radius,4px);width:min(460px,100% - 32px);color:var(--d-ink,#1a1a1a);background:var(--d-bg,#fff);font-family:var(--d-font-body,ui-sans-serif, system-ui, sans-serif);border:0;padding:2rem;box-shadow:0 30px 80px #00000059}.demo-dialog::backdrop{backdrop-filter:blur(3px);background:#0a0a0a8c}.demo-dialog h2{font-family:var(--d-font-display,inherit);margin:.4rem 0 .75rem;font-size:1.6rem;line-height:1.15}.demo-dialog p{color:var(--d-muted,#555);margin:0;line-height:1.6}.demo-dialog .demo-dialog-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--d-accent-text,var(--d-accent,#555));font-size:.75rem}.demo-dialog-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.demo-dialog-actions form{margin:0}.demo-dialog-cta,.demo-dialog-close{min-height:2.9rem;font:inherit;border-radius:var(--d-radius-btn,4px);cursor:pointer;align-items:center;padding:.7rem 1.2rem;font-weight:600;text-decoration:none;display:inline-flex}.demo-dialog-cta{color:var(--d-on-accent,#fff);background:var(--d-accent,#222);border:0}.demo-dialog-close{color:inherit;border:1px solid var(--d-line,#ccc);background:0 0}html[data-framed] *,html[data-framed] :before,html[data-framed] :after,html[data-framed] .demo-dialog::backdrop{backdrop-filter:none!important}@media (prefers-reduced-motion:no-preference){.demo-dialog[open]{animation:.22s cubic-bezier(.22,1,.36,1) demo-pop}@keyframes demo-pop{0%{opacity:0;transform:translateY(12px)scale(.98)}}}