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

  100% {
    background-position: 468px 0
  }
}

.loading-skeleton {
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: linear-gradient(to right, rgb(238 238 238 / 50%) 10%, rgb(221 221 221 / 50%) 18%, rgb(238 238 238 / 50%) 33%);
  border-radius: 6px;
  background-size: 800px 104px;
  height: 100%;
  position: relative;
}

.wrapper-skeleton {
  height: var(--size-20);
  width: 100%;
}

.wrapper-image-skeleton {
  height: 35px;
  width: 35px;
}

.wrapper-button-skeleton {
  height: var(--size-32);
  width: 100px;
}

.loading-skeleton-breadcrumb {
  width: 30%;
}