.logo-container {
  display: none;
}

.topmenu {
  margin-top: 0;
}

.hide {
  opacity: 0;
  pointer-events: none;
}

.outside-container {
  margin: 0;
  overflow: hidden;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  /* Above Engage React chrome / MUI layers; below rare fullscreen media overlays */
  z-index: 200000;
  transition-duration: 100ms;
}

.imageBackground {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  border: none !important;
}

#ExtensionPopup {
  border-radius: 0;
  filter: none;
  /* Avoid transform on the host — it makes shadow `position: fixed` children
     size to the host instead of the viewport on Engage stacking contexts. */
  transform-origin: center center;
  will-change: opacity;
  transition: opacity 0.05s;
}
