.cmp-banner{--font-color-primary:var(--ds-color-text-default)}
.cmp-banner--bg-solid{--font-color-primary:var(--ds-color-text-default)}
.cmp-banner--bg-solid.mod__dark{--font-color-primary:var(--ds-color-text-default)}
.cmp-banner{padding:var(--ds-spacing-layout-xxxl) 0;position:relative;overflow:hidden}
.cmp-banner__container{position:relative;margin:0 auto;width:100%;max-width:1920px;min-width:320px;padding:0 var(--ds-layout-margin);align-items:center;gap:0;display:flex;flex-direction:column-reverse}
.cmp-banner__content{border-radius:var(--ds-border-radius-m,12px);border:var(--ds-border-width-m,1px) solid var(--ds-divider-bg-color-primary);background:var(--ds-card-bg-color-default);backdrop-filter:blur(54px);-webkit-backdrop-filter:blur(54px);padding:24px 12px;width:calc(100% - 24px);transform:translateY(-120px);margin:0 0 -120px;position:relative;text-align:center;z-index:var(--ds-z-index-default,1)}
.cmp-banner__text{margin:8px 0 0}
.cmp-banner__buttons{gap:var(--ds-spacing-m-2);display:flex;flex-wrap:wrap;flex-direction:column;align-content:center;margin:24px 0 0}
.cmp-banner__buttons>*{width:100%}
.cmp-banner__image .cmp-image__image{width:100%;height:384px;object-fit:cover;border-radius:12px}
@media(min-width:480px){.cmp-banner__buttons>*{min-width:248px;width:auto}
.cmp-banner__image .cmp-image__image{height:568px}
}
@media(min-width:768px){.cmp-banner__container{flex-direction:row;min-height:320px;flex-wrap:wrap;align-content:center}
.cmp-banner__content{position:relative;width:52.3%;height:290px;padding:16px;transform:translateY(0);margin:0;display:flex;justify-content:center;align-items:center;flex-direction:column}
.cmp-banner__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.cmp-banner__text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.cmp-banner__buttons{justify-content:center;flex-direction:row}
.cmp-banner__image{position:absolute;top:0;right:var(--ds-layout-margin);width:59.8%;height:100%}
.cmp-banner__image .cmp-image{height:100%}
.cmp-banner__image .cmp-image__image{height:320px;box-shadow:0 2.447px 6.118px 0 rgba(0,0,0,0.1);backdrop-filter:blur(12.34px);-webkit-backdrop-filter:blur(12.34px)}
}
@media(min-width:1024px){.cmp-banner__container{min-height:248px;text-align:initial}
.cmp-banner__content{width:48.4%;height:216px;align-items:start;text-align:start}
.cmp-banner__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.cmp-banner__image{width:61.43%}
.cmp-banner__image .cmp-image__image{height:248px}
.cmp-banner__buttons>*{min-width:auto}
}
@media(min-width:1440px){.cmp-banner__container{min-height:396px}
.cmp-banner__content{width:40.29%;height:284px;padding:32px 24px}
.cmp-banner__text{margin:16px 0 0}
.cmp-banner__buttons{margin:32px 0 0}
.cmp-banner__image{width:78.33%}
.cmp-banner__image .cmp-image__image{height:396px}
}
@media(min-width:1920px){.cmp-banner__container{min-height:433px}
.cmp-banner__content{width:40.13%;height:337px}
.cmp-banner__image{width:65%}
.cmp-banner__image .cmp-image__image{height:433px}
}
@media(min-width:768px){.cmp-banner__container--right,.cmp-banner__container--h-align-left{flex-direction:row}
.cmp-banner__container--right .cmp-banner__content,.cmp-banner__container--h-align-left .cmp-banner__content{padding:16px}
.cmp-banner__container--right .cmp-banner__image,.cmp-banner__container--h-align-left .cmp-banner__image{right:var(--ds-layout-margin)}
.cmp-banner__container--left,.cmp-banner__container--h-align-right{flex-direction:row-reverse}
.cmp-banner__container--left .cmp-banner__image,.cmp-banner__container--h-align-right .cmp-banner__image{right:0;left:var(--ds-layout-margin)}
}
@media(min-width:1440px){.cmp-banner__container--right .cmp-banner__content,.cmp-banner__container--h-align-left .cmp-banner__content{padding:32px 24px}
}
.cmp-banner--bg-image .cmp-banner__title,.cmp-banner--bg-image .cmp-banner__text{text-shadow:none}
.cmp-banner--bg-image .cmp-banner__content{z-index:var(--ds-z-index-default,1)}
.cmp-banner--bg-image .cmp-banner__bg{z-index:0;position:absolute;top:0;left:0;width:100%;height:135px;overflow:hidden}
.cmp-banner--bg-image .cmp-banner__bg:after{position:absolute;content:'';width:100%;height:50px;left:0;bottom:0;background:var(--bg-color-primary);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#fff 80%);mask-image:linear-gradient(to bottom,transparent 0,#fff 80%)}
.cmp-banner--bg-image .cmp-banner__bg img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}
@media(min-width:768px){.cmp-banner--bg-image .cmp-banner__bg{height:100%}
.cmp-banner--bg-image .cmp-banner__bg:after{width:50%;height:100%;background:var(--bg-color-primary);-webkit-mask-image:linear-gradient(to left,transparent 0,#fff 100%);mask-image:linear-gradient(to left,transparent 0,#fff 100%)}
.cmp-banner--bg-image .cmp-banner__container--h-align-right + .cmp-banner__bg:after{left:initial;right:0;background:var(--bg-color-primary);-webkit-mask-image:linear-gradient(to right,transparent 0,#fff 100%);mask-image:linear-gradient(to right,transparent 0,#fff 100%)}
.cmp-banner--bg-image .cmp-banner__container--h-align-center + .cmp-banner__bg:after{content:none}
}
@media(min-width:1440px){.cmp-banner--bg-image .cmp-banner__bg{max-width:1440px;left:50%;transform:translateX(-50%)}
}