.bfbe-nbar{--bfbe-nbar-close: 32px;--bfbe-nbar-fg: var(--bfbe-nbar-dark-word, var(--bfbe-on-accent, Canvas));position:relative;z-index:60;display:flex;align-items:center;align-self:stretch;inline-size:100%;background:var(--bfbe-accent)}.bfbe-nbar>*{color:var(--bfbe-nbar-fg)}.bfbe-nbar--filled{--bfbe-nbar-dark-word: var(--bfbe-in-dark) #fff}.bfbe-nbar__inner{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--bfbe-gap, 16px);padding:10px var(--bfbe-gap-lg, 24px)}.bfbe-nbar__inner>*{color:inherit}.bfbe-nbar__notice{margin:0}.bfbe-nbar__notice a{color:inherit}.bfbe-nbar--sticky{position:sticky}.bfbe-nbar--sticky.bfbe-nbar--top{inset-block-start:0}.bfbe-nbar--sticky.bfbe-nbar--bottom{inset-block-end:0}.bfbe-nbar--fixed{position:fixed;inset-inline:0;z-index:9980}.bfbe-nbar--fixed.bfbe-nbar--top{inset-block-start:0}.bfbe-nbar--fixed.bfbe-nbar--bottom{inset-block-end:0}.bfbe-nbar--flow{position:relative}.bfbe-nbar__close{display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:var(--bfbe-nbar-close);block-size:var(--bfbe-nbar-close);margin-inline-end:var(--bfbe-nbar-close-space, var(--bfbe-gap-sm, 8px));padding:0;border:0;border-radius:var(--bfbe-radius-pill, 999px);background:var(--bfbe-nbar-close-bg, color-mix(in srgb, currentColor 14%, transparent));color:var(--bfbe-nbar-close-color, var(--bfbe-nbar-fg));cursor:pointer;transition:background var(--bfbe-duration) var(--bfbe-ease)}.bfbe-nbar__close:hover,.bfbe-nbar__close:focus-visible{background:var(--bfbe-nbar-close-bg-hover, color-mix(in srgb, currentColor 24%, var(--bfbe-nbar-close-bg, transparent)))}.bfbe-nbar__close svg{inline-size:var(--bfbe-nbar-close-icon, 40%);block-size:var(--bfbe-nbar-close-icon, 40%);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}[data-bfbe-close-at=start] .bfbe-nbar__close{order:-1;margin-inline:var(--bfbe-nbar-close-space, var(--bfbe-gap-sm, 8px)) 0}[data-bfbe-close-y=top] .bfbe-nbar__close{align-self:flex-start;margin-block-start:var(--bfbe-nbar-close-y, var(--bfbe-gap-sm, 8px))}[data-bfbe-close-y=bottom] .bfbe-nbar__close{align-self:flex-end;margin-block-end:var(--bfbe-nbar-close-y, var(--bfbe-gap-sm, 8px))}.bfbe-nbar--close-over .bfbe-nbar__close{position:absolute;margin:0;inset-inline-end:var(--bfbe-nbar-close-space, var(--bfbe-gap-sm, 8px));inset-block-start:50%;translate:0 -50%}.bfbe-nbar--close-over[data-bfbe-close-at=start] .bfbe-nbar__close{inset-inline:var(--bfbe-nbar-close-space, var(--bfbe-gap-sm, 8px)) auto}.bfbe-nbar--close-over[data-bfbe-close-y=top] .bfbe-nbar__close{inset-block-start:var(--bfbe-nbar-close-y, var(--bfbe-gap-sm, 8px));translate:none}.bfbe-nbar--close-over[data-bfbe-close-y=bottom] .bfbe-nbar__close{inset-block:auto var(--bfbe-nbar-close-y, var(--bfbe-gap-sm, 8px));translate:none}.bfbe-nbar--close-over .bfbe-nbar__inner{margin-inline:calc(var(--bfbe-nbar-close) + var(--bfbe-nbar-close-space, var(--bfbe-gap-sm, 8px)))}.bfbe-nbar[hidden]{display:none}.bfbe-nbar.is-closing{transition:opacity var(--bfbe-duration) var(--bfbe-ease),transform var(--bfbe-duration) var(--bfbe-ease),block-size var(--bfbe-duration) var(--bfbe-ease),padding-block var(--bfbe-duration) var(--bfbe-ease);opacity:0;transform:translateY(-6px)}.bfbe-nbar--bottom.is-closing{transform:translateY(6px)}.bfbe-nbar--close-slide.is-closing{transform:translateY(-100%)}.bfbe-nbar--bottom.bfbe-nbar--close-slide.is-closing{transform:translateY(100%)}.bfbe-nbar--close-collapse.is-measured{box-sizing:border-box;block-size:var(--bfbe-nbar-h);overflow:hidden}.bfbe-nbar--close-collapse.is-closing{block-size:0;padding-block:0;transform:none}.bfbe-nbar--close-none.is-closing{transition-duration:0s}@media(max-width:479.98px){.bfbe-nbar--off-480{display:none}}@media(max-width:639.98px){.bfbe-nbar--off-640{display:none}}@media(max-width:767.98px){.bfbe-nbar--off-768{display:none}}@media(max-width:991.98px){.bfbe-nbar--off-992{display:none}}.bfbe-nbar.bfbe-nbar--canvas{position:relative;inset:auto}
