.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}@media only screen and (min-width:768px){.promotional-banner.layout--split{flex-direction:row;align-items:center}}@media only screen and (min-width:768px){.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:1px solid var(--color-text, var(--color-body));pointer-events:none}.promotional-banner--image{width:100%}.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: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: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{padding:10%}.promotional-banner--content .subheading{margin-bottom:15px}.promotional-banner--content p{color:var(--color-text, var(--color-body))}.promotional-banner--content .button{margin-top:10px}.promotional-banner--heading{margin-bottom:10px;color:var(--color-text, var(--color-heading, #000000))}.promotional-banner--v2 .promotional-banner--heading{font-weight:var(--font-body-bold-weight, 700);font-style:normal;margin-bottom:1rem;line-height:1}.promotional-banner--v2 .subheading{line-height:1}.promotional-banner--v2 .button{margin-top:0}.promotional-banner--v2 .rte p:last-of-type{margin-bottom:0}.promotional-banner--v2 .rte{margin-bottom:1.5rem}.promotional-banner--v2 .promotional-banner--content{container-type:inline-size}.promotional-banner--v2 .promotional-banner--content-inner{width:100%;padding:1.75rem 1.5rem}.promotional-banner--v2 .subheading{font-size:1.25rem;margin-bottom:.75rem;letter-spacing:normal;font-weight:700}@media only screen and (min-width:768px){.promotional-banner--v2 .promotional-banner--image-media{padding-bottom:60%;min-height:25rem}.promotional-banner--v2 .promotional-banner--image{width:var(--desktop-image-width, 50%)}.promotional-banner--content{width:var(--desktop-content-width)}.promotional-banner--v2 .subheading{font-size:1.5rem;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;line-clamp:2}.promotional-banner--v2 .promotional-banner--heading{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;line-clamp:3}@container (min-width: 600px){.promotional-banner--v2 .promotional-banner--content-inner{padding:0 160px}}}.promotional-banner--icon-overlay{position:absolute;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;pointer-events:none}.promotional-banner--icon-overlay.icon-position--center{top:50%;left:50%;transform:translate(-50%,-50%)}.promotional-banner--icon-overlay.icon-position--top-left{top:32px;left:32px;transform:none}.promotional-banner--icon-overlay.icon-position--top-center{top:32px;left:50%;transform:translate(-50%)}.promotional-banner--icon-overlay.icon-position--top-right{top:32px;right:32px;left:auto;transform:none}.promotional-banner--icon-overlay.icon-position--bottom-left{bottom:32px;left:32px;top:auto;transform:none}.promotional-banner--icon-overlay.icon-position--bottom-center{bottom:32px;left:50%;top:auto;transform:translate(-50%)}.promotional-banner--icon-overlay.icon-position--bottom-right{bottom:32px;right:32px;left:auto;top:auto;transform:none}.promotional-banner--icon-image{width:var(--icon-size, 55px);height:var(--icon-size, 55px);display:flex;align-items:center;justify-content:center}.promotional-banner--icon-image img{width:100%;height:100%;object-fit:contain;position:relative}.promotional-banner--icon-text{font-size:var(--icon-text-size, 32px);color:var(--icon-text-color, #ffffff);font-weight:var(--font-body-bold-weight, 700);text-align:center;line-height:1;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.2)}@media only screen and (max-width:767px){.promotional-banner--icon-overlay{gap:16px}.promotional-banner--icon-overlay.icon-position--top-left,.promotional-banner--icon-overlay.icon-position--top-center,.promotional-banner--icon-overlay.icon-position--top-right{top:16px}.promotional-banner--icon-overlay.icon-position--bottom-left,.promotional-banner--icon-overlay.icon-position--bottom-center,.promotional-banner--icon-overlay.icon-position--bottom-right{bottom:16px}.promotional-banner--icon-overlay.icon-position--top-left,.promotional-banner--icon-overlay.icon-position--bottom-left{left:16px}.promotional-banner--icon-overlay.icon-position--top-right,.promotional-banner--icon-overlay.icon-position--bottom-right{right:1rem}.promotional-banner--icon-image{width:40px;height:40px}.promotional-banner--icon-text{font-size:28px;line-height:32px}.promotional-banner--v2.layout--split.image_first_mobile{flex-direction:column-reverse}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/promotional-banner.css.map */
