.newsletter-popup,.newsletter-popup__dialog-component{display:contents}.dialog-modal.newsletter-popup__dialog{box-sizing:border-box;position:fixed;width:min(var(--newsletter-popup-width),calc(100vw - 32px));height:fit-content;max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;overflow:hidden;border:1px solid rgb(0 0 0 / 18%);border-radius:var(--newsletter-popup-radius);background:var(--newsletter-popup-background);color:var(--newsletter-popup-text);box-shadow:0 18px 70px #0000003d}.dialog-modal.newsletter-popup__dialog[open]{animation:newsletter-popup-enter .36s cubic-bezier(.2,.75,.25,1) both}.dialog-modal.newsletter-popup__dialog.dialog-closing{animation:newsletter-popup-exit .22s ease-in both}.dialog-modal.newsletter-popup__dialog::backdrop{background:rgb(var(--newsletter-popup-backdrop-rgb) / 0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.dialog-modal.newsletter-popup__dialog[open]::backdrop{animation:newsletter-popup-backdrop-in .36s ease-out both}.dialog-modal.newsletter-popup__dialog.dialog-closing::backdrop{animation:newsletter-popup-backdrop-out .22s ease-in both}.newsletter-popup__layout{display:grid;grid-template-columns:minmax(0,var(--newsletter-popup-image-width)) minmax(0,1fr);align-items:center;max-height:calc(100dvh - 42px);padding-block:24px;overflow-y:auto}.newsletter-popup__layout--no-image{grid-template-columns:minmax(0,1fr)}.newsletter-popup__image{position:relative;width:min(100%,calc(100dvh - 96px));aspect-ratio:1;min-width:0;max-height:calc(100dvh - 96px);justify-self:start;overflow:hidden;background:#0000000a}.newsletter-popup__image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.newsletter-popup__content{display:flex;align-items:center;justify-content:center;min-width:0;padding:24px clamp(22px,3vw,40px)}.newsletter-popup__copy{width:100%;max-width:500px;margin-inline:auto;text-align:center}.newsletter-popup__heading{max-width:480px;margin:0 auto 14px;color:inherit;font-family:var(--font-heading--family, serif);font-size:clamp(32px,3.2vw,46px);font-weight:var(--font-heading--weight, 400);line-height:1.12}.newsletter-popup__description{margin:0 auto 14px;font-size:15px;line-height:1.4}.newsletter-popup__description>*{margin-block:0}.newsletter-popup__form{margin:0}.newsletter-popup__form-row{display:flex;align-items:stretch;gap:12px}.newsletter-popup__input{flex:1 1 auto;width:1%;min-width:0;min-height:56px;padding:12px 16px;border:1px solid var(--newsletter-popup-input-border);border-radius:0;background:var(--newsletter-popup-input-background);color:var(--newsletter-popup-text);font:inherit;font-size:14px;text-align:center}.newsletter-popup__input:focus-visible,.newsletter-popup__submit:focus-visible,.newsletter-popup__close:focus-visible,.newsletter-popup__socials a:focus-visible{outline:2px solid currentcolor;outline-offset:3px}.newsletter-popup__submit{flex:0 0 auto;min-width:116px;min-height:56px;padding:12px 20px;border:1px solid var(--newsletter-popup-button-background);border-radius:0;background:var(--newsletter-popup-button-background);color:var(--newsletter-popup-button-text);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .16s ease}.newsletter-popup__submit:hover{opacity:.82}.newsletter-popup__message{margin:12px 0 0;font-size:14px}.newsletter-popup__socials{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:12px}.newsletter-popup__socials a,.newsletter-popup__socials span{display:inline-flex;width:22px;height:22px;color:inherit}.newsletter-popup__socials svg{width:100%;height:100%}.newsletter-popup__close{position:absolute;z-index:2;top:14px;inset-inline-end:14px;display:grid;place-items:center;width:38px;height:38px;padding:7px;border:1px solid rgb(0 0 0 / 35%);border-radius:0;background:var(--newsletter-popup-background);color:var(--newsletter-popup-text);cursor:pointer}.newsletter-popup__close svg{width:22px;height:22px}@keyframes newsletter-popup-enter{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes newsletter-popup-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.99)}}@keyframes newsletter-popup-backdrop-in{0%{background:rgb(var(--newsletter-popup-backdrop-rgb) / 0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:rgb(var(--newsletter-popup-backdrop-rgb) / var(--newsletter-popup-backdrop-opacity));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@keyframes newsletter-popup-backdrop-out{0%{background:rgb(var(--newsletter-popup-backdrop-rgb) / var(--newsletter-popup-backdrop-opacity));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}to{background:rgb(var(--newsletter-popup-backdrop-rgb) / 0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@media screen and (max-width:749px){.dialog-modal.newsletter-popup__dialog{width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 28px);border-radius:var(--newsletter-popup-radius)}.newsletter-popup__layout{grid-template-columns:minmax(0,1fr);align-items:start;max-height:calc(100dvh - 30px);padding-block:0;overflow-y:auto}.newsletter-popup__layout--image-bottom{grid-template-rows:auto auto}.newsletter-popup__layout--image-bottom .newsletter-popup__image{grid-row:2}.newsletter-popup__layout--image-bottom .newsletter-popup__content{grid-row:1}.newsletter-popup__image{width:100%;height:clamp(150px,28vh,220px);max-height:none;aspect-ratio:auto}.newsletter-popup__layout--hide-image-mobile{grid-template-rows:auto}.newsletter-popup__layout--hide-image-mobile .newsletter-popup__image{display:none}.newsletter-popup__content{padding:32px 24px 24px}.newsletter-popup__heading{max-width:420px;margin-bottom:10px;font-size:clamp(30px,8vw,40px)}.newsletter-popup__description{margin-bottom:14px;font-size:14px}.newsletter-popup__form-row{flex-direction:column;gap:10px}.newsletter-popup__input,.newsletter-popup__submit{width:100%;min-height:52px}.newsletter-popup__close{top:10px;inset-inline-end:10px;width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.dialog-modal.newsletter-popup__dialog[open],.dialog-modal.newsletter-popup__dialog.dialog-closing,.dialog-modal.newsletter-popup__dialog[open]::backdrop,.dialog-modal.newsletter-popup__dialog.dialog-closing::backdrop{animation-duration:1ms}.newsletter-popup__submit{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/newsletter-popup.css.map */