@import "./modal.native";
@import "./modal.md.vars";

// Material Design Modals
// --------------------------------------------------

:host {
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32);
}

@media only screen and (min-width: $modal-inset-min-width) and (min-height: $modal-inset-min-height-small) {
  :host {
    --border-radius: 2px;
    --box-shadow: #{$modal-inset-box-shadow};
  }
}

.modal-wrapper {
  @include transform(translate3d(0, 40px, 0));

  opacity: 0.01;
}