.banner{position:relative;color:var(--color-reverse);-webkit-user-select:none;user-select:none;overflow:hidden}.banner.banner--blur:before{content:"";position:absolute;top:calc(-1 * var(--bar-height) + 3rem);left:0;z-index:1;width:100%;height:100%;opacity:.3;transition:opacity .4s;background-image:linear-gradient(var(--banner-gradient-blur-position),var(--gradient-overlay));pointer-events:none}.banner__media{font-size:0;pointer-events:none}.banner__media-image{width:100%;height:calc(var(--vh, 1vh) * 100);object-fit:cover;object-position:var(--banner-image-pos-x, center) var(--banner-image-pos-y, center)!important}.banner__media-image--desktop,.banner__heading--desktop{display:none}.banner__media-image--mobile,.banner__heading--mobile{display:block}@media screen and (min-width: 990px){.banner__media-image--mobile,.banner__heading--mobile{display:none}.banner__media-image--desktop,.banner__heading--desktop{display:block}}.banner__link{position:absolute;top:0;left:0;width:100%;height:100%}.banner__content{position:absolute;z-index:2;padding:0 2.8rem;width:var(--banner-content-width-mobile, 80%);justify-content:flex-start;display:flex;top:calc(100% * var(--banner-content-top, 50) / 100);left:var(--banner-content-left-mobile, calc(20% * var(--banner-content-left, 0) / 100));transform:translateY(var(--banner-content-transformY, -50%))}@media (min-width: 390px){.banner__content{width:35rem;left:calc((100% - 35rem) * var(--banner-content-left, 0) / 100)}}@media screen and (min-width: 990px){.banner__content{padding-left:3.8rem;padding-right:3.8rem;width:43.6rem;left:var(--banner-wrapper-width-desktop, calc((100% - 43.6rem) * var(--banner-content-left, 0) / 100))}}@media screen and (min-width: 990px){.banner__content{--content-width: calc(var(--banner-wrapper-width, 43rem) + 11.6rem);padding-left:5.8rem;padding-right:5.8rem;width:var(--banner-wrapper-width-desktop, --content-width);left:calc((100% - var(--content-width)) * var(--banner-content-left, 0) / 100)}}.banner__box{display:flex;flex-direction:column;align-items:var(--banner-content-flex-align, center);width:100%}.banner__heading{font-size:3.4rem;order:-1;margin-top:0;margin-bottom:1rem;text-align:var(--banner-content-align, center)}.banner__text{text-align:var(--banner-content-align, center);max-width:100%}@media screen and (min-width: 990px){.banner__box{align-items:var(--banner-content-flex-align, center)}.banner__heading{font-size:4.8rem;text-align:var(--banner-content-align, center)}.banner__text{max-width:var(--banner-textarea-width)}}
/*# sourceMappingURL=/cdn/shop/t/600/assets/section-image-banner.css.map */