@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
.mod__max-w-xl{max-width:1436px;margin:auto}
.cmp-df-select-vehicle{position:relative;background-color:var(--bg-color);padding:8px 0 32px;height:calc(100vh - 92px);min-height:520px;display:none}
.cmp-df-select-vehicle__container{max-width:1372px;margin:0 auto;display:flex;justify-content:space-between;flex-direction:column;height:100%}
.cmp-df-select-vehicle__top{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:16px}
.cmp-df-select-vehicle__title{position:relative;z-index:3}
.cmp-df-select-vehicle__title .cmp-title__text{color:var(--font-color-secondary);font-family:var(--font-pretitle-s);text-transform:initial;font-size:20px;line-height:24px;margin:0}
.cmp-df-select-vehicle__label .cmp-title__text{color:var(--font-color-primary);font-family:var(--font-bold);text-transform:initial;font-size:14px;line-height:20px;margin:0}
.cmp-df-select-vehicle__content{position:relative}
.cmp-df-select-vehicle__name-list{overflow:hidden;text-align:center;position:relative;width:100%;height:28px}
.cmp-df-select-vehicle__name-item{position:absolute;top:0;left:0;width:100%;font-size:24px;line-height:28px;color:var(--font-color-primary);font-family:var(--font-title-s);opacity:0;text-transform:var(--title-text-transform);pointer-events:none;transition:opacity .7s ease}
.cmp-df-select-vehicle__name-item.mod__active{opacity:1;pointer-events:auto}
.cmp-df-select-vehicle__list-container{padding:32px 0 48px;margin-left:-16px;width:calc(100% + 32px)}
.cmp-df-select-vehicle__list-container:not(.swiper-initialized){display:flex;justify-content:center}
.cmp-df-select-vehicle__bottom{margin-top:32px}
.cmp-df-select-vehicle__item{opacity:1;position:relative;aspect-ratio:var(--image-aspect-ratio);width:330px;height:auto}
.cmp-df-select-vehicle__item.swiper-slide .cmp-df-select-vehicle__item-image{opacity:0}
.cmp-df-select-vehicle__item.swiper-slide-visible .cmp-df-select-vehicle__item-image{opacity:.4}
.cmp-df-select-vehicle__item.swiper-slide-active{cursor:pointer}
.cmp-df-select-vehicle__item.swiper-slide-active .cmp-df-select-vehicle__item-image{opacity:1}
.cmp-df-select-vehicle__item-image{top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto;position:absolute;max-width:none;transition:opacity .3s ease-in-out}
.cmp-df-select-vehicle__button{max-width:436px;display:block;margin:0 auto}
.cmp-df-select-vehicle .swiper-initialized.swiper-horizontal .swiper-button-prev,.cmp-df-select-vehicle .swiper-initialized.swiper-horizontal .swiper-button-next{width:32px;height:32px;display:none}
.cmp-df-select-vehicle .swiper-initialized.swiper-horizontal .swiper-button-prev:before,.cmp-df-select-vehicle .swiper-initialized.swiper-horizontal .swiper-button-next:before{background-color:var(--font-color-primary)}
.cmp-df-select-vehicle .swiper-initialized.swiper-horizontal .swiper-button-prev:after,.cmp-df-select-vehicle .swiper-initialized.swiper-horizontal .swiper-button-next:after{background-color:var(--bg-color)}
.cmp-df-select-vehicle .swiper-initialized.swiper-horizontal .swiper-pagination-bullet{background-color:var(--font-color-primary)}
@media(min-width:764px){.cmp-df-select-vehicle{height:calc(100vh - 136px)}
.cmp-df-select-vehicle__title{z-index:0}
.cmp-df-select-vehicle__label .cmp-title__text{font-size:16px;line-height:20px;margin:0}
.cmp-df-select-vehicle__name-list{height:44px}
.cmp-df-select-vehicle__name-item{font-size:40px;line-height:44px;font-family:var(--font-title-l)}
.cmp-df-select-vehicle__list-container{margin-left:-32px;width:calc(100% + 64px);padding:48px 0 56px}
.cmp-df-select-vehicle__item{width:624px;height:auto}
}
@media(min-width:1016px){.cmp-df-select-vehicle{height:calc(100vh - 200px);max-height:860px;min-height:615px}
.cmp-df-select-vehicle__title .cmp-title__text{font-family:var(--font-pretitle-l);margin:0}
.cmp-df-select-vehicle__list-container{padding:24px 0 32px}
.cmp-df-select-vehicle .swiper-initialized.swiper-horizontal .swiper-button-prev,.cmp-df-select-vehicle .swiper-initialized.swiper-horizontal .swiper-button-next{display:block}
}
@media(min-width:1436px){.cmp-df-select-vehicle{overflow:hidden;height:calc(100vh - 180px);margin-left:-32px;min-height:574px;max-height:none;padding-bottom:16px;width:calc(100% + 64px)}
.cmp-df-select-vehicle__list-container{margin-left:-240px;width:calc(100% + 480px);padding:32px 0 60px}
.cmp-df-select-vehicle .swiper-buttons{max-width:1436px;z-index:1;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}
}
@media(min-width:1920px){.cmp-df-select-vehicle__list-container{padding:48px 0 72px}
.cmp-df-select-vehicle__item{width:890px;height:auto}
}