/* LoadingSkeletonTable.module.css */
.container {
  padding: 20px;
  width: 100%;
}

.skeletonTable {
  width: 100%;
  border-collapse: collapse;
}

.skeletonRow {
  height: 50px;
  border-bottom: 1px solid #e0e0e0;
}

.skeletonCell {
  padding: 10px;
  background-color: #f4f4f4;
  position: relative;
  overflow: hidden;
}

.skeletonBox {
  width: 100%;
  height: 20px;
  background-color: #e0e0e0;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.skeletonAnimation {
  position: absolute;
  top: 0;
  left: -100%;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, rgba(230, 230, 230, 0) 0%, rgba(230, 230, 230, 0.8) 50%, rgba(230, 230, 230, 0) 100%);
  animation: loading 0.7s infinite;
}

@keyframes loading {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}