@keyframes shine-skeleton-lines {
    0 {
        background-position: -100px
    }

    40%,100% {
        background-position: 600px
    }
}

.mod__max-w-xl {
    max-width: 1436px;
    margin: auto
}

.cmp-specs-dimensions {
    padding: 16px 0 30px;
    background-color: var(--color-bg-01)
}

.cmp-specs-dimensions__wrapper {
    padding: 0 16px
}

.cmp-specs-dimensions__title .cmp-title__text {
    color: var(--color-font-01);
    font-family: "SeatBold",sans-serif;
    font-size: 24px;
    line-height: 1.2;
    margin: 0;
    word-break: break-word
}

.cmp-specs-dimensions__text .cmp-text, .cmp-specs-dimensions__text .cmp-text p {
    color: var(--color-font-02);
    font-family: "SeatRegular",sans-serif;
    font-size: 16px;
    line-height: 1.5
}

    .cmp-specs-dimensions__text .cmp-text a {
        color: var(--color-font-02);
        text-decoration: underline
    }

    .cmp-specs-dimensions__text .cmp-text h1, .cmp-specs-dimensions__text .cmp-text h2, .cmp-specs-dimensions__text .cmp-text h3, .cmp-specs-dimensions__text .cmp-text h4, .cmp-specs-dimensions__text .cmp-text h5, .cmp-specs-dimensions__text .cmp-text h6, .cmp-specs-dimensions__text .cmp-text blockquote, .cmp-specs-dimensions__text .cmp-text pre {
        color: var(--color-font-02);
        font-family: "SeatRegular",sans-serif;
        font-size: 16px;
        line-height: 1.5;
        margin: 0
    }

.cmp-specs-dimensions__grid {
    display: flex;
    gap: 10px 24px;
    flex-wrap: wrap
}

.cmp-specs-dimensions-item__label {
    font-family: "SeatRegular",sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-font-01)
}

.cmp-specs-dimensions-item__measure_container {
    padding-top: 8px
}

.cmp-specs-dimensions-item__value {
    font-family: "SeatBold",sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.75;
    color: var(--color-font-01);
    margin-top: 4px
}

.cmp-specs-dimensions-item__unit {
    font-family: "SeatBold",sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.6;
    color: var(--color-font-02);
    padding-left: 4px
}

.cmp-specs-dimensions__swiper-pagination .swiper-pagination-bullet {
    background-color: var(--color-font-01)
}

@media(min-width:764px) {
    .cmp-specs-dimensions {
        padding: 30px 0 50px
    }

    .cmp-specs-dimensions__wrapper {
        padding: 0 24px
    }

    .cmp-specs-dimensions__grid {
        gap: 18px 32px;
        justify-content: center;
        margin-top: 28px;
        max-width: 72.7%;
        margin-left: auto;
        margin-right: auto
    }

    .cmp-specs-dimensions-item {
        padding: 0 8px
    }

    .cmp-specs-dimensions-item__measure_container {
        padding-top: 16px
    }

    .cmp-specs-dimensions-item__value {
        font-size: 18px;
        line-height: 1.2;
        margin-top: 12px;
        padding-left: unset
    }
}

@media(min-width:1016px) {
    .cmp-specs-dimensions {
        padding: 50px 0
    }

        .cmp-specs-dimensions[data-type='carousel'] .cmp-specs-dimensions__swiper-navigation .swiper-button-next, .cmp-specs-dimensions[data-type='carousel'] .cmp-specs-dimensions__swiper-navigation .swiper-button-prev {
            background: var(--color-bg-07);
            border-radius: 5px;
            width: 42px;
            height: 42px
        }

            .cmp-specs-dimensions[data-type='carousel'] .cmp-specs-dimensions__swiper-navigation .swiper-button-next .ico, .cmp-specs-dimensions[data-type='carousel'] .cmp-specs-dimensions__swiper-navigation .swiper-button-prev .ico {
                background-color: var(--color-bg-02);
                mask: var(--ico-path) no-repeat 100% 100%;
                -webkit-mask: var(--ico-path) no-repeat 100% 100%;
                -webkit-mask-size: cover;
                mask-size: cover
            }

    .cmp-specs-dimensions__wrapper {
        padding: 0 48px
    }

    .cmp-specs-dimensions__grid {
        margin-top: 36px;
        max-width: 68.5%;
        row-gap: 24px
    }

    .cmp-specs-dimensions__text .cmp-text, .cmp-specs-dimensions__text .cmp-text p {
        font-size: 20px;
        line-height: 1.2
    }

        .cmp-specs-dimensions__text .cmp-text a {
            text-decoration: underline
        }

        .cmp-specs-dimensions__text .cmp-text h1, .cmp-specs-dimensions__text .cmp-text h2, .cmp-specs-dimensions__text .cmp-text h3, .cmp-specs-dimensions__text .cmp-text h4, .cmp-specs-dimensions__text .cmp-text h5, .cmp-specs-dimensions__text .cmp-text h6, .cmp-specs-dimensions__text .cmp-text blockquote, .cmp-specs-dimensions__text .cmp-text pre {
            font-size: 20px;
            line-height: 1.2;
            margin: 0
        }

    .cmp-specs-dimensions-item {
        padding: 0 6px
    }

    .cmp-specs-dimensions-item__measure_container {
        padding-top: 16px
    }

    .cmp-specs-dimensions-item__value {
        font-size: 24px;
        line-height: 1.2
    }
}

@media(min-width:1436px) {
    .cmp-specs-dimensions {
        padding: 50px 0
    }

    .cmp-specs-dimensions__wrapper {
        padding: 0 56px
    }

    .cmp-specs-dimensions__grid {
        max-width: 94.8%;
        column-gap: 164px
    }

    .cmp-specs-dimensions-item {
        padding: 0 8px
    }
}