.promotional-banner{position:relative;background:var(--color-bg, var(--bg-body));color:var(--color-text, var(--color-body))}.promotional-banner.layout--split{display:flex;flex-direction:column}.promotional-banner.layout--split.text_first{flex-grow:column-reverse}.promotional-banner.layout--split.align-start-true{align-items:flex-start}@media only screen and (min-width: 1024px){.promotional-banner.layout--split{flex-direction:row;align-items:stretch}}@media only screen and (min-width: 1024px){.promotional-banner.layout--split.image_first{flex-direction:row-reverse}}.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:10px;left:10px;right:10px;bottom:10px;z-index:20;border:2px solid var(--color-text, var(--color-body));pointer-events:none}.promotional-banner--image{width:100%;order:0}.promotional-banner--image.cover-true svg:not(.icon),.promotional-banner--image.cover-true img{object-fit:cover}.promotional-banner--image svg:not(.icon),.promotional-banner--image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.promotional-banner--image svg:not(.icon){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 video{display:none;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.promotional-banner--image-media.is-playing video{display:block}.promotional-banner--image-media.is-playing img,.promotional-banner--image-media.is-playing button{display:none}.promotional-banner--image-media button{width:50px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.promotional-banner--image-media.aspect-ratio--small{padding-bottom:75%}.promotional-banner--image-media.aspect-ratio--large{padding-bottom:100%}.promotional-banner--image-media:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;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: 1024px){.promotional-banner--image-media{height:100%}.promotional-banner--image-media .promotional-image--mobile{display:none}}.promotional-banner--image-media .promotional-image--desktop{display:none}@media only screen and (min-width: 1024px){.promotional-banner--image-media .promotional-image--desktop{display:block}}@media only screen and (max-width: 1024px){.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;order:1}.promotional-banner--content .rte{margin-top:15px;font-family:var(--font-heading-2);font-size:18px}.promotional-banner--content-inner{padding:40px}.promotional-banner.align-start-true .promotional-banner--content-inner{padding:40px 0}.promotional-banner--content .subheading{text-transform:none;letter-spacing:normal;margin-top:15px;margin-bottom:0;font-size:14px}.promotional-banner--content h3{font-size:20px;margin-bottom:10px;line-height:1.25}.promotional-banner--content h3,.promotional-banner--content p{color:var(--color-text, var(--color-body))}.promotional-banner--content .button{margin-top:40px;min-width:250px}.promotional-banner--content .image img{max-width:100%}.promotional-banner--content .image{margin-top:50px;max-width:var(--max-width-mobile)}.promotional-banner--content.text-center .image{margin-left:auto;margin-right:auto}@media only screen and (min-width: 1024px){.promotional-banner--content{order:0}.promotional-banner--content-inner{padding:10%}.promotional-banner.align-start-true .promotional-banner--content-inner{padding:0 10% 0 0}.promotional-banner--image{order:1}.promotional-banner--content h3{font-size:28px}.promotional-banner--content .rte{margin-top:40px;font-size:24px}.promotional-banner--content .subheading{font-size:20px}.promotional-banner--content .image{max-width:var(--max-width);margin-top:50px}.promotional-banner--content .button{margin-top:60px;min-width:350px}.promotional-banner--content .image img{max-width:100%}.promotional-banner--image-media .promotional-image--desktop{display:block}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/promotional-banner.css.map */