@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.newsletter-section{position:relative;color:var(--light4)}.newsletter-section .img-container{aspect-ratio:1 / 1;position:relative;z-index:0}.newsletter-section .img-container.overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:2}.newsletter-section img{width:100%;height:100%;object-fit:cover}.newsletter-section .img{width:100%;height:100%}.newsletter-section .sign-up-form{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);padding:64px 20px;width:100%;height:100%;display:flex;flex-direction:column;text-align:center;justify-content:center;gap:16px}.newsletter-section .newsletter-form{width:100%}.newsletter-section .inputs{display:flex;border-bottom:1px solid var(--light4);justify-content:space-between;padding:8px 0 0 8px;margin-top:8px;opacity:1;transition:opacity .3s ease-in-out}.newsletter-section .inputs.submitted{opacity:0}.newsletter-section input{width:100%;color:#fff}.newsletter-section input::placeholder{color:var(--light4);opacity:1}.newsletter-section input::-ms-input-placeholder{color:var(--light4)}.newsletter-section .fieldset{width:100%;text-align:left;padding:8px 0 6px}.newsletter-section .mobile-only{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.newsletter-section .icon{width:24px;height:24px}.newsletter-section .submitted-message{display:none;opacity:0;animation:fadeIn .3s ease-in;transition-behavior:allow-discrete;transition:all .3s ease-in;text-align:center}.newsletter-section .submitted-message.success{display:block;opacity:1;position:absolute;left:50%;transform:translate(-50%);bottom:120px}.newsletter-section input:-webkit-autofill{-webkit-text-fill-color:white}.newsletter-section .button{padding:8px 8px 6px}@media screen and (min-width: 1000px){.newsletter-section .img-container{aspect-ratio:2.6 / 1}.newsletter-section .heading{font-size:50px;text-wrap:nowrap}.newsletter-section .sign-up-form{width:463px;padding:64px 0}.newsletter-section .mobile-only{display:none}.newsletter-section .subheader{text-align:right}}@media screen and (min-width: 1200px){.newsletter-section .submitted-message.success{bottom:180px}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/newsletter.css.map */