.demo-ribbon{z-index:60;height:var(--demo-h);background:var(--ink);color:var(--paper);font-family:var(--sans);letter-spacing:.02em;white-space:nowrap;justify-content:center;align-items:center;gap:.85rem;margin:0;padding:0 1rem;font-size:.78rem;display:flex;position:fixed;top:0;left:0;right:0}.demo-tag{border:1px solid color-mix(in srgb, var(--paper) 45%, transparent);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:.1rem .5rem;font-size:.66rem}.demo-ribbon a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--paper) 50%, transparent);text-decoration-color:color-mix(in srgb, var(--paper) 50%, transparent);text-underline-offset:.2em}html.demo{--demo-h:2rem;scroll-padding-top:calc(var(--demo-h) + 4.5rem)}html.demo body{padding-top:var(--demo-h)}html.demo .site-header,html.demo .topbar,html.demo .dash-top,html.demo .sp-editbar{top:var(--demo-h)}@media (max-width:720px){.demo-text{display:none}}@media (max-width:420px){.demo-ribbon{gap:.6rem;padding:0 .6rem;font-size:.72rem}}html.demo .sign-out{display:none}