/* [project]/components/skeleton.css [app-client] (css) */
.u-skeleton {
  background: linear-gradient(90deg,
    var(--surface-sunken) 0%,
    color-mix(in srgb, var(--surface-sunken) 60%, var(--surface-card)) 50%,
    var(--surface-sunken) 100%);
  background-size: 200% 100%;
  animation: 1.4s ease-in-out infinite u-skeleton-shimmer;
}

@keyframes u-skeleton-shimmer {
  from {
    background-position: 200% 0;
  }

  to {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .u-skeleton {
    animation: none;
  }
}

/*# sourceMappingURL=components_skeleton_2181zv-.css.map*/