.ready-to-buy-sales-assisted > .dx-row {
  --bs-gutter-x: 0px !important;
}

/**
 * Hide dialog content before the rh-dialog component is ready
 */
rh-dialog:not(:defined) {
  display: none !important;
}

/**
* Fix overflow scrollbars on the trial details modal
*/
[id*="modal"] rh-dialog .dx-row {
  width: 100%;
}

/**
* Minimize layout thrashing when loading
*/
rhpt-my-trials-app:not(:defined) {
  display: block;
  min-height: min(500px, 50vh);
}

/**
* Hide dynamic slots until rendered in app
*/
.dynamic-slot:not(.layout-builder__layout) {
  display: none;
}

rhpt-my-trials-app:defined .dynamic-slot {
  display: block;
}

/**
 * Hide modals from rendering on initial setup
 */
.hide-modal:not(.layout-builder__layout) > *:not(rh-dialog:defined) {
  display: none;
}

/**
 * Force header to be full width
 */
rhpt-my-trials-app > #header {
  margin-inline: calc((-50vw + 50%) + 8px);
}