.shimmer-element {
    display: inline-block;
    border-radius: 9999px;
    background: linear-gradient(90deg, #f5f5f7 0%, #e4e6eb 50%, #f5f5f7 100%);
    background-size: 200% 100%;
    animation: mail-shimmer-move 1.1s ease-in-out infinite;
}

.shimmer-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.shimmer-header,
.shimmer-search,
.shimmer-emails,
.shimmer-pagination,
.shimmer-email-item {
    width: 100%;
}

.shimmer-email-item {
    padding: 0.5rem 0;
}

@keyframes mail-shimmer-move {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

/* Header */
.shimmer-header-left .title-large {
    height: 16px;
    width: 160px;
}

.shimmer-header-left .text-medium {
    height: 10px;
    width: 80px;
}

.shimmer-header-left .badge {
    height: 18px;
    width: 60px;
}

.shimmer-header-right .select-small {
    height: 26px;
    width: 80px;
}

.shimmer-header-right .select-medium {
    height: 26px;
    width: 120px;
}

.shimmer-header-right .button-square {
    height: 32px;
    width: 32px;
}

.shimmer-sync .dot {
    height: 10px;
    width: 10px;
    border-radius: 9999px;
}

.shimmer-sync .text-small {
    height: 10px;
    width: 70px;
}

/* Search bar */
.shimmer-search .search-bar {
    height: 34px;
    width: 100%;
    border-radius: 9999px;
}

/* Email list */
.shimmer-email-item .avatar {
    height: 38px;
    width: 38px;
    border-radius: 50%;
}

.shimmer-email-header .sender-name {
    height: 12px;
}

.shimmer-email-meta .icon-small {
    height: 10px;
    width: 10px;
}

.shimmer-email-meta .date-text {
    height: 10px;
    width: 60px;
}

.shimmer-email-content .subject-text {
    height: 12px;
}

.shimmer-email-content .subject-text.bold {
    height: 14px;
}

.shimmer-email-content .preview-text {
    margin-top: 4px;
    height: 10px;
}

.shimmer-indicators .dot {
    height: 8px;
    width: 8px;
}

/* Pagination */
.shimmer-pagination .pagination-info {
    height: 10px;
    width: 120px;
}

.shimmer-pagination .pagination-button {
    height: 26px;
    width: 50px;
}

.shimmer-pagination .pagination-text {
    height: 10px;
    width: 80px;
}