.pn-demo-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;min-height:40px;padding:8px 16px;margin:0;padding-left:max(16px,var(--safe-l,0px));padding-right:max(16px,var(--safe-r,0px));background-color:var(--a-primary);color:var(--a-on-primary);font-size:14px;line-height:1.35;text-align:center}.pn-demo-bar a{color:var(--a-on-primary);font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(246,246,244,.45);border-radius:6px}.pn-demo-bar a:focus-visible{outline-color:var(--a-on-primary)}.pn-demo-sep{opacity:.5}@media (hover:hover) and (pointer:fine){.pn-demo-bar a:hover{text-decoration-color:currentColor}}@media (max-width:419px){.pn-demo-sep{display:none}.pn-demo-bar{flex-direction:column;gap:2px}}