Animation

0: { "@keyframes gl-spin": { "to": { "transform": "rotate(360deg)" } } };

1: { "animation": "gl-spin 0.6s infinite linear" };

overflow: hidden;

max-width: 32rem; /* 512px */

background-size: 32rem 100%;

background-position: -32rem 0;

background-color: var(--gl-skeleton-loader-background-color);

background-image: linear-gradient(to right, var(--gl-skeleton-loader-background-color) 0, var(--gl-skeleton-loader-shimmer-color) 23%, var(--gl-skeleton-loader-shimmer-color) 27%, var(--gl-skeleton-loader-background-color) 50%);

background-repeat: no-repeat;

@media (prefers-reduced-motion: no-preference): { "animation": "gl-keyframes-skeleton-loader 2.5s linear", "animation-delay": "inherit", "animation-iteration-count": "3" };

@keyframes gl-keyframes-skeleton-loader: { "0%": { "background-position-x": "-32rem" }, "100%": { "background-position-x": "32rem" } };