.generic-modal {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  transition: .5s ease-in-out
}
.generic-modal .generic-modal-content {
  padding: 0;
  position: absolute;
  z-index: 9005;
  inset: 0;
  margin: auto;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: .75rem;
  outline: 0;
  min-width: 50vw;
  max-width: 60vw;
  width: auto;
  overflow: hidden;
  max-height: 75vh
}
@media (max-width:41.9375rem) {
  .generic-modal .generic-modal-content {
    max-width: 90vw
  }
}
@media (min-width:42rem) {
  .generic-modal .generic-modal-content {
    max-width: 80vw
  }
}
.generic-modal .generic-modal-container {
  max-height: 75vh;
  min-height: -webkit-fill-available;
  display: flex;
  flex-direction: column
}
.generic-modal .generic-modal-container .xf-content {
  overflow-y: auto;
  overflow-x: hidden
}
.generic-modal .modal-image {
  width: 9.125rem;
  height: 2.5625rem
}
.generic-modal .btn-close {
  padding: 0;
  height: 1.25rem;
  margin-top: -1.25rem
}
.generic-modal .generic-modal-overlay {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  z-index: 1000;
  transition: .5s ease-in-out
}
.generic-modal .component-container {
  margin-left: 0;
  margin-right: 0;
  width: 100%
}
.generic-modal .component-container:not([class*=pad-]) {
  padding-top: 0;
  padding-bottom: 0
}
.generic-modal .shield-forms > .component-container > .component-offset > div.gc-2-1-lg,
.generic-modal .shield-text .textContainer.gc-2-1-lg {
  grid-template-columns: repeat(1,minmax(0,1fr))!important
}
.generic-modal .shield-forms > .component-container > .component-offset > div.gc-2-1-lg > *,
.generic-modal .shield-text .textContainer.gc-2-1-lg .body {
  grid-column: auto!important
}
.generic-modal .advancedLayout .button.aem-GridColumn .genform-button button,
.generic-modal .advancedLayout .button.aem-GridColumn .genform-button input[type=submit],
.generic-modal .shield-forms .form-container.body,
.generic-modal .shield-forms form,
.generic-modal .shield-text .textContainer .body .heading {
  margin: 0
}
.generic-modal .advancedLayout > section[class*=background-] {
  margin-left: -2.5rem;
  margin-right: -1rem;
  padding-left: 2.5rem;
  padding-right: 1rem
}
.generic-modal .shield-forms .advancedLayout > section[class*=background-] > .component-container > .component-offset > .gc-2-lg.gc-2-md.gc-1-sm {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: .5rem
}
.generic-modal .advancedLayout .button.aem-GridColumn .genform-button {
  padding: 0;
  float: right
}
@media (max-width:41.9375rem) {
  .generic-modal.exitIntentModal .generic-modal-content {
    min-width: 100vw;
    margin-bottom: 0;
    border-radius: 0
  }
  .generic-modal.exitIntentModal .generic-modal-container {
    max-height: calc(100vh - 5.75rem)
  }
  .generic-modal .btn-close {
    margin-right: 0
  }
  .generic-modal .shield-forms .advancedLayout > section[class*=background-] > .component-container > .component-offset > .gc-2-lg.gc-2-md.gc-1-sm {
    flex-direction: column-reverse
  }
  .generic-modal .advancedLayout > section[class*=background-] {
    margin-left: -1rem;
    padding-left: 1rem
  }
  .generic-modal .advancedLayout .button.aem-GridColumn .genform-button button,
  .generic-modal .advancedLayout .button.aem-GridColumn .genform-button input[type=submit] {
    width: 100%
  }
}
.usballiance-container .generic-modal.exitIntentModal .generic-modal-content {
  max-width: unset;
  min-width: unset;
  width: 28rem
}
.usballiance-container .generic-modal.exitIntentModal .generic-modal-content .xf-content {
  overflow-y: hidden
}
.usballiance-container .generic-modal.exitIntentModal .generic-modal-content .xf-content .savebtn {
  position: relative;
  left: 2rem
}
.usballiance-container .generic-modal.exitIntentModal .generic-modal-content .xf-content .savebtn .left-aligned {
  margin: 1.25rem .5rem
}