.email-signup-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:flex-end;justify-content:center;width:100%;pointer-events:none}.email-signup-popup[hidden]{display:none!important}.email-signup-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000047;opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1);pointer-events:none}.email-signup-popup.is-visible{pointer-events:auto}.email-signup-popup.is-visible .email-signup-popup__overlay{opacity:1;pointer-events:auto}.email-signup-popup__dialog{position:relative;width:100%;max-width:100%;min-height:0;max-height:94dvh;overflow:auto;padding:0 0 calc(.5rem + env(safe-area-inset-bottom));border:none;border-top:.1rem solid rgba(var(--color-foreground),.12);box-shadow:0 -1.2rem 3.6rem #00000029;text-align:left;pointer-events:auto;opacity:0;transform:translateY(105%);transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .45s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.email-signup-popup.is-visible .email-signup-popup__dialog{opacity:1;transform:translateY(0)}.email-signup-popup__close{position:absolute;top:.8rem;right:.8rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:none;border-radius:999px;background:rgba(var(--color-background),.88);color:rgb(var(--color-foreground));cursor:pointer}.email-signup-popup__close .svg-wrapper{width:1.6rem;height:1.6rem}.email-signup-popup__media{width:100%;margin:0;overflow:hidden;border-radius:0;background:rgba(var(--color-foreground),.04);line-height:0}.email-signup-popup__image,.email-signup-popup__placeholder{display:block;width:100%;height:auto;max-height:42dvh;object-fit:cover;object-position:center top}.email-signup-popup__content{width:100%;max-width:72rem;margin:0 auto;padding:1.6rem 1.5rem 0;text-align:left}.email-signup-popup__heading{margin:0 0 .8rem;padding-right:3rem;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-align:left}.email-signup-popup__text{margin:0 0 1.8rem;font-size:1.1rem;line-height:1.55;color:rgba(var(--color-foreground),.78);text-align:left}.email-signup-popup__form{margin-bottom:0}.email-signup-popup__field{display:flex;flex-direction:row;align-items:stretch;gap:0;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.22);background:rgb(var(--color-background))}.email-signup-popup__field:focus-within{border-color:rgba(var(--color-foreground),.45)}.email-signup-popup__input{width:100%;min-width:0;min-height:4.8rem;flex:1 1 auto;padding:0 1.2rem;border:none;border-radius:0;background:transparent;color:rgb(var(--color-foreground));font:inherit;box-shadow:none;filter:none;outline:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.email-signup-popup__input:hover,.email-signup-popup__input:focus,.email-signup-popup__input:focus-visible,.email-signup-popup__input:active{outline:none;box-shadow:none;border:none}.email-signup-popup__input:-webkit-autofill,.email-signup-popup__input:-webkit-autofill:hover,.email-signup-popup__input:-webkit-autofill:focus,.email-signup-popup__input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgb(var(--color-background)) inset;box-shadow:none;-webkit-text-fill-color:rgb(var(--color-foreground));border:none}.email-signup-popup__submit{width:auto;min-width:0;min-height:4.8rem;flex-shrink:0;margin:0;padding:0 1.2rem;border:none;border-left:.1rem solid rgba(var(--color-foreground),.22);border-radius:0;font-size:var(--type-small);font-weight:600;letter-spacing:.02em;text-transform:none;white-space:nowrap}@media screen and (max-width:389px){.email-signup-popup__submit{padding:0 .9rem;font-size:var(--type-micro)}}.email-signup-popup__legal{margin:.8rem 0 .2rem;font-size:var(--type-micro);line-height:1.45;text-align:left;color:rgba(var(--color-foreground),.62)}.email-signup-popup__legal .link{display:inline;font-size:inherit;line-height:inherit;color:rgba(var(--color-foreground),.78);text-decoration:underline;text-underline-offset:.15rem}.email-signup-popup__legal .link:hover{color:rgb(var(--color-foreground))}.email-signup-popup__message{margin:.8rem 0 0;font-size:var(--type-base);line-height:1.4;text-align:left}.email-signup-popup__message--error{color:rgb(var(--color-foreground))}.email-signup-popup__success-text{margin:0 0 1rem;font-size:1.1rem;line-height:1.5;text-align:left}@media screen and (min-width:750px){.email-signup-popup__dialog{min-height:0;max-height:88dvh;padding-bottom:calc(.6rem + env(safe-area-inset-bottom))}.email-signup-popup__media .email-signup-popup__image{max-height:32rem}.email-signup-popup__content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);grid-template-areas:"heading form" "text form";gap:.6rem 2.5rem;align-items:center;padding:2rem 3rem 0}.email-signup-popup__heading{grid-area:heading;margin:0;padding-right:0}.email-signup-popup__text{grid-area:text;margin:0}.email-signup-popup__form,.email-signup-popup__success{grid-area:form;margin:0}.email-signup-popup__submit{padding:0 1.8rem;font-size:1rem}}@media(prefers-reduced-motion:reduce){.email-signup-popup__overlay,.email-signup-popup__dialog{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-email-signup-popup.css.map */
