.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:flex-start;margin:0 auto;max-width:36rem}}.newsletter-form__field-wrapper{width:100%}.newsletter-form__field-wrapper .field__input{padding-right:5rem}.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__button{width:4.4rem;margin:0}.newsletter-form__button .icon{width:1.5rem}promo-popup.hidden{display:none!important}.popup-container{display:none;position:fixed;z-index:111;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);justify-content:center;pointer-events:none;--popup-max-width: 100vw;--popup-max-height: 100vh;--image-width: 36rem;--popup-width: 840px;--popup-padding: 40px}.popup-container[data-position=bottom-left]{justify-content:flex-start}.popup-container[data-position=bottom-right]{justify-content:flex-end}@media screen and (max-width: 749px){.popup-container[data-position=center],.popup-container[data-position=bottom-left],.popup-container[data-position=bottom-right]{justify-content:flex-end}}.popup-container.is-active{display:flex;animation:fade-in var(--duration-long) ease}.popup-container.is-closing{animation:fade-out var(--duration-long) ease}.popup-newsletter-inner{pointer-events:visible;z-index:30;position:relative;display:none;flex-direction:column;align-items:center;align-self:flex-end;width:100%;max-width:var(--popup-max-width);max-height:var(--popup-max-height)}@media screen and (min-width: 750px){.popup-newsletter-inner{width:auto}}.popup-container.is-active .popup-newsletter-inner{display:flex;animation:popup-in var(--duration-long) ease}.popup-container.is-closing .popup-newsletter-inner{animation:popup-out var(--duration-long) ease}@keyframes popup-in{0%{transform:scale(.93)}to{transform:scale(1)}}@keyframes popup-out{0%{transform:scale(1)}to{transform:scale(.93)}}@media screen and (min-width: 750px){.newsletter-popup--open{overflow:hidden}.popup-container{padding:5rem;--popup-max-width: calc(100vw - 10rem) ;--popup-max-height: calc(100vh - 10rem) }.popup-container[data-position=bottom-left],.popup-container[data-position=bottom-right]{padding:2rem}.popup-container[data-position=center] .popup-newsletter-inner{align-self:center}}.popup-newsletter-inner-wrapper{height:100%;display:flex;align-items:stretch;position:relative}.popup-newsletter-overlay{pointer-events:visible;display:block!important;position:absolute;z-index:25;left:0;top:0;width:100%;height:100%;background-color:#21232680}.popup-container[data-position=center] .popup-newsletter-inner-wrapper{padding-left:0rem;transition:all .3s ease-in-out}.popup-container[data-position=center].show-image .popup-newsletter-inner-wrapper{padding-left:36rem}.popup-container[data-position=center] .popup-newsletter-inner-wrapper .popup-newsletter-image-wrapper{position:absolute;top:0;left:0;bottom:0}.popup-newsletter-image{width:0rem;height:100%;transition:all .3s ease-in-out}.popup-container.show-image .popup-newsletter-image{width:36rem}.popup-newsletter-image img{width:100%;height:100%;object-fit:cover}.popup-container[data-position=bottom-left] .popup-newsletter-image-wrapper,.popup-container[data-position=bottom-right] .popup-newsletter-image-wrapper{display:none}@media screen and (max-width: 749px){.popup-newsletter-image-wrapper{display:none}.popup-container[data-position=center].show-image .popup-newsletter-inner-wrapper{padding-left:0rem}}.popup-newsletter-content-wrapper{background:var(--gradient-background);background-color:rgb(var(--color-background));max-width:calc(min(var(--popup-width),var(--popup-max-width)) - var(--image-width))}@media screen and (max-width: 749px){.popup-newsletter-inner-wrapper{width:100%}.popup-newsletter-content-wrapper{max-width:100%;width:100%}.popup-newsletter-content-wrapper .newsletter__wrapper{padding:2.5rem 1.5rem}}@media screen and (min-width: 750px){.popup-newsletter-content-wrapper .newsletter__wrapper{padding:var(--popup-padding)}}.popup-newsletter-close{display:flex!important;align-items:center;justify-content:center;position:absolute;height:4.4rem;width:4.4rem;border-radius:50%;top:1rem;right:1rem;color:rgb(var(--color-foreground));background-color:transparent;border:none;outline:none;padding:0;cursor:pointer;z-index:5}.popup-newsletter-close:after{content:"";z-index:-1;position:absolute;width:3.4rem;height:3.4rem;border-radius:50%;background-color:rgb(var(--color-background));box-shadow:0 0 4rem rgba(var(--color-foreground),.2)}.popup-newsletter-close .icon{pointer-events:none;position:relative;width:1.6rem;height:1.6rem;transition:transform var(--duration-default) ease;will-change:transform;transform:scale(1) rotate(0)}@media screen and (hover: hover){.popup-newsletter-close:hover .icon{transform:scale(.8) rotate(90deg)}}.popup-newsletter-content-wrapper .newsletter-form{max-width:unset}.popup-newsletter-content-wrapper .newsletter.center .newsletter-form{align-items:center}.popup-newsletter-content-wrapper .newsletter.left .newsletter-form{align-items:flex-start}.popup-newsletter-content-wrapper .newsletter.right .newsletter-form{align-items:flex-end}.popup-newsletter-content-wrapper .newsletter__wrapper .newsletter-form__field-wrapper{max-width:100%}.popup-newsletter-content-wrapper .newsletter__wrapper .newsletter-form__field-wrapper .newsletter-form__button{min-width:unset;width:auto}@media screen and (min-width: 750px) and (max-width: 850px){.popup-newsletter-content-wrapper .newsletter__wrapper .newsletter-form__field-wrapper .field{flex-wrap:wrap;gap:10px}.popup-newsletter-content-wrapper .newsletter__wrapper .newsletter-form__field-wrapper .field .field__input{padding-right:1.5rem}.popup-newsletter-content-wrapper .newsletter__wrapper .newsletter-form__field-wrapper .newsletter-form__button{width:100%}}@media screen and (max-width: 475px){.popup-newsletter-content-wrapper .newsletter__wrapper .newsletter-form__field-wrapper .field{flex-wrap:wrap;gap:10px}.popup-newsletter-content-wrapper .newsletter__wrapper .newsletter-form__field-wrapper .field .field__input{padding-right:1.5rem}.popup-newsletter-content-wrapper .newsletter__wrapper .newsletter-form__field-wrapper .newsletter-form__button{width:100%}}.popup-newsletter-content-wrapper .newsletter__wrapper .newsletter-form__field-wrapper{display:flex;flex-wrap:wrap;gap:10px}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-newsletter.css.map */