/* A non-blocking, accessible loading cue shared by the app and public site. */
.pb-navigation-feedback {
  position: fixed;
  z-index: 2147483000;
  top: calc(env(safe-area-inset-top, 0px) + 16px);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 14px;
  width: max-content;
  max-width: min(400px, calc(100vw - 32px));
  box-sizing: border-box;
  padding: 14px 20px 14px 16px;
  border: 1px solid rgba(164, 147, 255, .5);
  border-radius: 20px;
  background: #111827;
  color: #fff;
  box-shadow: 0 12px 36px #07111f40, 0 0 24px #745cff26;
  font-family: inherit;
  text-align: left;
  pointer-events: none;
  animation: pb-feedback-arrive .18s ease-out both;
}
.pb-navigation-feedback[hidden], .pb-navigation-dismiss[hidden] { display: none !important; }
.pb-navigation-copy { display: grid; gap: 3px; min-width: 0; }
.pb-navigation-copy strong { color: #fff; font-size: 14px; line-height: 1.35; font-weight: 650; letter-spacing: 0; }
.pb-navigation-copy small { color: #cbd5e1; font-size: 12px; line-height: 1.45; font-weight: 400; letter-spacing: 0; }
.pb-navigation-orbit { position: relative; display: block; flex: 0 0 34px; width: 34px; height: 34px; }
.pb-navigation-orbit::before, .pb-navigation-orbit::after {
  content: ''; position: absolute; inset: 0; border: 2px solid #745cff33; border-radius: 50%;
  border-top-color: #a594ff; border-right-color: #745cff;
  animation: pb-feedback-orbit 1.15s linear infinite;
}
.pb-navigation-orbit::after { inset: 7px; border-color: #c5ff3d22; border-bottom-color: #c5ff3d; border-left-color: #c5ff3d; animation-duration: 1.55s; animation-direction: reverse; }
.pb-navigation-orbit i { position: absolute; inset: 15px; border-radius: 50%; background: #c5ff3d; box-shadow: 0 0 10px #c5ff3d88; }
.pb-navigation-dismiss { pointer-events: auto; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 1px solid #64748b; border-radius: 50%; background: transparent; color: #fff; cursor: pointer; font: 24px/1 system-ui, sans-serif; }
.pb-navigation-dismiss:focus-visible { outline: 3px solid #c5ff3d; outline-offset: 3px; }
.pb-navigation-feedback.is-delayed .pb-navigation-orbit::before,
.pb-navigation-feedback.is-delayed .pb-navigation-orbit::after { animation: none; }
@keyframes pb-feedback-orbit { to { transform: rotate(360deg); } }
@keyframes pb-feedback-arrive { from { opacity: 0; transform: translate(-50%, -5px); } to { opacity: 1; transform: translate(-50%, 0); } }
@media (prefers-reduced-motion: reduce) {
  .pb-navigation-feedback, .pb-navigation-orbit::before, .pb-navigation-orbit::after { animation: none !important; }
}
@media (forced-colors: active) {
  .pb-navigation-feedback { border: 1px solid CanvasText; background: Canvas; color: CanvasText; }
  .pb-navigation-copy strong, .pb-navigation-copy small, .pb-navigation-dismiss { color: CanvasText; }
  .pb-navigation-orbit::before, .pb-navigation-orbit::after { border-color: GrayText; border-top-color: Highlight; }
}