@import 'main';

$modal_transition: 400ms, cubic-bezier(0.175, 0.885, 0.32, 1.275), transform;

.modal {
  position: fixed !important; // important т.к. у модалок есть также класс overlay с pos absolute
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1500;
  visibility: hidden;
  opacity: 0;

  .window {
    z-index: 1400;
    @include transform(scale(0.8));
    @include transition($modal_transition...);
    max-height: 90%;
  }
}

.active {
  visibility: visible;
  opacity: 1;
  .window {
    @include transform(scale(1));
  }
}