.event-detail-modal {
  display: block;
  max-height: calc(100vh - 24px);
  max-height: calc(100dvh - 24px);
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
}

.event-detail-modal .modal-header {
  position: sticky;
  top: 0;
  z-index: 20;
}

.event-detail-modal .modal-body {
  min-height: auto;
  max-height: none !important;
  overflow: visible !important;
  padding-bottom: 48px;
}

.event-detail-modal .modal-body > section,
.event-detail-modal .modal-body > .event-detail-wide-section,
.event-detail-modal .attendance-confirmation-card,
.event-detail-modal .media-event-materials,
.event-detail-modal .share-onboarding-panel {
  grid-column: 1 / -1 !important;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  align-self: start;
}

.event-detail-modal .attendance-confirmation-card,
.event-detail-modal .media-event-materials,
.event-detail-modal .share-onboarding-panel {
  margin-top: 8px;
}

.event-detail-modal .modal-body > .event-detail-wide-section:last-child {
  margin-bottom: 8px;
}

@media (max-width: 680px) {
  .event-detail-modal {
    max-height: 100vh;
    max-height: 100dvh;
  }

  .event-detail-modal .modal-body {
    padding-bottom: 116px;
  }
}