@font-face {
    font-family: "CupraBook";
    src: url("../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/fonts/otf/Cupra-Book.otf"),url("../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/fonts/ttf/Cupra-Book.ttf"),url("../../../../etc.clientlibs/cupra-website/components/clientlibs/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/clientlibs/resources/fonts/otf/Cupra-Light.otf"),url("../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/fonts/ttf/Cupra-Light.ttf"),url("../../../../etc.clientlibs/cupra-website/components/clientlibs/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/clientlibs/resources/fonts/otf/Cupra-Bold.otf"),url("../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/fonts/ttf/Cupra-Bold.ttf"),url("../../../../etc.clientlibs/cupra-website/components/clientlibs/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/clientlibs/resources/fonts/otf/Cupra-Medium.otf"),url("../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/fonts/ttf/Cupra-Medium.ttf"),url("../../../../etc.clientlibs/cupra-website/components/clientlibs/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/clientlibs/resources/fonts/otf/Cupra-Regular.otf"),url("../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/fonts/ttf/Cupra-Regular.ttf"),url("../../../../etc.clientlibs/cupra-website/components/clientlibs/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;
    --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-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 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
    }
}

.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: 12px;
    line-height: 16px;
    height: auto
}

.mod__link-button .cmp-button:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    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)
    }
}

@media(min-width:764px) {
    .mod__link-button .cmp-button__text {
        font-size: 14px;
        line-height: 20px
    }
}

@media(min-width:1016px) {
    .mod__link-button .cmp-button__text {
        font-size: 16px;
        line-height: 24px
    }
}

.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: 12px;
    line-height: 16px;
    height: auto
}

.mod__light-link-button .cmp-button:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    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)
    }
}

@media(min-width:764px) {
    .mod__light-link-button .cmp-button__text {
        font-size: 14px;
        line-height: 20px
    }
}

@media(min-width:1016px) {
    .mod__light-link-button .cmp-button__text {
        font-size: 16px;
        line-height: 24px
    }
}

.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 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
    }
}

@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
    }
}

.mod__max-w-xl {
    max-width: 1436px;
    margin: auto
}

.mod__component-separator {
    padding-top: 38px !important;
    padding-bottom: 38px !important
}

@media(min-width:1016px) {
    .mod__component-separator {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }
}

.region-selector {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #003e51;
    top: -100vh;
    z-index: 5000;
    transition: all .4s ease;
    padding: 16px;
    overflow-y: auto
}

    .region-selector[data-active] {
        top: 0
    }

.region-selector__close-button {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px
}

.region-selector__close-button__img {
    cursor: pointer
}

.region-selector__searchsection {
    position: relative;
    max-width: 80%;
    margin: 0 auto;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255,255,255,0.1)
}

.region-selector__searchsection__input {
    font-size: 16px;
    line-height: 1.2;
    font-family: 'CupraLight',sans-serif;
    background: 0;
    width: 100%;
    border: 0;
    outline: 0;
    color: rgba(255,255,255,0.6);
    padding: 0
}

    .region-selector__searchsection__input::placeholder {
        color: rgba(255,255,255,0.6)
    }

.region-selector__searchsection__img {
    position: absolute;
    top: calc(50% - 12px);
    width: 16px;
    height: 16px;
    right: 0
}

.region-selector__info {
    position: relative;
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-left: auto;
    margin-right: auto
}

.region-selector__info__item[data-active='false'] {
    display: none
}

.region-selector__info__item__link {
    display: flex;
    align-items: center;
    gap: 16px;
    text-decoration: none
}

.region-selector__info__item__link__img {
    width: 32px;
    height: 32px
}

.region-selector__info__item__link__p {
    font-family: 'CupraBook',sans-serif;
    font-size: 16px;
    line-height: 1.2;
    margin: unset;
    color: #fff
}

.region-selector__info__item__extrainfo {
    position: relative;
    list-style-type: none;
    margin-top: 8px;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    display: flex;
    gap: 5px;
    padding-left: 48px
}

    .region-selector__info__item__extrainfo[data-active="false"] {
        display: none
    }

.region-selector__info__item__extrainfo__li:after {
    content: " / ";
    color: rgba(255,255,255,0.6);
    font-size: 16px
}

.region-selector__info__item__extrainfo__li:last-child:after {
    display: none
}

.region-selector__info__item__extrainfo__li__a {
    font-family: 'CupraLight',sans-serif;
    font-size: 16px;
    line-height: 1.2;
    color: rgba(255,255,255,0.6);
    text-decoration: none
}

.region-selector__result {
    position: relative;
    display: none
}

    .region-selector__result[data-active="false"] {
        display: block
    }

.region-selector__result__p {
    font-family: 'CupraBook',sans-serif;
    font-size: 24px;
    line-height: 1.2;
    margin: unset;
    text-align: center;
    color: #fff
}

@media(min-width:764px) {
    .region-selector {
        padding: 32px
    }

    .region-selector__close-button {
        margin-bottom: 32px
    }

    .region-selector__searchsection {
        max-width: 100%;
        padding-bottom: 16px
    }

    .region-selector__searchsection__input {
        font-size: 24px
    }

    .region-selector__searchsection__img {
        top: calc(50% - 16px);
        width: 24px;
        height: 24px
    }

    .region-selector__info {
        margin-top: 64px;
        gap: 32px
    }
}

@media(min-width:1016px) {
    .region-selector__searchsection {
        max-width: 788px
    }

    .region-selector__searchsection__input {
        font-size: 30px
    }

    .region-selector__info {
        margin-top: 104px;
        display: grid;
        flex-direction: unset;
        grid-template-columns: repeat(4,minmax(0,1fr));
        gap: 48px 16px
    }

    .region-selector__info__item__link__p {
        font-size: 20px
    }
}

.cmp-cookie-policy {
    z-index: 5003;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #003c4a
}

    .cmp-cookie-policy .cookie-policy__wrapper {
        position: static;
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 32px 16px
    }

    .cmp-cookie-policy .cookie-policy__wrapper__text {
        display: flex;
        flex-direction: column;
        gap: 8px
    }

    .cmp-cookie-policy .cookie-policy__wrapper__text__title, .cmp-cookie-policy .cookie-policy__wrapper__text__description p, .cmp-cookie-policy .cookie-policy__wrapper__text__description a {
        color: #fff;
        font-family: 'CupraLight',sans-serif
    }

        .cmp-cookie-policy .cookie-policy__wrapper__text__description p a {
            text-decoration: underline;
            font-family: 'CupraBold',sans-serif
        }

    .cmp-cookie-policy .cookie-policy__wrapper__text__title {
        font-size: 24px;
        line-height: 34px
    }

    .cmp-cookie-policy .cookie-policy__wrapper__text__description p {
        font-size: 14px;
        line-height: 20px
    }

    .cmp-cookie-policy .cookie-policy__wrapper__action {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #fff;
        padding: 11px 13px
    }

    .cmp-cookie-policy .cookie-policy__wrapper__action__button {
        color: #fff;
        font-family: 'CupraBold',sans-serif;
        font-size: 14px
    }

@media(min-width:764px) {
    .cmp-cookie-policy .cookie-policy__wrapper {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 32px;
        padding: 24px 16px
    }

    .cmp-cookie-policy .cookie-policy__wrapper__text {
        width: 54%
    }

    .cmp-cookie-policy .cookie-policy__wrapper__text__description p {
        font-size: 16px;
        line-height: 26px
    }

    .cmp-cookie-policy .cookie-policy__wrapper__action {
        position: relative;
        bottom: 14px;
        width: 212px;
        height: 48px
    }
}

@media(min-width:1016px) {
    .cmp-cookie-policy .cookie-policy__wrapper {
        padding: 24px 42px;
        justify-content: space-between
    }

    .cmp-cookie-policy .cookie-policy__wrapper__text {
        width: 73.8%
    }

    .cmp-cookie-policy .cookie-policy__wrapper__action {
        bottom: 0
    }
}

@media(min-width:1436px) {
    .cmp-cookie-policy .cookie-policy__wrapper {
        justify-content: center;
        gap: 72px
    }

    .cmp-cookie-policy .cookie-policy__wrapper__text {
        width: 823px
    }

    .cmp-cookie-policy .cookie-policy__wrapper__action {
        width: 202px
    }
}

@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)
    }
}

.simplebar-scrollbar {
    background-color: rgba(100,100,100,0.85)
}

    .simplebar-scrollbar:before {
        background: rgba(100,100,100,0.85);
        border-radius: 0;
        left: 0;
        right: 0
    }

.simplebar-content-wrapper {
    -ms-overflow-style: none;
    scrollbar-width: none
}

    .simplebar-content-wrapper::-webkit-scrollbar {
        display: none
    }

.simplebar-track.simplebar-vertical {
    background-color: rgba(208,208,208,0.85);
    width: 4px
}

    .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
        top: 0;
        bottom: 0
    }

.simplebar-track.simplebar-horizontal {
    background-color: rgba(208,208,208,0.85);
    height: 4px
}

    .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
        top: 0;
        height: 100%
    }

        .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
            top: 0;
            bottom: 0
        }

body {
    margin: 0
}

.vwgroup__portal--top {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5000;
    overflow: auto;
    visibility: hidden;
    background: #fff;
    top: -100%;
    transition: top .6s ease;
    transition-delay: .3s;
    visibility: visible
}

.vwgroup__portal--left {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5000;
    overflow: auto;
    visibility: hidden;
    background: #fff;
    left: -100%;
    transition: left .6s ease;
    visibility: visible
}

.vwgroup__portal__close {
    width: 35px;
    height: 35px;
    position: fixed;
    top: 30px;
    right: -35px;
    z-index: 5000;
    cursor: pointer;
    transition: all .4s ease;
    transform: rotate(180deg);
    background: #fff;
    display: grid;
    place-items: center;
    border-radius: 50%;
    mix-blend-mode: difference
}

.vwgroup__portal__close--show {
    right: 30px;
    transition-delay: .6s;
    transform: rotate(0)
}

.vwgroup__portal__close__line1, .vwgroup__portal__close__line2 {
    position: absolute;
    width: 60%;
    height: 1px;
    background: #000
}

.vwgroup__portal__close__line1 {
    transform: rotate(45deg)
}

.vwgroup__portal__close__line2 {
    transform: rotate(-45deg)
}

.vwgroup__portal__specs {
    background-color: rgba(27,27,27,0.6);
    transition: none
}

    .vwgroup__portal__specs .available-engines-open {
        position: fixed;
        background-color: #f4f4f3;
        bottom: 0;
        width: 100vw
    }

        .vwgroup__portal__specs .available-engines-open .available-engines {
            position: relative;
            display: block !important;
            border-top: 1px solid #353535;
            padding: 16px 16px 0 16px;
            margin-bottom: -4px
        }

            .vwgroup__portal__specs .available-engines-open .available-engines .select-engine {
                font-family: 'CupraMedium';
                font-size: 16px;
                line-height: 20px;
                max-height: 20px;
                color: #000;
                margin-top: 0;
                font-weight: 500;
                margin-bottom: 16px;
                width: calc(100% - 20px);
                display: inline-block
            }

            .vwgroup__portal__specs .available-engines-open .available-engines .available-engines-wrapper {
                border-top: 1px solid #000;
                max-height: 334px;
                overflow-y: auto;
                overflow-x: hidden
            }

                .vwgroup__portal__specs .available-engines-open .available-engines .available-engines-wrapper .engine-fuel {
                    padding-top: 16px;
                    font-family: 'CupraRegular';
                    font-size: 14px;
                    line-height: 16px;
                    color: #000;
                    margin-bottom: 16px
                }

            .vwgroup__portal__specs .available-engines-open .available-engines .available-engines-wrapper--unordered-list {
                list-style-type: none;
                padding-left: 0
            }

                .vwgroup__portal__specs .available-engines-open .available-engines .available-engines-wrapper--unordered-list .engine-version {
                    font-family: 'CupraRegular';
                    font-size: 20px;
                    line-height: 24px;
                    max-height: 48px;
                    overflow: hidden;
                    color: #666;
                    margin-bottom: 12px;
                    cursor: pointer
                }

                    .vwgroup__portal__specs .available-engines-open .available-engines .available-engines-wrapper--unordered-list .engine-version.active {
                        color: #000
                    }

.vwgroup__portal .contentpage {
    position: absolute;
    width: 100%;
    height: 100%
}

    .vwgroup__portal .contentpage .full-screen-modal {
        width: 100%;
        height: 100%
    }

        .vwgroup__portal .contentpage .full-screen-modal .modal {
            position: relative;
            top: 0;
            z-index: 0;
            overflow: auto;
            display: block
        }

.vwgroup__portal.vwgroup__portal__show--top {
    top: 0
}

.vwgroup__portal.vwgroup__portal__show--left {
    left: 0
}

.container-body > div > .title.section .cmp-title {
    max-width: calc(100% - 32px);
    margin: 0 auto
}

@media(min-width:764px) {
    .container-body > div > .title.section .cmp-title {
        max-width: calc(100% - 64px)
    }
}

@media(min-width:1436px) {
    .container-body > div > .title.section .cmp-title {
        max-width: calc(1436px - 64px)
    }
}

.cmp-title .cmp-title__text a {
    color: inherit;
    text-decoration: none
}