@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-banner{--bg-color-primary:var(--color-bg-01);--font-color-primary:var(--color-font-03)}
.cmp-banner--bg-solid{--bg-color-primary:var(--color-bg-03);--font-color-primary:var(--color-font-01)}
.cmp-banner--bg-solid.mod__dark{--bg-color-primary:var(--color-bg-01);--font-color-primary:var(--color-font-03)}
.cmp-banner{background:var(--bg-color-primary)}
.cmp-banner__container{position:relative;margin:0 auto;width:100%;max-width:1436px;padding:0 16px}
@media(min-width:764px){.cmp-banner__container{padding:0 24px}
}
@media(min-width:1016px){.cmp-banner__container{padding:0 48px}
}
@media(min-width:1436px){.cmp-banner__container{padding:0 58px}
}
.cmp-banner__title{margin:0 0 16px}
.cmp-banner__title .cmp-title__text{color:var(--font-color-primary);font-family:'CupraBook',sans-serif;text-transform:uppercase;font-size:22px;line-height:24px;margin:0}
.cmp-banner__text{margin:0}
.cmp-banner__text .cmp-text,.cmp-banner__text .cmp-text p{color:var(--font-color-primary);font-family:'CupraBook',sans-serif;font-size:18px;line-height:24px}
.cmp-banner__text .cmp-text a{color:var(--font-color-primary);text-decoration:underline}
.cmp-banner__buttons{margin:24px 0 0;gap:8px}
.cmp-banner__buttons>*{min-width:136px}
@media(min-width:764px){.cmp-banner{padding:24px 0}
.cmp-banner__container{min-height:210px}
.cmp-banner__content{max-width:330px}
.cmp-banner__title .cmp-title__text{font-size:24px;line-height:32px;margin:0}
.cmp-banner__text .cmp-text,.cmp-banner__text .cmp-text p{font-size:20px;line-height:24px}
.cmp-banner__text .cmp-text a{text-decoration:underline}
.cmp-banner__buttons{gap:16px}
}
@media(min-width:1016px){.cmp-banner{padding:40px 0}
.cmp-banner__container{min-height:240px}
.cmp-banner__content{max-width:395px}
}
@media(min-width:1436px){.cmp-banner{padding:64px 0}
.cmp-banner__container{min-height:300px}
.cmp-banner__content{max-width:475px}
.cmp-banner__title{margin-bottom:24px}
.cmp-banner__title .cmp-title__text{font-size:30px;line-height:40px;margin:0}
.cmp-banner__text .cmp-text,.cmp-banner__text .cmp-text p{font-size:24px;line-height:32px}
.cmp-banner__text .cmp-text a{text-decoration:underline}
.cmp-banner__buttons{margin-top:32px}
}
.cmp-banner--bg-solid .cmp-banner__image{position:relative;width:100%}
.cmp-banner--bg-solid .cmp-banner__image--hide-viewport-s{display:none}
.cmp-banner--bg-solid .cmp-banner__img{position:relative;width:100%;height:auto}
@media(min-width:764px){.cmp-banner--bg-solid .cmp-banner__container{justify-content:space-between;align-items:center;flex-wrap:wrap}
.cmp-banner--bg-solid .cmp-banner__image{width:320px}
.cmp-banner--bg-solid .cmp-banner__image--hide-viewport-s{display:block}
}
@media(min-width:1016px){.cmp-banner--bg-solid .cmp-banner__image{width:445px}
}
@media(min-width:1436px){.cmp-banner--bg-solid .cmp-banner__image{width:654px}
}