.demolist{margin:0 0 18px;padding-left:20px;color:var(--muted)}.demolist li{margin:4px 0}.demo-banner{position:-webkit-sticky;position:sticky;top:0;z-index:55;display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding:8px 18px;background:var(--amber-wash);color:var(--text);border-bottom:1px solid color-mix(in srgb,var(--amber) 40%,transparent);font-size:13.5px}.demo-banner b{font-weight:700}.demo-banner .sp{flex:1 1}.demo-banner form{display:inline-flex;gap:6px;align-items:center;margin:0;flex-wrap:wrap}.demo-banner .seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:var(--card)}.demo-banner .seg button{border:0;background:transparent;color:var(--text);padding:4px 10px;font:inherit;font-size:13px;cursor:pointer}.demo-banner .seg button+button{border-left:1px solid var(--line)}.demo-banner .seg button[aria-pressed=true]{background:var(--teal);color:#fff;font-weight:650}.demo-banner .btn{padding:4px 12px;font-size:13px}body:has(.demo-banner) .side{top:42px;height:calc(100vh - 42px)}@media (max-width:860px){body:has(.demo-banner) .side{top:0;height:auto}.demo-banner{padding:8px 14px}}