@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
@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)}
}
.swiper-initialized.swiper-horizontal .swiper-button-prev,.swiper-initialized.swiper-horizontal .swiper-button-next{display:flex;position:absolute;margin:0;top:50%;transform:translateY(-50%);width:40px;height:40px;overflow:hidden;border-radius:var(--dg-icon-button-border-radius-base,6px);border:var(--dg-icon-button-border-width-base,1px) solid var(--dg-icon-button-border-color-quaternary-default,#c49678);background:var(--dg-gradient-bg-copper-default,linear-gradient(47deg,#b77f58 0,#9b613b 62.52%,#804620 96.18%));padding:var(--dg-spacing-s-5) var(--dg-spacing-m-1);opacity:0;pointer-events:none;user-select:none;transition:opacity .3s ease}
.swiper-initialized.swiper-horizontal .swiper-button-prev:before,.swiper-initialized.swiper-horizontal .swiper-button-next:before{position:absolute;content:'';width:100%;height:100%}
.swiper-initialized.swiper-horizontal .swiper-button-prev:after,.swiper-initialized.swiper-horizontal .swiper-button-next:after{position:absolute;content:'';width:24px;height:24px;background-color:var(--dg-icon-button-icon-color-quaternary-default,#fafafa)}
.swiper-initialized.swiper-horizontal .swiper-button-prev:hover:before,.swiper-initialized.swiper-horizontal .swiper-button-next:hover:before{border:var(--dg-icon-button-border-width-base,1px) solid var(--dg-icon-button-border-color-quaternary-hover,#c49678);background:var(--dg-gradient-bg-copper-hover,linear-gradient(47deg,#996642 0,#764a2d 52.9%,#562f15 96.18%));border-radius:var(--dg-icon-button-border-radius-base,6px)}
.swiper-initialized.swiper-horizontal .swiper-button-prev{left:32px}
.swiper-initialized.swiper-horizontal .swiper-button-prev:after{mask:url("https://ds-assets.cupra.com/icons/cupra-diagonal/arrow-left-line.svg") no-repeat 100% 100%;-webkit-mask:url("https://ds-assets.cupra.com/icons/cupra-diagonal/arrow-left-line.svg") no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover}
.swiper-initialized.swiper-horizontal .swiper-button-next{right:32px}
.swiper-initialized.swiper-horizontal .swiper-button-next:after{mask:url("https://ds-assets.cupra.com/icons/cupra-diagonal/arrow-right-line.svg") no-repeat 100% 100%;-webkit-mask:url("https://ds-assets.cupra.com/icons/cupra-diagonal/arrow-right-line.svg") no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover}
.swiper-initialized.swiper-horizontal .swiper-button-disabled{opacity:0;pointer-events:none}
.swiper-initialized.swiper-horizontal .swiper-pagination:not(.swiper-pagination-lock){bottom:0;display:flex;justify-content:center;gap:var(--dg-spacing-s-3)}
.swiper-initialized.swiper-horizontal .swiper-pagination-bullet{width:40px;height:4px;transition:all .3s ease;border-radius:var(--dg-border-radius-full,100000px);background:var(--dg-color-field-bg-disabled,#5a5c67)}
.swiper-initialized.swiper-horizontal .swiper-pagination-bullet-active{width:64px;height:4px;background:var(--dg-gradient-bg-copper-default,linear-gradient(47deg,#b77f58 0,#9b613b 62.52%,#804620 96.18%))}
@media(hover:hover) and (pointer:fine){.swiper-initialized.swiper-horizontal:hover .swiper-button-prev:not(.swiper-button-disabled),.swiper-initialized.swiper-horizontal:hover .swiper-button-next:not(.swiper-button-disabled){opacity:1;pointer-events:auto;cursor:pointer}
}
.swiper-button-prev,.swiper-button-next,.swiper-pagination-lock{display:none}
@media(min-width:1440px){.swiper-initialized.swiper-horizontal .swiper-button-prev,.swiper-initialized.swiper-horizontal .swiper-button-next{width:48px;height:48px;padding:var(--dg-spacing-m-1) var(--dg-spacing-m-2)}
.swiper-initialized.swiper-horizontal .swiper-button-prev{left:48px}
.swiper-initialized.swiper-horizontal .swiper-button-next{right:48px}
}
.cmp-df-select-vehicle{padding:0;margin-top:-24px}
.cmp-df-select-vehicle__top{gap:0;text-align:center}
.cmp-df-select-vehicle__title{display:none}
.cmp-df-select-vehicle__label{margin-bottom:16px}
.cmp-df-select-vehicle__label .cmp-title__text{color:var(--dg-color-text-medium,#d3d6d9);font-weight:350;text-transform:uppercase;font-size:var(--dg-font-size-body-l);line-height:var(--dg-font-height-body-l);letter-spacing:var(--dg-font-letter-spacing-m);margin:0;word-break:break-word}
.cmp-df-select-vehicle__name-list{height:auto;overflow:initial;margin-bottom:var(--dg-spacing-layout-xxs)}
.cmp-df-select-vehicle__name-item{font-size:var(--dg-font-size-headline-m);line-height:var(--dg-font-height-headline-m);letter-spacing:var(--dg-font-letter-spacing-m);font-weight:400;word-break:break-word;position:relative;display:none}
.cmp-df-select-vehicle__name-item.mod__active{display:block}
.cmp-df-select-vehicle__tag-list{text-transform:uppercase}
.cmp-df-select-vehicle__list-container{padding:0 0 34px;margin-left:calc(-1 * var(--dg-layout-margin));width:calc(100% + (var(--dg-layout-margin) * 2))}
.cmp-df-select-vehicle__item{aspect-ratio:1.77777778;width:100%}
.cmp-df-select-vehicle__bottom{width:calc(100% +  (var(--dg-layout-margin)));margin:24px 0 -24px calc(-1 * (var(--dg-layout-margin) / 2));padding-bottom:24px}
.cmp-df-select-vehicle .swiper-initialized.swiper-horizontal .swiper-button-prev,.cmp-df-select-vehicle .swiper-initialized.swiper-horizontal .swiper-button-next{width:40px;height:40px}
.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(--dg-icon-button-icon-color-quaternary-default,#fafafa)}
@media(hover:hover) and (pointer:fine){.cmp-df-select-vehicle .swiper-initialized.swiper-horizontal:hover .swiper-button-prev,.cmp-df-select-vehicle .swiper-initialized.swiper-horizontal:hover .swiper-button-next{display:flex}
}
@media(min-width:480px){.cmp-df-select-vehicle__name-list{height:48px;margin-bottom:var(--dg-spacing-layout-s)}
.cmp-df-select-vehicle__name-item{font-size:var(--dg-font-size-headline-l);line-height:var(--dg-font-height-headline-l)}
.cmp-df-select-vehicle__list-container{padding:0 0 86px}
.cmp-df-select-vehicle__item{aspect-ratio:1.77777778}
}
@media(min-width:768px){.cmp-df-select-vehicle__top,.cmp-df-select-vehicle__name-item{text-align:start}
.cmp-df-select-vehicle__label{margin-bottom:4px}
.cmp-df-select-vehicle__list-container{padding:0 0 28px}
.cmp-df-select-vehicle__item{aspect-ratio:1.77777778}
.cmp-df-select-vehicle__bottom{padding-bottom:var(--dg-spacing-m-2)}
}
@media(min-width:1024px){.cmp-df-select-vehicle__list-container{width:100vw;margin-right:calc(var(--dg-layout-margin) * -1);padding:0}
.cmp-df-select-vehicle__list{pointer-events:none}
.cmp-df-select-vehicle__item{width:clamp(712px,calc(712px + ((100vw - 1024px) * .5)),calc(1440px - 1px));height:auto;aspect-ratio:1.7755611;pointer-events:auto !important}
.cmp-df-select-vehicle__bottom{padding-bottom:calc(var(--dg-spacing-layout-m) * 2)}
.cmp-df-select-vehicle .swiper-initialized.swiper-horizontal:hover .swiper-button-prev,.cmp-df-select-vehicle .swiper-initialized.swiper-horizontal:hover .swiper-button-next{display:none}
.cmp-df-select-vehicle .swiper-initialized.swiper-horizontal .swiper-pagination{display:none}
}
@media(min-width:1024px) and (hover:hover) and (pointer:fine){.cmp-df-select-vehicle__item.swiper-slide-active{cursor:pointer}
.cmp-df-select-vehicle__item.swiper-slide-prev::before,.cmp-df-select-vehicle__item.swiper-slide-next::before{position:absolute;content:'';inset:0;z-index:2}
.cmp-df-select-vehicle__item.swiper-slide-prev::before{cursor:url('../../../../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/cupra-diagonal/swiper/cursor-arrow-left.svg'),auto !important}
.cmp-df-select-vehicle__item.swiper-slide-next::before{cursor:url('../../../../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/cupra-diagonal/swiper/cursor-arrow-right.svg'),auto !important}
}
@media(min-width:1440px){.cmp-df-select-vehicle{margin-left:calc(var(--dg-layout-margin) * -1);width:calc(100% + (var(--dg-layout-margin) * 2))}
.cmp-df-select-vehicle__list-container{margin-left:-270px;width:calc(100% + 540px)}
.cmp-df-select-vehicle__item{width:clamp(980px,calc(980px + ((100vw - 1440px) * .5)),calc(1920px - 1px));aspect-ratio:1.77536232;max-height:48dvh}
.cmp-df-select-vehicle__item-image{width:100%;height:100%;object-fit:contain}
.cmp-df-select-vehicle__bottom{padding-bottom:calc(var(--dg-spacing-l-1) + 88px)}
}
@media(min-width:1920px){.cmp-df-select-vehicle__item{width:980px;height:552px;aspect-ratio:1}
.cmp-df-select-vehicle__bottom{padding-bottom:calc(var(--dg-spacing-l-2) + 80px)}
}