.g-skeleton{--_--animation-from:calc(-100% * var(--g-flow-direction));--_--animation-to:calc(100% * var(--g-flow-direction));--_--gradient-deg:calc(90deg * var(--g-flow-direction));--_--border-radius:var(--g-border-radius-s);z-index:0;background-color:var(--g-color-base-generic);border-radius:var(--_--border-radius);width:100%;height:var(--_--size,auto);display:inline-block;position:relative;overflow:hidden}.g-skeleton_size_xs{--_--border-radius:var(--g-border-radius-xs);--_--size:20px}.g-skeleton_size_s{--_--border-radius:var(--g-border-radius-s);--_--size:24px}.g-skeleton_size_m{--_--border-radius:var(--g-border-radius-m);--_--size:28px}.g-skeleton_size_l{--_--border-radius:var(--g-border-radius-l);--_--size:36px}.g-skeleton_size_xl{--_--border-radius:var(--g-border-radius-xl);--_--size:44px}.g-skeleton_variant_circle{aspect-ratio:1;border-radius:50%;width:auto}.g-skeleton_variant_square{aspect-ratio:1;width:auto}.g-skeleton_variant_text{width:100%;height:1em;margin-block:calc(.5lh - .5em);display:block}.g-skeleton_animation_gradient:after{content:"";background-image:linear-gradient(var(--_--gradient-deg), transparent, var(--g-color-base-generic));animation:1.2s ease-out infinite g-skeleton;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.g-skeleton_animation_gradient:after{animation:none}}.g-skeleton_animation_pulse{animation:1.5s linear infinite g-skeletonPulse}@keyframes g-skeleton{0%{transform:translateX(var(--_--animation-from))}to{transform:translateX(var(--_--animation-to))}}@keyframes g-skeletonPulse{0%{opacity:1}50%{opacity:.5}}