@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)}
}
.swiper-initialized.swiper-horizontal .swiper-pagination{height:2px}
.swiper-initialized.swiper-horizontal .swiper-pagination-bullet{width:20px;height:2px;border-radius:0;background-color:var(--color-ui-03);transition:all .3s ease;opacity:1}
.swiper-initialized.swiper-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--color-ui-01)}
.cmp-switch-button-group__label-title{display:block;margin:0 0 16px;padding:0;font-size:14px;line-height:20px;color:var(--color-font-02);font-family:'CupraBook',sans-serif;font-weight:350}
.cmp-switch-button-group__container{position:relative;display:flex;width:100%;height:40px;cursor:pointer;margin:0;line-height:38px;font-size:12px;border:1px solid var(--color-ui-01);border-radius:100px;align-items:center;overflow:hidden}
.cmp-switch-button-group__radio{opacity:0;position:absolute;top:0;left:0}
.cmp-switch-button-group__label{cursor:pointer;flex:1 1 0;font-size:12px;line-height:12px;font-family:'CupraBook',sans-serif;font-weight:350;text-align:center;position:relative;z-index:1;transition:color .15s ease-in;padding:1px 4px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--color-font-02)}
.cmp-switch-button-group__radio:checked + .cmp-switch-button-group__label{color:var(--color-font-03);font-family:'CupraRegular',sans-serif;font-weight:400}
.cmp-switch-button-group__glider{position:absolute;display:flex;width:100%;height:100%;transition:.25s ease-out}
.cmp-switch-button-group__glider:before{content:'';background:var(--color-ui-01);border-radius:100px;position:absolute;top:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px)}
.cmp-switch-button-group__radio:nth-of-type(1):checked ~ .cmp-switch-button-group__glider{transform:translateX(0)}
.cmp-switch-button-group__radio:nth-of-type(2):checked ~ .cmp-switch-button-group__glider{transform:translateX(100%)}
.cmp-switch-button-group__radio:nth-of-type(3):checked ~ .cmp-switch-button-group__glider{transform:translateX(200%)}
.cmp-switch-button-group__radio:nth-of-type(4):checked ~ .cmp-switch-button-group__glider{transform:translateX(300%)}
.cmp-switch-button-group__radio:nth-of-type(5):checked ~ .cmp-switch-button-group__glider{transform:translateX(400%)}
.cmp-switch-button-group--2-options .cmp-switch-button-group__glider{width:50%}
.cmp-switch-button-group--3-options .cmp-switch-button-group__glider{width:33.3%}
.cmp-switch-button-group--4-options .cmp-switch-button-group__glider{width:25%}
.cmp-switch-button-group--5-options .cmp-switch-button-group__glider{width:20%}
@media(min-width:764px){.cmp-switch-button-group__label{-webkit-line-clamp:1;line-height:16px}
}
@media(min-width:1016px){.cmp-switch-button-group__label-title{font-size:16px;line-height:24px}
.cmp-switch-button-group__label{font-size:14px}
.cmp-switch-button-group__container{height:44px;line-height:42px;font-size:16px}
}
.cmp-booking-appointment__close-icon{background-image:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/close/close-white.svg")}
.cmp-booking-appointment__close-icon.mod__black-icon{background-image:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/close/close-black.svg")}
.cmp-booking-appointment__wrapper{background-color:var(--color-bg-02)}
.cmp-ba-summary{background:var(--color-bg-02)}
.cmp-ba-summary:after{background-color:var(--color-ui-01)}
.cmp-ba-summary__title:before{background:var(--color-ui-01)}
.cmp-ba-summary__title:after{background:var(--color-ui-03)}
.cmp-ba-summary__container{background:var(--color-ui-05);box-shadow:0 -4px 20px rgba(27,27,27,0.25)}
.cmp-ba-summary .cmp-title{text-transform:uppercase}
.cmp-ba-summary .cmp-title__text{font-family:'CupraBook',sans-serif;color:var(--color-font-01)}
.cmp-ba-summary__block{border-top:1px solid var(--color-ui-03)}
.cmp-ba-summary__block .cmp-title__text{font-family:'CupraMedium',sans-serif}
.cmp-ba-summary__content{font-family:'CupraRegular',sans-serif;color:var(--color-font-02)}
.cmp-ba-summary__workshop-name{font-family:'CupraRegular',sans-serif;color:var(--color-font-01)}
.cmp-ba-summary__workshop-distance{color:var(--color-font-02);font-family:'CupraBook',sans-serif}
.cmp-ba-summary__workshop .cmp-ba-summary__content:last-child:before{background-image:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/location.svg")}
.cmp-ba-summary__header .mod__link-button .cmp-button__text{line-height:20px}
@media(min-width:764px){.cmp-ba-summary{background:var(--color-ui-05)}
.cmp-ba-summary:before{background:linear-gradient(0,rgba(255,255,255,0) 30%,#fff 100%)}
.cmp-ba-summary:after{background:linear-gradient(0,#fff 0,rgba(255,255,255,0) 70%)}
.cmp-ba-summary__container{background:0;box-shadow:none}
}
@media(min-width:1016px){.cmp-ba-summary__container{scrollbar-width:thin;scrollbar-color:#d1d1d1 #fff}
.cmp-ba-summary__container::-webkit-scrollbar{width:8px}
.cmp-ba-summary__container::-webkit-scrollbar-track{-webkit-border-radius:10px;border-radius:10px}
.cmp-ba-summary__container::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#d1d1d1;border:2px solid #fff}
}
.cmp-ba-vehicle-detail__description{border-bottom:1px solid var(--color-ui-03)}
.cmp-ba-vehicle-detail__item{font-family:'CupraBook',sans-serif;color:var(--color-font-02);text-transform:uppercase}
.cmp-ba-vehicle-detail__item-value{font-family:'CupraRegular',sans-serif;color:var(--color-font-01);text-transform:none}
.cmp-ba-vehicle-card{border:1px solid var(--color-ui-03);background-color:var(--color-ui-05)}
.cmp-ba-vehicle-card:hover,.cmp-ba-vehicle-card.mod__selected{border:1px solid var(--color-ui-01)}
.cmp-ba-vehicle-card__image .cmp-image.mod__image-zoom{width:170%}
.cmp-ba-vehicle-card__image .cmp-image.mod__image-zoom-reduced{width:155%}
.cmp-ba-vehicle-card__name{color:var(--color-font-01);font-family:'CupraBook',sans-serif}
.cmp-ba-vehicle-card__vin-label{color:var(--color-font-02);font-family:'CupraBook',sans-serif}
.cmp-ba-vehicle-card__vin-num{color:var(--color-font-01);font-family:'CupraRegular',sans-serif}
.cmp-ba-step__head .cmp-title__text{font-family:'CupraBook',sans-serif;color:var(--color-font-01);text-transform:uppercase}
.cmp-ba-step__content__footer{background-color:var(--color-bg-02)}
@media(min-width:1016px){.cmp-ba-step__head .cmp-title__text{line-height:36px}
.cmp-ba-step .cmp-textarea{width:378px}
}
@media(min-width:1436px){.cmp-ba-step .cmp-textarea{width:436px}
}
.cmp-ba-login__content__body .login-title .cmp-title__text{text-transform:uppercase;color:var(--color-font-03);font-family:'CupraBook',sans-serif;font-size:30px;line-height:36px}
.cmp-ba-login__content__footer{font-family:'CupraBook',sans-serif}
.cmp-ba-login__content__footer .cmp-text p{color:var(--color-font-03);font-size:12px;line-height:16px}
.cmp-ba-login .multimedia{height:100%}
@media(min-width:764px){.cmp-ba-login__content__footer .cmp-text p{font-family:'CupraRegular',sans-serif;font-size:14px;line-height:20px}
}
@media(min-width:1016px){.cmp-ba-login__content__body .login-title .cmp-title__text{font-family:'CupraLight',sans-serif;font-size:40px;line-height:44px}
.cmp-ba-login__content__footer .cmp-text p{font-size:16px;line-height:24px}
}
.cmp-ba-identify-vehicle__label{color:var(--color-font-01);font-family:'CupraRegular',sans-serif}
.cmp-ba-identify-vehicle .cmp-input-text .cmp-ico-tooltip{right:0;top:0;margin-top:22px;width:16px;height:16px}
.cmp-ba-identify-vehicle .cmp-input-text .cmp-input-text__group:after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-image:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/dots-spinner.svg");background-repeat:no-repeat;background-position:center;pointer-events:none;user-select:none;width:20px;height:20px;transition:all .3s ease;right:25px;left:initial;top:20px}
@media(min-width:1016px){.cmp-ba-identify-vehicle .swiper-initialized .swiper-button-prev{background-image:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/arrow-left-transparent.svg")}
.cmp-ba-identify-vehicle .swiper-initialized .swiper-button-next{background-image:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/arrow-right-transparent.svg")}
.cmp-ba-identify-vehicle .cmp-input-text .cmp-ico-tooltip{width:20px;height:20px}
.cmp-ba-identify-vehicle .cmp-input-text .cmp-input-text__group:after{top:22px;right:30px}
}
.cmp-ba-select-date__title{color:var(--color-font-02);font-family:'CupraRegular',sans-serif}
.cmp-notification__wrapper{background-color:var(--color-ui-06)}
@media(min-width:1016px){.cmp-notification{bottom:86px}
}
@media(min-width:1436px){.cmp-notification{bottom:96px}
}
.cmp-ba-select-services__title{font-family:'CupraRegular',sans-serif;color:var(--color-font-01)}
@media(min-width:1016px){.cmp-ba-select-services__content{scrollbar-width:thin;scrollbar-color:var(--color-ui-03) var(--color-ui-04)}
.cmp-ba-select-services__content::-webkit-scrollbar{width:8px}
.cmp-ba-select-services__content::-webkit-scrollbar-track{-webkit-border-radius:10px;border-radius:10px}
.cmp-ba-select-services__content::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:var(--color-ui-03);border:2px solid var(--color-ui-04)}
}
.cmp-ba-select-additional-services__title{font-family:'CupraRegular',sans-serif;color:var(--color-font-01)}
.cmp-ba-select-additional-services__note{font-family:'CupraBook',sans-serif;color:var(--color-font-01)}
@media(min-width:1016px){.cmp-ba-select-additional-services{scrollbar-width:thin;scrollbar-color:var(--color-ui-03) var(--color-ui-04)}
.cmp-ba-select-additional-services::-webkit-scrollbar{width:8px}
.cmp-ba-select-additional-services::-webkit-scrollbar-track{-webkit-border-radius:10px;border-radius:10px}
.cmp-ba-select-additional-services::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:var(--color-ui-03);border:2px solid var(--color-ui-04)}
}
.cmp-ba-personal-data .cmp-input-text .iti__country-list{margin-top:20px}
.cmp-ba-personal-data__privacy-title{color:var(--color-font-01);font-family:'CupraMedium',sans-serif}
.cmp-ba-personal-data__privacy-text{scrollbar-width:thin;scrollbar-color:var(--color-ui-03) var(--color-ui-04)}
.cmp-ba-personal-data__privacy-text::-webkit-scrollbar{width:8px}
.cmp-ba-personal-data__privacy-text::-webkit-scrollbar-track{-webkit-border-radius:10px;border-radius:10px}
.cmp-ba-personal-data__privacy-text::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:var(--color-ui-03);border:2px solid var(--color-ui-04)}
.cmp-ba-personal-data__privacy-text .cmp-text p,.cmp-ba-personal-data__privacy-text .cmp-text a{color:var(--color-font-02);font-family:'CupraBook',sans-serif}
.cmp-ba-personal-data__privacy-text .cmp-text a{color:var(--color-font-01);border-bottom:1px var(--color-ui-01) solid}
@media(hover:hover){.cmp-ba-personal-data__privacy-text .cmp-text a:hover{color:var(--color-font-01);border-bottom:1px var(--color-ui-03) solid}
}
.cmp-ba-confirmation__text{color:var(--color-font-01);font-family:'CupraBook',sans-serif}
.cmp-ba-confirmation__workshop-detail{background-color:var(--color-ui-05)}
.cmp-ba-confirmation__workshop-detail-name{color:var(--color-font-01);font-family:'CupraMedium',sans-serif}
.cmp-ba-confirmation__workshop-detail-address:before{background-image:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/location.svg")}
.cmp-ba-confirmation__workshop-detail__item{color:var(--color-font-02);font-family:'CupraRegular',sans-serif}
.cmp-ba-error__title .cmp-title__text{text-transform:uppercase;font-size:20px;line-height:24px;font-family:'CupraRegular',sans-serif;color:var(--color-font-01)}
.cmp-ba-error__title .cmp-title__text:before{background-image:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-ba-alert.svg")}
.cmp-ba-error__title-mini .cmp-title__text{text-transform:uppercase;font-size:20px;line-height:24px;font-family:'CupraRegular',sans-serif;color:var(--color-font-01)}
.cmp-ba-error__text p{font-family:'CupraBook',sans-serif;color:var(--color-font-01)}
.cmp-ba-error__dealer-item-link{font-family:'CupraRegular',sans-serif;color:var(--color-font-01);transition:all .3s ease}
.cmp-ba-error__dealer-item-link:hover{color:var(--color-font-01)}
.cmp-ba-error__dealer-item-link.mod__whatsapp:before{background-image:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-ba-whatsapp.svg")}
.cmp-ba-error__dealer-item-link.mod__phone:before{background-image:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-ba-phone.svg")}
.cmp-ba-error__dealer-item-link.mod__email:before{background-image:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-ba-email.svg")}
.personal-data.mod__error .cmp-ba-error__title-mini .cmp-title__text:before{background-image:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-ba-warning.svg")}
.personal-data.mod__error-date .cmp-ba-error__title-mini .cmp-title__text:before{background-image:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-ba-calendar.svg")}
@media(min-width:764px){.cmp-ba-error__title .cmp-title__text{font-size:30px;line-height:36px}
.cmp-ba-error__title-mini .cmp-title__text{font-size:24px;line-height:28px}
}