@import "../../../themes/ionic.globals";

// pop-sheet
// --------------------------------------------------

$sheet-max-width: 500px !default;

.vm-pop-sheet {
  overflow: hidden;

  &.vm-pop-sheet-visible {
    position: fixed !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: $z-index-overlay + $z-index-overlay-sheet;
    display: flex;
    width: 100%;
    height: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
  }

  // transitioName = 'pop-sheet'
  .pop-sheet-enter-active,
  .pop-sheet-leave-active {
    opacity: 1;
    transform: scale(1);
  }

  .pop-sheet-enter {
    opacity: 0;
    transform: scale(1.1);
  }

  .pop-sheet-leave-active {
    opacity: 0;
    transform: scale(0.9);
  }

  .sheet-wrapper {
    position: relative;
    z-index: $z-index-overlay-wrapper;
    display: block;
    margin: auto;
    // added
    transition: all cubic-bezier(0.36, 0.66, 0.04, 1) 400ms;
  }
}