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-md {
  transform: translate3d(0,  40px,  0);
  opacity: .01; }
  @media only screen and (min-width: 768px) and (min-height: 600px) {
    .modal-wrapper-md {
      border-radius: 2px;
      box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
      overflow: hidden; } }