@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-button{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:40px;padding:11px 16px 13px;cursor:pointer;border:solid 1px var(--color-ui-01);background-color:transparent;transition:all .3s ease}
.cmp-button__text{overflow:hidden;text-align:center;color:var(--color-font-01);font-family:'CupraRegular',sans-serif;font-weight:400;width:100%;height:16px;font-size:14px;line-height:16px;max-height:16px}
@media(hover:hover) and (pointer:fine){.cmp-button:hover{border:solid 2px var(--color-ui-01)}
}
.cmp-button:focus{outline:0}
.mod__rounded-button .cmp-button{border-radius:24px}
@media(min-width:1016px){.cmp-button{height:48px;padding:13px 16px 15px}
.cmp-button__text{max-height:20px;height:20px;font-size:16px;line-height:20px}
}
.mod__primary-button .cmp-button{background-color:var(--color-ui-01);border:0}
@media(hover:hover) and (pointer:fine){.mod__primary-button .cmp-button:hover{background-color:var(--color-ui-02)}
}
.mod__primary-button .cmp-button__text{color:var(--color-font-03)}
.mod__primary-button .cmp-button:disabled{background-color:var(--color-ui-03)}
.mod__primary-button .cmp-button:disabled .cmp-button__text{color:var(--color-font-04);pointer-events:none}
.mod__light-primary-button .cmp-button{background-color:var(--color-ui-06);border:0}
@media(hover:hover) and (pointer:fine){.mod__light-primary-button .cmp-button:hover{background-color:var(--color-ui-05)}
}
.mod__light-primary-button .cmp-button__text{color:var(--color-font-01)}
.mod__light-primary-button .cmp-button:disabled{background-color:var(--color-ui-02)}
.mod__light-primary-button .cmp-button:disabled .cmp-button__text{color:var(--color-font-04);pointer-events:none}
.mod__secondary-button .cmp-button{border:1px solid var(--color-ui-01)}
.mod__secondary-button .cmp-button__text{color:var(--color-font-01)}
@media(hover:hover) and (pointer:fine){.mod__secondary-button .cmp-button:hover{box-shadow:0 0 0 1px var(--color-ui-01)}
}
.mod__secondary-button .cmp-button:disabled{border:1px solid var(--color-ui-03)}
.mod__secondary-button .cmp-button:disabled .cmp-button__text{color:var(--color-font-04);pointer-events:none}
.mod__light-secondary-button .cmp-button{border:1px solid var(--color-ui-05)}
.mod__light-secondary-button .cmp-button__text{color:var(--color-font-03)}
@media(hover:hover) and (pointer:fine){.mod__light-secondary-button .cmp-button:hover{box-shadow:0 0 0 1px var(--color-ui-05)}
}
.mod__light-secondary-button .cmp-button:disabled{border:1px solid var(--color-ui-02)}
.mod__light-secondary-button .cmp-button:disabled .cmp-button__text{color:var(--color-font-04);pointer-events:none}
.mod__tertiary-button .cmp-button{background-color:var(--color-success);border:0}
@media(hover:hover) and (pointer:fine){.mod__tertiary-button .cmp-button:hover{background-color:var(--color-ui-02)}
}
.mod__tertiary-button .cmp-button__text{color:var(--color-font-03)}
.mod__tertiary-button .cmp-button:disabled{background-color:var(--color-ui-03)}
.mod__tertiary-button .cmp-button:disabled .cmp-button__text{color:var(--color-font-04);pointer-events:none}
.mod__ico-plus-button .cmp-button__text{width:auto}
.mod__ico-plus-button .cmp-button:before{content:'';width:20px;height:20px;background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;margin-right:8px;background-color:var(--color-font-01);mask:url("../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-button-add.svg") no-repeat 100% 100%;-webkit-mask:url("../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-button-add.svg") no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover}
.mod__ico-plus-button.mod__primary-button .cmp-button:before,.mod__ico-plus-button.mod__light-secondary-button .cmp-button:before,.mod__ico-plus-button.mod__tertiary-button .cmp-button:before{background-color:var(--color-font-03)}
.mod__ico-plus-button .cmp-button__text{width:auto}
.mod__ico-plus-button .cmp-button:before{content:'';width:20px;height:20px;background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;margin-right:8px;background-color:var(--color-font-01);mask:url("../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-button-add.svg") no-repeat 100% 100%;-webkit-mask:url("../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-button-add.svg") no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover}
.mod__ico-plus-button.mod__primary-button .cmp-button:before,.mod__ico-plus-button.mod__light-secondary-button .cmp-button:before,.mod__ico-plus-button.mod__tertiary-button .cmp-button:before{background-color:var(--color-font-03)}
.mod__link-button .cmp-button{padding:0;width:auto;height:auto;text-decoration:none;border:0;display:inline-block}
.mod__link-button .cmp-button__text{font-family:'CupraBook',sans-serif;font-weight:350;color:var(--color-font-01);font-size:16px;line-height:24px;max-height:none;height:auto}
.mod__link-button .cmp-button:after{position:absolute;content:'';width:100%;height:1px;bottom:-1px;left:0;transition:all .3s ease;background-color:var(--color-font-01)}
@media(hover:hover) and (pointer:fine){.mod__link-button .cmp-button:hover .cmp-button__text{color:var(--color-font-02)}
.mod__link-button .cmp-button:hover:after{background-color:var(--color-font-02)}
}
.mod__light-link-button .cmp-button{padding:0;width:auto;height:auto;text-decoration:none;border:0;display:inline-block}
.mod__light-link-button .cmp-button__text{font-family:'CupraBook',sans-serif;font-weight:350;color:var(--color-font-03);font-size:16px;line-height:24px;max-height:none;height:auto}
.mod__light-link-button .cmp-button:after{position:absolute;content:'';width:100%;height:1px;bottom:-1px;left:0;transition:all .3s ease;background-color:var(--color-font-03)}
@media(hover:hover) and (pointer:fine){.mod__light-link-button .cmp-button:hover .cmp-button__text{color:var(--color-font-04)}
.mod__light-link-button .cmp-button:hover:after{background-color:var(--color-font-04)}
}
.mod__arrow-button .cmp-button{padding:0;width:auto;height:auto;text-decoration:none;border:0;display:inline-flex;justify-content:flex-start;vertical-align:top}
.mod__arrow-button .cmp-button__text{width:auto;height:auto;max-width:calc(100% - 24px);text-align:start;color:var(--color-font-01);transition:none}
.mod__arrow-button .cmp-button:disabled .cmp-button__text{color:var(--color-font-04);pointer-events:none}
@media(hover:hover) and (pointer:fine){.mod__arrow-button .cmp-button:hover .cmp-button__text{color:var(--color-font-02)}
}
.mod__arrow-button .cmp-button:after{content:'';width:20px;height:20px;background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;background-color:var(--color-font-01);mask:url("../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-button-arrow-right.svg") no-repeat 100% 100%;-webkit-mask:url("../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-button-arrow-right.svg") no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover;margin-left:4px;transition:none}
.mod__arrow-button .cmp-button:disabled:after{background-color:var(--color-font-04)}
@media(hover:hover) and (pointer:fine){.mod__arrow-button .cmp-button:hover:after{background-color:var(--color-font-02)}
}
.mod__arrow-left-button .cmp-button{padding:0;width:auto;height:auto;text-decoration:none;border:0;display:inline-flex;justify-content:flex-start;vertical-align:top}
.mod__arrow-left-button .cmp-button__text{width:auto;height:auto;max-width:calc(100% - 24px);text-align:start;color:var(--color-font-01);transition:none}
.mod__arrow-left-button .cmp-button:disabled .cmp-button__text{color:var(--color-font-04);pointer-events:none}
@media(hover:hover) and (pointer:fine){.mod__arrow-left-button .cmp-button:hover .cmp-button__text{color:var(--color-font-02)}
}
.mod__arrow-left-button .cmp-button:before{content:'';width:20px;height:20px;background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;background-color:var(--color-font-01);mask:url("../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-button-arrow-left.svg") no-repeat 100% 100%;-webkit-mask:url("../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-button-arrow-left.svg") no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover;margin-right:4px;transition:none}
.mod__arrow-left-button .cmp-button:disabled:before{background-color:var(--color-font-04)}
@media(hover:hover) and (pointer:fine){.mod__arrow-left-button .cmp-button:hover:before{background-color:var(--color-font-02)}
}
.mod__light-arrow-button .cmp-button{padding:0;width:auto;height:auto;text-decoration:none;border:0;display:inline-flex;justify-content:flex-start;vertical-align:top}
.mod__light-arrow-button .cmp-button__text{width:auto;height:auto;max-width:calc(100% - 24px);text-align:start;color:var(--color-font-03);transition:none}
.mod__light-arrow-button .cmp-button:disabled .cmp-button__text{color:var(--color-font-02);pointer-events:none}
@media(hover:hover) and (pointer:fine){.mod__light-arrow-button .cmp-button:hover .cmp-button__text{color:var(--color-font-04)}
}
.mod__light-arrow-button .cmp-button:after{content:'';width:20px;height:20px;background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;background-color:var(--color-font-03);mask:url("../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-button-arrow-right.svg") no-repeat 100% 100%;-webkit-mask:url("../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-button-arrow-right.svg") no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover;margin-left:4px;transition:none}
.mod__light-arrow-button .cmp-button:disabled:after{background-color:var(--color-font-02)}
@media(hover:hover) and (pointer:fine){.mod__light-arrow-button .cmp-button:hover:after{background-color:var(--color-font-04)}
}
.mod__light-arrow-left-button .cmp-button{padding:0;width:auto;height:auto;text-decoration:none;border:0;display:inline-flex;justify-content:flex-start;vertical-align:top}
.mod__light-arrow-left-button .cmp-button__text{width:auto;height:auto;max-width:calc(100% - 24px);text-align:start;color:var(--color-font-03);transition:none}
.mod__light-arrow-left-button .cmp-button:disabled .cmp-button__text{color:var(--color-font-02);pointer-events:none}
@media(hover:hover) and (pointer:fine){.mod__light-arrow-left-button .cmp-button:hover .cmp-button__text{color:var(--color-font-04)}
}
.mod__light-arrow-left-button .cmp-button:before{content:'';width:20px;height:20px;background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;background-color:var(--color-font-03);mask:url("../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-button-arrow-left.svg") no-repeat 100% 100%;-webkit-mask:url("../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-button-arrow-left.svg") no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover;margin-right:4px;transition:none}
.mod__light-arrow-left-button .cmp-button:disabled:before{background-color:var(--color-font-02)}
@media(hover:hover) and (pointer:fine){.mod__light-arrow-left-button .cmp-button:hover:before{background-color:var(--color-font-04)}
}
@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-button.app-store,.cmp-button.play-store{border:unset;padding:0;background:unset;display:flex;justify-content:center}
.cmp-button.app-store:hover,.cmp-button.play-store:hover{box-shadow:unset;background-color:unset}
.cmp-button.app-store{margin-right:-16px;margin-bottom:8px}
.cmp-button.app-store img{margin-left:-1px;min-width:130px}
.cmp-button.play-store img{margin:-10px;min-height:65px;max-width:150px}
@media(min-width:764px){.cmp-button.app-store,.cmp-button.play-store{justify-content:center}
.cmp-button.app-store img{margin-left:0}
.cmp-button.play-store img{min-height:74px}
.wrapper-description-buttons__secondary:has(.play-store){margin-right:-36px}
}
.cmp-button-modal-view.modal-base-content.modal-action__container{display:block;width:100%;padding:0}
.cmp-button-modal-view.modal-base-content.modal-action__container .modal-close-icon{position:relative;z-index:103;background:var(--color-bg-03);border-radius:50%}
.cmp-button-modal-view.modal-base-content.modal-action__container .modal-close-icon:before{width:100%;height:100%}
.cmp-button-modal-view.modal-base-content.modal-action__container .modal-container-body{position:absolute;width:100%}
.cmp-button-modal-view.modal-base-content.modal-action__container .modal-container-body .cmp-title{display:none}