/* my_custom_app/public/css/portal.skeletons.css */
.skel { display: inline-block; background: linear-gradient(90deg, #eaeaea 25%, #f0f0f0 37%, #eaeaea 63%); background-size: 400% 100%; border-radius: var(--radius-sm); }
.skel.line { height: 12px; width: 100%; }
.skel.block { height: 60px; width: 100%; }
@media (prefers-reduced-motion: no-preference) {
  .skel { animation: shimmer 1.2s ease-in-out infinite; }
  @keyframes shimmer { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } }
}