.promotional-banner{position:relative;background:var(--color-bg, var(--bg-body));color:var(--color-text, var(--color-body));--promo-content-max: 520px;--promo-content-padding: 10%;--promo-gap: 0px;--promo-image-width: 58%;--promo-text-width: 42%;--promo-heading-spacing: 12px;--promo-subheading-spacing: 16px;--promo-button-spacing: 20px;--promo-frame-offset: 10px}.promotional-banner.layout--split{display:flex;flex-direction:column-reverse;gap:var(--promo-gap)}@media only screen and (min-width:768px){.promotional-banner.layout--split{align-items:stretch}.promotional-banner.layout--split.image_first{flex-direction:row-reverse!important}.promotional-banner.layout--split.text_first{flex-direction:row!important}}.promotional-banner.layout--full .promotional-banner--content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:35}.promotional-banner.frame-border--true:after{content:"";display:block;position:absolute;top:var(--promo-frame-offset);left:var(--promo-frame-offset);right:var(--promo-frame-offset);bottom:var(--promo-frame-offset);z-index:20;border:2px solid var(--color-text, var(--color-body));pointer-events:none}.promotional-banner--image{width:100%;position:relative}@media only screen and (min-width:768px){.promotional-banner.layout--split .promotional-banner--image{width:var(--promo-image-width);flex:0 0 var(--promo-image-width)}.promotional-banner.layout--split .promotional-banner--content{width:var(--promo-text-width);flex:0 0 var(--promo-text-width)}}.promotional-banner--image svg,.promotional-banner--image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.promotional-banner--image svg{padding:50px;fill:var(--bg-body, #fff);opacity:.5;background:var(--color-accent)}.promotional-banner--image-media{position:relative;width:100%;overflow:hidden;padding-bottom:var(--ratio-percent)}.promotional-banner--image-media.aspect-ratio--small{padding-bottom:58%}.promotional-banner--image-media.aspect-ratio--large{padding-bottom:100%}.promotional-banner--image-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;pointer-events:none;background:rgba(var(--overlay-color-rgb),var(--overlay-opacity))}.promotional-banner--image-media .promotional-image--mobile{display:block}@media only screen and (min-width:768px){.promotional-banner--image-media .promotional-image--mobile{display:none}}.promotional-banner--image-media .promotional-image--desktop{display:none}@media only screen and (min-width:768px){.promotional-banner--image-media .promotional-image--desktop{display:block}}@media only screen and (max-width:767px){.promotional-banner--image-media.mobile-aspect-ratio--true.aspect-ratio--adapt{padding-bottom:var(--ratio-percent--mobile)}}.promotional-banner--content{width:100%;display:flex;align-items:center;justify-content:center}.promotional-banner--content-inner{width:100%;max-width:var(--promo-content-max);padding:var(--promo-content-padding)}.promotional-banner--content .subheading{margin-bottom:var(--promo-subheading-spacing)}.promotional-banner--content h3{margin-bottom:var(--promo-heading-spacing);line-height:1.02;letter-spacing:-.02em}.promotional-banner--content h3,.promotional-banner--content p{color:var(--color-text, var(--color-body))}.promotional-banner--content .rte p{line-height:1.5;font-size:inherit}.promotional-banner--content .button{margin-top:var(--promo-button-spacing)}@media only screen and (max-width:767px){.promotional-banner{--promo-content-padding: 28px var(--promo-mobile-padding, 22px) 30px;--promo-content-max: 100%;--promo-frame-offset: 8px}.promotional-banner--content{justify-content:flex-start}.promotional-banner--content-inner{max-width:none;padding:40px 24px!important}.promotional-banner--content h3{line-height:1.06}.promotional-banner--content .rte p{font-size:small}.promotional-banner{margin-left:-15px;margin-right:-15px}.promotional-banner--image,.promotional-banner--image-media{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/promotional-banner.css.map */
