.newsletter-form{width:100%;position:relative}.newsletter-form .form__message{margin-top:1.5rem;margin-bottom:0}.newsletter-form__field-wrapper{width:100%;max-width:100%;display:flex;flex-direction:column;gap:16px}@media screen and (min-width: 750px){.newsletter-form__field-wrapper{flex-direction:row;align-items:center;gap:16px}}.newsletter-form .field{display:flex;flex-direction:column;gap:16px;width:100%}@media screen and (min-width: 750px){.newsletter-form .field{flex-direction:row;align-items:center;gap:16px}}.newsletter-form .field__input{font-family:var(--input-font-family);font-weight:var(--input-font-weight);font-style:var(--input-font-style);font-size:var(--input-font-size);line-height:var(--input-line-height);letter-spacing:var(--input-letter-spacing);color:var(--input-text-color);background-color:var(--input-bg-color);border:none;border-radius:var(--input-border-radius);padding:var(--input-padding-y) var(--input-padding-x);box-shadow:0 4px 4px #00000040;outline:none;transition:all .3s ease;width:100%;min-width:200px;flex-grow:1;flex-shrink:1}@media screen and (min-width: 750px){.newsletter-form .field__input{width:353px;height:42px;flex-grow:0}}@media screen and (max-width: 749px){.newsletter-form .field__input{width:100%;max-width:353px;height:36px;padding:0 12px;border-radius:24px;font-size:14px}.newsletter-form .field__input::placeholder{font-size:14px}.newsletter-form .field,.newsletter-form__field-wrapper{gap:14px}}.newsletter-form .field__input::placeholder{color:var(--input-placeholder-color);font-family:var(--input-font-family);font-weight:var(--input-font-weight);font-style:var(--input-font-style)}.newsletter-form .field__input:focus{box-shadow:0 6px 8px #0000004d}.newsletter-form .field__input:-webkit-autofill,.newsletter-form .field__input:-webkit-autofill:hover,.newsletter-form .field__input:-webkit-autofill:focus,.newsletter-form .field__input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--input-bg-color) inset!important;-webkit-text-fill-color:var(--input-text-color)!important;box-shadow:0 4px 4px #00000040!important;border-radius:var(--input-border-radius)!important;transition:background-color 5000s ease-in-out 0s}.newsletter-form .field__input.invalid{border:1px solid var(--color-critical, #ff0000);box-shadow:0 4px 4px #ff000040}.newsletter-form .field__button{position:relative!important;right:auto!important;top:auto!important;font-family:var(--button-font-family);font-weight:var(--button-font-weight);font-style:var(--button-font-style);font-size:var(--button-font-size);line-height:var(--button-line-height);letter-spacing:var(--button-letter-spacing);text-transform:var(--button-text-transform);color:var(--button-text-color);background:linear-gradient(154.44deg,#ffffff26 27.01%,#00000005 65.28%)!important;border:none;border-radius:var(--button-border-radius);padding:var(--button-padding);cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 8px #0003!important;width:100%;min-width:auto;text-align:center;display:flex!important;align-items:center;justify-content:center;flex-shrink:0}@media screen and (min-width: 750px){.newsletter-form .field__button{width:198px;height:56px}}@media screen and (max-width: 749px){.newsletter-form .field__button{width:100%;max-width:160px;height:49px;border-radius:50px;padding:16px}.newsletter-form .field__button .button__text{font-size:18px}}.newsletter-form .field__button:hover{background:linear-gradient(154.44deg,#ffffff40 27.01%,#0000000d 65.28%)!important;box-shadow:0 6px 12px #0000004d!important;transform:translateY(-2px)}.newsletter-form .field__button:active{transform:translateY(0);box-shadow:0 4px 8px #0003!important}.newsletter-form .field__button .button__text{display:block}.newsletter-form .form__message.errors{color:var(--color-critical, #ff0000);font-size:1.4rem;display:flex;align-items:center;gap:.5rem}.newsletter-form .form__message.errors .icon{width:1.6rem;height:1.6rem}.newsletter-form .form__message.h3{color:var(--color-success, #00ff00);font-size:1.6rem;display:flex;align-items:center;gap:.5rem}.newsletter-form .form__message.h3 .icon{width:2rem;height:2rem}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-newsletter.css.map */