@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)}
}
.cmp-video-v2{position:relative;padding-bottom:56.25%;overflow:hidden;max-width:100%;width:100%;height:100%}
.cmp-video-v2--bg{padding-bottom:0}
.cmp-video-v2 .cmp-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;border:0;cursor:pointer}
.cmp-video-v2 .cmp-image .cmp-image__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--ds-border-radius-m,12px)}
.cmp-video-v2__play{width:48px;height:48px;background-image:url("../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/cupra-diagonal/icons/media-control.svg");background-size:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;transition:opacity .3s ease-in}
.cmp-video-v2__play:hover{opacity:.7}
.cmp-video-v2__iframe,.cmp-video-v2__video{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:var(--ds-border-radius-m,12px)}
@media(min-width:480px){.cmp-video-v2__play{width:56px;height:56px}
}
@media(min-width:768px){.cmp-video-v2__play{width:80px;height:80px}
}
@media(min-width:1024px){.cmp-video-v2__play{width:96px;height:96px}
}
@media(min-width:1440px){.cmp-video-v2__play{width:120px;height:120px}
}
@media(min-width:1920px){.cmp-video-v2__play{width:128px;height:128px}
}