:where(.rich-content) .promo-banner{--button-space: 15px;--button-size: 28px;--content-width: var(--wd-max-width);--wd-otl-offset: calc(var(--wd-otl-width) * -1);position:relative;overflow:hidden;border-radius:var(--wd-brd-radius);transform:translate3d(0, 0, 0)}
:where(.rich-content) .promo-banner .banner-image :is(img,picture,video){width:100%;height:var(--wd-img-height);object-fit:cover;object-position:inherit}
:where(.rich-content) .promo-banner .banner-image[style^=height] :is(img,picture){height:100%}
:where(.rich-content) .promo-banner .wrapper-content-banner{z-index:2;display:flex;overflow:hidden;padding:30px;border-radius:var(--wd-brd-radius);transform:translate3d(0, 0, 0)}
:where(.rich-content) .promo-banner .content-banner{--wd-tags-mb: 10px;position:relative;width:100%;max-width:var(--content-width)}
:where(.rich-content) .promo-banner :is(.banner-subtitle,.banner-title,.banner-inner):not(:first-child){margin-top:7px}
:where(.rich-content) .promo-banner .banner-title{display:block;margin-bottom:0;line-height:1.3}
:where(.rich-content) .promo-banner .banner-inner p:first-child:empty{display:none}
:where(.rich-content) .promo-banner .wd-countdown-timer{margin-top:10px}
:where(.rich-content) .promo-banner .banner-btn-wrapper{margin-top:var(--button-space)}
:where(.rich-content) .promo-banner.wd-with-link .wrapper-content-banner{pointer-events:none}
:where(.rich-content) .promo-banner.wd-with-link:hover .btn{pointer-events:auto}
:where(.rich-content) .wd-bg-position-top{background-position:center top;object-position:center top}
:where(.rich-content) .wd-bg-position-bottom{background-position:center bottom;object-position:center bottom}
:where(.rich-content) .wd-bg-position-left{background-position:left center;object-position:left center}
:where(.rich-content) .wd-bg-position-right{background-position:right center;object-position:right center}
:where(.rich-content) .wd-bg-position-center{background-position:center;object-position:center}
:where(.rich-content) .banner-increased-padding .wrapper-content-banner{padding:7%}
@media (max-width: 1024px){:where(.rich-content) .banner-subtitle:is(.wd-fontsize-s,.wd-fontsize-m){font-size:14px}
:where(.rich-content) .banner-title:is(.wd-fontsize-xl,.wd-font-size-xxl){font-size:22px}}
@media (max-width: 768.98px){:where(.rich-content) .banner-btn-wrapper :is(.btn-size-default,.btn-size-large,.btn-size-extra-large){padding:5px 14px;min-height:36px;font-size:12px}
:where(.rich-content) .banner-btn-wrapper .btn-style-link{padding:0;min-height:unset}}
@media (max-width: 767.98px){:where(.rich-content) .promo-banner .banner-subtitle{font-size:3vw}
:where(.rich-content) .promo-banner .banner-title{font-size:5vw}}