.newsletter-popup-flex{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%;gap:20px}.newsletter-popup-flex-row-reserve{flex-direction:row-reverse}.newsletter-popup-flex-row{flex-direction:row}.newsletter-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;z-index:3;opacity:1}.newsletter-popup-content{width:auto;max-width:800px;width:100%;text-align:center;position:relative;height:100%;max-height:500px;margin:20px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;padding:15px}.popup-image-content{width:40%;font-size:0;height:100%}.popup-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.close-popup{position:absolute;top:30px;right:30px;cursor:pointer;width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:red}.close-popup .icon.icon-close{width:16px}.newsletter-popup-text-content{padding:20px;width:calc(60% - 10px);border:2px dashed;border-radius:10px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.newsletter-popup-title{margin:0;font-size:30px;line-height:40px;padding-bottom:10px}.newsletter-popup-text p{margin:0;font-size:14px;line-height:24px}.newsletter-popup-text{padding-bottom:15px}.newsletter-popup-form-wrap,.newsletter-popup-form-wrap .newsletter-form,.newsletter-popup-form-wrap .newsletter-form-wrapper{width:100%}.newsletter-popup-form-wrap .newsletter-input-group{flex-direction:column;width:100%;justify-content:center;align-items:center}.newsletter-popup-form-wrap .newsletter-input-wrapper{width:100%}.newsletter-popup-form-wrap .newsletter-form-wrapper .newsletter-input{border:1px solid;border-radius:8px;padding:15px}.newsletter-popup-form-wrap .newsletter-button{padding:12px;font-size:14px;line-height:20px;width:100%;max-width:200px}@media only screen and (max-width:767px){.popup-image-content{width:100%;height:auto}.popup-image{max-height:300px;object-fit:cover}.newsletter-popup-text-content{width:100%}.newsletter-popup-title{font-size:30px;line-height:40px}.newsletter-popup-content{height:fit-content;max-height:550px;overflow:auto}.newsletter-popup-flex{flex-wrap:wrap;align-items:flex-start;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/5556/assets/newsletter-popup.css.map */
