.c-newsletterSignup__layer{border:1px solid var(--border-default);background:var(--background-selected-accent);color:var(--common-neutral-0);border-radius:10px;justify-content:space-between;gap:1.6rem;padding:4rem 4.8rem;display:flex;position:relative}.c-newsletterSignup__layer:before{content:"";background-color:var(--common-primary-brand-800);z-index:0;width:6.4rem;height:7.3rem;display:block;position:absolute;top:0;left:0;-webkit-mask-image:url(/assets/images/newsletter/background.svg);mask-image:url(/assets/images/newsletter/background.svg);-webkit-mask-size:100%;mask-size:100%}.c-newsletterSignup__text{font-size:1.6rem;position:relative}.c-newsletterSignup__title{margin:0 0 .6rem;font-size:2.8rem;font-weight:600;color:var(--common-neutral-0)!important}.c-newsletterSignup__form{align-items:center;gap:1.6rem;display:flex}.c-newsletterSignup__form .c-input{color:#fff;--inputHeight:4.8rem;--inputBorderColor:white;background-color:#0000}.c-newsletterSignup__form .c-input:focus:not(:disabled),.c-newsletterSignup__form .c-input:focus-visible:not(:disabled){--inputBorderColor:white}.c-newsletterSignup__form .c-input::placeholder{color:#fff}.c-newsletterSignup__form .c-field{width:100vw;max-width:27.5rem}.c-newsletterSignup__form .c-button{width:100vw;max-width:20.8rem}@media (hover:hover) and (pointer:fine){.c-newsletterSignup__form .c-button:hover:not([disabled]){background-color:var(--common-primary-brand-800)}}@media only screen and (max-width:1024px){.c-newsletterSignup{padding:0 1.6rem}.c-newsletterSignup__layer{flex-direction:column;gap:2.4rem;padding:3.8rem 2.4rem}.c-newsletterSignup__title{font-size:2.4rem;font-weight:700}}