@layer ui.tokens,ui.base;@layer ui.components{.skeleton{--skeleton-radius:var(--ui-radius-control);--skeleton-color:var(--ui-color-border);border-radius:var(--skeleton-radius);background-color:var(--skeleton-color);background-image:linear-gradient(105deg, transparent 40%, var(--ui-color-surface) 50%, transparent 60%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton-sweep}@keyframes skeleton-sweep{0%{background-position-x:150%}to{background-position-x:-50%}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}@media (forced-colors:active){.skeleton{forced-color-adjust:none;background-color:graytext;background-image:none}}}