modal-onboarding .banner {
  background-color: var(--ion-color-secondary);
}

modal-onboarding ion-content {
  --background: var(--ion-color-base) !important;
}

modal-onboarding h1 {
  color: #fff;
}

modal-onboarding p {
  margin: 0 0 15px 0;
  color: rgba(255, 255, 255, 0.8);
  font-weight: normal;
}

.modal-onboarding {
  --width: 700px;
  --max-width: 700px;
}

@media only screen and (max-width: 800px) {
  .modal-onboarding {
    --width: 100%;
    --max-width: auto;
  }
}
