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


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

:host:first-of-type {
  --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;
  }

  :host:first-of-type {
    --box-shadow: #{$modal-inset-box-shadow};
  }
}

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

  opacity: .01;
}