.newsletter-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative}@media screen and (min-width: 750px){.newsletter-form{align-items:center;margin:0 auto;max-width:36rem}}.newsletter-form__field-wrapper{display:flex;align-items:center;position:relative;border-radius:40px;background:#fff;padding:0;border:none;overflow:visible}.newsletter-form__field-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:40px;padding:2px;background:linear-gradient(90deg,#ff7ad9,#ff9bb5,#ffe066,#ff9bb5,#ff7ad9,#c084fc,#7aa7ff,#c084fc,#ff7ad9);background-size:400% 400%;background-position:0% 50%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderFlow 14s linear infinite;z-index:-1}.newsletter-form__field-wrapper:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:43px;background:linear-gradient(90deg,#ff7ad9,#ff9bb5,#ffe066,#ff9bb5,#ff7ad9,#c084fc,#7aa7ff,#c084fc,#ff7ad9);background-size:400% 400%;background-position:0% 50%;filter:blur(8px);opacity:.6;animation:borderFlow 14s linear infinite;z-index:-2}.newsletter-form__field-wrapper .field__input{flex:1;border:none;outline:none;padding:14px 3.25rem 14px 16px;font-size:16px;background:transparent}.newsletter-form__button{position:absolute;right:12px;top:43%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;width:auto;height:auto;padding:0;box-shadow:none}.newsletter-form__button .icon,.newsletter-form__button svg{display:none!important}.newsletter-form__button:after{content:"\2192";font-size:34px;font-weight:900;line-height:1;background:linear-gradient(90deg,#ff7ad9,#ff9bb5,#ffe066,#ff9bb5,#ff7ad9,#c084fc,#7aa7ff,#c084fc,#ff7ad9);background-size:400% 400%;background-position:0% 50%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:borderFlow 14s linear infinite}.newsletter-form__message{justify-content:center;margin-bottom:0}.newsletter-form__message--success{margin-top:2rem}@media screen and (min-width: 750px){.newsletter-form__message{justify-content:flex-start}}.newsletter-form__field-wrapper,.newsletter-form__field-wrapper .field__input,.newsletter-form__button{border:none!important;outline:none!important;box-shadow:none!important;background-image:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.newsletter-form__field-wrapper .field:before,.newsletter-form__field-wrapper .field:after{display:none!important}@keyframes borderFlow{0%{background-position:0% 50%}to{background-position:400% 50%}}@media screen and (max-width: 749px){body .newsletter-form__field-wrapper{border:none!important;padding:0!important;box-shadow:none!important;outline:none!important;filter:none!important;box-sizing:border-box!important}body .newsletter-form__field-wrapper .field__input{border:transparent!important;box-shadow:none!important;filter:none!important;--inputs-shadow-opacity: 0 !important}body .newsletter-form__field-wrapper:before,body .newsletter-form__field-wrapper:after{box-shadow:none!important;filter:none!important}body .newsletter-form__field-wrapper .field__input:focus{border:none!important;box-shadow:none!important;filter:none!important}}@media screen and (max-width: 749px){.newsletter-form__field-wrapper .newsletter-form__button{top:50%!important;transform:translateY(-50%)!important}}@media screen and (min-width: 750px){.newsletter-form__field-wrapper .newsletter-form__button{top:43%!important}}@media screen and (min-width: 750px) and (max-width: 1024px){body .newsletter-form__field-wrapper{border:none!important;padding:0!important;box-shadow:none!important;outline:none!important;filter:none!important;box-sizing:border-box!important}body .newsletter-form__field-wrapper .field__input{border:transparent!important;box-shadow:none!important;filter:none!important;--inputs-shadow-opacity: 0 !important}body .newsletter-form__field-wrapper:before,body .newsletter-form__field-wrapper:after{box-shadow:none!important;filter:none!important}body .newsletter-form__field-wrapper .field__input:focus{border:none!important;box-shadow:0 0 8px 2px #ff69b499,0 0 15px 4px #ffb6c166!important;filter:none!important}.newsletter-form__field-wrapper .newsletter-form__button{top:50%!important;transform:translateY(-50%)!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-newsletter.css.map */