:root{--demo-bar-h:44px}.demo-bar{color:#f5f5f5;height:var(--demo-bar-h);z-index:300;background:#11171c;border-bottom:1px solid #f5f5f51f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:sticky;top:0;left:0;right:0}.demo-bar-inner{align-items:center;gap:12px;max-width:1180px;height:100%;margin:0 auto;padding:0 clamp(14px,4vw,32px);display:flex}.demo-bar-tag{color:#fff;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;background:#ff5722;border-radius:999px;flex:none;padding:4px 10px;font-size:10px;font-weight:700}.demo-bar-text{color:#f5f5f5b3;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;font-size:13px;overflow:hidden}.demo-bar-text.short{display:none}.demo-bar-text strong{color:#f5f5f5;font-weight:600}.demo-bar-link{color:#f5f5f5;white-space:nowrap;border:1px solid #f5f5f547;border-radius:999px;flex:none;align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.demo-bar-link:hover{background:#f5f5f51a;border-color:#f5f5f580}.demo-bar-arrow{border-bottom:1.6px solid;border-left:1.6px solid;width:7px;height:7px;display:block;transform:rotate(45deg)}.demo-bar-link-short{display:none}@media (max-width:720px){:root{--demo-bar-h:40px}.demo-bar-tag,.demo-bar-text:not(.short),.demo-bar-link-long{display:none}.demo-bar-text.short,.demo-bar-link-short{display:block}}.demo-notice{pointer-events:none;z-index:400;justify-content:center;display:flex;position:fixed;bottom:22px;left:0;right:0}.demo-notice-inner{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#f5f5f5d1;opacity:0;background:#11171cf2;border:1px solid #f5f5f52e;border-radius:14px;align-items:center;gap:12px;max-width:520px;margin:0 16px;padding:13px 17px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.5;transition:opacity .3s,transform .3s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(14px);box-shadow:0 20px 50px #00000073}.demo-notice.is-on .demo-notice-inner{opacity:1;transform:none}.demo-notice-tag{color:#fff;letter-spacing:.14em;text-transform:uppercase;background:#ff5722;border-radius:999px;flex:none;padding:4px 9px;font-size:9.5px;font-weight:700}.demo-notice p{margin:0}@media (prefers-reduced-motion:reduce){.demo-notice-inner{transition:opacity .2s}}