@font-face{font-family:"CupraBook";src:url("../../../../../etc.clientlibs/cupra-website/components/page/base/clientlibs-old/resources/fonts/otf/Cupra-Book.otf"),url("../../../../../etc.clientlibs/cupra-website/components/page/base/clientlibs-old/resources/fonts/ttf/Cupra-Book.ttf"),url("../../../../../etc.clientlibs/cupra-website/components/page/base/clientlibs-old/resources/fonts/webfonts/Cupra-Book.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:"CupraLight";src:url("../../../../../etc.clientlibs/cupra-website/components/page/base/clientlibs-old/resources/fonts/otf/Cupra-Light.otf"),url("../../../../../etc.clientlibs/cupra-website/components/page/base/clientlibs-old/resources/fonts/ttf/Cupra-Light.ttf"),url("../../../../../etc.clientlibs/cupra-website/components/page/base/clientlibs-old/resources/fonts/webfonts/Cupra-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"CupraBold";src:url("../../../../../etc.clientlibs/cupra-website/components/page/base/clientlibs-old/resources/fonts/otf/Cupra-Bold.otf"),url("../../../../../etc.clientlibs/cupra-website/components/page/base/clientlibs-old/resources/fonts/ttf/Cupra-Bold.ttf"),url("../../../../../etc.clientlibs/cupra-website/components/page/base/clientlibs-old/resources/fonts/webfonts/Cupra-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}
@font-face{font-family:"CupraMedium";src:url("../../../../../etc.clientlibs/cupra-website/components/page/base/clientlibs-old/resources/fonts/otf/Cupra-Medium.otf"),url("../../../../../etc.clientlibs/cupra-website/components/page/base/clientlibs-old/resources/fonts/ttf/Cupra-Medium.ttf"),url("../../../../../etc.clientlibs/cupra-website/components/page/base/clientlibs-old/resources/fonts/webfonts/Cupra-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"CupraRegular";src:url("../../../../../etc.clientlibs/cupra-website/components/page/base/clientlibs-old/resources/fonts/otf/Cupra-Regular.otf"),url("../../../../../etc.clientlibs/cupra-website/components/page/base/clientlibs-old/resources/fonts/ttf/Cupra-Regular.ttf"),url("../../../../../etc.clientlibs/cupra-website/components/page/base/clientlibs-old/resources/fonts/webfonts/Cupra-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}
:root{--black:#1b1b1b;--grey:#666;--grey-dark:#75787b;--grey-medium:#d1d1d1;--grey-light:#f4f4f3;--white-off:#a3a3a3;--white:#FFF;--dark-inverted:#282828;--green:#008a96;--orange:#f0a823;--color-brand-01:#003e51;--color-brand-02:#95572b;--color-brand-03:#dbd3cb;--color-font-01:var(--black);--color-font-02:var(--grey);--color-font-03:var(--white);--color-font-04:var(--white-off);--color-bg-01:var(--black);--color-bg-02:var(--grey-light);--color-bg-03:var(--white);--color-bg-04:var(--dark-inverted);--color-ui-01:var(--black);--color-ui-02:var(--grey-dark);--color-ui-03:var(--grey-medium);--color-ui-04:var(--grey-light);--color-ui-05:var(--white);--color-ui-06:var(--color-brand-03);--color-ui-07:var(--color-brand-01);--color-ui-08:var(--color-brand-02);--color-ui-09:var(--orange);--color-success:var(--green);--color-warning:var(--orange);--color-danger:#b50303;--color-danger-dark-theme:#ec8b8b}
@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)}
}