/* Build 739: turn an empty cover into a calm branded MyMappi stage. */
html body .app-shell .full-memory-capsule .memory-capsule-visual.is-atmospheric .memory-capsule-cover-placeholder,
html body main.app-shell .full-memory-capsule .memory-capsule-visual.is-atmospheric .memory-capsule-cover-placeholder {
  background:
    radial-gradient(circle at 50% 48%, rgba(115, 232, 205, 0.3) 0%, rgba(71, 191, 184, 0.12) 28%, transparent 54%),
    linear-gradient(145deg, #123b63 0%, #0b6075 52%, #0c7c70 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -80px 120px rgba(3, 35, 49, 0.13) !important;
}

html body .app-shell .full-memory-capsule .memory-capsule-visual.is-atmospheric .memory-capsule-cover-placeholder .memory-capsule-mappi-focus,
html body main.app-shell .full-memory-capsule .memory-capsule-visual.is-atmospheric .memory-capsule-cover-placeholder .memory-capsule-mappi-focus {
  top: 47% !important;
  width: min(34%, 170px) !important;
  max-width: 170px !important;
  max-height: 46% !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: translate(-50%, -50%) !important;
}

html body .app-shell .full-memory-capsule .memory-capsule-visual.is-atmospheric .memory-capsule-cover-placeholder .memory-capsule-mappi-blur,
html body main.app-shell .full-memory-capsule .memory-capsule-visual.is-atmospheric .memory-capsule-cover-placeholder .memory-capsule-mappi-blur {
  top: 47% !important;
  width: min(52%, 260px) !important;
  max-height: 56% !important;
  transform: translate(-50%, -50%) scale(1.12) !important;
}

@media (max-width: 720px) {
  html body .app-shell .full-memory-capsule .memory-capsule-visual.is-atmospheric .memory-capsule-cover-placeholder .memory-capsule-mappi-focus,
  html body main.app-shell .full-memory-capsule .memory-capsule-visual.is-atmospheric .memory-capsule-cover-placeholder .memory-capsule-mappi-focus {
    top: 46% !important;
    width: min(42%, 160px) !important;
    max-width: 160px !important;
    max-height: 44% !important;
  }

  html body .app-shell .full-memory-capsule .memory-capsule-visual.is-atmospheric .memory-capsule-cover-placeholder .memory-capsule-mappi-blur,
  html body main.app-shell .full-memory-capsule .memory-capsule-visual.is-atmospheric .memory-capsule-cover-placeholder .memory-capsule-mappi-blur {
    top: 46% !important;
    width: min(66%, 250px) !important;
    max-height: 54% !important;
  }
}
