.newsletter{position:fixed;bottom:16px;right:16px;width:calc(100% - 32px);max-width:700px;overflow:hidden;transform:translate(calc(100% + 32px));transition:transform .8s ease-in-out}.newsletter.visible{transform:translate(0)}.newsletter-logo{position:absolute;top:32px;left:32px;width:80px}.newsletter .close-button{position:absolute;top:16px;right:16px;background:#fff;border-radius:100px;width:40px;height:40px;padding:0;min-width:unset;min-height:unset;color:var(--color-foreground)}.newsletter .close-button .svg-wrapper{width:16px;height:16px}.newsletter__wrapper.newsletter__wrapper{padding:0;border:1px solid rgb(var(--color-foreground));display:flex;max-height:100%}.newsletter-content-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:64px 32px}.newsletter-prompt-button{padding:4px 24px;background:#fff;position:fixed;bottom:0;right:32px;color:var(--color-foreground);border:1px solid rgb(var(--color-foreground));transform:translateY(100%);border-bottom:0;display:flex;align-items:center;gap:8px;transition:transform .3s ease-in-out}.newsletter-prompt-button.visible{transform:translateY(0)}.newsletter-content>*{margin:0;text-align:left}.newsletter__wrapper>*{margin-top:0;margin-bottom:0}.newsletter__wrapper>*+*{margin-top:2rem}.newsletter__wrapper>*+.newsletter-form{margin-top:3rem}.newsletter-image-section{margin:0;font-size:0;max-height:100%;display:none}.newsletter-image{max-height:100%}.newsletter__wrapper .newsletter-social-list{background:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;gap:8px;padding-block:16px}.newsletter__wrapper .newsletter-social-list li{width:32px;height:32px}.newsletter__wrapper .newsletter-social-list .list-social__link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0}.newsletter__wrapper .newsletter-social-list .svg-wrapper{width:28px;height:28px}.newsletter__wrapper .newsletter-social-list svg{fill:#fff;height:100%;width:100%}.newsletter__subheading{margin-top:.8rem}.newsletter-form__field-wrapper .newsletter-form__message{margin-top:1.5rem}.newsletter__button{margin-top:3rem;width:fit-content}@media screen and (min-width: 500px){.newsletter{width:calc(100% - 64px);right:32px}}@media screen and (min-width: 750px){.newsletter{height:400px}.newsletter-content-wrapper{flex:0 0 60%}.newsletter__wrapper.newsletter__wrapper{flex-direction:row}.newsletter__button{flex-shrink:0;margin:0 0 0 1rem}.newsletter-image-section{display:block}.newsletter-image{width:100%;object-fit:cover}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/newsletter-section.css.map */