.promotional-banner{position:relative;background:var(--color-bg, var(--bg-body, #fff));color:var(--color-text, var(--color-body))}.promotional-banner.layout--split{display:flex;flex-direction:column}@media only screen and (max-width:767px){.promotional-banner.layout--split.mobile-layout--image_first{flex-direction:column-reverse}}@media only screen and (max-width:767px){.promotional-banner.layout--split.mobile-layout--text_first{flex-direction:column}}@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:2px solid var(--color-text, var(--color-body));pointer-events:none}@media only screen and (max-width:767px){.promotional-banner.frame-border--true.frame-border-mobile--false:after{display:none}}@media only screen and (max-width:767px){.promotional-banner.frame-border--false.frame-border-mobile--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%}.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 h3{margin-bottom:10px}.promotional-banner--content h3,.promotional-banner--content p{color:var(--color-text, var(--color-body))}.promotional-banner--content .button{margin-top:10px}.promotional-banner--content .promotional-banner--benefit{display:flex;align-items:flex-start;gap:12px;margin-top:12px}.promotional-banner--content .promotional-banner--benefit-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.promotional-banner--content .promotional-banner--benefit-icon .promotional-banner--benefit-icon-image{position:static;width:100%;height:100%;object-fit:contain}.promotional-banner--content .promotional-banner--benefit-icon .promotional-banner--benefit-icon-placeholder{width:10px;height:10px;border-radius:50%;background:var(--color-text, var(--color-body));display:block}.promotional-banner--content .promotional-banner--benefit-content h6{font-size:18px;margin:0;color:var(--color-text, var(--color-body))}.promotional-banner--content .promotional-banner--benefit-content .rte p{margin:0;color:var(--color-text, var(--color-body))}.promotional-banner--content .promotional-banner--comparison-table{margin-top:14px;margin-bottom:0;border:1px solid rgba(var(--color-body-rgb),.2);border-radius:0;overflow:hidden;background:rgba(var(--color-body-rgb),.03)}.promotional-banner--content .promotional-banner--comparison-table table{width:100%;border-collapse:collapse;margin-bottom:0;font-size:.9rem}.promotional-banner--content .promotional-banner--comparison-table th,.promotional-banner--content .promotional-banner--comparison-table td{padding:10px 12px;border-bottom:1px solid rgba(var(--color-body-rgb),.12);text-align:left;vertical-align:top;color:var(--color-text, var(--color-body))}.promotional-banner--content .promotional-banner--comparison-table tbody td{text-align:center}.promotional-banner--content .promotional-banner--comparison-table thead th{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;text-align:center;background:rgba(var(--color-body-rgb),.07)}.promotional-banner--content .promotional-banner--comparison-table thead th.comparison-col-heading .comparison-col-logo{position:static;width:auto;height:30px;max-width:220px;object-fit:contain;margin:0 auto}.promotional-banner--content .promotional-banner--comparison-table thead th:last-child{text-align:center;vertical-align:middle}.promotional-banner--content .promotional-banner--comparison-table tbody th{font-size:.8125rem}@media only screen and (min-width:768px){.promotional-banner--content .promotional-banner--comparison-table tbody th{width:1%;white-space:nowrap}}.promotional-banner--content .promotional-banner--comparison-table tbody td:nth-child(2){color:var(--comparison-col2-text, var(--color-text, var(--color-body)))}.promotional-banner--content .promotional-banner--comparison-table tbody td:nth-child(3){color:var(--comparison-col3-text, var(--color-text, var(--color-body)))}.promotional-banner--content .promotional-banner--comparison-table tbody tr:last-child th,.promotional-banner--content .promotional-banner--comparison-table tbody tr:last-child td{border-bottom:0}@media only screen and (max-width:767px){.promotional-banner--content .promotional-banner--benefit-content h6{font-size:17px}.promotional-banner--content .promotional-banner--comparison-table th,.promotional-banner--content .promotional-banner--comparison-table td{padding:9px 10px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/promotional-banner.css.map */
