@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-cc-lite{position:relative;z-index:0;width:100%;height:100vh;padding:var(--dg-layout-margin) 0}
.cmp-cc-lite__container{display:flex;flex-direction:column;justify-content:space-between;position:relative;margin:0 auto;width:100%;max-width:1920px;min-width:320px;padding:0 var(--dg-layout-margin);height:100%}
.cmp-cc-lite__video{position:absolute;top:0;width:100%;height:100%;z-index:1;transition:opacity .6s ease}
.cmp-cc-lite__video video{width:100%;height:100vh;object-fit:cover}
.cmp-cc-lite__image{position:absolute;top:0;left:0;width:100%;height:100%}
.cmp-cc-lite__image img{pointer-events:none;width:100%;height:100vh;object-fit:cover}
.cmp-cc-lite__info{max-width:300px;z-index:2}
.cmp-cc-lite__pretitle{text-shadow:0 1px 2px rgba(0,0,0,0.2);padding-bottom:var(--dg-spacing-s-3)}
.cmp-cc-lite__pretitle .cmp-title__text{font-weight:350;text-transform:uppercase;font-size:var(--dg-font-size-body-m);line-height:var(--dg-global-color-neutral-10,#fafafa);letter-spacing:var(--dg-font-letter-spacing-m);margin:0}
.cmp-cc-lite__title{text-shadow:0 1px 2px rgba(0,0,0,0.2);padding-bottom:var(--dg-spacing-s-3)}
.cmp-cc-lite__title .cmp-title__text{color:var(--dg-global-color-neutral-10,#fafafa);font-weight:300;text-transform:uppercase;font-size:var(--dg-font-size-headline-s);line-height:var(--dg-font-height-headline-s);letter-spacing:var(--dg-font-letter-spacing-m);margin:0}
.cmp-cc-lite__text{text-shadow:0 1px 2px rgba(0,0,0,0.2)}
.cmp-cc-lite__text .cmp-text p{font-weight:350;font-size:var(--dg-font-size-body-m);line-height:var(--dg-global-color-neutral-10,#fafafa);letter-spacing:var(--dg-font-letter-spacing-m)}
.cmp-cc-lite__text .cmp-text p>a{text-decoration:underline}
@media(min-width:480px){.cmp-cc-lite__info{max-width:420px}
.cmp-cc-lite__title .cmp-title__text{font-size:var(--dg-font-size-headline-m);line-height:var(--dg-font-height-headline-m);margin:0}
.cmp-cc-lite__text .cmp-text p{font-size:var(--dg-font-size-body-l)}
.cmp-cc-lite__text .cmp-text p>a{text-decoration:underline}
.cmp-cc-lite-pickers{padding:var(--dg-spacing-m-3)}
}
@media(min-width:768px){.cmp-cc-lite{padding:var(--dg-layout-margin) 0}
}
@media(min-width:1024px){.cmp-cc-lite__info{max-width:600px}
.cmp-cc-lite__container{flex-direction:row;justify-content:space-between;height:max-content}
}
@media(min-width:1440px){.cmp-cc-lite__info{max-width:650px}
.cmp-cc-lite__title{padding-bottom:var(--dg-spacing-m-2)}
}
@media(min-width:1920px){.cmp-cc-lite__title .cmp-title__text{font-size:var(--dg-font-size-headline-l);line-height:var(--dg-font-height-headline-l);margin:0}
}
.cmp-cc-lite-pickers{display:flex;width:100%;height:fit-content;max-width:calc(100vw - 32px);position:relative;padding:var(--dg-spacing-layout-xxs) var(--dg-spacing-layout-xs);flex-direction:column;align-items:flex-start;border-radius:8px;border:1px solid var(--dg-color-border-soft,#fafafa 1 A);overflow:hidden;z-index:1}
.cmp-cc-lite-pickers:before,.cmp-cc-lite-pickers:after{top:0;left:0;position:absolute;content:'';width:100%;height:100%;z-index:-1}
.cmp-cc-lite-pickers:before{backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px)}
.cmp-cc-lite-pickers:after{background:var(--dg-gradient-bg-glass-default,linear-gradient(179deg,var(--dg-global-opacity-white-15,rgba(250,250,250,0.15)) .73%,var(--dg-global-opacity-grey-05,rgba(195,195,203,0.05)) 84.63%,var(--dg-global-opacity-grey-10,rgba(195,195,203,0.1)) 99.44%))}
.cmp-cc-lite-pickers__bottom{padding-top:var(--dg-spacing-layout-xxs);width:100%}
@media(min-width:480px){.cmp-cc-lite-pickers{padding:var(--dg-spacing-m-3);margin-bottom:52px}
.cmp-cc-lite-pickers__bottom{padding-top:var(--dg-spacing-layout-xs)}
}
@media(min-width:768px){.cmp-cc-lite-pickers{max-width:100%;border-radius:20px;margin-bottom:72px}
.cmp-cc-lite-pickers__bottom{width:auto}
}
@media(min-width:1024px){.cmp-cc-lite-pickers{width:300px;margin-top:30px;margin-bottom:78px}
.cmp-cc-lite-pickers__bottom{padding-top:var(--dg-spacing-m-3);width:100%}
}
@media(min-width:1440px){.cmp-cc-lite-pickers{padding:var(--dg-spacing-m-4);margin-top:75px;width:316px}
.cmp-cc-lite-pickers__bottom{padding-top:var(--dg-spacing-l-1)}
}
@media(min-width:1920px){.cmp-cc-lite-pickers{padding:var(--dg-spacing-l-1);margin-top:152px;width:446px}
}
.cmp-cc-lite-pickers-block{display:flex;flex-direction:column;gap:var(--dg-spacing-m-1);width:100%}
.cmp-cc-lite-pickers-block + .cmp-cc-lite-pickers-block{border-top:1px solid transparent;border-image:var(--dg-gradient-bg-divider,linear-gradient(90deg,var(--dg-global-opacity-white-30) 40%,var(--dg-global-opacity-grey-00) 100%));border-image-slice:1;margin-top:var(--dg-spacing-layout-xxs);padding-top:var(--dg-spacing-layout-xxs)}
.cmp-cc-lite-pickers-block__title{letter-spacing:var(--dg-font-letter-spacing-m)}
.cmp-cc-lite-pickers-block__title .cmp-title__text{font-weight:400;text-transform:uppercase;font-size:var(--dg-font-size-body-m);line-height:var(--dg-color-text-strong,#fafafa);margin:0}
.cmp-cc-lite-pickers-block__options{display:flex;flex-wrap:nowrap;gap:12px var(--dg-spacing-m-2);overflow:auto hidden;margin:0 -20px;padding:5px 20px;-ms-overflow-style:none;scrollbar-width:none}
.cmp-cc-lite-pickers-block__options::-webkit-scrollbar{display:none}
.cmp-cc-lite-pickers-block__options__item:has([data-active="true"]){border-bottom:1px solid var(--dg-global-color-neutral-30)}
.cmp-cc-lite-pickers-block__button{width:48px;height:48px;border-radius:8px;border:1px solid var(--dg-global-opacity-white-30);cursor:pointer;flex-shrink:0;position:relative}
.cmp-cc-lite-pickers-block__button-img{border-radius:7px}
.cmp-cc-lite-pickers-block__button:active::before,.cmp-cc-lite-pickers-block__button:focus::before,.cmp-cc-lite-pickers-block__button--active::before{content:'';position:absolute;top:-5px;left:-5px;width:56px;height:56px;border-radius:12px;border:1px solid var(--dg-global-color-neutral-30)}
.cmp-cc-lite-pickers-block__button:focus-visible{outline:1px solid var(--dg-global-color-neutral-30)}
.cmp-cc-lite-pickers-block__selected{display:flex;gap:var(--dg-spacing-s-5)}
.cmp-cc-lite-pickers-block__selected-text{font-weight:400;font-size:var(--dg-font-size-body-s);color:var(--dg-color-text-medium,#d3d6d9);text-transform:uppercase;letter-spacing:var(--dg-font-letter-spacing-m)}
.cmp-cc-lite-pickers-block__selected-text + .cmp-cc-lite-pickers-block__selected-text{color:var(--dg-color-text-strong,#fafafa)}
.cmp-cc-lite-pickers-block--wheels .cmp-cc-lite-pickers-block__button{border:0}
.cmp-cc-lite-pickers-block--wheels .cmp-cc-lite-pickers-block__button:active::before,.cmp-cc-lite-pickers-block--wheels .cmp-cc-lite-pickers-block__button:focus::before,.cmp-cc-lite-pickers-block--wheels .cmp-cc-lite-pickers-block__button--active::before{content:'';position:absolute;top:-5px;left:-5px;width:56px;height:56px;border-radius:12px;border:1px solid var(--dg-global-color-neutral-30)}
@media(min-width:480px){.cmp-cc-lite-pickers-block__selected-text{font-size:var(--dg-font-size-body-m)}
}
@media(min-width:768px){.cmp-cc-lite-pickers-block__options{margin:0;padding:0;overflow:visible;flex-wrap:wrap}
.cmp-cc-lite-pickers-block + .cmp-cc-lite-pickers-block{margin-top:var(--dg-spacing-m-1);padding-top:var(--dg-spacing-m-1)}
}
@media(min-width:1024px){.cmp-cc-lite-pickers-block__options{gap:8px var(--dg-spacing-m-2)}
.cmp-cc-lite-pickers-block__selected{flex-direction:column;gap:0}
.cmp-cc-lite-pickers-block__selected-text:first-child{font-size:var(--dg-font-size-body-s)}
}
@media(min-width:1440px){.cmp-cc-lite-pickers-block + .cmp-cc-lite-pickers-block{margin-top:var(--dg-spacing-m-2);padding-top:var(--dg-spacing-m-2)}
.cmp-cc-lite-pickers-block__options{gap:12px var(--dg-spacing-m-4)}
}
@media(min-width:1920px){.cmp-cc-lite-pickers-block__options,.cmp-cc-lite-pickers-block--wheels__options{gap:12px var(--dg-spacing-m-3)}
.cmp-cc-lite-pickers-block .cmp-cc-lite-pickers-block__button,.cmp-cc-lite-pickers-block--wheels .cmp-cc-lite-pickers-block__button{width:80px;height:80px;border-radius:20px}
.cmp-cc-lite-pickers-block .cmp-cc-lite-pickers-block__button-img,.cmp-cc-lite-pickers-block--wheels .cmp-cc-lite-pickers-block__button-img{border-radius:20px}
.cmp-cc-lite-pickers-block .cmp-cc-lite-pickers-block__button:active::before,.cmp-cc-lite-pickers-block--wheels .cmp-cc-lite-pickers-block__button:active::before,.cmp-cc-lite-pickers-block .cmp-cc-lite-pickers-block__button:focus::before,.cmp-cc-lite-pickers-block--wheels .cmp-cc-lite-pickers-block__button:focus::before,.cmp-cc-lite-pickers-block .cmp-cc-lite-pickers-block__button--active::before,.cmp-cc-lite-pickers-block--wheels .cmp-cc-lite-pickers-block__button--active::before{top:-5px;left:-5px;width:88px;height:88px;border-radius:24px}
}