@font-face {
  font-family: "zynora";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/assets/zynora-BmOVxLhg.woff2") format("woff2"),
       url("/assets/zynora-BR1lOXaV.woff") format("woff"),
       url("/assets/zynora-QuYJGLwQ.ttf") format("truetype");
}

.zy {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: "zynora" !important;
  text-rendering: auto;
}

.zy.zyb-picpay::before {
  content: "\f108";
}
.zy.zyg-check-circle::before {
  content: "\f107";
}
.zy.zyg-check-done::before {
  content: "\f106";
}
.zy.zyg-gift::before {
  content: "\f105";
}
.zy.zyg-info-circle::before {
  content: "\f104";
}
.zy.zyg-sparkle-gift::before {
  content: "\f103";
}
.zy.zyg-trophy::before {
  content: "\f102";
}
.zy.zyg-users::before {
  content: "\f101";
}
#preloader .progress-bar {
  height: 4px;
  width: 100%;
  overflow: hidden;
}
#preloader .progress-bar-value {
  width: 100%;
  height: 100%;
  animation: indeterminateAnimation 1s infinite linear;
  transform-origin: 0% 50%;
}
@keyframes indeterminateAnimation {
0% {
    transform: translateX(0) scaleX(0);
}
40% {
    transform: translateX(0) scaleX(0.4);
}
100% {
    transform: translateX(100%) scaleX(0.5);
}
}