.newsletter-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modals);width:100%;height:100%;display:flex;justify-content:center;align-items:center;will-change:visibility,opacity;transition:visibility var(--duration-default),opacity var(--duration-default);opacity:0;visibility:hidden;pointer-events:none}.newsletter-popup[open]{opacity:1;visibility:visible;pointer-events:all}.newsletter-popup:after{content:"";position:fixed;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--text);opacity:.2}.newsletter-popup__wrapper{position:relative;overflow-y:auto;overflow-x:hidden;width:100%;max-width:117rem;max-height:96%;color:var(--text);background:var(--background);margin:1.6rem}.newsletter-popup,.newsletter-popup__wrapper{outline:none}.newsletter-popup__wrapper--wide{max-width:100%}.newsletter-popup__wrapper--wide .newsletter-popup__content{display:flex;justify-content:center;align-items:center}.newsletter-popup__close{position:absolute;top:.8rem;right:.8rem;z-index:2;display:flex;justify-content:center;align-items:center;border:0;border-radius:50%;width:3rem;height:3rem;cursor:pointer;color:currentColor;background:var(--background);padding:0}@media (min-width: 768px){.newsletter-popup--image-right .newsletter-popup__close{left:.8rem;right:unset}}@media (max-width: 767px){.newsletter-popup__close svg{transform:scale(1.5)}}.newsletter-popup__grid{height:100%;grid-auto-rows:1fr;align-items:center;gap:0}.newsletter-popup__grid.grid--2{min-height:50rem}.newsletter-popup__content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;text-align:center;max-width:42.5rem;height:100%;padding:4rem 2rem;margin:0 auto}.newsletter-popup__logo{margin-bottom:5.5rem}@media (max-width: 767px){.newsletter-popup__logo{margin-bottom:2.1rem}}.newsletter-popup__logo img{object-fit:contain}.newsletter-popup__title{font-size:3.6rem;text-align:center;margin:0 0 2.1rem}@media (max-width: 767px){.newsletter-popup__title{font-size:2.8rem;margin-bottom:1.3rem}}.newsletter-popup__entry p{margin:0}.newsletter-popup__entry p+p{margin-top:1rem}.newsletter-popup__form{width:100%;margin-top:2.1rem}@media (max-width: 767px){.newsletter-popup__form{margin-top:3.4rem}}.newsletter-popup__form .form-row+.form-row{margin-top:1rem}.newsletter-popup__form label{display:none}.newsletter-popup__form input[type=email]{text-align:left;height:5.5rem;background-color:transparent;color:var(--text);padding:0 2.4rem}.newsletter-popup__form input[type=email]::placeholder{opacity:.7;color:var(--text)}@media (max-width: 767px){.newsletter-popup__form input[type=email]{font-size:1.4rem;height:5.6rem;padding:0 2rem}}.newsletter-popup__close-button{font-size:1.4rem;font-weight:500;letter-spacing:.2rem;text-transform:uppercase;text-decoration:underline;border:none;cursor:pointer;color:var(--text);background:transparent;margin-top:3.4rem}@media (max-width: 767px){.newsletter-popup__close-button{margin-top:2.7rem}}.newsletter-popup__close-button:hover{text-decoration:none}.newsletter-popup__media{min-height:100%;font-size:0}.newsletter-popup__media-image-mobile{display:none}@media (max-width: 767px){.newsletter-popup__media-image-hidden-mobile{display:none}.newsletter-popup__media-image-mobile{display:block}}.newsletter-popup__media img{width:100%;height:auto}@media screen and (max-width: 767px){.newsletter-popup__grid{display:flex;flex-direction:column}.newsletter-popup__image{grid-row:1 / 2}.newsletter-popup__content{grid-row:2 / 3;justify-content:center}}.newsletter-popup--image-left .newsletter-popup__content{order:2}.newsletter-popup--image-right .newsletter-popup__content{order:-1}@media (max-width: 767px){.newsletter-popup--image-right .newsletter-popup__content{order:1}}.newsletter-popup--image-top .newsletter-popup__wrapper{max-width:70rem}.newsletter-popup--image-top .newsletter-popup__content{order:1;justify-content:center;padding:3.4rem 1.6rem}.newsletter-popup--image-top .newsletter-popup__logo{margin-bottom:3.4rem}.newsletter-popup--image-top .newsletter-popup__grid{display:flex;flex-direction:column}.newsletter-popup--image-top .newsletter-popup__image{grid-row:1 / 2}.newsletter-popup--image-top .newsletter-popup__content{grid-row:2 / 3}.newsletter-popup__wrapper--narrow{max-width:70rem}
/*# sourceMappingURL=/cdn/shop/t/26/assets/newsletter-popup.css.map */
