@charset "UTF-8";
@import "~@jereation/sass-helpers/_mixins";


.modal-backdrop .modal-backdrop-bg {
  @include transition(background-color ease-in .2s)
}

.modal-backdrop .modal-backdrop-bg.base-modal-bg-gray {
  background-color: rgba(0, 0, 0, 0.2);
}

.modal-slide-content .scroll-content {
  padding-top: 20px;
}

.base-modal.slide-in-left .modal-slide-content, .slide-in-right .modal-slide-content {
  width: 85%;
  min-width: 240px;
  background-color: #fff;
}

.base-modal.slide-in-left .modal-slide-content {
  left: auto;
}

.slide-in-right .modal-slide-content {
  right: auto;
}

.base-modal.slide-in-left {
  @include transform(translate3d(100%, 0, 0));
}

.base-modal.slide-in-left.ng-enter, .base-modal.slide-in-left > .ng-enter {
  @include transition(transform cubic-bezier(.1, .7, .1, 1) 400ms);
}

.base-modal.slide-in-left.ng-enter-active, .base-modal.slide-in-left > .ng-enter-active {
  @include transform(translate3d(0, 0, 0));
}

.base-modal.slide-in-left.ng-leave, .base-modal.slide-in-left > .ng-leave {
  @include transition(transform ease-in-out 250ms);
  @include transform(translate3d(100%, 0, 0));
}

.base-modal.slide-in-right {
  @include transform(translate3d(-100%, 0, 0));
}

.base-modal.slide-in-right.ng-enter, .base-modal.slide-in-right > .ng-enter {
  @include transition(transform cubic-bezier(.1, .7, .1, 1) 400ms);
}

.base-modal.slide-in-right.ng-enter-active, .base-modal.slide-in-right > .ng-enter-active {
  @include transform(translate3d(0, 0, 0));
}

.base-modal.slide-in-right.ng-leave, .base-modal.slide-in-right > .ng-leave {
  @include transition(transform ease-in-out 250ms);
  @include transform(translate3d(-100%, 0, 0));
}