.skeleton {
  position: relative;
  overflow: hidden;
  background: var(--color-skeleton-from);

  &::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(
      90deg,
      transparent,
      var(--color-skeleton-to),
      transparent
    );
    animation: skeleton-shimmer 1.2s infinite;
  }

  &.skeleton-line {
    height: 14px;
    margin: 10px 0;
  }

  &.skeleton-w-90 {
    width: 90%;
  }
}

@keyframes skeleton-shimmer {
  100% { transform: translateX(100%); }
}