@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
.mod__max-w-xl{max-width:1436px;margin:auto}
@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)}
}
.cmp-df{--font-base:'CupraBook',sans-serif;--font-bold:'CupraMedium',sans-serif;--font-regular:'CupraRegular',sans-serif;--font-pretitle-s:'CupraBook',sans-serif;--font-title-s:'CupraBook',sans-serif;--font-pretitle-l:'CupraRegular',sans-serif;--font-title-l:'CupraLight',sans-serif;--font-price:'CupraLight',sans-serif;--title-text-transform:uppercase;--icoAlert:url('../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-alert.svg');--image-aspect-ratio:330 / 186}
.cmp-df.theme-light{--bg-color:var(--color-bg-03);--font-color-primary:var(--color-font-01);--font-color-secondary:var(--color-font-02);--error-color:var(--color-danger)}
.cmp-df.theme-dark{--bg-color:var(--color-bg-01);--font-color-primary:var(--color-font-03);--font-color-secondary:var(--color-font-04);--error-color:var(--color-danger-dark-theme)}