ion-modal {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  contain: strict; }

ion-modal-controller {
  display: none; }

@media not all and (min-width: 768px) and (min-height: 600px) {
  ion-modal ion-backdrop {
    display: none; } }

.modal-wrapper {
  width: 100%;
  height: 100%;
  contain: strict;
  z-index: 10; }
  @media only screen and (min-width: 768px) and (min-height: 600px) {
    .modal-wrapper {
      width: 600px;
      height: 500px; } }
  @media only screen and (min-width: 768px) and (min-height: 768px) {
    .modal-wrapper {
      width: 600px;
      height: 600px; } }

.modal-wrapper-ios {
  transform: translate3d(0,  100%,  0); }
  @media only screen and (min-width: 768px) and (min-height: 600px) {
    .modal-wrapper-ios {
      border-radius: 10px;
      overflow: hidden; } }