@import url("tokens/fonts.css");
@import url("tokens/colors.css");
@import url("tokens/typography.css");
@import url("tokens/spacing.css");
@import url("tokens/surfaces.css");
@import url("tokens/motion.css");

/*
 * The sweep a Skeleton runs on.
 *
 * Here rather than in a consumer's stylesheet because the component that needs
 * it lives here: a design system whose loading placeholder only animates inside
 * one particular app is a design system with a missing part. It moved out of
 * app.css, which is why the listing gallery's shimmer still finds it.
 *
 * `background-position` only. Nothing in the keyframes touches layout, because a
 * grid of these animates at once.
 *
 * Reduced motion is NOT handled here. Shortening an infinite animation runs it
 * faster rather than stopping it, so Skeleton drops the `animation` property
 * altogether and paints a flat tone instead.
 */
@keyframes cbm-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}