@layer components.animation{ec-skeleton{--ec-skeleton-base:var(--gray-200);--ec-skeleton-highlight:var(--gray-100);--ec-skeleton-duration:1.4s;--ec-skeleton-radius:0;--ec-skeleton-text-height:1em;border-radius:var(--ec-skeleton-radius);background-color:var(--ec-skeleton-base);width:100%;height:100%;display:block}html[data-theme=dark] ec-skeleton{--ec-skeleton-base:var(--gray-800);--ec-skeleton-highlight:var(--gray-700)}ec-skeleton[data-shape=text]{--ec-skeleton-radius:.25em;height:var(--ec-skeleton-text-height)}ec-skeleton[data-shape=circle]{--ec-skeleton-radius:50%;aspect-ratio:1;height:auto}@media (prefers-reduced-motion:no-preference){ec-skeleton{background-image:linear-gradient(90deg, var(--ec-skeleton-base) 0%, var(--ec-skeleton-highlight) 50%, var(--ec-skeleton-base) 100%);animation:ec-skeleton-shimmer var(--ec-skeleton-duration) ease-in-out infinite;background-size:200% 100%}}@keyframes ec-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}