.pre-ajax-title{
  height: 32px!important;
  margin-bottom: 26px;
}
.wrapper-loading{
  flex-direction: column;
  gap: 21px;
}
.loading,.loading-light {
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, rgb(250, 250, 250) 8%, rgba(241, 241, 241, 0.87) 38%, rgb(250, 250, 250) 54%);
  background-size: 1000px 640px;
  color: transparent!important;
  position: relative;
  border-radius: 6px;
}
.loading-transparent{
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, rgba(250, 250, 250, 0.18) 8%, rgba(244, 244, 244, 0.16) 38%, rgba(250, 250, 250, 0.18) 54%);
  background-size: 1000px 640px;
  color: transparent!important;
  position: relative;
  border-radius: 6px;
}

@keyframes placeHolderShimmer{
  0%{
    background-position: -468px 0
  }
  100%{
    background-position: 468px 0
  }
}

.pre-ajax-image{
  width: 42px;
  height: 42px;
  border-radius: 50%!important;
  flex-shrink: 0;
}
.pre-ajax-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}