@layer arche.base;@layer arche.components{.arche-skeleton{box-sizing:border-box;border-radius:var(--arche-radius-md);flex:none;width:100%;max-width:100%;display:block}.arche-skeleton:not([data-shape=text]),.arche-skeleton[data-shape=text]:before{background:linear-gradient(90deg, var(--arche-color-hover) 0%, var(--arche-color-press) 50%, var(--arche-color-hover) 100%);background-size:200% 100%;animation:1.6s linear infinite arche-skeleton-shimmer}.arche-skeleton[data-shape=text]{height:1.5em;align-items:center;height:1lh;display:flex}.arche-skeleton[data-shape=text]:before{content:"";border-radius:inherit;width:100%;height:.75rem}.arche-skeleton[data-shape=rect]{height:4rem}.arche-skeleton[data-shape=circle]{border-radius:var(--arche-radius-full);width:2rem;height:2rem}.arche-skeleton[data-shape=circle][data-size=sm]{width:1.5rem;height:1.5rem}.arche-skeleton[data-shape=circle][data-size=lg]{width:2.5rem;height:2.5rem}@keyframes arche-skeleton-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.arche-skeleton:not([data-shape=text]),.arche-skeleton[data-shape=text]:before{background:var(--arche-color-press);animation:none}}@media (forced-colors:active){.arche-skeleton:not([data-shape=text]),.arche-skeleton[data-shape=text]:before{forced-color-adjust:none;background:graytext;animation:none}}}