/* Vanfront demo ribbon, shared by every style demo */
.vf-ribbon{position:sticky;top:0;z-index:999;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:9px 16px;background:#121417;color:#F3EEE3;font:500 13px/1.3 "IBM Plex Mono",ui-monospace,monospace;border-bottom:2px solid #FFC62B}
.vf-ribbon a{color:#FFC62B;text-decoration:none;white-space:nowrap}
.vf-ribbon a:hover{text-decoration:underline}
.vf-ribbon .vf-cta{background:#FFC62B;color:#121417;padding:7px 11px;font-weight:600}
.vf-ribbon .vf-cta:hover{text-decoration:none;background:#fff}
.vf-ribbon .vf-mid{opacity:.8;text-align:center}
@media(max-width:640px){.vf-ribbon .vf-mid{display:none}}
.vf-foot{background:#121417;color:#a9adb3;text-align:center;padding:14px 16px;font:500 12px/1.4 "IBM Plex Mono",ui-monospace,monospace}
.vf-foot a{color:#FFC62B}