.bee-persistent-frame[data-bpf-installed] {
  overflow: visible;
}
.bee-persistent-frame .bpf-frame {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.bee-persistent-frame.bpf-contained .bpf-frame {
  position: sticky;
  top: var(--bpf-top, 0px);
  height: var(--bpf-height, 100dvh);
  z-index: 1;
}
.bee-persistent-frame .bpf-top,
.bee-persistent-frame .bpf-reference,
.bee-persistent-frame .bpf-dock {
  flex: none;
}
.bee-persistent-frame .bpf-stage {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}
.bee-persistent-frame .bpf-middle {
  min-height: 0;
}
.bee-persistent-frame.bpf-contained .bpf-middle {
  flex: 1 1 auto;
  overflow: hidden;
  overscroll-behavior: contain;
  scroll-padding-block: 12px;
}
.bee-persistent-frame .bpf-content {
  min-height: 100%;
}
.bee-persistent-frame .bpf-dock {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  padding-block: 10px calc(12px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid #dce2eb;
  background: #fffdf7;
}
.bee-persistent-frame .bpf-dock:empty {
  display: none;
}
.bee-persistent-frame .bpf-dock > * {
  margin-block: 0;
}
.bee-persistent-frame .bpf-anchor,
.bee-persistent-frame .bpf-track {
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none;
}
.bee-persistent-frame .bpf-middle:focus-visible {
  outline: 3px solid var(--br-color-brand-navy, #1f2a44);
  outline-offset: -3px;
}
@media (prefers-reduced-motion: reduce) {
  .bee-persistent-frame * {
    scroll-behavior: auto !important;
  }
}