.newsletter-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:none;position:relative;background-color:#2a2a2a;background-size:cover;background-position:center;background-repeat:no-repeat;padding:clamp(40px,6vw,60px) 5%;color:#fff;overflow:hidden;box-sizing:border-box}.newsletter-form:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0006;z-index:1}.newsletter-form>*{position:relative;z-index:2}@media screen and (min-width:750px){.newsletter-form{align-items:center;margin:0 auto;max-width:none;padding:clamp(50px,8vw,80px) 24px}}.newsletter-form__content{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.newsletter-form__title{font-family:Playfair Display,serif;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;line-height:1.2;margin:0 0 .5rem;text-align:center;color:#fff;width:100%;max-width:100%;box-sizing:border-box;padding:0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.newsletter-form__subtitle{font-family:Inter,sans-serif;font-size:clamp(.9rem,1.8vw,1rem);color:#e5e7eb;line-height:1.5;max-width:500px;margin:0 auto 1.5rem;text-align:center;width:100%;box-sizing:border-box;padding:0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.newsletter-form__field-wrapper{width:70vw;max-width:70vw;margin:0 auto;background-color:#fff;border-radius:8px;padding:0;display:flex;align-items:stretch;box-shadow:0 4px 15px #0003;border:1px solid rgba(255,255,255,.2);transition:box-shadow .3s ease,border-color .3s ease;height:40px;box-sizing:border-box}.newsletter-form__field-wrapper:focus-within{border-color:#fc0001;box-shadow:0 0 0 2px #fc000133}.newsletter-form__field-wrapper .field{z-index:1;flex-grow:1;margin:0;border:none;background:transparent;height:100%;display:flex;align-items:center}.newsletter-form__field-wrapper .field__input{border:none!important;background:transparent!important;padding:0 16px!important;font-size:14px!important;color:#374151!important;outline:none!important;width:100%!important;box-shadow:none!important;font-family:Inter,sans-serif!important;border-radius:0!important;margin:0!important;height:100%!important;min-height:auto!important;box-sizing:border-box!important}.newsletter-form__field-wrapper .field__input::placeholder{color:#9ca3af!important;font-family:Inter,sans-serif!important;font-size:14px!important}.newsletter-form__field-wrapper .field__input:focus{border:none!important;box-shadow:none!important;outline:none!important;background:transparent!important}.newsletter-form__button{width:32px!important;height:32px!important;margin:4px;right:0;top:0;z-index:2;background-color:#fc0001!important;border:none!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;flex-shrink:0;transition:background-color .2s ease!important;position:relative!important;box-shadow:none!important;box-sizing:border-box!important}.newsletter-form__button:hover{background-color:#dc2626!important;box-shadow:none!important;transform:none!important}.newsletter-form__button:disabled{background-color:#9ca3af!important;cursor:not-allowed!important}.newsletter-form__button:focus-visible,.newsletter-form__button:focus{box-shadow:0 0 0 2px #fc00014d!important;background-color:#fc0001!important;outline:none!important}.newsletter-form__button:not(:focus-visible):not(.focused){box-shadow:none!important;background-color:#fc0001!important}.newsletter-form__button .icon{width:16px!important;height:16px!important;color:#fff!important;stroke-width:2!important;transition:transform .3s ease}.newsletter-form__button:hover:not(:disabled) .icon{transform:translate(2px)}.newsletter-form__button .icon.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.newsletter-form__message{justify-content:center;margin-bottom:0;margin-top:1rem;font-family:Inter,sans-serif;font-weight:500;text-align:center;font-size:14px;width:100%;max-width:100%;box-sizing:border-box;padding:0;word-wrap:break-word}.newsletter-form__message--success{color:#34d399;margin-top:1rem}.newsletter-form__message--error{color:#f87171;margin-top:1rem}@media screen and (min-width:750px){.newsletter-form__message{justify-content:center}}@media screen and (max-width:749px){.newsletter-form{padding:clamp(30px,6vw,40px) max(20px,5vw);min-height:auto}.newsletter-form__content{width:calc(100% - 40px);max-width:calc(100vw - 40px)}.newsletter-form__title{font-size:clamp(1.4rem,5vw,1.8rem);margin-bottom:.4rem;max-width:100%;padding:0 10px}.newsletter-form__subtitle{font-size:clamp(.8rem,3vw,1rem);margin-bottom:1.2rem;max-width:100%;padding:0 10px;line-height:1.4}.newsletter-form__field-wrapper{width:min(75vw,calc(100% - 20px));max-width:min(75vw,calc(100% - 20px));height:36px}.newsletter-form__field-wrapper .field__input{font-size:16px!important;padding:0 14px!important}.newsletter-form__button{width:28px!important;height:28px!important;margin:4px}.newsletter-form__button .icon{width:14px!important;height:14px!important}}@media screen and (max-width:480px){.newsletter-form{padding:clamp(20px,5vw,30px) max(16px,4vw)}.newsletter-form__content{width:calc(100% - 32px);max-width:calc(100vw - 32px)}.newsletter-form__title{font-size:clamp(1.2rem,6vw,1.6rem);padding:0 8px;line-height:1.1}.newsletter-form__subtitle{font-size:clamp(.75rem,3.5vw,.9rem);margin-bottom:1rem;padding:0 8px;line-height:1.3}.newsletter-form__field-wrapper{width:min(70vw,calc(100% - 16px));max-width:min(70vw,calc(100% - 16px));height:32px}.newsletter-form__field-wrapper .field__input{padding:0 12px!important;font-size:16px!important}.newsletter-form__button{width:24px!important;height:24px!important;margin:4px}.newsletter-form__button .icon{width:12px!important;height:12px!important}}@media screen and (max-width:360px){.newsletter-form{padding:clamp(15px,4vw,25px) max(12px,3vw)}.newsletter-form__content{width:calc(100% - 24px);max-width:calc(100vw - 24px)}.newsletter-form__title{font-size:clamp(1.1rem,7vw,1.4rem);padding:0 6px}.newsletter-form__subtitle{font-size:clamp(.7rem,4vw,.85rem);padding:0 6px}.newsletter-form__field-wrapper{width:min(65vw,calc(100% - 12px));max-width:min(65vw,calc(100% - 12px));height:30px}.newsletter-form__field-wrapper .field__input{padding:0 10px!important;font-size:14px!important}.newsletter-form__button{width:22px!important;height:22px!important;margin:4px}.newsletter-form__button .icon{width:10px!important;height:10px!important}}@supports (padding: max(0px)){.newsletter-form{padding-left:max(env(safe-area-inset-left),16px);padding-right:max(env(safe-area-inset-right),16px)}}@media(prefers-contrast:high){.newsletter-form__field-wrapper{border:2px solid #ffffff}.newsletter-form__button{border:2px solid #ffffff!important}}@media(prefers-reduced-motion:reduce){.newsletter-form__button,.newsletter-form__button .icon,.newsletter-form__field-wrapper{transition:none!important;animation:none!important}}.newsletter-form__field-wrapper .field__input:focus-visible{outline:2px solid #fc0001!important;outline-offset:-2px}.newsletter-form__button.loading{pointer-events:none}.newsletter-form__button.loading .icon{animation:spin 1s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.newsletter-form__message--success,.newsletter-form__message--error{animation:fadeInUp .3s ease-out}@media screen and (min-width:750px)and (max-width:1024px){.newsletter-form__field-wrapper{max-width:70vw}.newsletter-form__title{font-size:2rem}.newsletter-form__subtitle{font-size:.95rem}}@media screen and (max-height:500px)and (orientation:landscape){.newsletter-form{padding:clamp(15px,3vh,25px) max(20px,5vw)}.newsletter-form__title{font-size:clamp(1.2rem,4vw,1.6rem);margin-bottom:.3rem}.newsletter-form__subtitle{font-size:clamp(.8rem,2.5vw,.9rem);margin-bottom:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-newsletter.css.map */