.ZIK__loader > .i.__loader:before {
  width: 90%;
  height: 90%;
  margin: 5%;
}
.CheckoutLoader {
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none!important;
}
.CheckoutLoader__parent {
  position: relative;
}
.CheckoutLoader__container {
  display: flex;
}
.CheckoutLoader__dot {
  margin: 0 20px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #59a5ce;
  -webkit-animation: CheckoutLoader__dot linear 1s infinite;
          animation: CheckoutLoader__dot linear 1s infinite;
}
.CheckoutLoader__dot.__first {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.CheckoutLoader__dot.__second {
  -webkit-animation-delay: 0.333s;
          animation-delay: 0.333s;
}
.CheckoutLoader__dot.__third {
  -webkit-animation-delay: 0.666s;
          animation-delay: 0.666s;
}
.CheckoutLoader.__fullscreen .CheckoutLoader__container {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.CheckoutLoader .blockOverlay,
.CheckoutLoader + .blockOverlay,
.CheckoutLoader ~ .blockOverlay {
  opacity: 0 !important;
}
@-webkit-keyframes CheckoutLoader__dot {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(2);
            transform: scale(2);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@keyframes CheckoutLoader__dot {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(2);
            transform: scale(2);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
.blockOverlay {
  background: rgba(255, 255, 255, 0.8) !important;
  opacity: 1!important;
}
.blockOverlay:before {
  content: '';
  display: block;
  width: 200px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin: 0 -100px;
  background: url('../../images/dots_animation.gif') no-repeat center;
  background-attachment: fixed;
  background-size: 200px auto;
}
.blockOverlay + .blockOverlay {
  display: none !important;
}