@import url('fonts/fonts.css');
/* Slim gallery bar added to published demos by demo-bar.js.
   Demos with a viewport-height layout subtract var(--explonio-bar, 0px). */
:root.has-explonio-bar{--explonio-bar:36px}
.explonio-bar{box-sizing:border-box;height:36px;display:flex;align-items:center;gap:16px;padding:0 max(16px,calc((100vw - 1488px)/2 + 24px));background:#f8f9fc;border-bottom:1px solid #dfe3ec;color:#4b5364;font:500 13px/1.2 'DM Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;position:relative;z-index:30}
.explonio-bar a{color:inherit;text-decoration:none;border-radius:6px}
.explonio-bar a:hover{color:#2546ed}
.explonio-bar a:focus-visible{outline:2px solid #2546ed;outline-offset:3px}
.explonio-bar-home{display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap}
.explonio-bar-brand{font:800 16px/1 Manrope,'DM Sans',system-ui,sans-serif;letter-spacing:-.6px;color:#202637}
.explonio-bar-dot{color:#2546ed}
.explonio-bar-note{font-size:12px;color:#7a5a12;background:#fbefd2;border-radius:20px;padding:3px 10px;white-space:nowrap}
.explonio-bar-guide{margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.explonio-bar-dark .explonio-bar{background:#0a0f17;border-bottom-color:#1e2836;color:#a9b6c6}
.explonio-bar-dark .explonio-bar-brand{color:#eef3f9}
.explonio-bar-dark .explonio-bar-dot,.explonio-bar-dark .explonio-bar a:hover{color:#8ea2ff}
.explonio-bar-dark .explonio-bar-note{background:#3a2f12;color:#f3d48c}
.explonio-bar-label{padding-left:10px;border-left:1px solid rgba(127,138,156,.4)}
@media(max-width:520px){.explonio-bar{gap:10px}.explonio-bar-label{display:none}.explonio-bar-note{font-size:11px;padding:3px 8px}}
@media print{.explonio-bar{display:none}}