.media-banner{--pt: var(--pt-d);--pb: var(--pb-d);--g: var(--g-d);--mw: var(--mw-d);--h: var(--h-d);padding-top:var(--pt);padding-bottom:var(--pb);background:var(--bg, transparent)}@media screen and (min-width:641px)and (max-width:1024px){.media-banner{--pt: var(--pt-t);--pb: var(--pb-t);--g: var(--g-t);--mw: var(--mw-t);--h: var(--h-t)}}@media screen and (max-width:640px){.media-banner{--pt: var(--pt-m);--pb: var(--pb-m);--g: var(--g-m);--mw: none;--h: var(--h-m)}}.media-banner .inner{display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--gap);box-sizing:border-box;max-width:var(--mw);margin:0 auto;padding:0 var(--g)}.media-banner.full-width .inner{max-width:none}.media-banner.align-left:not(.full-width) .inner{margin:0 auto 0 0}.media-banner.layout-row .inner{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);column-gap:var(--gap)}.media-banner .inner>:is(.heading,:has(>.heading))+:is(.heading,:has(>.heading)){margin-top:calc(-1 * var(--gap))}.media-banner .frame{display:block;position:relative}.media-banner picture,.media-banner .media-item{display:block}.media-banner .media-block.capped{width:100%;max-width:var(--media-mw);margin:0 auto}.media-banner .media-block img,.media-banner .media-block video{display:block;width:100%;height:var(--h, auto);object-fit:cover}.media-banner .media-block picture img{object-position:var(--fp-d)}.media-banner .media-block.rounded img,.media-banner .media-block.rounded video,.media-banner .media-block.rounded .frame:after{border-radius:var(--radius, 0)}@media screen and (max-width:1024px){.media-banner .media-block picture img{object-position:var(--fp-t)}}@media screen and (max-width:640px){.media-banner .media-block picture img{object-position:var(--fp-m)}}.media-banner .media-block .media-item{display:none}@media screen and (min-width:1025px){.media-banner .media-block .media-item.bp-d{display:block}}@media screen and (min-width:641px)and (max-width:1024px){.media-banner .media-block .media-item.bp-t{display:block}}@media screen and (max-width:640px){.media-banner .media-block .media-item.bp-m{display:block}}.media-banner .frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--overlay, 0);pointer-events:none}.media-banner .bar{position:absolute;bottom:0;left:0;right:0;z-index:1;display:flex;align-items:center;height:36px;padding:0 10px;background:#f2f2f2}@media screen and (min-width:1025px){.media-banner .bar.no-video-d{display:none}}@media screen and (min-width:641px)and (max-width:1024px){.media-banner .bar.no-video-t{display:none}}@media screen and (max-width:640px){.media-banner .bar.no-video-m{display:none}}.media-banner .toggle{display:inline-flex;width:24px;height:24px;padding:0;border:0;background:none;color:#000;cursor:pointer}.media-banner .toggle span,.media-banner .toggle svg{display:block;width:100%;height:100%}.media-banner .when-paused,.media-banner .is-paused .when-playing{display:none}.media-banner .is-paused .when-paused{display:block}.media-banner .heading{margin:0;padding:0 15px;font-family:var(--font-nunito);font-weight:400;letter-spacing:0;text-align:left;color:var(--heading-color)}.media-banner .heading.size-small{padding:0;font-family:var(--font-poppins);font-weight:700;font-size:13px;line-height:1.3;text-align:center}.media-banner .heading.size-medium{font-size:35px;line-height:42px}.media-banner .heading.size-large{font-size:52px;line-height:62.4px}@media screen and (max-width:1024px){.media-banner .heading.size-medium{font-size:22px;line-height:26.4px}.media-banner .heading.size-large{font-size:43px;line-height:51.6px}}@media screen and (max-width:640px){.media-banner .heading.size-medium{font-size:30px;line-height:36px}.media-banner .heading.size-large{font-size:40px;line-height:48px}}@media screen and (min-width:641px){.media-banner .heading.visible-mobile,.media-banner .inner>:has(>.heading.visible-mobile){display:none}}.media-banner .text-link{margin:0;font-family:var(--font-poppins);font-weight:600;font-size:13px;line-height:1.3;letter-spacing:0;text-align:center}.media-banner .text-link a{color:var(--link-color);text-decoration:underline}@media screen and (min-width:1025px){.media-banner.hide-d{display:none}}@media screen and (min-width:641px)and (max-width:1024px){.media-banner.hide-t{display:none}}@media screen and (max-width:640px){.media-banner.hide-m{display:none}}
/*# sourceMappingURL=/cdn/shop/t/248/assets/section-media-banner.css.map */