@layer theme,base;@layer components{.ui-skeleton-block{background:var(--color-paper-sunken);animation:ui-skeleton-pulse var(--pulse-dur,calc(var(--duration-very-slow) * 2)) var(--ease-in-out) var(--pulse-count,1);display:block}.ui-skeleton-reveal{display:grid}.ui-skeleton-reveal>*{grid-area:1/1;min-width:0}.ui-skeleton-skeleton-layer{opacity:1;filter:blur();transition:opacity var(--reveal-dur,var(--duration-slow)) var(--reveal-ease,var(--ease-in-out)), filter var(--reveal-dur,var(--duration-slow)) var(--reveal-ease,var(--ease-in-out)), visibility 0s linear 0s}.ui-skeleton-content-layer{opacity:0;filter:blur(var(--reveal-blur,var(--blur-small)));visibility:hidden;transition:opacity var(--reveal-dur,var(--duration-slow)) var(--reveal-ease,var(--ease-in-out)), filter var(--reveal-dur,var(--duration-slow)) var(--reveal-ease,var(--ease-in-out))}.ui-skeleton-revealed .ui-skeleton-skeleton-layer{opacity:0;filter:blur(var(--reveal-blur,var(--blur-small)));visibility:hidden;pointer-events:none;transition:opacity var(--reveal-dur,var(--duration-slow)) var(--reveal-ease,var(--ease-in-out)), filter var(--reveal-dur,var(--duration-slow)) var(--reveal-ease,var(--ease-in-out)), visibility 0s linear var(--reveal-dur,var(--duration-slow))}.ui-skeleton-revealed .ui-skeleton-content-layer{opacity:1;filter:blur();visibility:visible}@media (prefers-reduced-motion:reduce){.ui-skeleton-block{animation:none!important}.ui-skeleton-skeleton-layer,.ui-skeleton-content-layer{transition:none!important}}}@layer utilities;@keyframes ui-skeleton-pulse{0%,to{opacity:1}50%{opacity:var(--pulse-min,.5)}}