﻿.apo-list-statistics {
    --statistic-item-width: 12.5rem;
    --statistic-progress-opacity-length: 0.2s;
    --statistic-progress-transform-length: 1s;
}

.apo-list-statistics__grid {
    grid-template-columns: repeat(auto-fit, minmax(min(var(--statistic-item-width), 100%), 1fr));
    gap: 3.25rem;
}

.apo-list-statistics__title {
    margin-block-end: 0.625rem;
}

@media (width < 37.5rem) {
    .apo-list-statistics__caption br {
        display: none;
    }
}

.apo-list-statistics__progress {
    height: 0.5rem;
    margin-block-start: 1rem;
    opacity: 0;
    transition: opacity var(--statistic-progress-opacity-length) cubic-bezier(0.13, 0, 0.39, 0), transform var(--statistic-progress-transform-length) cubic-bezier(0.13, 0, 0.39, 0);
    transform: scaleX(0);
    transform-origin: left;
}

    .apo-list-statistics__progress.is-visible {
        opacity: 1;
        transform: scaleX(1);
    }