.vtsg-items-load,
.vtsg-items-load-progress,
.vtsg-items-load-progress-inner {
    position: relative;
    display: flex;
}

.vtsg-items-load {
    display: flex;
    width: 100%;
    padding: 20px;
}

/* .vtsg-grid-items-active {
    display: flex;
}

.vtsg-grid-items-hidden {
    display: none;
} */

.vtsg-items-load-progress {
    width: 100%;
    height: 8px;
    background: var(--e-global-color-text);
    border-radius: 100px;
    overflow: hidden;
}

.vtsg-items-load-progress-inner {
    --vtsg-load-duration: 6s;
    width: 0;
    border-radius: inherit;
    background: var(--e-global-color-accent);
}

.vtsg-animating {
    animation: vtsg-grid-items-load-progress-animation var(--vtsg-load-duration) linear forwards;
}

@keyframes vtsg-grid-items-load-progress-animation {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}