:root{--demo-h:30px}
#demo-bar{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--demo-h);display:flex;align-items:center;justify-content:center;padding:0 12px;background:#F5C400;color:#101010;font:600 12px/1.2 'Golos Text',sans-serif;text-align:center;overflow:hidden}
#demo-bar a{color:inherit;text-decoration:none;display:block;max-width:100%}
#demo-bar a:hover{text-decoration:underline}
body{padding-top:var(--demo-h)}
header{top:var(--demo-h)!important}
@media(max-width:600px){:root{--demo-h:36px}#demo-bar{font-size:10.5px}}
.demo-msg{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;padding:12px 14px;border:1px solid rgba(245,196,0,.5);border-radius:10px;background:rgba(245,196,0,.1);color:#F2F3F4;font-size:14px;width:100%}
.demo-msg .btn{display:inline-block;padding:8px 16px;font-size:13px;text-decoration:none}