@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)}
}
@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
.modal-view-overlay:not(.modal-view-full) .modal-view-container{background-color:rgba(25,15,20,0.9)}
.modal-view-overlay:not(.modal-view-full) .modal-view-dialog{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-y:none}
.modal-view-overlay:not(.modal-view-full) .modal-view-dialog::-webkit-scrollbar{display:none}
.modal-view-overlay:not(.modal-view-full) .modal-base-content{background:var(--color-ui-05);position:relative;margin:50px auto}
.modal-view-overlay:not(.modal-view-full) .modal-base-content.modal_dashboard_on-boarding{background:0}
.modal-view-overlay:not(.modal-view-full) .modal-base-content.modal_form-vin-number_info{width:max-content}
.modal-view-overlay:not(.modal-view-full) .modal-close-icon{width:24px;height:24px;background-image:url("../../../../../etc.clientlibs/private-area/cupra/components/page/base/clientlibs/resources/icons/close.svg")}
.modal-page__container{background:var(--color-ui-05)}
.modal-close-icon{display:block;margin:16px;top:0;right:0;position:absolute;background-size:contain;z-index:5;float:right;cursor:pointer}
.openModalFull .header .main-navigation{display:none}
.openModalFull .mobile-private-area-nav{display:none}
.modal-view-overlay.modal-view-full .modal-base-content{min-height:100%;background:var(--color-ui-05)}
.modal-view-overlay.modal-view-full .modal-close-icon{width:20px;height:20px;background-image:url("../../../../../etc.clientlibs/private-area/cupra/components/page/base/clientlibs/resources/icons/close-white.svg");position:fixed}
.modal-view-overlay .location-modal__wrapper .modal-view-dialog{display:block}
@media(min-width:764px){.modal-view-overlay:not(.modal-view-full) .modal-base-content.modal_dashboard_on-boarding,.modal-view-overlay:not(.modal-view-full) .modal-base-content.modal_register{width:max-content}
.modal-view-overlay.modal-view-full .modal-close-icon{width:32px;height:32px}
}
@media(min-width:1436px){.modal-view-overlay.modal-view-full .modal-close-icon{margin:32px;right:calc(50% - 718px)}
}
.modal-action__container{width:344px;padding:24px 16px;display:flex;flex-direction:column;justify-content:center}
.modal-action__container.loading-show::before{background-color:var(--color-ui-05)}
.modal-action__container .cmp-title{margin:0 0 24px;width:272px}
.modal-action__container .cmp-title__text{font-family:'CupraRegular',sans-serif;font-weight:400;font-size:24px;line-height:28px;color:var(--color-font-01);text-transform:initial}
.modal-action__container .cmp-text p{font-family:'CupraBook',sans-serif;font-weight:350;font-size:14px;line-height:20px;color:var(--color-font-01);margin:0 0 40px}
.modal-action__container .cmp-text p:last-child{margin:0}
.modal-action__container .cmp-text p a{color:var(--color-font-02)}
.modal-action__container .modal-buttons{margin-top:40px;display:flex;flex-direction:column}
.modal-action__container .modal-buttons .mod__secondary-button{margin:0 0 16px 0}
.modal-action__container .modal-close-icon.modal-view-close{margin:24px 16px;border:0;background-image:url("../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/close/close-black.svg")}
.blocked-modal .modal-action__container .modal-view-close,.blocked-modal .modal-action__container .cmp-button{cursor:not-allowed;opacity:.5}
@media(min-width:764px){.modal-action__container{width:552px;padding:48px}
.modal-action__container .cmp-title{margin:0 0 40px;width:100%}
.modal-action__container .cmp-title__text{font-size:30px;line-height:36px}
.modal-action__container .modal-buttons{flex-direction:row;justify-content:flex-end}
.modal-action__container .modal-buttons .modal-container-button.mod__secondary-button{margin:0 32px 0 0}
.modal-action__container .modal-buttons .modal-container-button .cmp-button{width:212px}
.modal-action__container .modal-close-icon.modal-view-close{margin:24px;width:32px;height:32px}
}
@media(min-width:1016px){.modal-action__container{width:720px}
.modal-action__container .cmp-text p{font-size:16px;line-height:24px}
.modal-action__container .modal-buttons .modal-container-button .cmp-button{min-width:214px;width:auto}
}
@media(min-width:1436px){.modal-action__container{width:766px}
.modal-action__container .cmp-title__text{font-size:40px;line-height:44px}
.modal-action__container .modal-buttons .modal-container-button .cmp-button{min-width:202px}
}
.modal-error__container{width:288px;padding:16px 16px 48px;display:flex;flex-direction:column;justify-content:center}
.modal-error__container__icon{display:block;background-image:url("../../../../../etc.clientlibs/private-area/cupra/components/page/base/clientlibs/resources/icons/error.svg");background-size:contain;background-repeat:no-repeat;height:48px;width:48px}
.modal-error__container .cmp-title{margin:24px 0}
.modal-error__container .cmp-title__text{font-family:'CupraBook',sans-serif;font-weight:350;font-size:24px;line-height:1.17}
.modal-error__container .cmp-text{margin:0 0 40px}
.modal-error__container .cmp-text p{font-family:'CupraBook',sans-serif;font-weight:350;font-size:14px;line-height:1.43;color:var(--color-ui-02)}
.modal-error__container .modal-buttons{display:flex;flex-direction:column;justify-content:flex-end}
.modal-error__container.mod__icon-alert .modal-error__container__icon{background-image:url("../../../../../etc.clientlibs/private-area/cupra/components/page/base/clientlibs/resources/icons/alert-rounded-yellow.svg")}
@media(min-width:764px){.modal-error__container{width:552px;padding:48px}
.modal-error__container__icon{height:64px;width:64px}
.modal-error__container .cmp-title{margin:40px 0}
.modal-error__container .cmp-title__text{font-family:'CupraBook',sans-serif;font-weight:350;font-size:30px;line-height:1.07}
.modal-error__container .cmp-text{margin:0 0 40px}
.modal-error__container .cmp-text p{color:var(--color-ui-02)}
.modal-error__container .modal-buttons{flex-direction:row}
.modal-error__container .modal-buttons .modal-container-button .cmp-button{width:212px}
}
@media(min-width:1016px){.modal-error__container{width:720px}
.modal-error__container .cmp-title__text{font-size:24px;line-height:1.17}
.modal-error__container .cmp-text p{font-size:16px;line-height:1.5}
.modal-error__container .modal-buttons .modal-container-button .cmp-button{width:202px}
}
@media(min-width:1436px){.modal-error__container{width:766px}
.modal-error__container .cmp-title__text{font-size:30px;line-height:1.07}
.modal-error__container .cmp-text{margin:0 0 48px}
}
.mod__modal_apps_vehicle{padding:48px 0 56px}
.mod__modal_apps_vehicle .modal-close-icon{background-image:url("../../../../../etc.clientlibs/private-area/cupra/components/page/base/clientlibs/resources/icons/icons-navigation-close-white.svg") !important;position:absolute !important}
.mod__modal_apps_vehicle .cmp-video{margin:0}
.mod__modal_apps_vehicle>.aem-Grid>.title,.mod__modal_apps_vehicle>.aem-Grid>.image,.mod__modal_apps_vehicle>.aem-Grid>.video{padding:0 16px 32px}
.mod__modal_apps_vehicle>.aem-Grid>.title .cmp-title__text{font-family:'CupraBook',sans-serif;font-weight:350;font-size:24px;line-height:1.17}
.mod__modal_apps_vehicle>.aem-Grid .cmp-video,.mod__modal_apps_vehicle>.aem-Grid>.image .cmp-image{height:auto;min-height:149px}
.mod__modal_apps_vehicle>.aem-Grid>.responsivegrid{padding:0 16px}
.mod__modal_apps_vehicle>.aem-Grid>.responsivegrid .aem-Grid{display:flex;justify-content:center}
.mod__modal_apps_vehicle>.aem-Grid>.responsivegrid .aem-Grid .image{margin-left:16px}
.mod__modal_apps_vehicle>.aem-Grid>.responsivegrid .aem-Grid .image:first-child{margin-left:0}
@media(min-width:764px){.mod__modal_apps_vehicle{padding:72px 0}
.mod__modal_apps_vehicle>.aem-Grid>.title{padding:0 32px 56px}
.mod__modal_apps_vehicle>.aem-Grid>.title .cmp-title__text{font-family:'CupraLight',sans-serif;font-weight:300;font-size:40px;line-height:1.1}
.mod__modal_apps_vehicle>.aem-Grid>.video,.mod__modal_apps_vehicle>.aem-Grid>.image{padding:0 32px 48px}
.mod__modal_apps_vehicle>.aem-Grid .cmp-video,.mod__modal_apps_vehicle>.aem-Grid>.image .cmp-image{min-height:363px}
.mod__modal_apps_vehicle>.aem-Grid>.responsivegrid{padding:48px 32px 0}
.mod__modal_apps_vehicle>.aem-Grid>.responsivegrid .aem-Grid .image{margin-left:32px}
}
@media(min-width:1016px){.mod__modal_apps_vehicle>.aem-Grid>.video,.mod__modal_apps_vehicle>.aem-Grid>.image{padding:0 114px 56px}
.mod__modal_apps_vehicle>.aem-Grid>.title{padding:0 114px 64px}
.mod__modal_apps_vehicle>.aem-Grid>.title .cmp-title__text{font-size:48px;line-height:1.08}
.mod__modal_apps_vehicle>.aem-Grid .cmp-video,.mod__modal_apps_vehicle>.aem-Grid>.image .cmp-image{min-height:409px}
.mod__modal_apps_vehicle>.aem-Grid>.responsivegrid{padding:80px 114px 0}
}
@media(min-width:1436px){.mod__modal_apps_vehicle{padding:96px 0 72px}
.mod__modal_apps_vehicle .modal-close-icon{margin:16px !important}
.mod__modal_apps_vehicle>.aem-Grid>.title,.mod__modal_apps_vehicle>.aem-Grid>.video,.mod__modal_apps_vehicle>.aem-Grid>.image,.mod__modal_apps_vehicle>.aem-Grid>.responsivegrid{padding-left:0;padding-right:0;margin:0 auto;width:904px}
.mod__modal_apps_vehicle>.aem-Grid>.video,.mod__modal_apps_vehicle>.aem-Grid>.image{padding-bottom:64px}
.mod__modal_apps_vehicle>.aem-Grid>.image .cmp-image,.mod__modal_apps_vehicle>.aem-Grid .cmp-video{min-height:469px}
.mod__modal_apps_vehicle>.aem-Grid>.responsivegrid{padding:120px 0 0}
}
.mod__modal_center_content{width:288px;padding:64px 16px}
.mod__modal_center_content .modal-close-icon{margin:11px}
.mod__modal_center_content .cmp-title{margin-bottom:24px}
.mod__modal_center_content .cmp-title__text{font-family:'CupraMedium',sans-serif;font-weight:500;font-size:20px;line-height:1.2}
.mod__modal_center_content .aem-Grid .title:first-child .cmp-title__text{font-size:24px;line-height:1.17}
.mod__modal_center_content .cmp-text{margin-bottom:40px}
.mod__modal_center_content .cmp-text p{font-family:'CupraBook',sans-serif;font-weight:350;font-size:16px;line-height:1.5}
.mod__modal_center_content .image{margin-bottom:40px}
.mod__modal_center_content .image .cmp-image{text-align:center}
.mod__modal_center_content .image .cmp-image .cmp-image__image{width:auto;height:auto;margin:auto}
.mod__modal_center_content .image:last-child{margin-bottom:0}
@media(min-width:764px){.mod__modal_center_content{width:700px;padding:64px 122px}
}
@media(min-width:1016px){.mod__modal_center_content{width:754px;padding:64px}
.mod__modal_center_content .cmp-image .cmp-image__image{max-width:460px}
}
@media(min-width:1436px){.mod__modal_center_content{padding:64px 42px}
.mod__modal_center_content .modal-close-icon{margin:16px}
.mod__modal_center_content .cmp-image .cmp-image__image{max-width:500px}
}
.animation{visibility:visible !important}
.modal-view-overlay.animation.modal-view-open{opacity:0;animation:modalFadeIn .5s forwards}
.modal-view-overlay.animation.modal-view-close{opacity:1;animation:modalFadeOut .5s forwards}
@keyframes modalFadeIn{from{opacity:0}
to{opacity:1}
}
@keyframes modalFadeOut{from{opacity:1}
to{opacity:0}
}