/* The strip above every style demo: says what the page is and how to get it. */
.demo-bar{background:#1F1A17;color:#FBFAF7;font:500 16px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;position:relative;z-index:200}
.demo-bar .db-in{max-width:1240px;margin:0 auto;padding:10px max(16px,env(safe-area-inset-left,0px));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px}
.demo-bar p{margin:0}
.demo-bar strong{font-weight:700}
.demo-bar .db-links{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.demo-bar a{color:#FBFAF7;text-underline-offset:.2em}
.demo-bar a:hover{color:#F3B4A6}
.demo-bar .db-buy{background:#A23F2A;color:#fff;text-decoration:none;padding:8px 14px;border-radius:999px;font-weight:600;transition:background .15s}
.demo-bar .db-buy:hover{background:#86331F;color:#fff}
.demo-bar a:focus-visible{outline:2px solid #F3B4A6;outline-offset:3px}
/* ?shot renders the page without the strip, for catalogue screenshots */
.shot .demo-bar{display:none}