.pisell-list-tab-skeleton {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 0;

  &__item {
    height: 40px;
    width: 110px;
    background: linear-gradient(
      90deg,
      #f0f0f0 25%,
      #e0e0e0 50%,
      #f0f0f0 75%
    );
    background-size: 200% 100%;
    border-radius: 20px;
  }

  &--animated &__item {
    animation: skeleton-loading 1.5s ease-in-out infinite;
  }

  &--anchor &__item {
    height: 36px;
    border-radius: 6px;
  }
}

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

