.ui-skeleton{--bone:color-mix(in srgb,var(--c-ink) 10%,transparent);--shine:color-mix(in srgb,var(--c-surface) 60%,transparent);display:flex;flex-direction:column;max-width:100%;overflow:hidden}.ui-skeleton__bone{background:var(--bone);display:block;flex:none;overflow:hidden;position:relative}.ui-skeleton__bone:after{animation:ui-skeleton-shine 1.5s infinite;background:linear-gradient(90deg,transparent,var(--shine),transparent);content:"";inset:0;position:absolute;transform:translate(-100%)}.ui-skeleton--static .ui-skeleton__bone:after{display:none}.ui-skeleton__text{border-radius:6px;height:12px;margin:16px}.ui-skeleton__text--short{max-width:70%}.ui-skeleton__heading{border-radius:12px;height:24px;margin:16px;width:45%}.ui-skeleton__subtitle{border-radius:6px;height:12px;margin:16px;width:50%}.ui-skeleton__divider{height:2px;margin-block:1px}.ui-skeleton__image{height:200px}.ui-skeleton--sized .ui-skeleton__image{flex:1 1 auto;height:auto}.ui-skeleton__avatar{border-radius:50%;height:40px;margin:16px;width:40px}.ui-skeleton__button{border-radius:4px;height:36px;margin:16px;width:64px}.ui-skeleton__chip{border-radius:9999px;height:32px;margin:16px;width:96px}.ui-skeleton__group{display:flex;flex-direction:column;padding-block:4px}.ui-skeleton__group .ui-skeleton__text{margin-block:8px}.ui-skeleton__avatar-row{align-items:center;display:flex}.ui-skeleton__avatar-row .ui-skeleton__text{flex:1 1 auto;margin-inline-start:0}.ui-skeleton__table-row{align-items:center;display:flex;height:48px;justify-content:space-between;padding-inline:8px}.ui-skeleton__table-row .ui-skeleton__text{flex:1 1 0;margin-inline:8px}@media(prefers-reduced-motion:reduce){.ui-skeleton__bone:after{display:none}}@keyframes ui-skeleton-shine{to{transform:translate(100%)}}