.demo-bar{position:relative;z-index:50;background:#B08D57;color:#0A313B;font:600 11px/1.3 -apple-system,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:7px 12px}
.demo-bar a{color:inherit}
.ex{display:inline-block;font:600 10px/1 -apple-system,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;border:1px dashed currentColor;border-radius:99px;padding:4px 8px;opacity:.75;vertical-align:middle}
.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,20px);opacity:0;transition:.35s;background:#fff;color:#222;border-radius:14px;padding:14px 16px;max-width:340px;width:calc(100% - 32px);box-shadow:0 12px 40px rgba(0,0,0,.18);font:14px/1.45 -apple-system,system-ui,sans-serif;z-index:60}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast b{display:block;margin-bottom:4px}
.toast q{display:block;margin-top:8px;padding:10px;background:#f2f2f2;border-radius:10px;quotes:none}