gov-skeleton,.gov-skeleton{margin-top:0;margin-bottom:0;position:relative;display:inline-block;width:var(--width, 100%);height:var(--height, var(--height-line-m));border-radius:var(--border-radius, var(--border-radius, var(--corner-radius-s)));outline:none;overflow:hidden;box-sizing:border-box;will-change:transform;background-color:var(--background, var(--background-neutral-subtle));opacity:.5;background-repeat:no-repeat}gov-skeleton[shape=circle],gov-skeleton.circle,.gov-skeleton[shape=circle],.gov-skeleton.circle{width:var(--circle-size, var(--height-3xl));height:var(--circle-size, var(--height-3xl));border-radius:var(--circle-radius, 50%)}gov-skeleton.progress,.gov-skeleton.progress{background-size:200px 100%;animation:progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite}gov-skeleton.pulse,.gov-skeleton.pulse{animation:pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;animation-delay:.5s}@media(prefers-reduced-motion: reduce){gov-skeleton.pulse,gov-skeleton.progress,.gov-skeleton.pulse,.gov-skeleton.progress{background-image:none;animation:none}}gov-skeleton[size=xs]:not([shape=circle]),.gov-skeleton[size=xs]:not([shape=circle]){height:var(--height, var(--height-line-xs))}gov-skeleton[size=s]:not([shape=circle]),.gov-skeleton[size=s]:not([shape=circle]){height:var(--height, var(--height-line-s))}gov-skeleton[size=m]:not([shape=circle]),.gov-skeleton[size=m]:not([shape=circle]){height:var(--height, var(--height-line-m))}gov-skeleton[size=l]:not([shape=circle]),.gov-skeleton[size=l]:not([shape=circle]){height:var(--height, var(--height-line-l))}gov-skeleton[size=xl]:not([shape=circle]),.gov-skeleton[size=xl]:not([shape=circle]){height:var(--height, var(--height-line-xl))}gov-skeleton[color=primary],.gov-skeleton[color=primary]{background-color:var(--background, var(--background-primary-subtle))}gov-skeleton[color=primary].progress,.gov-skeleton[color=primary].progress{background-image:linear-gradient(90deg, var(--background, var(--background-primary-subtle)), var(--foreground, var(--background-primary-subtlest)), var(--background, var(--background-primary-subtle)))}gov-skeleton[color=neutral],.gov-skeleton[color=neutral]{background-color:var(--background, var(--background-neutral-subtle))}gov-skeleton[color=neutral].progress,.gov-skeleton[color=neutral].progress{background-image:linear-gradient(90deg, var(--background, var(--background-neutral-subtle)), var(--foreground, var(--background-neutral-subtlest)), var(--background, var(--background-neutral-subtle)))}
