﻿@keyframes shine-skeleton-lines {
    0 {
        background-position: -100px
    }

    40%,100% {
        background-position: 600px
    }
}

.mod__max-w-xl {
    max-width: 1436px;
    margin: auto
}

.cmp-specs-engine-data {
    background-color: var(--bg-color)
}

    .cmp-specs-engine-data.last-engine-data {
        padding-bottom: 40px
    }

.cmp-specs-engine-data__wrapper {
    padding: 0 16px 40px;
    display: grid
}

.cmp-specs-engine-data__title {
    font-family: var(--title-font);
    color: var(--title-color);
    padding: 80px 0 0;
    text-align: center;
    margin-bottom: 0
}

.cmp-specs-engine-data__text {
    font-family: var(--text-font);
    color: var(--text-color);
    text-align: center;
    position: relative;
    bottom: 16px
}

@media(min-width:764px) {
    .cmp-specs-engine-data.last-engine-data {
        padding-bottom: 32px
    }

    .cmp-specs-engine-data__wrapper {
        padding: 0 32px 48px;
        row-gap: 48px
    }

    .cmp-specs-engine-data__info-title {
        font-size: 24px;
        line-height: 1.2
    }

    .cmp-specs-engine-data__info-items {
        display: grid
    }
}

@media(min-width:1436px) {
    .cmp-specs-engine-data__info-items {
        width: 100%;
        margin: auto 0 auto auto;
        column-gap: 48px
    }
}

.cmp-specs-engine-data-item__label {
    font-family: var(--label-font);
    color: var(--label-color);
    margin-bottom: 0
}

.cmp-specs-engine-data-item__value {
    display: flex;
    flex-wrap: wrap
}

.cmp-specs-engine-data-item__value-odometer {
    font-family: var(--odometer-font);
    color: var(--odometer-color);
    margin-right: 8px;
    margin-bottom: 0
}

.cmp-specs-engine-data-item__value-unit {
    font-family: var(--unit-font);
    color: var(--unit-color);
    margin-top: 4px;
    margin-bottom: 0
}
