.skeleton{border-radius:var(--radius-md);--shimmer-bg:color-mix(in srgb, var(--bg-hover) 78%, var(--bg-card) 22%);--shimmer-color:#ffffff8a;background:0 0;flex-shrink:0;display:block}@keyframes skeletonSweep{0%{transform:translate(-115%)}to{transform:translate(115%)}}.skeleton__shape{background:var(--bg-hover);border-radius:inherit;position:relative;overflow:hidden}.skeleton__shape:after{content:"";background:linear-gradient(100deg, transparent 0%, var(--shimmer-color) 45%, transparent 82%);will-change:transform;animation:1.35s cubic-bezier(.4,0,.2,1) infinite skeletonSweep;position:absolute;inset:0;transform:translate(-115%)}.skeleton--circle{border-radius:50%}html.dark .skeleton{--shimmer-bg:#ffffff14;--shimmer-color:#ffffff2e}html.dark .skeleton .skeleton__shape{background:#ffffff14}@media (prefers-reduced-motion:reduce){.skeleton{--shimmer-duration:0s}.skeleton .skeleton__shape:after{opacity:0;animation:none}}.image-with-skeleton{background:var(--bg-hover);border-radius:inherit;isolation:isolate;width:100%;height:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border-primary) 70%, transparent);display:block;position:relative;overflow:hidden}.image-with-skeleton--circle{border-radius:var(--radius-full)}.image-with-skeleton__img,.image-with-skeleton__skeleton,.image-with-skeleton__fallback{width:100%;height:100%;position:absolute;inset:0}.image-with-skeleton__img{opacity:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:opacity .26s var(--ease-out), transform .32s var(--ease-out);display:block;transform:scale(1.015)}.image-with-skeleton__img--visible{opacity:1;transform:scale(1)}.image-with-skeleton__skeleton{z-index:1;pointer-events:none;opacity:1}.image-with-skeleton__fallback{justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){.image-with-skeleton__img{transition-duration:1ms;transform:none}}