.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.popup-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.popup-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.popup-container{position:relative;max-width:90vw;max-height:90vh;width:100%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden;transform:scale(.9) translateY(20px);transition:transform .3s ease;z-index:1}.popup-overlay.show .popup-container{transform:scale(1) translateY(0)}@media screen and (min-width: 750px){.popup-container{max-width:800px;width:800px}}@media screen and (min-width: 990px){.popup-container{max-width:900px;width:900px}}.popup-close{position:absolute;top:1rem;right:1rem;z-index:2;background:rgba(var(--color-background),.9);color:rgb(var(--color-foreground));border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,transform .2s ease;box-shadow:0 2px 10px #0000001a}.popup-close:hover{background:rgba(var(--color-background),1);transform:scale(1.1)}.popup-close .svg-wrapper{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.popup-close svg{width:100%;height:100%;fill:currentColor}.popup-content{height:100%;overflow-y:auto}.image-with-newsletter{display:flex;flex-direction:column;height:100%}.image-with-newsletter__grid{display:grid;grid-template-columns:1fr;height:100%;min-height:400px;gap:0;align-items:stretch}.image-with-newsletter__grid .grid__item{width:100%;max-width:100%}@media screen and (min-width: 750px){.image-with-newsletter__grid{grid-template-columns:1fr 1fr;min-height:500px;gap:0;width:100%}.image-with-newsletter__grid--reverse{direction:rtl}.image-with-newsletter__grid--reverse>*{direction:ltr}.image-with-newsletter__media-item,.image-with-newsletter__text-item{width:auto;max-width:none}}.image-with-newsletter__media-item{position:relative;width:100%;min-width:0}.image-with-newsletter__media{width:100%;height:100%;position:relative;overflow:hidden;border-radius:0}.image-with-newsletter__media.global-media-settings{border:0;background-color:transparent}.image-with-newsletter__media.global-media-settings:after{content:none}.image-with-newsletter__media.global-media-settings img,.image-with-newsletter__media.global-media-settings .placeholder-svg{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--media-radius);border-bottom-left-radius:var(--media-radius)}.image-with-newsletter__grid--reverse .image-with-newsletter__media.global-media-settings img,.image-with-newsletter__grid--reverse .image-with-newsletter__media.global-media-settings .placeholder-svg{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--media-radius);border-bottom-right-radius:var(--media-radius)}.image-with-newsletter__media--adapt{height:auto}.image-with-newsletter__media--small{height:300px}.image-with-newsletter__media--medium{height:400px}.image-with-newsletter__media--large{height:500px}@media screen and (min-width: 750px){.image-with-newsletter__media{height:100%}}.image-with-newsletter__media img{width:100%;height:100%;object-fit:cover;object-position:center}.image-with-newsletter__media--placeholder{display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:2px dashed rgba(var(--color-foreground),.2);border-radius:0;margin:0;height:100%}.image-with-newsletter__text-item{display:flex;align-items:stretch;width:100%;min-width:0}.image-with-newsletter__content{display:flex;flex-direction:column;justify-content:center;padding:2.5rem;gap:2rem;width:100%;height:100%;color:rgb(var(--color-foreground))}@media screen and (min-width: 750px){.image-with-newsletter__content{padding:4rem;gap:2.5rem}.image-with-newsletter__text{font-size:1.2rem}}.image-with-newsletter__content--top{justify-content:flex-start}.image-with-newsletter__content--middle{justify-content:center}.image-with-newsletter__content--bottom{justify-content:flex-end}.image-with-newsletter__content--desktop-left{text-align:left}.image-with-newsletter__content--desktop-center{text-align:center}.image-with-newsletter__content--desktop-right{text-align:right}.image-with-newsletter__content--mobile-left{text-align:left}.image-with-newsletter__content--mobile-center{text-align:center}.image-with-newsletter__content--mobile-right{text-align:right}@media screen and (min-width: 750px){.image-with-newsletter__content--mobile-left,.image-with-newsletter__content--mobile-center,.image-with-newsletter__content--mobile-right{text-align:left}}.image-with-newsletter__heading{margin:0;line-height:1.3;font-weight:600;color:rgb(var(--color-foreground))}.image-with-newsletter__text{margin:0;line-height:1.7;color:rgb(var(--color-foreground));opacity:.9;font-size:1.1rem}.image-with-newsletter__text.subtitle{font-size:1.6rem;line-height:calc(1 + .8 / var(--font-body-scale));letter-spacing:.08rem;color:rgba(var(--color-foreground),.7)}.image-with-newsletter__text.caption-with-letter-spacing{text-transform:uppercase;letter-spacing:.1em;font-size:.875rem}.image-with-newsletter__text--caption{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;color:rgb(var(--color-foreground));opacity:.7}.newsletter__subheading{margin:0;opacity:.8;color:rgb(var(--color-foreground));line-height:1.6}.popup-overlay .newsletter-form{margin-top:2.5rem;width:100%}.popup-overlay .newsletter-form__field-wrapper{position:relative;width:100%}.popup-overlay .field{position:relative;display:flex;border-radius:var(--inputs-radius);overflow:visible;border:0;background:transparent}.popup-overlay .field:focus-within{box-shadow:none}.popup-overlay .field__input{flex:1;border:0;background:rgb(var(--color-background));padding:1.5rem;font-size:1.6rem;outline:none;color:rgb(var(--color-foreground));font-family:inherit}.popup-overlay .field__input::placeholder{color:rgba(var(--color-foreground),.5);font-family:inherit}.popup-overlay .field__label{position:absolute;top:calc(1rem + var(--inputs-border-width));left:calc(var(--inputs-border-width) + 2rem);pointer-events:none;color:rgba(var(--color-foreground),.75);transition:top var(--duration-short) ease,font-size var(--duration-short) ease;font-family:inherit;font-size:1.6rem;letter-spacing:.1rem;line-height:1.5}.popup-overlay .field__input:focus+.field__label,.popup-overlay .field__input:not(:placeholder-shown)+.field__label{top:calc(var(--inputs-border-width) + .5rem);left:calc(var(--inputs-border-width) + 2rem);font-size:1rem;color:rgba(var(--color-foreground),.75)}.popup-overlay .newsletter-form__button{border:0;background:transparent;color:currentColor;padding:0;cursor:pointer;transition:color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;width:4.4rem;min-width:4.4rem;height:100%;right:var(--inputs-border-width)}.popup-overlay .newsletter-form__button:hover{background:transparent;transform:translateY(-1px)}.popup-overlay .newsletter-form__button .svg-wrapper{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.popup-overlay .newsletter-form__button svg{width:100%;height:100%;fill:currentColor}.popup-overlay .newsletter-form__message{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;border-radius:4px;font-size:.875rem}.popup-overlay .newsletter-form__message .svg-wrapper{width:16px;height:16px;flex-shrink:0}.popup-overlay .newsletter-form__message svg{width:100%;height:100%;fill:currentColor}.popup-overlay .newsletter-form__message--success{background:rgb(var(--color-success-background, 220, 255, 220));color:rgb(var(--color-success-foreground, 0, 120, 0));border:1px solid rgb(var(--color-success-border, 0, 200, 0))}.popup-overlay .form__message{background:rgb(var(--color-error-background, 255, 240, 240));color:rgb(var(--color-error-foreground, 180, 0, 0));border:1px solid rgb(var(--color-error-border, 255, 200, 200))}.popup-overlay .button{display:inline-block;padding:1rem 2rem;text-decoration:none;border-radius:8px;font-weight:500;text-align:center;cursor:pointer;border:none;transition:all .2s ease;font-size:1rem;line-height:1.2;margin-top:1rem;font-family:inherit}.popup-overlay .button--primary{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.popup-overlay .button--primary:hover{background:rgb(var(--color-button-hover, var(--color-button)));transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-button, var(--color-foreground)),.2)}.popup-overlay .button--secondary{background:transparent;color:rgb(var(--color-foreground));border:1px solid rgb(var(--color-foreground))}.popup-overlay .button--secondary:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background));transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-foreground),.2)}.animate--slide-in{animation:slideInUp .6s ease forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 749px){.popup-container{margin:1rem;max-height:calc(100vh - 2rem);border-radius:12px}.image-with-newsletter__content{padding:2.5rem 2rem;gap:2rem;text-align:center}.popup-close{top:.75rem;right:.75rem;width:35px;height:35px}.image-with-newsletter__grid{min-height:auto;grid-template-columns:1fr}.image-with-newsletter__media--small,.image-with-newsletter__media--medium,.image-with-newsletter__media--large{height:300px}.image-with-newsletter__text{font-size:1.1rem}}@media (prefers-color-scheme: dark){.popup-backdrop{background:#000c}.popup-close{background:rgba(var(--color-background),.9);color:rgb(var(--color-foreground))}.popup-close:hover{background:rgba(var(--color-background),1)}.image-with-newsletter__media--placeholder{border-color:rgba(var(--color-foreground),.3)}}@media (prefers-reduced-motion: reduce){.popup-overlay,.popup-container,.popup-close,.newsletter-form__button,.button,.animate--slide-in{transition:none;animation:none}}.popup-close:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.popup-overlay .field__input:focus-visible{outline:none}.popup-overlay .newsletter-form__button:focus-visible,.popup-overlay .button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media (prefers-contrast: high){.popup-overlay .field,.popup-overlay .button--secondary{border-width:2px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-newsletter-popup.css.map */