@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)}
}
.spinner-video-background .progress-bar{display:block;background-color:transparent;position:absolute;width:32px;height:32px;margin:0;right:8px;bottom:12px;z-index:1;text-align:unset;overflow:unset}
.spinner-video-background .progress-bar .progress-active,.spinner-video-background .progress-bar .progress-inactive{background-color:transparent;transform:scaleX(-1)}
.spinner-video-background.play-video .icon-svg,.spinner-video-background.pause-video .icon-svg{background-repeat:no-repeat;background-position:center;position:absolute;top:10px;display:block;z-index:1;height:12px;width:12px;transform:translateY(-100%)}
.spinner-video-background.play-video .icon-svg{background-image:url("../../../../../etc.clientlibs/cupra-website/components/common/videoBackground/clientlibs/resources/IconPlay.svg");right:17px}
.spinner-video-background.pause-video .icon-svg{background-image:url("../../../../../etc.clientlibs/cupra-website/components/common/videoBackground/clientlibs/resources/IconPause.svg");right:18px}
@media(min-width:1436px){.spinner-video-background .progress-bar{width:48px;height:48px;right:16px}
.spinner-video-background.play-video .icon-svg,.spinner-video-background.pause-video .icon-svg{top:17px}
.spinner-video-background.play-video .icon-svg{background-size:14px;top:20px;right:29px;height:18px;width:18px}
.spinner-video-background.pause-video .icon-svg{right:34px;background-size:12px;height:16px;top:20px}
}
.cmp-video__wrapper .cmp-video__video{position:relative}