.mbg{position:relative;display:flex;max-width:var(--mbg-max);align-items:var(--mbg-valign, center);gap:16px;overflow:hidden;padding:var(--mbg-padding);border:var(--mbg-border);border-radius:var(--mbg-radius);background:var(--mbg-image, none) var(--mbg-image-position, center) / var(--mbg-image-size, cover) var(--mbg-image-repeat, no-repeat),var(--mbg-background);box-shadow:var(--mbg-shadow);text-align:var(--mbg-align);isolation:isolate}.mbg:before{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:-1;background:var(--mbg-overlay, transparent);content:"";opacity:var(--mbg-overlay-opacity, 0)}@media(min-width:750px){.mbg[data-image-desktop=above]{flex-direction:column;align-items:var(--mbg-flex)}}.mbg__image{--icon-size: calc(var(--mbg-image-size-px) * .5);display:grid;width:var(--mbg-image-size-px);height:var(--mbg-image-size-px);flex:none;place-items:center;overflow:hidden;border:var(--mbg-image-border);border-radius:var(--mbg-image-radius);background:var(--mbg-image-background);color:var(--mbg-accent)}.mbg__image--icon{color:var(--mbg-icon-color, var(--mbg-accent))}.mbg__image img{width:100%;height:100%;object-fit:var(--mbg-image-fit)}.mbg__copy{min-width:0;font-family:var(--mbg-body-font)}.mbg__eyebrow{margin-bottom:4px;color:var(--mbg-accent);font-size:var(--mbg-eyebrow-size);font-weight:700;letter-spacing:.08em}.mbg[data-eyebrow-caps=true] .mbg__eyebrow{text-transform:uppercase}.mbg__title{color:var(--mbg-title);font-family:var(--mbg-title-font);font-size:var(--mbg-title-size);font-weight:700;line-height:1.2}.mbg__text{margin-top:5px;color:var(--mbg-text);font-size:var(--mbg-text-size);line-height:1.45}@media(min-width:750px){.mbg[data-image-desktop=title]{display:grid;grid-template-areas:". eyebrow" "image title" "text text";grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 14px}.mbg[data-image-desktop=title] :is(.mbg__copy,.mbg__head){display:contents}.mbg[data-image-desktop=title] .mbg__image{grid-area:image}.mbg[data-image-desktop=title] .mbg__eyebrow{grid-area:eyebrow;margin-bottom:8px}.mbg[data-image-desktop=title] .mbg__title{grid-area:title}.mbg[data-image-desktop=title] .mbg__text{grid-area:text;margin-top:10px}}@media(max-width:749px){.mbg[data-image-mobile=title]{display:grid;grid-template-areas:". eyebrow" "image title" "text text";grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 12px}.mbg[data-image-mobile=title] :is(.mbg__copy,.mbg__head){display:contents}.mbg[data-image-mobile=title] .mbg__image{grid-area:image}.mbg[data-image-mobile=title] .mbg__eyebrow{grid-area:eyebrow;margin-bottom:8px}.mbg[data-image-mobile=title] .mbg__title{grid-area:title}.mbg[data-image-mobile=title] .mbg__text{grid-area:text;margin-top:10px}.mbg[data-image-mobile-show=false][data-image-mobile=title]{grid-template-areas:"eyebrow eyebrow" "title title" "text text"}}@media(max-width:749px){.mbg{max-width:var(--mbg-max-mobile);flex-direction:row;align-items:var(--mbg-valign, center);gap:14px;padding:var(--mbg-padding-mobile);border-radius:var(--mbg-radius-mobile);background:var(--mbg-image-mobile, none) var(--mbg-image-position, center) / var(--mbg-image-size, cover) var(--mbg-image-repeat, no-repeat),var(--mbg-background-mobile);text-align:var(--mbg-align-mobile)}.mbg:before{opacity:var(--mbg-overlay-opacity-mobile, 0)}.mbg[data-image-mobile=above]{flex-direction:column;align-items:var(--mbg-flex-mobile)}.mbg[data-image-mobile-show=false] .mbg__image{display:none}.mbg__image{--icon-size: calc(var(--mbg-image-size-px-mobile) * .5);width:var(--mbg-image-size-px-mobile);height:var(--mbg-image-size-px-mobile);border-radius:var(--mbg-image-radius-mobile)}.mbg__eyebrow{font-size:var(--mbg-eyebrow-size-mobile)}.mbg__title{font-size:var(--mbg-title-size-mobile)}.mbg__text{font-size:var(--mbg-text-size-mobile)}}.mbg[data-icon-bare]{gap:10px}.mbg[data-icon-bare] .mbg__image{width:auto;height:auto;border-radius:0}@media(min-width:750px){.mbg[data-icon-bare][data-image-desktop=title]{gap:0 10px}}@media(max-width:749px){.mbg[data-icon-bare][data-image-mobile=title]{gap:0 10px}}@media(min-width:750px){.mbg[data-image-desktop=right]{flex-direction:row-reverse}}@media(max-width:749px){.mbg[data-image-mobile=right]{flex-direction:row-reverse}}@media(min-width:750px){.mbg[data-outside=true]:is([data-image-desktop=left],[data-image-desktop=right],[data-image-desktop=above]){overflow:visible;margin-top:var(--mbg-outside-room, calc(var(--mbg-image-size-px) / 2))}.mbg[data-outside=true]:is([data-image-desktop=left],[data-image-desktop=right],[data-image-desktop=above]) .mbg__image{margin-top:calc((var(--mbg-pad-y, 16px) + var(--mbg-image-size-px) / 2) * -1)}.mbg[data-outside=true]:is([data-image-desktop=left],[data-image-desktop=right]) .mbg__image{align-self:flex-end;margin-top:calc(var(--mbg-image-size-px) / -2)}}@media(max-width:749px){.mbg[data-outside=true]:not([data-image-mobile-show=false]):is([data-image-mobile=left],[data-image-mobile=right],[data-image-mobile=above]){overflow:visible;margin-top:var(--mbg-outside-room, calc(var(--mbg-image-size-px-mobile) / 2))}.mbg[data-outside=true]:is([data-image-mobile=left],[data-image-mobile=right],[data-image-mobile=above]) .mbg__image{margin-top:calc((var(--mbg-pad-y-mobile, 14px) + var(--mbg-image-size-px-mobile) / 2) * -1)}.mbg[data-outside=true]:is([data-image-mobile=left],[data-image-mobile=right]) .mbg__image{align-self:flex-end;margin-top:calc(var(--mbg-image-size-px-mobile) / -2)}}@media(min-width:750px){.mbg[data-outside=true]:is([data-image-desktop=left],[data-image-desktop=right]) .mbg__image:has(img){width:auto}.mbg[data-outside=true]:is([data-image-desktop=left],[data-image-desktop=right]) .mbg__image img{width:auto;max-width:none;height:100%}}@media(max-width:749px){.mbg[data-outside=true]:is([data-image-mobile=left],[data-image-mobile=right]) .mbg__image:has(img){width:auto}.mbg[data-outside=true]:is([data-image-mobile=left],[data-image-mobile=right]) .mbg__image img{width:auto;max-width:none;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/block-image-card.css.map */