﻿@keyframes spin {
    0 {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotateImageLoading {
    from {
        transform: translate(-50%,-50%) rotateY(0) scale(1.01)
    }

    to {
        transform: translate(-50%,-50%) rotateY(360deg) scale(1.01)
    }
}

@keyframes shine-skeleton-lines {
    0 {
        background-position: -100px
    }

    40%,100% {
        background-position: 600px
    }
}

.model-stats .mod__dark {
    background: #1b1b1b
}

    .model-stats .mod__dark .cmp-title__text {
        color: #fff
    }

    .model-stats .mod__dark .cmp-text p {
        color: #fff
    }

        .model-stats .mod__dark .cmp-text p > a {
            color: #fff;
            text-decoration: underline
        }

    .model-stats .mod__dark .model-stats__container .model-stat__title, .model-stats .mod__dark .model-stats__container .model-stat__display--odometer, .model-stats .mod__dark .model-stats__container .model-stat__display__units {
        color: #fff
    }

.model-stats .model-stats__container {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    padding: 16px 32px 32px 32px;
    gap: 24px
}

    .model-stats .model-stats__container .model-stat {
        width: auto;
        opacity: 0;
        transition: all .4s ease
    }

    .model-stats .model-stats__container .model-stat__title {
        font-family: 'CupraBook',sans-serif;
        font-size: 14px;
        font-weight: 350;
        line-height: 1.2;
        color: #1b1b1b
    }

    .model-stats .model-stats__container .model-stat__display {
        display: flex;
        justify-content: start;
        align-items: end;
        margin-top: 4px
    }

    .model-stats .model-stats__container .model-stat__display--odometer {
        display: flex;
        align-items: center;
        font-family: 'CupraBook',sans-serif;
        font-size: 20px;
        font-weight: 350;
        line-height: initial;
        color: #1b1b1b;
        min-height: 42px;
        max-height: 60px;
        overflow: hidden
    }

        .model-stats .model-stats__container .model-stat__display--odometer.odometer-auto-theme .odometer-digit {
            min-width: 14px
        }

    .model-stats .model-stats__container .model-stat__display__units {
        position: relative;
        font-family: 'CupraBook',sans-serif;
        font-size: 14px;
        font-weight: 350;
        line-height: initial;
        padding: 0 0 11px 4px;
        color: #1b1b1b
    }

@media(min-width:764px) {
    .model-stats .model-stats__container {
        display: flex;
        flex-wrap: wrap;
        padding: 24px 24px 32px 24px;
        column-gap: 56px;
        justify-content: center
    }

        .model-stats .model-stats__container .model-stat__title {
            font-size: 16px
        }

        .model-stats .model-stats__container .model-stat__display--odometer {
            font-size: 24px
        }

            .model-stats .model-stats__container .model-stat__display--odometer.odometer-auto-theme .odometer-digit {
                min-width: 16px
            }

        .model-stats .model-stats__container .model-stat__display__units {
            padding: 0 0 10px 4px
        }
}

@media(min-width:1016px) {
    .model-stats .model-stats__container {
        padding: 32px 32px 50px 32px
    }

        .model-stats .model-stats__container .model-stat__display--odometer {
            font-size: 30px
        }

            .model-stats .model-stats__container .model-stat__display--odometer.odometer-auto-theme .odometer-digit {
                min-width: 20px
            }

        .model-stats .model-stats__container .model-stat__display__units {
            font-size: 16px;
            padding: 0 0 7px 4px
        }
}

@media(min-width:1436px) {
    .model-stats .model-stats__container .model-stat__display--odometer {
        font-family: 'CupraLight',sans-serif;
        font-size: 40px
    }

        .model-stats .model-stats__container .model-stat__display--odometer.odometer-auto-theme .odometer-digit {
            min-width: 26px
        }

    .model-stats .model-stats__container .model-stat__display__units {
        padding: 0 0 11px 4px
    }
}
