@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-button.app-store,.cmp-button.play-store{padding:0;display:block;position:relative;overflow:hidden;transition:all .3s ease;border:unset}
.cmp-button.app-store img,.cmp-button.play-store img{position:absolute;max-inline-size:initial;max-block-size:initial}
.cmp-button.app-store:hover,.cmp-button.play-store:hover{opacity:.8}
.cmp-button.app-store,.cmp-button.app-store img{width:141px;height:47px}
.cmp-button.play-store{width:159px;height:47px}
.cmp-button.play-store img{width:auto;height:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.cmp-my-cupra-app{position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/cupra-diagonal/my-cupra-app/bg.jpg");background-image:image-set(url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/cupra-diagonal/my-cupra-app/bg.jpg") 1x,url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/cupra-diagonal/my-cupra-app/bg@2x.jpg") 2x)}
.cmp-my-cupra-app__container{position:relative;margin:0 auto;width:100%;max-width:1920px;min-width:320px;display:grid;grid-template-columns:repeat(1,1fr);gap:var(--dg-spacing-layout-l)}
.cmp-my-cupra-app__top{flex-direction:column;display:flex;justify-content:center;align-items:start;row-gap:var(--dg-spacing-layout-xs);padding:var(--dg-spacing-layout-xxl) var(--dg-spacing-layout-m) var(--dg-spacing-layout-xxs)}
.cmp-my-cupra-app__title .cmp-title__text{color:var(--dg-global-color-neutral-10,#fafafa);font-weight:300;text-transform:uppercase;font-size:var(--dg-font-size-headline-m);line-height:var(--dg-font-height-headline-m);letter-spacing:var(--dg-font-letter-spacing-m);margin:0;word-break:break-word}
.cmp-my-cupra-app__subtitle .cmp-text p{color:var(--dg-global-color-neutral-10,#fafafa);font-weight:400;font-size:var(--dg-font-size-body-l);line-height:var(--dg-font-height-body-l);letter-spacing:var(--dg-font-letter-spacing-m)}
.cmp-my-cupra-app__subtitle .cmp-text p>a{color:var(--dg-global-color-neutral-10,#fafafa);text-decoration:underline}
.cmp-my-cupra-app__ctas{position:relative;margin-top:26px;display:flex;flex-direction:column;gap:var(--dg-spacing-m-2)}
.cmp-my-cupra-app__cta:first-child{order:1}
.cmp-my-cupra-app__cards-list{display:grid;position:relative;padding:0 var(--dg-spacing-layout-m) var(--dg-spacing-layout-xxl);grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--dg-spacing-layout-xl);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
.cmp-my-cupra-app__cards-list::-webkit-scrollbar{display:none}
@media(min-width:480px){.cmp-my-cupra-app__top{padding:var(--dg-spacing-layout-xxl) var(--dg-spacing-layout-l) var(--dg-spacing-layout-xxs)}
.cmp-my-cupra-app__ctas{flex-direction:row}
.cmp-my-cupra-app__cards-list{padding:0 var(--dg-spacing-layout-l) var(--dg-spacing-layout-xxl);gap:var(--dg-spacing-layout-l)}
}
@media(min-width:768px){.cmp-my-cupra-app__top{padding:var(--dg-spacing-layout-xxxl) var(--dg-spacing-layout-l) var(--dg-spacing-layout-xxs)}
.cmp-my-cupra-app__subtitle{max-width:512px}
.cmp-my-cupra-app__cta{flex:auto;max-width:fit-content}
.cmp-my-cupra-app__cards-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--dg-spacing-layout-xxl);padding:0 var(--dg-spacing-layout-l) var(--dg-spacing-layout-xxxl);grid-auto-flow:unset;overflow-x:unset;scroll-snap-type:none;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
.cmp-my-cupra-app__cards-list::-webkit-scrollbar{display:none}
}
@media(min-width:1024px){.cmp-my-cupra-app{height:200vh;padding-top:40px}
.cmp-my-cupra-app__container{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--dg-spacing-layout-xl)}
.cmp-my-cupra-app__top{grid-column-start:1;grid-column-end:6;padding:0 var(--dg-spacing-layout-l)}
.cmp-my-cupra-app__cards-list{top:var(--dg-spacing-layout-xxxl);transition:top .3s ease;grid-column-start:6;grid-column-end:13;padding:54px var(--dg-spacing-layout-l) 0 0;gap:var(--dg-spacing-layout-xl)}
}
@media(min-width:1440px){.cmp-my-cupra-app__top{grid-column-start:1;grid-column-end:5}
.cmp-my-cupra-app__cards-list{top:var(--dg-spacing-layout-l);padding-top:50px}
}
@media(min-width:1920px){.cmp-my-cupra-app__top{padding:0 var(--dg-spacing-layout-xl)}
.cmp-my-cupra-app__title .cmp-title__text{color:var(--dg-global-color-neutral-10,#fafafa);font-weight:300;text-transform:uppercase;font-size:var(--dg-font-size-headline-l);line-height:var(--dg-font-height-headline-l);letter-spacing:var(--dg-font-letter-spacing-m);margin:0;word-break:break-word}
.cmp-my-cupra-app__cards-list{padding-top:0;align-content:center}
}
.cmp-my-cupra-app-card{position:relative;z-index:1;display:flex;flex-direction:column;row-gap:var(--dg-spacing-layout-m)}
.cmp-my-cupra-app-card .cmp-image__image{pointer-events:none;position:relative;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;width:200px;height:430px}
.cmp-my-cupra-app-card__title{width:200px;margin:0 auto}
.cmp-my-cupra-app-card__title .cmp-title__text{color:var(--dg-global-color-neutral-10,#fafafa);font-weight:400;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);text-align:center;margin:0;word-break:break-word}
@media(min-width:480px){.cmp-my-cupra-app-card .cmp-image__image{width:232px;height:502px}
}
@media(min-width:768px){.cmp-my-cupra-app-card__title{width:inherit;margin:0}
.cmp-my-cupra-app-card__title .cmp-title__text{font-size:var(--dg-font-size-body-m);line-height:var(--dg-font-height-body-m);margin:0;word-break:break-word}
.cmp-my-cupra-app-card .cmp-image__image{width:100%;height:auto}
}
@media(min-width:1024px){.cmp-my-cupra-app-card{row-gap:var(--dg-spacing-layout-s)}
}
@media(min-width:1440px){.cmp-my-cupra-app-card__title .cmp-title__text{font-size:var(--dg-font-size-body-l);line-height:var(--dg-font-height-body-l);margin:0;word-break:break-word}
}