/* The demo's notice bar, in the pcdev world: ink on black, one hairline. */
.demo-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: #0b0b0c; color: #a1a1a8;
  border-bottom: 1px solid rgba(255,255,255,.10);
  font: 500 13px/1.3 'Schibsted Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; text-align: center; padding: 9px 12px; }
.demo-bar a { color: #ededef; text-decoration: underline; text-underline-offset: .22em; text-decoration-thickness: 1px; }
body { padding-top: 36px; }
.demo-reset { margin: 0 6px; padding: 2px 9px; border: 1px solid rgba(255,255,255,.18); border-radius: 7px; background: transparent; color: #ededef; font: inherit; cursor: pointer; }
.demo-reset:hover { background: rgba(255,255,255,.08); }