.media-banner{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent}.media-banner__inner{display:flex}.media-banner__inner--full,.media-banner__inner--full .media-banner__wrapper{border-radius:0}.media-banner__content{width:100%;height:100%;position:relative;z-index:4;pointer-events:none;padding-top:2.4rem;padding-bottom:2.4rem}.media-banner__content .block-description{margin-top:1.6rem}.media-banner__content .block-heading{max-width:66.8rem}.media-banner__content.header-width-small .block-heading{max-width:46rem}.media-banner__content.description-width-medium .block-description{max-width:48rem}.media-banner__content.header-width-large .block-heading{max-width:102rem}@media(min-width:576px){.media-banner__content{padding-top:3.2rem;padding-bottom:3.2rem}}@media(min-width:1200px){.media-banner__content{padding-top:5.6rem;padding-bottom:5.6rem}}.media-banner__content-container{width:100%;height:100%}.media-banner__content a,.media-banner__content button,.media-banner__content .button,.media-banner__content input{pointer-events:all}.media-banner .block-overlay-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;border-radius:var(--border-radius-block);width:100%;height:100%}.media-banner .block-overlay-link:empty{display:block}.media-banner .block-overlay-link+.media-banner__content{pointer-events:none}.media-banner__breadcrumbs-overlay{position:relative;z-index:5;max-width:1512px;margin:2rem auto;padding-right:2rem;padding-left:2rem}@media(min-width:1200px){.media-banner__breadcrumbs-overlay{padding-right:5.6rem;padding-left:5.6rem}}.media-banner:has(.media-banner__breadcrumbs-overlay) .media-banner__content{margin-top:-6.4rem}.media-banner__wrapper{position:relative;background:transparent;width:100%;border-radius:var(--border-radius-block)}.media-banner__wrapper--no-media{background:var(--gradient-background, rgb(var(--color-background)))}.media-banner__media{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;border-radius:inherit;box-sizing:border-box}.media-banner__media-item{transform:scale(1);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:none}.media-banner__media-item.placeholder-svg{width:100%}picture .media-banner__media-item{-o-object-position:var(--focal_point_mobile);object-position:var(--focal_point_mobile)}@media(min-width:576px){picture .media-banner__media-item{-o-object-position:var(--focal_point_desktop);object-position:var(--focal_point_desktop)}}.media-banner__media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;max-width:100%;max-height:100%}.media-banner__media-items-wrapper{display:flex;flex-direction:column;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%}@media(min-width:750px){.media-banner__media-items-wrapper{flex-direction:row}}.media-banner__media-items-wrapper .media-banner-images-wrapper{position:relative;width:100%;top:0;bottom:0;z-index:2;height:100%;overflow:hidden}@media(min-width:750px){.media-banner__media-items-wrapper .media-banner-images-wrapper{width:50%}}.media-banner__media-items-wrapper .media-banner-images-wrapper:first-child{left:0}.media-banner__media-items-wrapper .media-banner-images-wrapper:last-child{right:0}.media-banner__media-items-wrapper .media-banner-images-wrapper:only-child{width:100%;left:0}@media(max-width:749px){.media-banner__media-items-wrapper .media-banner-images-wrapper--hide-on-mobile{display:none}}.media-banner__media-items-wrapper .media-banner-images-wrapper .media-banner-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.media-banner__media-items-wrapper .media-banner-images-wrapper .media-banner-image-mask{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;will-change:clip-path;clip-path:polygon(0% 100%,100% 100%,100% 220%,0% 220%)}.media-banner__media-items-wrapper .media-banner-images-wrapper img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;will-change:transform}body:has(.header-wrapper--overlay-mode) .media-banner:has(.media-banner__breadcrumbs-overlay) .media-banner__content{margin-top:0!important}body:has(.header-wrapper--overlay-mode) .media-banner:has(.media-banner__breadcrumbs-overlay) .media-banner__breadcrumbs-overlay{display:none!important}body:has(.header-wrapper--overlay-mode) #breadcrumbs{display:block!important}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-media-banner.css.map */
