.lf-newsletter-banner{--lf-nb-block-pad: var(--lf-section-pad-block);--lf-nb-min-height: 416px;--lf-nb-card-width: 470px;--lf-nb-mark-width: 126px;position:relative;overflow:hidden;min-height:var(--lf-nb-min-height)}.lf-newsletter-banner.section{padding-block:0}.lf-newsletter-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-base);pointer-events:none;background-color:var(--lf-forest)}.lf-newsletter-banner__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--lf-nb-focal, center)}.lf-newsletter-banner__inner{position:relative;z-index:var(--layer-raised);display:flex;align-items:center;justify-content:space-between;gap:var(--lf-space-xl);width:100%;max-width:calc(var(--lf-container) + var(--lf-container-inline-padding) * 2);margin-inline:auto;padding-inline:var(--lf-container-inline-padding);padding-block:var(--lf-nb-block-pad)}.lf-newsletter-banner__mark{flex:0 0 auto;width:var(--lf-nb-mark-width);color:var(--lf-cream);line-height:0}.lf-newsletter-banner__mark svg{display:block;width:100%;height:auto}.lf-newsletter-banner__card{--color-background: var(--lf-cream);--color-background-rgb: var(--lf-cream-rgb);--color: var(--lf-forest);--color-rgb: var(--lf-forest-rgb);--color-foreground: var(--lf-forest);--color-foreground-rgb: var(--lf-forest-rgb);--color-border: var(--lf-sage);flex:0 1 var(--lf-nb-card-width);min-width:0;display:flex;flex-direction:column;gap:var(--lf-space-md);padding:var(--lf-space-md);background-color:var(--lf-cream);border:1px solid var(--lf-forest);border-radius:var(--lf-radius-sm);box-shadow:0 4px 2px rgb(var(--lf-black-rgb) / .25)}.lf-newsletter-banner__intro{display:flex;flex-direction:column;gap:var(--lf-space-xs)}.lf-newsletter-banner__heading{margin:0;font-family:var(--lf-font-heading);font-weight:var(--lf-heading-weight);font-size:var(--font-h4--size);line-height:var(--lf-heading-line-height);letter-spacing:var(--lf-heading-letter-spacing);color:var(--lf-forest)}.lf-newsletter-banner__body{margin:0;font-family:var(--lf-font-body);font-size:var(--font-paragraph--size);line-height:1.2;color:var(--lf-forest)}@media screen and (max-width:749px){.lf-newsletter-banner{--lf-nb-min-height: 367px}.lf-newsletter-banner__mark{display:none}.lf-newsletter-banner__card{flex:0 0 auto;width:100%;padding:var(--lf-space-sm)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/lf-newsletter-banner.css.map */