.newsletter-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;visibility:hidden;opacity:0;transition:visibility .3s,opacity .3s;pointer-events:none}.newsletter-popup.is-open{visibility:visible;opacity:1;pointer-events:auto}.newsletter-popup__overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#00000080!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;cursor:pointer;z-index:9998!important;display:none}.newsletter-popup.is-open .newsletter-popup__overlay{display:block!important}@supports (-webkit-backdrop-filter: blur(10px)){.newsletter-popup__overlay{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background-color:#0006!important}}@supports not (backdrop-filter: blur(10px)){.newsletter-popup__overlay{background-color:#000000bf!important}}.newsletter-popup__content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) translateY(20px);max-width:900px;width:90%;max-height:90vh;overflow:hidden;background:rgb(var(--color-background));padding:0;transition:transform .3s ease,opacity .3s ease;box-shadow:0 10px 40px #00000026;z-index:10000;pointer-events:auto;opacity:0;visibility:hidden;display:flex;flex-direction:row}.newsletter-popup.is-open .newsletter-popup__content{transform:translate(-50%,-50%);opacity:1;visibility:visible}.newsletter-popup__close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;cursor:pointer;padding:.5rem;color:rgb(var(--color-foreground));z-index:1;opacity:.5;transition:opacity .2s}.newsletter-popup__close:hover{opacity:1}.newsletter-popup__close svg{width:18px;height:18px}.newsletter-popup__inner{display:flex;flex-direction:row;width:100%;min-height:450px}.newsletter-popup__image{width:50%;flex-shrink:0}.newsletter-popup__image img{width:100%;height:100%;object-fit:cover}.newsletter-popup__body{width:50%;padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:center;text-align:center}.newsletter-popup__heading{margin:0 0 1rem;font-size:1.75rem!important;font-weight:400;letter-spacing:.1em}.newsletter-popup__heading.h0{font-size:1.6rem!important}.newsletter-popup__heading.h1,.newsletter-popup__heading.h2{font-size:1.25rem!important}.newsletter-popup__text{margin-bottom:.75rem;font-size:.7rem!important;line-height:1.5;opacity:.8}.newsletter-popup__text p{margin:0}.newsletter-popup__form{margin-top:1.5rem;margin-bottom:.5rem}.newsletter-popup__form .newsletter-form{max-width:100%}.newsletter-popup__form .field{margin:0}.newsletter-popup__form .newsletter-form__field-wrapper{display:flex;flex-direction:column;gap:1rem;align-items:center;max-width:320px;margin:0 auto}.newsletter-popup__form .newsletter-form__message--success{text-align:center;padding:2rem;font-size:1.1rem;margin-top:1rem;background:#22c55e1a;border-radius:12px;color:#22c55e;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:1rem;animation:successFadeIn .5s ease-in-out;border:2px solid rgba(34,197,94,.3)}.newsletter-popup__form:has(.newsletter-form__message--success) .field{display:none}@keyframes successFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.newsletter-popup__form .newsletter-form__message--success .svg-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#22c55e;border-radius:50%;animation:checkmarkPop .6s ease-in-out}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.newsletter-popup__form .newsletter-form__message--success svg{width:24px;height:24px;color:#fff;stroke:#fff;fill:#fff}.newsletter-popup__form .field{border-bottom:1px solid rgba(var(--color-foreground),.2);width:100%}.newsletter-popup__form .field__input{padding:.75rem .5rem;font-size:.85rem;background:transparent;width:100%;color:rgb(var(--color-foreground))}.newsletter-popup__form .field__input::placeholder{color:#666;font-size:.85rem;opacity:1!important}.newsletter-popup__form .field__input::-webkit-input-placeholder{color:#666;opacity:1!important}.newsletter-popup__form .field__input::-moz-placeholder{color:#666;opacity:1!important}.newsletter-popup__form .field__input:-ms-input-placeholder{color:#666;opacity:1!important}.newsletter-popup__form .field__input:-moz-placeholder{color:#666;opacity:1!important}.newsletter-popup__form .field__label{display:none}.newsletter-popup__submit-btn,.newsletter-popup__form .button{padding:.9rem 2.5rem;width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border:1px solid rgb(var(--color-foreground));font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;margin-top:0!important;margin-bottom:0}.newsletter-popup__submit-btn:hover,.newsletter-popup__form .button:hover{background:transparent;color:rgb(var(--color-foreground))}.newsletter-popup__submit-btn .button__icon,.newsletter-popup__form .button .button__icon{width:14px;height:14px;display:flex;align-items:center;transition:transform .3s ease}.newsletter-popup__submit-btn:hover .button__icon,.newsletter-popup__form .button:hover .button__icon{transform:translate(3px)}.newsletter-popup__submit-btn .button__icon svg,.newsletter-popup__form .button .button__icon svg{width:100%;height:100%}@media screen and (max-width: 749px){.newsletter-popup__content{padding:0;width:92%;max-width:400px;flex-direction:column}.newsletter-popup__inner{flex-direction:column;min-height:auto}.newsletter-popup__image{width:100%;height:200px}.newsletter-popup__image img{object-position:top}.newsletter-popup__body{width:100%;padding:2rem 1.5rem 2.5rem}.newsletter-popup__heading{font-size:1.25rem!important}.newsletter-popup__heading.h0{font-size:2rem!important}.newsletter-popup__heading.h1{font-size:1.15rem!important}.newsletter-popup__heading.h2{font-size:1rem!important}.newsletter-popup__text{font-size:.8rem}.newsletter-popup__submit-btn,.newsletter-popup__form .button{width:100%;font-size:.8rem;padding:.85rem 1.5rem;margin-top:0!important}.newsletter-popup__form .newsletter-form__field-wrapper{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/newsletter-popup.css.map */