@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)}
}
.cmp-charging-recommender{position:relative;overflow:hidden;background-color:var(--color-bg-01);height:calc(100vh - 60px);min-height:600px}
.cmp-charging-recommender:after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background-color:var(--color-bg-01);pointer-events:none;opacity:0;transition:opacity .8s ease-in-out}
.cmp-charging-recommender__bg{position:absolute;top:0;left:0;overflow:hidden;margin:0;width:100%;height:100%}
.cmp-charging-recommender__bg .cmp-image__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}
.cmp-charging-recommender__bg:before{z-index:3;opacity:.2;position:absolute;content:'';width:100%;height:100%;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:charging-recommender-gradient 15s ease infinite;mix-blend-mode:multiply}
.cmp-charging-recommender__content{position:relative;height:100%}
.cmp-charging-recommender__navigation{left:50%;transform:translateX(-50%);width:100%;max-width:1436px;z-index:1;position:absolute;bottom:16px;padding:0 16px;transition:all .3s ease}
.cmp-charging-recommender.mod__disabled{pointer-events:none}
.cmp-charging-recommender--step-0 .cmp-charging-recommender-progress,.cmp-charging-recommender--step-0 .cmp-charging-recommender__navigation{opacity:0;pointer-events:none}
.cmp-charging-recommender:not(.cmp-charging-recommender--step-0):after{opacity:.5}
@media(min-width:764px){.cmp-charging-recommender{height:calc(100vh - 72px)}
.cmp-charging-recommender__navigation{padding:0 32px;bottom:32px}
}
@media(min-width:1016px){.cmp-charging-recommender{height:calc(100vh - 136px);max-height:860px}
}
@media(min-width:1436px){.cmp-charging-recommender{height:calc(100vh - 141px)}
}
.cmp-charging-recommender-nav{display:flex;gap:16px;flex-direction:row-reverse}
.cmp-charging-recommender-nav__btn{width:40px;height:40px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--color-font-03);cursor:pointer;transition:all .3s ease}
.cmp-charging-recommender-nav__btn--prev{mask:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-arrow-top.svg") no-repeat 100% 100%;-webkit-mask:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-arrow-top.svg") no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover}
.cmp-charging-recommender-nav__btn--next{mask:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-arrow-down.svg") no-repeat 100% 100%;-webkit-mask:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-arrow-down.svg") no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover}
@media(hover:hover) and (pointer:fine){.cmp-charging-recommender-nav__btn:hover{background-color:var(--color-font-02)}
}
.cmp-charging-recommender-nav__btn.mod__disabled{opacity:.5;pointer-events:none}
.cmp-charging-recommender-progress{position:absolute;z-index:1;width:100%;top:16px;padding:0 16px;transition:all .3s ease}
.cmp-charging-recommender-progress__bar{width:100%;height:4px;background-color:rgba(255,255,255,0.2);margin-bottom:4px;position:relative}
.cmp-charging-recommender-progress__bar-value{width:0;height:100%;background-color:var(--color-ui-05);position:absolute;top:0;left:0;transition:all .3s ease}
.cmp-charging-recommender-progress__info{display:flex;gap:8px;justify-content:space-between;color:var(--color-font-03);font-family:'CupraRegular',sans-serif;font-weight:400;font-size:12px;line-height:16px;text-transform:uppercase}
@media(min-width:764px){.cmp-charging-recommender-progress{top:40px;padding:0 32px}
}
@media(min-width:1016px){.cmp-charging-recommender-progress__container{margin:0 auto;max-width:624px}
.cmp-charging-recommender-progress__info{font-size:14px;line-height:20px}
}
@media(min-width:1436px){.cmp-charging-recommender-progress__container{max-width:670px}
}
.cmp-charging-recommender-intro{margin:0 auto;width:100%;max-width:1436px;padding:0 16px;padding-top:120px;position:relative}
@media(min-width:764px){.cmp-charging-recommender-intro{padding:0 24px}
}
@media(min-width:1016px){.cmp-charging-recommender-intro{padding:0 48px}
}
@media(min-width:1436px){.cmp-charging-recommender-intro{padding:0 58px}
}
.cmp-charging-recommender-intro__back{position:absolute;left:16px;top:16px}
.cmp-charging-recommender-intro__title .cmp-title__text{color:var(--color-font-03);font-family:'CupraMedium',sans-serif;font-weight:500;text-transform:uppercase;font-size:40px;line-height:44px;margin:0}
.cmp-charging-recommender-intro__content{margin-top:80px}
.cmp-charging-recommender-intro__text{margin-bottom:80px}
.cmp-charging-recommender-intro__text .cmp-text p{color:var(--color-font-03);font-family:'CupraMedium',sans-serif;font-weight:500;font-size:16px;line-height:24px}
.cmp-charging-recommender-intro__text .cmp-text p>a{color:var(--color-font-03);text-decoration:underline}
.cmp-charging-recommender-intro__btn{max-width:340px;margin:0 auto}
@media(min-width:764px){.cmp-charging-recommender-intro{display:flex;height:100%;align-items:center}
.cmp-charging-recommender-intro__back{left:32px}
.cmp-charging-recommender-intro__container{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:32px}
.cmp-charging-recommender-intro__title{grid-column-start:1;grid-column-end:6}
.cmp-charging-recommender-intro__content{margin:0;grid-column-start:7;grid-column-end:13}
.cmp-charging-recommender-intro__btn{max-width:none;margin:0}
}
@media(min-width:1016px){.cmp-charging-recommender-intro__back{top:32px}
.cmp-charging-recommender-intro__title{grid-column-end:5}
.cmp-charging-recommender-intro__title .cmp-title__text{font-size:48px;line-height:52px;margin:0}
.cmp-charging-recommender-intro__text{margin-bottom:62px}
.cmp-charging-recommender-intro__text .cmp-text p{font-size:20px;line-height:24px}
.cmp-charging-recommender-intro__text .cmp-text p>a{text-decoration:underline}
.cmp-charging-recommender-intro__content{grid-column-start:6}
.cmp-charging-recommender-intro__btn{max-width:296px}
}
@media(min-width:1436px){.cmp-charging-recommender-intro__title .cmp-title__text{font-size:60px;line-height:64px;margin:0}
.cmp-charging-recommender-intro__content{grid-column-end:12}
.cmp-charging-recommender-intro__btn{max-width:320px}
}
.cmp-charging-recommender-step{padding:0 16px}
.cmp-charging-recommender-step__container{padding-top:100px}
.cmp-charging-recommender-step__question{margin-bottom:16px}
.cmp-charging-recommender-step__question .cmp-text p{color:var(--color-font-03);font-family:'CupraMedium',sans-serif;font-weight:500;font-size:16px;line-height:24px}
.cmp-charging-recommender-step__question .cmp-text p>a{color:var(--color-font-03);text-decoration:underline}
.cmp-charging-recommender-step__text .cmp-text,.cmp-charging-recommender-step__text .cmp-text p{color:var(--color-font-03);font-family:'CupraBook',sans-serif;font-weight:350;font-size:14px;line-height:20px}
.cmp-charging-recommender-step__text .cmp-text a{color:var(--color-font-03);text-decoration:underline}
.cmp-charging-recommender-step__text ul>li{position:relative;font-size:14px;line-height:20px;color:var(--color-font-03);font-family:'CupraBook',sans-serif;font-weight:350;padding-left:20px;margin-bottom:8px}
.cmp-charging-recommender-step__text ul>li:before{position:absolute;content:'';width:2px;height:2px;border-radius:50%;background-color:var(--color-ui-05);left:9px;top:9px}
.cmp-charging-recommender-step__text ul>li:last-child{margin:0}
.cmp-charging-recommender-step__buttons-group{margin-top:80px;display:flex;flex-direction:column;gap:32px}
.cmp-charging-recommender-step .mod__light-secondary-button .cmp-button:focus,.cmp-charging-recommender-step .mod__light-secondary-button .mod__active{outline-style:none;box-shadow:none;border-color:transparent;transition:none;background-color:var(--color-ui-05);animation:charging-recommender-click-button infinite .2s}
.cmp-charging-recommender-step .mod__light-secondary-button .cmp-button:focus .cmp-button__text,.cmp-charging-recommender-step .mod__light-secondary-button .mod__active .cmp-button__text{color:var(--color-font-01)}
.cmp-charging-recommender-step .mod__light-secondary-button .mod__active{animation:none}
.cmp-charging-recommender-step--1 .cmp-charging-recommender-step__buttons-group{margin-top:40px}
@media(min-width:764px){.cmp-charging-recommender-step{padding:0 32px}
.cmp-charging-recommender-step__container{padding-top:184px}
.cmp-charging-recommender-step__text ul>li{margin-bottom:16px}
.cmp-charging-recommender-step__text ul>li:last-child{margin:0}
.cmp-charging-recommender-step__buttons-group{margin-top:62px}
.cmp-charging-recommender-step__btn{max-width:320px}
}
@media(min-width:1016px){.cmp-charging-recommender-step__container{margin:0 auto;max-width:624px;padding-top:148px}
.cmp-charging-recommender-step__question .cmp-text p{font-size:20px}
.cmp-charging-recommender-step__question .cmp-text p>a{text-decoration:underline}
.cmp-charging-recommender-step__text .cmp-text,.cmp-charging-recommender-step__text .cmp-text p{font-size:16px;line-height:24px}
.cmp-charging-recommender-step__text .cmp-text a{text-decoration:underline}
.cmp-charging-recommender-step__text ul>li{font-size:16px;line-height:24px;padding-left:24px}
.cmp-charging-recommender-step__text ul>li:before{left:11px;top:12px}
}
@media(min-width:1436px){.cmp-charging-recommender-step__container{max-width:670px}
}
.cmp-charging-recommender-result{padding:16px 0 0;background-color:var(--color-ui-01);height:auto}
.cmp-charging-recommender-result__container{position:relative;margin:0 auto;width:100%;max-width:1436px;padding:0 16px}
@media(min-width:764px){.cmp-charging-recommender-result__container{padding:0 24px}
}
@media(min-width:1016px){.cmp-charging-recommender-result__container{padding:0 48px}
}
@media(min-width:1436px){.cmp-charging-recommender-result__container{padding:0 58px}
}
.cmp-charging-recommender-result__back{margin-bottom:32px}
.cmp-charging-recommender-result__pretitle{margin-bottom:40px}
.cmp-charging-recommender-result__pretitle .cmp-title__text{color:var(--color-font-03);font-family:'CupraBook',sans-serif;font-weight:350;text-transform:uppercase;font-size:16px;line-height:20px;margin:0}
.cmp-charging-recommender-result__charger{display:none}
.cmp-charging-recommender-result.mod__normal .cmp-charging-recommender-result__charger--normal{display:block}
.cmp-charging-recommender-result.mod__connect .cmp-charging-recommender-result__charger--connect{display:block}
.cmp-charging-recommender-result.mod__pro .cmp-charging-recommender-result__charger--pro{display:block}
.cmp-charging-recommender-result__title{margin-bottom:40px}
.cmp-charging-recommender-result__title .cmp-title__text{color:var(--color-font-03);font-family:'CupraMedium',sans-serif;font-weight:500;text-transform:uppercase;font-size:30px;line-height:36px;margin:0}
.cmp-charging-recommender-result__subtitle{margin-bottom:24px}
.cmp-charging-recommender-result__subtitle .cmp-text p{color:var(--color-font-03);font-family:'CupraRegular',sans-serif;font-weight:400;font-size:16px;line-height:24px}
.cmp-charging-recommender-result__subtitle .cmp-text p>a{color:var(--color-font-03);text-decoration:underline}
.cmp-charging-recommender-result__image{position:relative;overflow:hidden;width:100%;height:auto;text-align:center}
.cmp-charging-recommender-result__image .cmp-image__image{width:100%;height:auto;max-width:192px}
.cmp-charging-recommender-result__text{margin:24px 0 80px}
.cmp-charging-recommender-result__text .cmp-text,.cmp-charging-recommender-result__text .cmp-text p{color:var(--color-font-03);font-family:'CupraBook',sans-serif;font-weight:350;font-size:16px;line-height:24px}
.cmp-charging-recommender-result__text .cmp-text a{color:var(--color-font-03);text-decoration:underline}
.cmp-charging-recommender-result__text ul>li{position:relative;margin:0 0 16px;padding-left:40px}
.cmp-charging-recommender-result__text ul>li:before{position:absolute;content:'';width:24px;height:24px;top:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;mask:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-checkbox.svg") no-repeat 100% 100%;-webkit-mask:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-checkbox.svg") no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover;background-color:var(--color-font-03)}
.cmp-charging-recommender-result__text ul>li:last-child{margin:0}
.cmp-charging-recommender-result__buttons{text-align:center;display:grid;gap:32px}
.cmp-charging-recommender-result__buttons .mod__light-primary-button{margin:0 auto;width:100%;max-width:320px}
.cmp-charging-recommender-result__navigation{margin-top:40px}
@media(min-width:764px){.cmp-charging-recommender-result__back{padding-left:32px;grid-column:span 13;margin:0}
.cmp-charging-recommender-result__container{display:grid;gap:24px 32px;grid-template-columns:repeat(12,1fr);padding:0}
.cmp-charging-recommender-result__content{grid-column-start:5;grid-column-end:13}
.cmp-charging-recommender-result__image{position:absolute;width:calc(35% - 64px);height:auto;left:32px;top:48px}
.cmp-charging-recommender-result__pretitle{margin-bottom:32px}
.cmp-charging-recommender-result__title{margin-bottom:32px}
.cmp-charging-recommender-result__subtitle{margin-bottom:32px}
.cmp-charging-recommender-result__text{margin-bottom:40px}
.cmp-charging-recommender-result__text ul>li{margin:0 0 8px}
.cmp-charging-recommender-result__text ul>li:last-child{margin:0}
.cmp-charging-recommender-result__buttons{text-align:left}
.cmp-charging-recommender-result__buttons .mod__light-primary-button{margin:0;max-width:320px}
.cmp-charging-recommender-result__navigation{padding-right:32px;margin:0;grid-column:span 13}
}
@media(min-width:1016px){.cmp-charging-recommender-result{padding-top:32px}
.cmp-charging-recommender-result__container{gap:32px}
.cmp-charging-recommender-result__content{grid-column-start:6;grid-column-end:13;min-height:530px}
.cmp-charging-recommender-result__image{width:calc(41.67% - 64px);height:auto;top:56px}
.cmp-charging-recommender-result__image .cmp-image__image{max-width:305px}
.cmp-charging-recommender-result__pretitle .cmp-title__text{font-size:20px;line-height:24px;margin:0}
.cmp-charging-recommender-result__buttons .mod__light-primary-button{max-width:290px}
}
@media(min-width:1436px){.cmp-charging-recommender-result__content{min-height:564px}
.cmp-charging-recommender-result__title .cmp-title__text{font-size:40px;line-height:44px;margin:0}
.cmp-charging-recommender-result__buttons{display:flex;align-items:center}
}
.cmp-charging-recommender-legals{padding:48px 0;background-color:var(--color-ui-04);margin-top:16px}
.cmp-charging-recommender-legals__container{position:relative;margin:0 auto;width:100%;max-width:1436px;padding:0 16px}
@media(min-width:764px){.cmp-charging-recommender-legals__container{padding:0 24px}
}
@media(min-width:1016px){.cmp-charging-recommender-legals__container{padding:0 48px}
}
@media(min-width:1436px){.cmp-charging-recommender-legals__container{padding:0 58px}
}
.cmp-charging-recommender-legals__text{text-align:center;margin-top:0}
.cmp-charging-recommender-legals__text .cmp-text p{color:var(--color-font-02);font-family:'CupraBook',sans-serif;font-weight:350;font-size:14px;line-height:20px}
.cmp-charging-recommender-legals__text .cmp-text p>a{color:var(--color-font-02);text-decoration:underline}
@media(min-width:764px){.cmp-charging-recommender-legals{margin-top:24px}
}
@media(min-width:1016px){.cmp-charging-recommender-legals{margin-top:32px}
}
.cmp-charging-recommender:before{position:absolute;content:'';width:100%;height:100%;top:0;right:0;background-color:var(--color-ui-01);z-index:4;transition:width .8s ease-in-out}
.cmp-charging-recommender__bg{transform:scale(1.2);transition:transform .8s ease-in-out}
.cmp-charging-recommender .cmp-charging-recommender-intro__title{opacity:0;transform:translateY(40px)}
.cmp-charging-recommender .cmp-charging-recommender-intro__text,.cmp-charging-recommender .cmp-charging-recommender-intro__btn{opacity:0;transform:translateX(60px)}
.cmp-charging-recommender .cmp-charging-recommender-intro__back{opacity:0}
.cmp-charging-recommender.mod__loaded:before{width:0}
.cmp-charging-recommender.mod__loaded .cmp-charging-recommender__bg{transform:scale(1)}
.cmp-charging-recommender.mod__loaded .cmp-charging-recommender-intro__title{opacity:1;transition:all .4s ease-in-out .6s;transform:translateY(0)}
.cmp-charging-recommender.mod__loaded .cmp-charging-recommender-intro__text,.cmp-charging-recommender.mod__loaded .cmp-charging-recommender-intro__btn{opacity:1;transition:all .5s ease-in-out .5s;transform:translateX(0)}
.cmp-charging-recommender.mod__loaded .cmp-charging-recommender-intro__back{opacity:1;transition:all .3s ease-in-out .8s}
.cmp-charging-recommender{transition:all .3s ease}
.cmp-charging-recommender .cmp-charging-recommender-result{opacity:0;pointer-events:none;position:absolute;transition:all .4s ease}
.cmp-charging-recommender--step-last .cmp-charging-recommender__content{transition:all .3s ease 1.4s;opacity:0;max-height:1px;overflow:hidden}
.cmp-charging-recommender--step-last .cmp-charging-recommender-result{transition:all .6s ease 1.6s;opacity:1;pointer-events:auto;z-index:3;position:relative}
.cmp-charging-recommender--step-last .cmp-charging-recommender-progress{transition:opacity .5s ease-in-out 1s;opacity:0;pointer-events:none}
.cmp-charging-recommender--step-last .cmp-charging-recommender-progress__counter{animation:charging-recommender-counter-beat .25s 2 alternate .4s;transform-origin:center;display:block}
.cmp-charging-recommender--step-last .cmp-charging-recommender__navigation{opacity:0;pointer-events:none}
.cmp-charging-recommender--step-last .cmp-charging-recommender__bg{transition:opacity .5s ease-in-out .3s;opacity:0}
.cmp-charging-recommender--step-last:before{opacity:0}
.cmp-charging-recommender.mod__back-form:before{transition:opacity .8s ease-in-out;transition-delay:initial;width:100%;opacity:1}
.cmp-charging-recommender .has-animation{transition:opacity .5s ease 0;opacity:0}
.cmp-charging-recommender__item.swiper-slide-active .has-animation{opacity:1}
.cmp-charging-recommender__item.swiper-slide-active .has-animation:nth-of-type(1){transition:opacity .5s ease .1s}
.cmp-charging-recommender__item.swiper-slide-active .has-animation:nth-of-type(2){transition:opacity .5s ease .2s}
.cmp-charging-recommender__item.swiper-slide-active .has-animation:nth-of-type(3){transition:opacity .5s ease .3s}
@keyframes charging-recommender-click-button{0{opacity:.8}
50%{opacity:1}
100%{opacity:.8}
}
@keyframes charging-recommender-gradient{0{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
@keyframes charging-recommender-counter-beat{to{transform:scale(1.2)}
}
@keyframes charging-recommender-back-form{0{opacity:0}
50%{opacity:1}
100%{opacity:0}
}