.custom-banner-media{position:relative;width:100%;aspect-ratio:var(--banner-aspect-ratio, 16 / 9);overflow:hidden;background:var(--banner-media-bg, #000);box-sizing:border-box}.custom-banner-media__asset{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:var(--banner-media-fit, cover);object-position:var(--banner-media-position, center);background:var(--banner-media-bg, #000)}.custom-banner-media__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:320px;background:#f5f5f5}.custom-banner-content{position:relative;z-index:3;width:100%;min-width:0;align-self:stretch;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;background-color:var(--banner-content-bg, transparent);background-image:var(--banner-content-bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat}.custom-banner-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--banner-content-overlay, transparent);pointer-events:none}.custom-banner-content--left{align-items:flex-start;text-align:left}.custom-banner-content--center{align-items:center;text-align:center}.custom-banner-content--right{align-items:flex-end;text-align:right}.custom-banner-content--vertical-top{justify-content:flex-start}.custom-banner-content--vertical-center{justify-content:center}.custom-banner-content--vertical-bottom{justify-content:flex-end}.custom-banner-content__inner{position:relative;z-index:1;width:100%;max-width:var(--banner-content-max-width, none);box-sizing:border-box;padding:var(--banner-content-padding, 40px 60px)}.custom-banner-content--center .custom-banner-content__inner{margin-left:auto;margin-right:auto}.custom-banner-content--right .custom-banner-content__inner{margin-left:auto}@media screen and (max-width:749px){.custom-banner-media{aspect-ratio:var(--banner-mobile-aspect-ratio, 4 / 3)}.custom-banner-media__asset{object-fit:var(--banner-mobile-media-fit, var(--banner-media-fit, cover))}.custom-banner-content{min-height:auto;overflow:visible}.custom-banner-content__inner{max-width:100%;padding:var(--banner-content-mobile-padding, 24px 20px 32px)}}.custom-banner-media{position:relative;width:100%;aspect-ratio:var(--banner-aspect-ratio, 16 / 9);overflow:hidden;background:var(--banner-media-bg, #000)}.custom-banner-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:var(--banner-overlay, transparent);pointer-events:none}.custom-banner-media__image,.custom-banner-media__video,.custom-banner-media img,.custom-banner-media video{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:1;display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;object-fit:var(--banner-media-fit, cover)!important;object-position:var(--banner-media-position, center center)!important;margin:0!important;padding:0!important;border:0!important;background:var(--banner-media-bg, #000)}.custom-banner-media video{object-fit:var(--banner-media-fit, cover)!important;object-position:var(--banner-media-position, center center)!important}.custom-banner-media__placeholder{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:320px;background:#f5f5f5}.custom-banner-media__placeholder svg{width:60%;height:60%;opacity:.35}.custom-media-banner__layout--center .custom-banner-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto}.custom-media-banner__layout--image-left .custom-banner-media,.custom-media-banner__layout--image-right .custom-banner-media{height:100%;min-height:100%}@media screen and (max-width:749px){.custom-banner-media{aspect-ratio:var(--banner-mobile-aspect-ratio, 4 / 3)}.custom-banner-media__image,.custom-banner-media__video,.custom-banner-media img,.custom-banner-media video{object-fit:var(--banner-mobile-media-fit, var(--banner-media-fit, cover))!important;object-position:var(--banner-media-position, center center)!important}.custom-media-banner__layout--center .custom-banner-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/custom-banner-common.css.map */