.banner{display:flex;position:relative;flex-direction:column}@media screen and (max-width: 749px){.banner--small.banner--mobile-bottom:not(.banner--adapt)>.banner__media,.banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:28rem}.banner--medium.banner--mobile-bottom:not(.banner--adapt)>.banner__media,.banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:34rem}.banner--large.banner--mobile-bottom:not(.banner--adapt)>.banner__media,.banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:39rem}.banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:28rem}.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:34rem}.banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:39rem}}@media screen and (min-width: 750px){.banner{flex-direction:row}.banner--large:not(.banner--adapt){min-height:100vh}}@media screen and (max-width: 749px){.banner:not(.banner--stacked){flex-direction:row;flex-wrap:wrap}.banner--stacked{height:auto}.banner--stacked .banner__media{flex-direction:column}}.banner__media{height:100%;position:absolute;left:0;top:0;width:100%}.banner__media-half{width:50%}.banner__media-half+.banner__media-half{right:0;left:auto}@media screen and (max-width: 749px){.banner--stacked .banner__media-half{width:100%}.banner--stacked .banner__media-half+.banner__media-half{order:1}}@media screen and (min-width: 750px){.banner__media{height:100%}}@media screen and (max-width: 749px){.banner--mobile-bottom .banner__media,.banner--stacked:not(.banner--mobile-bottom) .banner__media{position:relative}.banner--stacked:not(.banner--adapt) .banner__media{position:relative}.banner:before{display:none!important}.banner--stacked .banner__media-image-half{width:100%}}.banner__media .placeholder-svg{position:absolute;left:0;top:0;height:100%;width:100%}@media screen and (max-width: 749px){.banner--mobile-bottom:not(.banner--stacked) .banner__content{order:2}}.banner:after{content:"";position:absolute;background:#000;opacity:0;z-index:1;width:100%;height:100%}@media screen and (max-width: 749px){.banner--stacked .banner__box{width:100%}}.banner__media-half-link{display:block;height:100%;position:relative;z-index:10}
/*# sourceMappingURL=/cdn/shop/t/40/assets/section-image-banner.css.map */