/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.wedos-items-price-hidden {
  display: none !important;
}

.wi-price-loader {
  display: inline;
  text-align: right;
  background: linear-gradient(
      90deg,
      #f0f0f0 25%,
      #e0e0e0 50%,
      #f0f0f0 75%
  );
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 2px;
  overflow: hidden;
}

.wi-price-loader:after {
  content: "\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
}

@keyframes shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.wi-price-ll-data {
  display: inline-block;
  white-space: nowrap;
}

.wi-price-wrapper {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

/* Class to fade-in the price */
.wi-price-visible {
  opacity: 1;
}