.media-banner{position:relative;width:100%;max-width:var(--mb-max-width);margin-inline:auto;padding-block:var(--mb-pad-block-start) var(--mb-pad-block-end);padding-inline:var(--mb-pad-inline);background:var(--mb-bg)}.media-banner--full-width{max-width:none;width:100%;margin-inline:0;padding-inline:0}.media-banner__media{position:relative;width:100%;overflow:hidden;aspect-ratio:var(--mb-aspect-ratio, auto);min-height:var(--mb-min-height, 0px);box-sizing:border-box}@media screen and (min-width:769px){.media-banner[style*=--mb-min-height] .media-banner__media{min-height:var(--mb-min-height, 0px);aspect-ratio:auto}}@media screen and (max-width:768px){.media-banner__media{aspect-ratio:var(--mb-aspect-ratio-mobile, auto);min-height:var(--mb-min-height-mobile, 0px)}}.media-banner__image,.media-banner__video,.media-banner__video-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.media-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#f2f2f2;border:2px dashed #ccc;text-align:center;padding:20px}.media-banner__placeholder-svg{max-width:120px;height:auto}.media-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--mb-overlay-color);pointer-events:none}.media-banner__content{position:absolute;top:50%;z-index:2;width:var(--mb-content-width);text-align:var(--mb-align);font-family:var(--font-body, inherit);pointer-events:none}.media-banner__content a,.media-banner__content button{pointer-events:auto}.media-banner[data-text-position-desktop=left] .media-banner__content{left:var(--mb-pad-left-desktop);transform:translateY(-50%)}.media-banner[data-text-position-desktop=right] .media-banner__content{right:var(--mb-pad-right-desktop);transform:translateY(-50%)}.media-banner[data-text-position-desktop=center] .media-banner__content{left:50%;transform:translate(-50%,-50%)}.media-banner__heading{margin:0 0 var(--mb-heading-margin-bottom);color:var(--mb-heading-color);font-family:var(--mb-heading-font, var(--font-heading, inherit));font-size:var(--mb-heading-size);font-weight:var(--mb-heading-weight);line-height:var(--mb-heading-line-height);letter-spacing:var(--mb-heading-letter-spacing)}.media-banner__sub-heading{margin:0 0 var(--mb-sub-heading-margin-bottom);color:var(--mb-sub-heading-color);font-family:var(--mb-sub-heading-font, var(--font-heading, inherit));font-size:var(--mb-sub-heading-size);font-weight:var(--mb-sub-heading-weight);line-height:var(--mb-sub-heading-line-height);letter-spacing:var(--mb-sub-heading-letter-spacing)}.media-banner__subtext p{margin:var(--mb-subtext-margin) 0;color:var(--mb-subtext-color);font-family:var(--mb-subtext-font, var(--font-body, inherit));font-size:var(--mb-subtext-size);font-weight:var(--mb-subtext-weight);line-height:var(--mb-subtext-line-height);letter-spacing:var(--mb-subtext-letter-spacing)}.media-banner__buttons{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mb-btns-gap);width:fit-content;margin-top:var(--mb-btns-margin-top)}.media-banner[data-text-position-desktop=center] .media-banner__buttons{margin-inline:auto}.media-banner__btn{display:inline-flex;align-items:center;gap:var(--mb-btn-gap);padding:var(--mb-btn-pad-block) var(--mb-btn-pad-inline);margin-bottom:var(--mb-btn-margin-bottom);background:var(--mb-btn-bg);color:var(--mb-btn-text);border:var(--mb-btn-border-width) solid var(--mb-btn-border-color);border-radius:var(--mb-btn-radius);font-family:var(--mb-btn-font, var(--font-heading, inherit));font-size:var(--mb-btn-size);font-weight:var(--mb-btn-weight);line-height:var(--mb-btn-line-height);letter-spacing:var(--mb-btn-letter-spacing);text-decoration:var(--mb-btn-text-decoration, none);text-underline-offset:4px;white-space:nowrap;justify-content:center;transition:background-color .3s ease,color .3s ease,transform .3s ease}.media-banner__btn:hover{background:var(--mb-btn-hover-bg);color:var(--mb-btn-hover-text);transform:translateY(-2px)}.media-banner__btn--two{background:var(--mb-btn-bg-two);color:var(--mb-btn-text-two);font-family:var(--mb-btn-font-two, var(--font-heading, inherit));border-width:var(--mb-btn-border-width-two);border-color:var(--mb-btn-border-color-two)}.media-banner__btn--two:hover{background:var(--mb-btn-hover-bg-two);color:var(--mb-btn-hover-text-two)}@media(min-width:768px){.media-banner__btn{min-height:46px;min-width:186px}}.media-banner--animated .media-banner__content>*{opacity:0;transform:translateY(60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.media-banner--animated .media-banner__content.is-visible>*{opacity:1;transform:translateY(0)!important}media-banner-reveal .media-banner__sub-heading{transition-delay:.07s!important}media-banner-reveal .media-banner__subtext{transition-delay:.15s!important}media-banner-reveal .media-banner__buttons{transition-delay:.3s!important}@media(max-width:768px){.media-banner{padding-block:var(--mb-pad-block-start-mobile) var(--mb-pad-block-end-mobile);padding-inline:var(--mb-pad-inline-mobile)}.media-banner--full-width{padding-inline:0}.media-banner__media{aspect-ratio:var(--mb-aspect-ratio-mobile, var(--mb-aspect-ratio, auto));min-height:var(--mb-min-height-mobile, var(--mb-min-height, 0px))}.media-banner__content{width:var(--mb-content-width-mobile);text-align:var(--mb-align-mobile);padding-inline:var(--mb-text-pad-inline-start-mobile) var(--mb-text-pad-inline-end-mobile)}.media-banner[data-text-position-mobile=left] .media-banner__content{left:var(--mb-pad-left-mobile);right:auto;transform:translateY(-50%)}.media-banner[data-text-position-mobile=right] .media-banner__content{right:var(--mb-pad-right-mobile);left:auto;transform:translateY(-50%)}.media-banner[data-text-position-mobile=center] .media-banner__content{left:50%;transform:translate(-50%,-50%)}.media-banner__heading{font-size:var(--mb-heading-size-mobile);margin-bottom:var(--mb-heading-margin-bottom-mobile)}.media-banner__sub-heading{font-size:var(--mb-sub-heading-size-mobile);margin-bottom:var(--mb-sub-heading-margin-bottom-mobile)}.media-banner__subtext p{font-size:var(--mb-subtext-size-mobile)}.media-banner__buttons{margin-top:var(--mb-btns-margin-top-mobile);gap:var(--mb-btns-gap-mobile)}.media-banner[data-text-position-mobile=center] .media-banner__buttons{margin-inline:auto}.media-banner__btn{max-width:210px;padding:var(--mb-btn-pad-block-mobile) var(--mb-btn-pad-inline-mobile);font-size:var(--mb-btn-size-mobile)}.media-banner--stack-buttons-mobile .media-banner__buttons{flex-direction:column;align-items:stretch;width:100%}.media-banner--stack-buttons-mobile .media-banner__btn{width:100%;max-width:210px;margin:auto}}@media(prefers-reduced-motion:reduce){.media-banner--animated .media-banner__content>*{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/140/assets/media-banner.css.map */
