.wps-skeleton-container {
  padding:0 24px;

  &__skeleton {
    background-color: #e0e0e0;
    background-image: linear-gradient(
                    90deg,
                    rgba(224, 224, 224, 0.6) 0%,
                    rgba(245, 245, 245, 0.8) 50%,
                    rgba(224, 224, 224, 0.6) 100%
    );
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 4px;
    display: inline-block;
    overflow: hidden;

    &--full {
      width: 100%;
    }

    &--h-150 {
      height: 150px;
    }
  }
}


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

