.promo-banner{position:relative;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}.promo-banner__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.promo-banner__background>*,.promo-banner__background img,.promo-banner__background svg{display:block;width:100%;height:100%;object-fit:cover}.promo-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--promo-overlay-color, #000000);opacity:var(--promo-overlay-opacity, .3);pointer-events:none}.promo-banner__inner{position:relative;z-index:2;display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-height:inherit}.promo-banner__cutout{align-self:flex-start;width:var(--promo-cutout-width, 40%);max-width:100%;pointer-events:none}.promo-banner__cutout-image{display:block;width:100%;height:auto}.promo-banner__content{flex:1 1 auto;width:100%;min-height:inherit}.promo-banner__content--boxed{border-radius:var(--border-radius-cards);overflow:hidden}.promo-banner__buttons{display:inline-flex;flex-wrap:wrap;gap:.75rem;vertical-align:top;max-width:100%}@media screen and (max-width:767px){.promo-banner__buttons{flex-direction:column}}.promo-banner--centered .promo-banner__content .card__text{padding:var(--promo-content-padding, 40px)}@media screen and (min-width:768px){.promo-banner--centered .promo-banner__inner{justify-content:center;align-items:center;gap:0}.promo-banner--centered .promo-banner__cutout{position:relative;z-index:2;align-self:center;transform:translate(var(--promo-cutout-offset, 5px))}.promo-banner--centered .promo-banner__content{flex:0 1 auto;align-self:center;height:auto;min-height:0;max-width:var(--promo-content-max-width, 540px)}}@media screen and (max-width:767px){.promo-banner__cutout{order:2;width:100%}.promo-banner__cutout-image{max-width:10rem;margin-inline:auto!important;object-fit:contain;object-position:center}.promo-banner__content{order:1;min-height:0}.promo-banner--centered .promo-banner__cutout{order:1;position:relative;z-index:2;transform:translateY(var(--promo-cutout-offset, 5px))}.promo-banner--centered .promo-banner__content{order:2;margin-inline-end:6px}}@media screen and (min-width:768px){.promo-banner__inner{flex-direction:row;align-items:flex-end}.promo-banner__cutout{flex:0 0 auto;align-self:flex-end}.promo-banner__content{flex:1 1 auto;align-self:stretch}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/section-promo-banner.css.map */
