.newsl3tter-form{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;position:relative}.newsl3tter-form__field-wrapper{width:100%}.newsl3tter-form__field-wrapper .field__input{padding:0;margin:0;border:none;height:fit-content;font-size:inherit;line-height:inherit}.newsl3tter-form__field-wrapper .field__input::placeholder{display:inline-block;width:100%;text-decoration:underline;text-underline-offset:.1rem}.newsl3tter-form__field-wrapper .field{z-index:0}.newsl3tter-form__field-wrapper .field:after{display:none}.newsl3tter-form__message{justify-content:center;margin-bottom:0;font-size:inherit;width:100%;text-align:center;background-color:rgb(var(--color-background));position:absolute;bottom:0;animation:messageSlideOut var(--duration-default) var(--ease-out-slow) forwards;animation-play-state:paused}@keyframes messageSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.newsl3tter-form:has(.field__input[type=email]:focus,.field__input[type=email]:focus-within,.field__input[type=email]:focus-visible) .newsl3tter-form__message{animation-play-state:running}@media screen and (min-width: 750px){.newsl3tter-form__message{justify-content:flex-start}}.newsl3tter-form__button{position:relative;width:100%;margin:0;right:var(--inputs-border-width);top:0;height:fit-content;min-height:0;z-index:0;text-align:left;justify-content:flex-start}.newsletter-label{position:relative;display:inline-block}.newsletter-label>.newsletter-label-active{position:absolute;left:0;opacity:0;transform-origin:50% 60%;transform:scale(.25);transition:transform var(--duration-short) ease,opacity var(--duration-short) ease}.newsl3tter-form__button:hover .newsletter-label>.newsletter-label-active,.newsl3tter-form__button:focus .newsletter-label>.newsletter-label-active,.newsl3tter-form__button:focus-visible .newsletter-label>.newsletter-label-active,.newsl3tter-form__button:focus-within .newsletter-label>.newsletter-label-active{transform:scale(1.05);opacity:1}@media screen and (max-width: 749px){.newsl3tter-form{text-align:center}.newsl3tter-form__field-wrapper .field__input{width:90vw;text-align:inherit}.newsl3tter-form__button{justify-content:center}}.newsl3tter-form__button:after{display:none}.newsl3tter-form__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.newsl3tter-form__button .icon{width:1.5rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-newsletter.css.map */
