/**
 * Skeleton Component Styles
 */
/**
 * Shared SCSS Mixins
 *
 * Common mixins used across Leat frontend blocks
 */
/**
 * Skeleton animation mixin
 *
 * Creates an animated shimmer effect for loading states
 */
/**
 * Skeleton animation fade mixin
 *
 * Adds smooth transitions for skeleton appearance/disappearance
 */
/**
 * Skeleton shimmer animation
 */
@keyframes leat-skeleton-shimmer {
  100% {
    transform: translateX(100%);
  }
}
.leat-block-components-skeleton {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.leat-block-components-skeleton__element {
  background: color-mix(in srgb, currentColor 5%, transparent);
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  border: none;
}
.leat-block-components-skeleton__element::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  /* stylelint-disable declaration-colon-newline-after, function-parentheses-space-inside, function-comma-space-after */
  background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, currentColor 5%, transparent) 50%, transparent 100%);
  /* stylelint-enable */
  animation: leat-skeleton-shimmer 1.25s infinite;
}
@media (prefers-reduced-motion: reduce) {
  .leat-block-components-skeleton__element::after {
    animation: none;
  }
}
.leat-block-components-skeleton__element--static::after {
  display: none;
}
.leat-block-components-skeleton__element {
  transition: background-color 0.2s ease;
}
.leat-block-components-skeleton__element::after {
  transition: background-color 0.2s ease;
}
@media (prefers-reduced-motion: reduce) {
  .leat-block-components-skeleton__element {
    transition: background-color 0.2s ease;
  }
  .leat-block-components-skeleton__element::after {
    transition: background-color 0.2s ease;
  }
}

/**
 * Loyalty Heading Block Styles
 *
 * Minimal styles - most styling comes from WordPress core heading styles.
 */
.wp-block-leat-loyalty-heading {
  min-height: 1em;
}
.wp-block-leat-loyalty-heading span {
  font-size: inherit;
  line-height: inherit;
}
.wp-block-leat-loyalty-heading .leat-block-components-skeleton__element {
  display: block;
}
.wp-block-leat-loyalty-heading .leat-credits {
  font-weight: inherit;
  color: inherit;
}