/* Booked Labs layer on the example sites: a small bar that says what this is.
   Hidden in ?embed=1 mode (used by the device previews on bookedlabs.co). */
.bl-bar{position:fixed;left:14px;bottom:14px;z-index:999;display:flex;align-items:center;gap:6px;
  background:rgba(251,250,246,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(22,21,15,.16);border-radius:999px;padding:5px 5px 5px 14px;
  font:500 13px/1.2 'Archivo',system-ui,sans-serif;color:#16150F;box-shadow:0 6px 24px rgba(0,0,0,.12);
  transition:transform .3s ease,opacity .3s ease}
.bl-bar b{font-weight:700;white-space:nowrap}
.bl-bar .bl-note{color:#6b665c;white-space:nowrap}
.bl-bar a{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:999px;text-decoration:none;
  font-weight:600;white-space:nowrap;color:#16150F;border:1px solid rgba(22,21,15,.25)}
.bl-bar a.bl-go{background:#DC4A22;border-color:#DC4A22;color:#fff}
.bl-bar a:focus-visible{outline:2px solid #DC4A22;outline-offset:2px}
.bl-bar svg{width:14px;height:14px;color:#DC4A22;flex:0 0 auto}
@media(max-width:620px){.bl-bar{left:10px;right:10px;bottom:10px;justify-content:space-between}.bl-bar .bl-note{display:none}
  .bl-bar a{padding:0 11px}}
@media(max-width:520px){.bl-bar a.bl-back{display:none}.bl-bar{padding-left:12px}}
.bl-bar.top,.bl-bar.away{transform:translateY(140%);opacity:0;pointer-events:none}
html.embed .bl-bar{display:none}
html.embed{scroll-behavior:auto}
html.embed *,html.embed *::before,html.embed *::after{animation:none!important;transition:none!important}
.bl-demo-note{font:500 12.5px/1.4 system-ui,sans-serif;opacity:.7;margin-top:10px}