.popup{--popup-level: 9999;--items-opacity: 0;--dialog-bottom: -300px;--dialog-max-width: 880px;--popup-transition: all .3s ease-in-out;pointer-events:none;background:transparent;visibility:hidden;opacity:1!important;display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--popup-level);overflow:hidden}.popup--narrow{--dialog-max-width: 480px}.popup.is-open{visibility:visible;--items-opacity: 1;--dialog-bottom: var(--container-margin)}.popup-dialog{pointer-events:auto;transition:var(--popup-transition);opacity:var(--items-opacity);position:absolute;bottom:var(--dialog-bottom);right:var(--container-margin);width:calc(100% - calc(var(--container-margin)* 2));max-width:var(--dialog-max-width);height:auto;max-height:90dvh;border-radius:var(--modal-border-radius);background-color:var(--color-background);color:var(--color-foreground);box-shadow:var(--box-shadow--big)}.popup-dialog picture{border-top-left-radius:var(--modal-border-radius);border-top-right-radius:var(--modal-border-radius)}.popup-close{transition:var(--popup-transition);opacity:var(--items-opacity);position:absolute;top:0;right:0;transform:translate(50%,-50%);z-index:2}.section--popup-newsletter .popup--narrow{--dialog-max-width: 440px;--popup-image-ratio: 4 / 3;--popup-image-max-h: 34dvh}.section--popup-newsletter .popup-dialog{display:flex;flex-direction:column;overflow:hidden;max-height:min(90dvh,780px);border-radius:0;box-shadow:0 18px 60px #0000001f}.section--popup-newsletter .popup-dialog>picture{flex:0 0 auto;min-height:0;width:100%;aspect-ratio:var(--popup-image-ratio);max-height:var(--popup-image-max-h);overflow:hidden;border-radius:0;background-color:var(--color-background)}.section--popup-newsletter .popup-dialog>picture img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.section--popup-newsletter .popup-dialog>.p-24{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;text-align:center;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}@media screen and (min-width:768px){.section--popup-newsletter .popup-dialog>.p-24{padding-bottom:40px}}.section--popup-newsletter .popup-dialog .p-24,.section--popup-newsletter .popup-dialog .sm-p-40{text-align:center}.section--popup-newsletter .popup-dialog h1,.section--popup-newsletter .popup-dialog h2,.section--popup-newsletter .popup-dialog h3,.section--popup-newsletter .popup-dialog [class*=title]{font-weight:400;letter-spacing:.12em;text-wrap:balance}.section--popup-newsletter .newsletter-form,.section--popup-newsletter .newsletter-form .newsletter-form__field-wrapper{width:100%}.section--popup-newsletter .newsletter-form .field__input{border-radius:0}.section--popup-newsletter .newsletter-form .btn{border-radius:0;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}@media screen and (max-width:379px){.section--popup-newsletter .newsletter-form .container-grid{grid-template-columns:1fr}}.section--popup-newsletter .popup-close{top:12px;right:12px;transform:none;border-radius:50%;min-height:4rem;min-width:4rem;background:#ffffffeb;color:#111;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 10px #0000002e}.section--popup-newsletter .popup-close:focus-visible{outline:2px solid var(--color-foreground, #111);outline-offset:2px}@media screen and (max-height:760px){.section--popup-newsletter .popup--narrow{--popup-image-max-h: 26dvh}}@media screen and (max-height:620px){.section--popup-newsletter .popup--narrow{--popup-image-max-h: 20dvh}.section--popup-newsletter .popup-dialog>.p-24{padding-top:20px}}@media screen and (max-height:520px){.section--popup-newsletter .popup-dialog>picture{display:none}.section--popup-newsletter .popup-dialog{max-height:calc(100dvh - 2 * var(--container-margin))}.section--popup-newsletter .popup-dialog>.p-24{padding-top:56px}}@media screen and (max-width:767px){.section--popup-newsletter .popup--narrow{--dialog-max-width: 440px}}@media(prefers-reduced-motion:reduce){.section--popup-newsletter .popup-dialog,.section--popup-newsletter .popup-close{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-popup.css.map */