.showcase-banner--skeleton{animation:skeleton 2s linear infinite;background:linear-gradient(90deg,var(--skeletonStart),var(--skeletonEnd));min-height:var(--ctaBlockHeightMd);position:relative}@media screen and (max-width:1023px){.showcase-banner--skeleton{min-height:var(--ctaBlockHeightXs)}}.showcase-banner{display:flex;flex-direction:column;min-height:var(--bannerShowcaseHeightMd);padding-top:24px;--showcase-banner-image-height:180px;--showcase-banner-image-offset:-24px}.showcase-banner__inner{display:flex;flex:1;padding:0 var(--bannerShowcasePaddingHMd);position:relative;z-index:0}@media screen and (max-width:1023px){.showcase-banner__inner{flex-direction:column;padding:calc(var(--showcase-banner-image-height) + var(--showcase-banner-image-offset)) var(--bannerShowcasePaddingHXs) 0}}.showcase-banner__media{border-radius:var(--bannerShowcaseBorderRadiusTopLeftMd) var(--bannerShowcaseBorderRadiusTopRightMd) var(--bannerShowcaseBorderRadiusBottomRightMd) var(--bannerShowcaseBorderRadiusBottomLeftMd);inset:0;overflow:hidden;position:absolute;z-index:-1}@media screen and (max-width:1023px){.showcase-banner__media{border-radius:var(--bannerShowcaseBorderRadiusTopLeftXs) var(--bannerShowcaseBorderRadiusTopRightXs) var(--bannerShowcaseBorderRadiusBottomRightXs) var(--bannerShowcaseBorderRadiusBottomLeftXs)}.showcase-banner__media:after{background:var(--faderBottomSecondary);bottom:0;content:"";height:var(--showcase-banner-image-height);left:0;position:absolute;right:0}}.showcase-banner__bg{animation:showcaseBg 6s ease-in-out infinite alternate;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (max-width:1023px){.showcase-banner__bg{background-position:100%}}.showcase-banner__content{align-items:center;align-self:center;background:var(--bannerShowcaseBg);border:var(--bannerBorderWidth) solid var(--cardBrDefault);border-radius:var(--bannerBorderRadius);display:flex;flex-direction:column;justify-content:center;max-width:var(--bannerShowcaseContentMaxWidthMd);min-height:var(--bannerShowcaseContentHeightXs);padding:var(--bannerShowcaseContentPaddingVMd) var(--bannerShowcaseContentPaddingHMd);position:relative;text-align:center;width:100%}.showcase-banner__content:before{border-bottom:var(--bannerBorderWidth) solid var(--bannerCardCornerDefault);border-bottom-left-radius:var(--bannerBorderRadius);border-left:var(--bannerBorderWidth) solid var(--bannerCardCornerDefault);bottom:calc(var(--bannerBorderWidth)*-1);left:calc(var(--bannerBorderWidth)*-1)}.showcase-banner__content:after,.showcase-banner__content:before{content:"";height:60px;pointer-events:none;position:absolute;width:60px;z-index:2}.showcase-banner__content:after{border-right:var(--bannerBorderWidth) solid var(--bannerCardCornerDefault);border-top:var(--bannerBorderWidth) solid var(--bannerCardCornerDefault);border-top-right-radius:var(--bannerBorderRadius);right:calc(var(--bannerBorderWidth)*-1);top:calc(var(--bannerBorderWidth)*-1)}@media screen and (max-width:1023px){.showcase-banner__content{max-width:100%;padding:var(--bannerShowcaseContentPaddingVXs) var(--bannerShowcaseContentPaddingHXs);z-index:1}}.showcase-banner__content--pattern{background:url(./showcase-pattern.WJNAWJpV.png) repeat 0 0,var(--bannerShowcaseBg)}.showcase-banner__title{color:var(--bannerShowcaseTitle);display:-webkit-box;font:var(--t1);margin-bottom:var(--bannerShowcaseContentGapMd);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.showcase-banner__title span{color:var(--ttAccent3)}@media screen and (max-width:1023px){.showcase-banner__title{font:var(--t2);margin-bottom:var(--bannerShowcaseContentGapXs)}}.showcase-banner__hero{display:flex;flex:1;justify-content:center;margin-top:var(--showcase-banner-image-offset)}@media screen and (max-width:1023px){.showcase-banner__hero{left:0;margin-top:0;position:absolute;right:0;top:var(--showcase-banner-image-offset)}}.showcase-banner picture{display:block;height:100%;width:var(--bannerShowcaseImageMd)}.showcase-banner picture img{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom;object-position:bottom;width:100%}@media screen and (max-width:1023px){.showcase-banner picture{height:var(--showcase-banner-image-height);width:var(--bannerShowcaseImageXs)}.showcase-banner{height:auto;min-height:var(--bannerShowcaseHeightXs)}}@keyframes showcaseBg{to{transform:scale(1.125)}}
