.feature-image-banner{width:100%;padding-top:var(--feature-image-banner-padding-top-desktop);padding-bottom:var(--feature-image-banner-padding-bottom-desktop);background:var(--feature-image-banner-background)}.feature-image-banner__container{width:100%}.feature-image-banner__inner{position:relative;display:flex;width:100%;min-height:var(--feature-image-banner-height-desktop);overflow:hidden;background:var(--feature-image-banner-background)}.feature-image-banner__content{position:relative;z-index:2;display:flex;align-items:center;flex:0 0 var(--feature-image-banner-content-width);width:var(--feature-image-banner-content-width);padding:var(--feature-image-banner-content-padding-desktop)}.feature-image-banner__content-inner{width:100%;max-width:720px}.feature-image-banner__heading{margin:0;color:var(--feature-image-banner-heading-color);font-family:var(--feature-image-banner-heading-family);font-size:var(--feature-image-banner-heading-size-desktop);font-weight:var(--feature-image-banner-heading-weight);line-height:var(--feature-image-banner-heading-line-height)}.feature-image-banner__text{margin-top:10px;color:var(--feature-image-banner-text-color);font-family:var(--feature-image-banner-text-family);font-size:var(--feature-image-banner-text-size-desktop);font-weight:var(--feature-image-banner-text-weight);line-height:var(--feature-image-banner-text-line-height)}.feature-image-banner__text>*{margin:0}.feature-image-banner__features{display:flex;align-items:flex-start;margin-top:32px}.feature-image-banner__feature{position:relative;display:flex;align-items:center;flex-direction:column;min-width:0;padding:0 20px;text-align:center}.feature-image-banner__feature:first-child{padding-left:0}.feature-image-banner__feature:last-child{padding-right:0}.feature-image-banner__feature+.feature-image-banner__feature:before{position:absolute;top:5%;bottom:5%;left:0;width:1px;background:color-mix(in srgb,var(--feature-image-banner-feature-color) 18%,transparent);content:""}.feature-image-banner__feature-icon{display:flex;align-items:center;justify-content:center;width:var(--feature-image-banner-icon-size-desktop);height:var(--feature-image-banner-icon-size-desktop);color:var(--feature-image-banner-icon-color)}.feature-image-banner__feature-icon-image,.feature-image-banner__feature-icon-placeholder{display:block;width:100%;height:100%}.feature-image-banner__feature-icon-image{object-fit:contain}.feature-image-banner__feature-icon-placeholder svg{display:block;width:100%;height:100%}.feature-image-banner__feature-title{margin-top:8px;color:var(--feature-image-banner-feature-color);font-family:var(--feature-image-banner-feature-family);font-size:var(--feature-image-banner-feature-size-desktop);font-weight:var(--feature-image-banner-feature-weight);line-height:1.3}.feature-image-banner__media{position:relative;flex:0 0 var(--feature-image-banner-media-width);width:var(--feature-image-banner-media-width);min-height:var(--feature-image-banner-height-desktop);overflow:hidden}.feature-image-banner__image,.feature-image-banner__placeholder{display:block;width:100%;height:100%}.feature-image-banner__image{object-fit:cover}.feature-image-banner__image--desktop{object-position:center}.feature-image-banner__image--mobile{display:none}.feature-image-banner__placeholder{background:#eee}.feature-image-banner__placeholder svg{width:100%;height:100%}.feature-image-banner__media:before{position:absolute;top:0;bottom:0;left:-1px;z-index:1;width:32%;background:linear-gradient(to right,var(--feature-image-banner-background),transparent);content:"";pointer-events:none}.feature-image-banner__badge{position:absolute;left:var(--feature-image-banner-content-width);z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;width:var(--feature-image-banner-badge-size-desktop);height:var(--feature-image-banner-badge-size-desktop);padding:15px;border:2px solid var(--feature-image-banner-badge-border);border-radius:50%;background:var(--feature-image-banner-badge-background);color:var(--feature-image-banner-badge-color);text-align:center;transform:translate(-50%);box-shadow:inset 0 0 0 3px #ffffff1f}.feature-image-banner__badge--center{top:50%;transform:translate(-50%,-50%)}.feature-image-banner__badge--upper{top:24%;transform:translate(-50%,-50%)}.feature-image-banner__badge--lower{top:72%;transform:translate(-50%,-50%)}.feature-image-banner__badge-icon{margin-bottom:5px;color:var(--feature-image-banner-badge-border);font-size:40px;line-height:1;line-height:0}.feature-image-banner__badge-text{white-space:pre-line;font-family:var(--feature-image-banner-badge-family);font-size:var(--feature-image-banner-badge-size);font-weight:400;line-height:1.15}@media screen and (max-width:749px){.feature-image-banner{padding-top:var(--feature-image-banner-padding-top-mobile);padding-bottom:var(--feature-image-banner-padding-bottom-mobile)}.feature-image-banner__inner{display:flex;flex-direction:column;min-height:0;overflow:visible}.feature-image-banner__content{order:2;flex:none;width:100%;padding:var(--feature-image-banner-content-padding-mobile)}.feature-image-banner__content-inner{max-width:none}.feature-image-banner__heading{font-size:var(--feature-image-banner-heading-size-mobile)}.feature-image-banner__text{font-size:var(--feature-image-banner-text-size-mobile)}.feature-image-banner__features{gap:12px;margin-top:24px}.feature-image-banner__feature{padding:0 8px}.feature-image-banner__feature:first-child{padding-left:0}.feature-image-banner__feature:last-child{padding-right:0}.feature-image-banner__feature-icon{width:var(--feature-image-banner-icon-size-mobile);height:var(--feature-image-banner-icon-size-mobile)}.feature-image-banner__feature-title{margin-top:6px;font-size:var(--feature-image-banner-feature-size-mobile)}.feature-image-banner__media{order:1;flex:none;width:100%;height:var(--feature-image-banner-height-mobile);min-height:0}.feature-image-banner__image--desktop{display:none}.feature-image-banner__image--mobile{display:block}.feature-image-banner__media:before{top:auto;right:0;bottom:-1px;left:0;width:100%;height:25%;background:linear-gradient(to bottom,transparent,var(--feature-image-banner-background))}.feature-image-banner__badge{top:auto;bottom:calc(var(--feature-image-banner-content-padding-mobile) * -.4);left:50%;width:var(--feature-image-banner-badge-size-mobile);height:var(--feature-image-banner-badge-size-mobile);transform:translate(-50%,50%)}.feature-image-banner__badge--center,.feature-image-banner__badge--upper,.feature-image-banner__badge--lower{top:auto;transform:translate(-50%,50%);display:none}.feature-image-banner__content{padding-top:calc(var(--feature-image-banner-content-padding-mobile) + var(--feature-image-banner-badge-size-mobile) / 2)}}@media screen and (max-width:480px){.feature-image-banner__features{gap:6px}.feature-image-banner__feature{padding-inline:5px}.feature-image-banner__feature-title{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/feature-image-banner.css.map */