/* ================================================
   SKELETON LOADING STATES
   ================================================ */
@keyframes pulse-bg {
    0% { background-color: #f4f4f5; } /* A light grey */
    50% { background-color: #e7e7e9; } /* A slightly darker grey */
    100% { background-color: #f4f4f5; }
}

.is-loading-skeleton .skeleton-line {
    animation: pulse-bg 1.5s ease-in-out infinite;
    border-radius: 4px;
}