.demo-bar{--demo-ink: #0b1a2a;position:sticky;top:var(--sa-top, 0px);z-index:45;display:flex;align-items:center;justify-content:center;gap:10px;min-height:36px;box-sizing:border-box;padding:6px max(16px,var(--edge-r, 24px)) 6px max(16px,var(--sa-left, 0px) + 16px);font:500 calc(13px * var(--text-scale, 1))/1.4 Inter,system-ui,sans-serif;color:var(--demo-ink);background:linear-gradient(90deg,#7cc6ff,#35a8ff)}.demo-bar:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:var(--sa-top, 0px);background:#6ab9ff}.demo-bar b{flex:none;padding:1px 7px;border-radius:5px;font-size:calc(11px * var(--text-scale, 1));font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--demo-ink)}.demo-bar-text strong{font-weight:750}.demo-bar-text{order:1}.demo-bar-home{order:2}.demo-bar-short,.demo-bar-more{display:none}.demo-bar a.demo-bar-home{flex:none;position:relative;margin-left:6px;font-weight:700;color:var(--demo-ink)!important;text-decoration:underline;text-underline-offset:3px}.demo-bar-home:before{content:"";position:absolute;top:-14px;right:-10px;bottom:-14px;left:-10px}@media (max-width: 640px){.demo-bar{justify-content:flex-start;gap:8px;padding-top:7px;padding-bottom:7px;font-size:calc(12px * var(--text-scale, 1));line-height:1.35}.demo-bar-home{margin-left:auto}.demo-bar{flex-wrap:wrap;gap:4px 6px;padding-left:max(12px,var(--sa-left, 0px) + 12px);padding-right:max(12px,var(--sa-right, 0px) + 12px)}.demo-bar a.demo-bar-home{margin-left:auto}.demo-bar-short{display:inline;font-weight:700}.demo-bar-more{display:inline-block;position:relative;flex:none;padding:0;border:0;background:none;font:inherit;font-weight:700;color:var(--demo-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.demo-bar-more:before{content:"";position:absolute;top:-14px;right:-8px;bottom:-14px;left:-8px}.demo-bar-more:focus-visible{outline:2px solid var(--demo-ink);outline-offset:3px;border-radius:3px}.demo-bar-text{display:none}.demo-bar.is-open .demo-bar-text{display:block;order:3;flex-basis:100%;padding-bottom:2px}}