@layer components{.SkeletonItem{--base-color:var(--dimmed-1);--highlight-color:var(--dimmed-0);--animation-duration:1.5s;--animation-direction:normal;background-color:var(--base-color);border-radius:var(--radius,2rem);display:inline-flex;height:var(--height);line-height:1rem;overflow:hidden;position:relative;width:var(--width,100%);z-index:1}.SkeletonItem+br+.SkeletonItem{margin-top:var(--gap,0)}.SkeletonItem:after{background-image:linear-gradient(to right,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;transform:translateX(-100%)}.SkeletonItem[data-skeleton-animated=true]:after{animation-direction:normal;animation-duration:1.5s;animation-iteration-count:infinite;animation-name:skeleton-shimmer;animation-timing-function:ease-in-out}.SkeletonItem[data-skeleton-circle=true]{border-radius:100%}}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}