.newsletter-media{--nm-heading-color: #ffffff;--nm-text-color: #ffffff;--nm-placeholder-color: rgba(255, 255, 255, .75);--nm-input-border: #ffffff;--nm-overlay: rgba(0, 0, 0, .65);--nm-content-gap: 2.4rem;--nm-text-gap: 1.2rem;--nm-form-width: 28rem;--nm-min-height: 47.6rem;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--nm-min-height);color:var(--nm-heading-color)}.newsletter-media__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.newsletter-media__media-image,.newsletter-media__media-image img{display:block;width:100%;height:100%;object-fit:cover}.newsletter-media__media-placeholder{width:100%;height:100%;background:#1a1a1a}.newsletter-media__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--nm-overlay)}.newsletter-media__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--nm-content-gap);width:100%;max-width:min(38rem,calc(1280px + 2 * var(--nm-pad-x, 16px)));margin-inline:auto;box-sizing:border-box;text-align:center}.newsletter-media__header{display:flex;flex-direction:column;align-items:center;gap:var(--nm-text-gap);width:100%}.newsletter-media__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:500;font-size:4rem;line-height:4.8rem;letter-spacing:-.02em;color:var(--nm-heading-color);margin:0}.newsletter-media__subheading{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:400;font-size:1.4rem;line-height:2rem;color:var(--nm-text-color);margin:0}.newsletter-media__intro{font-family:var(--font-body-family);font-size:1.4rem;line-height:2rem;color:var(--nm-text-color);margin:0}.newsletter-media__intro p{margin:0}.newsletter-media__form{width:100%;max-width:var(--nm-form-width)}.newsletter-media__field{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;width:100%;border-bottom:.1rem solid var(--nm-input-border);padding-bottom:1.2rem;box-sizing:border-box}.newsletter-media__input{flex:1 1 auto;min-width:0;width:100%;border:0;background:transparent;padding:0;margin:0;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:600;font-size:1.4rem;line-height:2rem;color:var(--nm-heading-color);outline:none;box-shadow:none;appearance:none;-webkit-appearance:none}.newsletter-media__input::placeholder{color:var(--nm-placeholder-color);opacity:1}.newsletter-media__input:focus,.newsletter-media__input:focus-visible{outline:none;border:0;box-shadow:none}.newsletter-media__submit{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;padding:0;margin:0;border:0;background:transparent;color:var(--nm-heading-color);cursor:pointer;line-height:0}.newsletter-media__submit:focus-visible{outline:.2rem solid var(--nm-heading-color);outline-offset:.4rem}.newsletter-media__submit-icon{display:block;width:100%;height:100%;object-fit:contain}.newsletter-media__message{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;max-width:var(--nm-form-width);margin:1.2rem 0 0;font-family:var(--font-body-family);font-size:1.4rem;line-height:2rem;color:var(--nm-heading-color);text-align:center}.newsletter-media__message--error{color:#ffb4b4}.newsletter-media__message--success{color:#b8f0c8}.newsletter-media__form:not(:has(.newsletter-media__field)) .newsletter-media__message--success{margin-top:0}.newsletter-media__message .icon{width:1.6rem;height:1.6rem;flex-shrink:0}@media screen and (min-width:750px){.newsletter-media{--nm-min-height: 52rem;--nm-content-gap: 4.8rem}.newsletter-media__heading{font-size:4.8rem;line-height:5.6rem}.newsletter-media__inner{max-width:min(58rem,calc(1280px + 2 * var(--nm-pad-x, 40px)))}}@media screen and (min-width:990px){.newsletter-media{--nm-min-height: 57.6rem;--nm-content-gap: 6.5rem}.newsletter-media__heading{font-size:5.6rem;line-height:6.4rem;letter-spacing:-.02em}.newsletter-media__inner{max-width:calc(1280px + 2 * var(--nm-pad-x, 80px));width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-newsletter-media.css.map */
