@layer components{.ws-skeleton-root{inline-size:100%;block-size:var(--space-8);border-radius:var(--radius-xs);background:var(--border);animation:ws-skeleton-pulse var(--duration-pulse) var(--ease-in-out) infinite;flex:none;display:block}.ws-skeleton-root[data-width=long]{inline-size:80%}.ws-skeleton-root[data-width=medium]{inline-size:60%}.ws-skeleton-root[data-width=short]{inline-size:40%}.ws-skeleton-root[data-shape=text]{background:0 0;block-size:1lh;animation:none;position:relative}.ws-skeleton-root[data-shape=text]:before{block-size:var(--space-8);border-radius:var(--radius-xs);background:var(--border);animation:ws-skeleton-pulse var(--duration-pulse) var(--ease-in-out) infinite;content:"";margin-block:auto;position:absolute;inset-block:0;inset-inline:0}.ws-skeleton-root[data-shape=text][data-still]:before{animation:none}.ws-skeleton-root[data-shape=fill]{border-radius:var(--radius-md);block-size:100%}.ws-skeleton-root[data-shape=circle]{inline-size:var(--size-chip);block-size:var(--size-chip);border-radius:var(--radius-full)}.ws-skeleton-root[data-shape=circle][data-size]{inline-size:var(--skeleton-circle);block-size:var(--skeleton-circle)}.ws-skeleton-root[data-size=xs]{--skeleton-circle:var(--avatar-xs)}.ws-skeleton-root[data-size=sm]{--skeleton-circle:var(--avatar-sm)}.ws-skeleton-root[data-size=md]{--skeleton-circle:var(--avatar-md)}.ws-skeleton-root[data-size=lg]{--skeleton-circle:var(--avatar-lg)}.ws-skeleton-root[data-size=title]{--skeleton-circle:var(--avatar-title)}.ws-skeleton-root[data-size=xl]{--skeleton-circle:var(--avatar-xl)}.ws-skeleton-root[data-shape=tile]{inline-size:var(--size-tile);block-size:var(--size-tile)}.ws-skeleton-root[data-shape=field]{block-size:var(--size-input);border-radius:var(--radius-md)}.ws-skeleton-root[data-shape=field]:not([data-width]){inline-size:var(--size-menu);max-inline-size:100%}.ws-skeleton-root[data-shape=block]{block-size:var(--size-toolbar);border-radius:var(--radius-md)}.ws-skeleton-root[data-still]{animation:none}.ws-skeleton-lines{gap:var(--space-8);flex-direction:column;inline-size:100%;display:flex}.ws-skeleton-lines[data-shape=text]{gap:0}.ws-skeleton-lines[data-align=center]{align-items:center}@keyframes ws-skeleton-pulse{50%{opacity:var(--opacity-pulse)}}@media (prefers-reduced-motion:reduce){.ws-skeleton-root,.ws-skeleton-root[data-shape=text]:before{animation:none}}@media (forced-colors:active){.ws-skeleton-root{border:var(--border-width-hairline) solid GrayText}}}