.newsletter-popup{display:contents}.newsletter-popup__dialog{width:min(740px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:0;margin:auto;overflow:visible;background:transparent;color:var(--mondo-color-ink);opacity:0;transform:translateY(18px);transition:opacity var(--mondo-motion-duration-dialog) var(--mondo-motion-easing-standard),transform var(--mondo-motion-duration-dialog) var(--mondo-motion-easing-standard)}.newsletter-popup__dialog::backdrop{background:#080f21b8}.newsletter-popup__dialog.is-visible{opacity:1;transform:translateY(0)}.newsletter-popup__panel{position:relative;display:grid;width:100%;min-height:432px;max-height:calc(100dvh - 48px);grid-template-columns:40% 60%;overflow:hidden;overscroll-behavior:contain;border:0;background:var(--mondo-color-canvas);scrollbar-width:none}.newsletter-popup__panel::-webkit-scrollbar{display:none}.newsletter-popup__close{position:absolute;z-index:1;top:0;right:0;display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;padding:4px;border:0;border-radius:0;background:var(--mondo-color-canvas)}.newsletter-popup__close .site-icon{width:14px;height:14px}.newsletter-popup__close:hover{opacity:.55}.newsletter-popup__close:focus-visible{outline:var(--mondo-border-width) solid var(--mondo-color-ui);outline-offset:1px}.newsletter-popup__content{display:grid;grid-column:2;grid-row:1;grid-template-rows:minmax(0,1fr) minmax(0,1fr);align-content:stretch;justify-items:center;padding:44px 40px;text-align:center}.newsletter-popup__brand{align-self:center;line-height:0;transform:translateY(18px)}.newsletter-popup__brand .mark-logo{display:block;width:auto;height:25px}.newsletter-popup__title{max-width:none;margin-top:24px;font-size:var(--mondo-font-size-label);font-weight:var(--mondo-font-weight-medium);letter-spacing:var(--mondo-letter-spacing-footer-heading);line-height:var(--mondo-line-height-footer);text-align:center;text-transform:uppercase}.newsletter-popup__copy{max-width:46ch;margin:0;font-size:var(--mondo-font-size-body);letter-spacing:var(--mondo-letter-spacing-ui);line-height:var(--mondo-line-height-footer);text-align:center;transform:translateY(2px)}.newsletter-popup__details{display:grid;width:100%;align-self:start;justify-items:center;padding-top:12px;transform:translateY(9px)}.newsletter-popup__form{width:100%;margin-top:16px}.newsletter-popup__fields{display:grid;grid-template-columns:minmax(0,1fr) 117px;gap:5px;align-items:center}.newsletter-popup__input{width:100%;min-height:44px;padding:0 11px;border:var(--mondo-border-width) solid var(--mondo-color-muted);background:transparent;font-size:var(--mondo-font-size-label);letter-spacing:var(--mondo-letter-spacing-ui);line-height:var(--mondo-line-height-body)}.newsletter-popup__input::placeholder{color:var(--mondo-color-muted);opacity:1}.newsletter-popup__input:focus-visible{border-color:var(--mondo-color-ink);outline:0}.newsletter-popup__submit{display:inline-flex;width:auto;min-width:117px;min-height:44px;align-items:center;justify-content:center;padding:0 18px;border:0;background:var(--mondo-color-ink);color:var(--mondo-color-canvas);font-size:var(--mondo-font-size-label);font-weight:var(--mondo-font-weight-book);letter-spacing:var(--mondo-letter-spacing-ui);line-height:var(--mondo-line-height-label);text-transform:uppercase}.newsletter-popup__submit:hover,.newsletter-popup__submit:focus-visible{background:var(--mondo-color-action);text-decoration:none}.newsletter-popup__message{font-size:var(--mondo-font-size-body);line-height:var(--mondo-line-height-form-message)}.newsletter-popup__message ul{margin:0;padding-left:16px}.newsletter-popup__media .media-placeholder__empty>span{display:none}.newsletter-popup__media .media-placeholder{height:100%;aspect-ratio:auto}.newsletter-popup__media{min-height:0;grid-column:1;grid-row:1;padding:0}@media screen and (max-width:47.999em){.newsletter-popup__dialog{top:0;right:0;bottom:0;left:0;width:calc((100vw - 12px)*.8);max-height:calc(100dvh - 12px);margin:auto;transform:translateY(18px)}.newsletter-popup__dialog.is-visible{transform:translateY(0)}.newsletter-popup__panel{display:grid;min-height:0;max-height:calc(100dvh - 12px);aspect-ratio:auto;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.newsletter-popup__content{grid-column:1;grid-row:2;min-height:clamp(164px,43vw,176px);padding:14px 10px}.newsletter-popup__brand{transform:translateY(-6px)}.newsletter-popup__brand .mark-logo{height:18px}.newsletter-popup__details{padding-top:0;transform:translateY(-2px)}.newsletter-popup__close{top:0;right:0;left:auto}.newsletter-popup__title{margin-top:8px;font-size:11px;font-weight:var(--mondo-font-weight-medium);white-space:nowrap}.newsletter-popup__copy{margin-top:0;font-size:10px;font-size-adjust:var(--mondo-font-size-adjust-body);transform:none}.newsletter-popup__form{margin-top:7px}.newsletter-popup__fields{grid-template-columns:minmax(0,1fr) 86px;gap:5px}.newsletter-popup__input{min-height:38px;padding-inline:10px;font-size:10px;font-size-adjust:var(--mondo-font-size-adjust-body);line-height:var(--mondo-line-height-body)}.newsletter-popup__submit{width:auto;min-height:38px;min-width:86px;font-size:11px;letter-spacing:.8px;line-height:14px}.newsletter-popup__message{font-family:var(--mondo-font-family);font-size:11px;font-size-adjust:var(--mondo-font-size-adjust-body);letter-spacing:var(--mondo-letter-spacing-ui)}.newsletter-popup__media{grid-column:1;grid-row:1;width:100%;height:auto;aspect-ratio:3 / 4;padding:0}}@media(prefers-reduced-motion:reduce){.newsletter-popup__dialog{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-newsletter-popup.css.map */