﻿.ga-skeleton {
    animation: gaShimmer 1.5s infinite linear;
    background: linear-gradient( 90deg, #f1f3f5 25%, #e9ecef 50%, #f1f3f5 75% );
    background-size: 200% 100%;
    border-radius: 8px;
}

.ga-chart-skeleton {
    width: 240px;
    height: 240px;
    border-radius: 50%;
    margin: 0 auto;
}

.ga-hidden {
    display: none !important;
}

@keyframes gaShimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.ga-counter-skeleton {
    display: inline-block;
    width: 80px;
    height: 28px;
    border-radius: 6px;
}

.ga-table-skeleton {
    display: block;
    width: 100%;
    height: 18px;
    border-radius: 6px;
}
