@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-offer-hero{display:flex;flex-direction:column;max-width:100%;margin-bottom:var(--dg-spacing-l-3);position:relative}
.cmp-offer-hero__image{aspect-ratio:1.33333333;position:relative;width:100%;height:auto}
.cmp-offer-hero__image .cmp-image{width:100%;height:100%}
.cmp-offer-hero__image .cmp-image__image{width:100%;height:100%;object-fit:cover}
.cmp-offer-hero__hero{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--dg-color-text-strong,#fafafa);gap:var(--dg-spacing-m-4);z-index:2;margin:var(--dg-spacing-l-1) var(--dg-spacing-l-1) 0}
.cmp-offer-hero__title{text-transform:uppercase;font-weight:300}
.cmp-offer-hero__title .cmp-title__text{color:var(--dg-color-text-strong,#fafafa);font-size:var(--dg-font-size-display-m);line-height:var(--dg-font-height-display-m);margin:0;word-break:break-word}
.cmp-offer-hero__subtitle{font-weight:400}
.cmp-offer-hero__subtitle .cmp-title__text{color:var(--dg-color-text-strong,#fafafa);font-size:var(--dg-font-size-headline-s);line-height:var(--dg-font-height-headline-s);margin:0;word-break:break-word}
@media(min-width:768px){.cmp-offer-hero__hero{position:relative;margin:0 auto;width:100%;max-width:1920px;min-width:320px;padding:0 var(--dg-layout-margin);position:absolute;bottom:var(--dg-spacing-l-2);left:50%;transform:translate(-50%,0)}
.cmp-offer-hero__image{aspect-ratio:16 / 9}
}