@import '../variables.less';
@import '../mixins.less';

.preloader-modal {
  position: fixed;
  left: 50%;
  top: 50%;
  padding: 0.4rem;
  margin-left: -1.25rem;
  margin-top: -1.25rem;
  background: rgba(0,0,0,0.8);
  z-index: 11000;
  border-radius: 0.25rem;
  transition: opacity .3s;
  opacity: 1;
  
  &.preloader-modal-enter,
  &.preloader-modal-leave-active {
    opacity: 0;
  }

  .preloader {
    .preloader();
    display: block;
    width: 1.7rem;
    height: 1.7rem;
  }

  .preloader-white {
    .preloader-white();
  }
}