.nl-pop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease),visibility var(--dur-base)}.nl-pop.is-open{opacity:1;visibility:visible}.nl-pop__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);cursor:pointer}.nl-pop__panel{position:relative;z-index:1;width:100%;max-width:440px;background:var(--color-bg);border:var(--hairline) solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;transform:translateY(16px) scale(.98);transition:transform var(--dur-base) var(--ease)}.nl-pop.is-open .nl-pop__panel{transform:translateY(0) scale(1)}.nl-pop__panel--media{max-width:760px}.nl-pop__close{position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2);z-index:2;color:var(--color-text-muted)}.nl-pop__close:hover{color:var(--ink)}.nl-pop__media{display:none;background:var(--color-surface)}.nl-pop__img{width:100%;height:100%;object-fit:cover}.nl-pop__body{padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.nl-pop__title{font-size:var(--fs-h2);line-height:var(--lh-heading)}.nl-pop__text{max-width:42ch}.nl-pop__form{margin:0;margin-block-start:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.nl-pop__fields{display:flex;flex-direction:column;gap:var(--space-2)}.nl-pop__input{width:100%;min-height:var(--tap-min);border:var(--hairline) solid var(--color-border-strong);border-radius:var(--radius-sm);padding-inline:var(--space-4);font-size:var(--fs-body);background:var(--color-surface)}.nl-pop__input:focus{outline:2px solid var(--color-focus-ring);outline-offset:1px}.nl-pop__btn{width:100%}.nl-pop__success{color:var(--success);font-weight:var(--fw-medium)}@media(min-width:750px){.nl-pop__panel--media{display:grid;grid-template-columns:1fr 1fr}.nl-pop__panel--media .nl-pop__media{display:block}.nl-pop__panel--media .nl-pop__body{padding:var(--space-12) var(--space-8);justify-content:center}.nl-pop__fields{flex-direction:row}.nl-pop__btn{width:auto;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/newsletter-popup.css.map */