.skeleton-box {
  width: 100%;
  height: 100vh;
  background-color: #ffffff;
  padding: 0.2rem 0.1rem;
}

.skeleton-loader {
  width: 100%;
  height: 1rem;
  border-radius: 0.04rem;
  background: #f0f0f0;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.15rem;
}

.skeleton-loader::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,
    transparent 0%,
    #e3e3e3 50%,
    transparent 100%
  );
  animation: loading 1.5s infinite;
}

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

  100% {
    left: 100%;
  }
}