/* Eight Challenge registration modal (hyroxLanding .hx-modal-body): let the
   flow screens sit directly on the dark modal. Loaded globally via loadStyle,
   so every rule is scoped to .hx-modal-body. */
.hx-modal-body flowruntime-flow {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.hx-modal-body .flowruntimeBody {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.hx-modal-body flowruntime-screen-field.flowruntime-column {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.hx-modal-body .slds-gutters_direct {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* hyroxRegistrationForm (.booking-wrap) and bookingReviewHyrox (.wrap) paint
   their own near-black panel so they also work outside this modal; inside it,
   let the modal's lighter surface show through. */
.hx-modal-body .booking-wrap,
.hx-modal-body .wrap {
  background: transparent !important;
}