@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)}
}
.cmp-login-menu__container{top:72px;background:var(--dg-global-opacity-white-10,#fafafa 1 A);border-radius:var(--dg-border-radius-m,12px);backdrop-filter:blur(60px);height:0;margin:12px var(--dg-spacing-layout-xxs);width:calc(100% - (var(--dg-spacing-layout-xxs) * 2));scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-y:none}
.cmp-login-menu__button__icon{width:32px;height:32px}
.cmp-login-menu__button__icon-no-logged{background-color:var(--dg-icon-button-bg-color-rounded-default,#474852)}
.cmp-login-menu__button__icon-no-logged:after{width:16px;height:16px;mask:url("https://www.prod.websites.seat.cloud.vwgroup.com/icons/cupra-diagonal/user.svg") no-repeat 100% 100%;-webkit-mask:url("https://www.prod.websites.seat.cloud.vwgroup.com/icons/cupra-diagonal/user.svg") no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover}
.cmp-login-menu__container.mod__open-menu{height:calc(100vh - 60px);border:1px solid var(--dg-color-border-soft,#fafafa 1 A)}
.user-logged-icon{font-size:var(--dg-font-size-body-l);line-height:var(--dg-font-height-body-l);font-weight:400;color:var(--dg-color-text-strong,#fafafa);background-color:var(--dg-icon-button-bg-color-rounded-default,#474852);width:36px;height:36px}
.mainnavigation .main-navigation .cmp-login-menu{margin-right:20px}
@media(min-width:768px){.cmp-login-menu{position:relative}
.cmp-login-menu__container{top:88px;right:calc(var(--dg-layout-margin) - 6px);left:auto;width:398px;margin:24px var(--dg-spacing-layout-xxs)}
.cmp-login-menu__container__close-icon{display:none}
.user-logged-icon{width:40px;height:40px}
}
@media(min-width:1024px){.cmp-login-menu__container{top:96px;width:356px}
}
@media(min-width:1440px){.cmp-login-menu__container{margin:16px var(--dg-spacing-layout-xxs)}
.user-logged-icon{width:48px;height:48px}
}
@media(min-width:1920px){.cmp-login-menu__container{right:calc(50vw - 960px + var(--dg-layout-margin) - 6px)}
}
.cmp-logged-menu{padding:var(--dg-spacing-layout-l) var(--dg-spacing-s-5)}
.cmp-logged-menu .cmp-logged-menu__header .cmp-image{width:56px;height:56px;border-radius:28px}
.cmp-logged-menu .cmp-logged-menu__header__greetings__salutation{font-size:var(--dg-font-size-headline-xs);line-height:var(--dg-font-height-headline-xs);color:var(--dg-color-text-strong,#fafafa);font-weight:300;letter-spacing:var(--dg-font-letter-spacing-m)}
.cmp-logged-menu .cmp-logged-menu__header__greetings__update-data{text-decoration:none}
.cmp-logged-menu .cmp-logged-menu__header__greetings__update-data-text{font-size:var(--dg-font-size-body-m);line-height:var(--dg-font-height-body-m);color:var(--dg-color-text-strong,#fafafa);font-weight:400;letter-spacing:var(--dg-font-letter-spacing-m)}
.cmp-logged-menu .cmp-logged-menu__header__greetings__update-data-icon{background-image:url("https://www.prod.websites.seat.cloud.vwgroup.com/icons/cupra-diagonal/arrow-external-link.svg");width:20px;height:20px}
.cmp-logged-menu .cmp-logged-menu__body__options{padding:var(--dg-spacing-m-4) 0 0}
.cmp-logged-menu .cmp-logged-menu__body__options.separator::after{content:"";display:block;width:100%;height:1px;background:var(--dg-gradient-bg-divider,linear-gradient(90deg,var(--dg-global-opacity-white-30) 40%,var(--dg-global-opacity-grey-00) 100%))}
.cmp-logged-menu .cmp-logged-menu__body__options:not(.separator) .cmp-logged-menu__body__options-list{padding-bottom:0}
.cmp-logged-menu .cmp-logged-menu__body__options-list{padding-bottom:16px;margin-bottom:0}
.cmp-logged-menu .cmp-logged-menu__body__options-list__option-link{text-decoration:none}
.cmp-logged-menu .cmp-logged-menu__body__options-list__option-link.mod__active span{font-weight:500;transition:all .3s ease}
@media(hover:hover){.cmp-logged-menu .cmp-logged-menu__body__options-list__option-link.mod__active span:hover{color:var(--dg-color-text-soft,#aeaeb7)}
}
.cmp-logged-menu .cmp-logged-menu__body__options-list__option-link.mod__logout{margin-left:calc(24px + var(--dg-spacing-s-5));transition:all .3s ease}
.cmp-logged-menu .cmp-logged-menu__body__options-list__option-link.mod__logout:before{position:absolute;content:'';background-image:url("https://www.prod.websites.seat.cloud.vwgroup.com/icons/cupra-diagonal/arrow-exit.svg");width:24px;height:24px;margin-left:-32px}
@media(hover:hover){.cmp-logged-menu .cmp-logged-menu__body__options-list__option-link.mod__logout:hover{opacity:.5}
}
.cmp-logged-menu .cmp-logged-menu__body__options-list__option-link-text{font-size:var(--dg-font-size-body-l);line-height:var(--dg-font-height-body-l);color:var(--dg-color-text-strong,#fafafa);font-weight:400;letter-spacing:var(--dg-font-letter-spacing-m);transition:all .3s ease}
@media(hover:hover){.cmp-logged-menu .cmp-logged-menu__body__options-list__option-link-text:hover{color:var(--dg-color-text-soft,#aeaeb7)}
}
@media(min-width:768px){.cmp-logged-menu{padding:var(--dg-spacing-layout-l) var(--dg-spacing-m-2)}
.cmp-logged-menu__body__options-list__option-link-text{font-size:var(--dg-font-size-body-m);line-height:var(--dg-font-height-body-m)}
}
@media(min-width:1024px){.cmp-logged-menu .cmp-logged-menu__header__greetings__update-data-text{font-size:var(--dg-font-size-body-l);line-height:var(--dg-font-height-body-l)}
.cmp-logged-menu .cmp-logged-menu__header__greetings__update-data-icon{width:24px;height:24px}
.cmp-logged-menu .cmp-logged-menu__body__options-list__option-link-text{font-size:var(--dg-font-size-body-l);line-height:var(--dg-font-height-body-l)}
}
@media(min-width:1440px){.cmp-logged-menu{padding:var(--dg-spacing-layout-l) var(--dg-spacing-m-3)}
}
.cmp-not-logged-menu{padding:var(--dg-spacing-layout-l) var(--dg-spacing-s-5)}
.cmp-not-logged-menu .cmp-not-logged-menu{display:flex;flex-direction:column}
.cmp-not-logged-menu .cmp-not-logged-menu__title{padding-bottom:var(--dg-spacing-layout-s)}
.cmp-not-logged-menu .cmp-not-logged-menu__title__text{font-size:var(--dg-font-size-headline-s);line-height:var(--dg-font-height-headline-s);font-weight:300;color:var(--dg-color-text-strong,#fafafa);text-transform:uppercase;letter-spacing:var(--dg-font-letter-spacing-m);margin:0}
.cmp-not-logged-menu .cmp-not-logged-menu__text__text{font-size:var(--dg-font-size-body-l);line-height:var(--dg-font-height-body-l);font-weight:350;color:var(--dg-color-text-medium,#d3d6d9);letter-spacing:var(--dg-font-letter-spacing-m);margin:0}
.cmp-not-logged-menu .cmp-not-logged-menu__text__text p,.cmp-not-logged-menu .cmp-not-logged-menu__text__text ul{color:var(--dg-color-text-medium,#d3d6d9);line-height:var(--dg-font-height-body-l);margin:0}
.cmp-not-logged-menu .cmp-not-logged-menu__text__text ul{padding-left:20px}
.cmp-not-logged-menu .cmp-not-logged-menu__text__text ul li{padding-left:6px}
.cmp-not-logged-menu .cmp-not-logged-menu__text__text ul li::marker{font-size:10px}
.cmp-not-logged-menu .cmp-not-logged-menu__text:after{content:"";display:block;width:100%;height:1px;background:var(--dg-gradient-bg-divider,linear-gradient(90deg,var(--dg-global-opacity-white-30) 40%,var(--dg-global-opacity-grey-00) 100%));margin-top:var(--dg-spacing-m-4)}
.cmp-not-logged-menu .cmp-not-logged-menu__login{order:2;padding-top:var(--dg-spacing-m-2)}
.cmp-not-logged-menu .cmp-not-logged-menu__register{order:1;padding-top:var(--dg-spacing-layout-s)}
@media(min-width:768px){.cmp-not-logged-menu{padding:var(--dg-spacing-layout-l) var(--dg-spacing-m-2)}
.cmp-not-logged-menu .cmp-not-logged-menu__text__text{font-size:var(--dg-font-size-body-m);line-height:var(--dg-font-height-body-m)}
}
@media(min-width:1024px){.cmp-not-logged-menu .cmp-not-logged-menu__text__text{font-size:var(--dg-font-size-body-l);line-height:var(--dg-font-height-body-l)}
}
@media(min-width:1440px){.cmp-not-logged-menu{padding:var(--dg-spacing-layout-l) var(--dg-spacing-m-3)}
}