.newsletter-banner{padding-top:var(--newsletter-padding-top-mobile, 24px);padding-bottom:var(--newsletter-padding-bottom-mobile, 24px);overflow:hidden}@media screen and (min-width:750px){.newsletter-banner{padding-top:var(--newsletter-padding-top, 24px);padding-bottom:var(--newsletter-padding-bottom, 24px)}}.newsletter-banner__container{margin:0 auto;max-width:var(--newsletter-max-width, 1440px);padding-left:var(--newsletter-padding-x-mobile, 16px);padding-right:var(--newsletter-padding-x-mobile, 16px)}@media screen and (min-width:750px){.newsletter-banner__container{padding-left:var(--newsletter-padding-x, 40px);padding-right:var(--newsletter-padding-x, 40px)}}.newsletter-banner__container--full{max-width:100%}.newsletter-banner__grid{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;text-align:center;flex-wrap:wrap}.newsletter-banner__heart{position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(-8deg);display:none}@media screen and (min-width:990px){.newsletter-banner__heart{display:block}}.newsletter-banner__content{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.newsletter-banner__heading{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.1em;margin:0}.newsletter-banner__subtext{font-style:italic;margin:0 0 8px;font-size:.95em}.newsletter-banner__form{width:100%;max-width:480px}.newsletter-banner__form-row{display:flex;gap:8px;width:100%}.newsletter-banner__input{flex:1 1 auto;min-width:0;border:1px solid rgba(0,0,0,.1);border-radius:24px;padding:10px 18px;font-size:.9em}.newsletter-banner__button{flex:0 0 auto;border:none;padding:10px 24px;font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:opacity .2s ease;white-space:nowrap}.newsletter-banner__button:hover{opacity:.85}.newsletter-banner__success{font-weight:600;margin:0}.newsletter-banner__media{flex:0 0 auto;display:none}@media screen and (min-width:750px){.newsletter-banner__media{display:block}}.newsletter-banner__media-circle{border-radius:50%;overflow:hidden}.newsletter-banner__image{width:100%;height:100%;object-fit:cover;display:block}@media screen and (max-width:749px){.newsletter-banner__form-row{flex-direction:column}.newsletter-banner__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-newsletter-banner.css.map */