.shimmer, .shimmer2 {
	display: inline-block;
	height: 1em;
	position: relative;
	overflow: hidden;
	background-color: #dddbdd;
	border-radius: 4px;
  }
  .shimmer::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: translateX(-100%);
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
	-webkit-animation: shimmer 2s infinite;
			animation: shimmer 2s infinite;
	content: "";
  }

  .shimmer2::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg, rgb(0 0 0 / 0%) 0, rgb(0 0 0 / 20%) 20%, rgb(0 0 0 / 50%) 60%, rgb(0 0 0 / 0%));
    -webkit-animation: shimmer 2s infinite;
    animation: shimmer 2s infinite;
    content: "";
}

  @-webkit-keyframes shimmer {
	100% {
	  transform: translateX(100%);
	}
  }
  @keyframes shimmer {
	100% {
	  transform: translateX(100%);
	}
  }