email-popup{--ep-surface: rgb(var(--color-background));--ep-text: rgb(var(--color-foreground));--ep-text-muted: rgba(var(--color-foreground), .78);--ep-heading: rgb(var(--color-heading));--ep-btn: rgb(var(--color-button));--ep-on-btn: rgb(var(--color-button-text));--ep-accent: rgb(var(--color-accent));--ep-dark: rgb(var(--color-foreground));--ep-on-dark: rgb(var(--color-background));--ep-border: rgba(var(--color-foreground), .18);--ep-dot-off: rgba(var(--color-foreground), .28);--ep-input-border: rgba(var(--color-foreground), .55);--ep-hover: rgba(var(--color-foreground), .06);--ep-focus: rgb(var(--color-heading));--ep-shadow: rgba(var(--color-shadow), .22);--ep-chip-bg: rgba(var(--color-foreground), .03);--ep-error-text: #bc2a60;--ep-error-border: #f45b69;--ep-check: #2ec4b6;--ep-overlay: rgba(36, 40, 51, .62);--ep-font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;display:block}email-popup[hidden]{display:none}.email-popup__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--ep-overlay);display:flex;align-items:center;justify-content:center;padding:2.4rem;animation:ep-fade .2s ease both}.email-popup__card{position:relative;display:flex;width:80rem;max-width:100%;max-height:calc(100vh - 4.8rem);overflow:auto;background:var(--ep-surface);color:var(--ep-text);border-radius:1.2rem;box-shadow:0 2.4rem 6.4rem var(--ep-shadow);animation:ep-pop .28s cubic-bezier(.2,.8,.2,1) both}.email-popup__media{flex:0 0 32rem;display:flex;background:var(--ep-hover)}.email-popup__media img{width:100%;height:100%;object-fit:cover;display:block}.email-popup__body{position:relative;flex:1 1 auto;min-width:0;padding:4.8rem 4.8rem 3.2rem;display:flex;flex-direction:column;margin:0}.email-popup__close{position:absolute;top:.4rem;right:.4rem;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ep-text);display:flex;align-items:center;justify-content:center;cursor:pointer}.email-popup__close:hover{background:var(--ep-hover)}.email-popup__close .svg-wrapper{width:2rem;height:2rem}.email-popup__step{display:flex;flex-direction:column}.email-popup__step[hidden]{display:none}.email-popup__eyebrow{font-size:1.3rem;line-height:1.35;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ep-accent);margin:0 0 1.2rem}.email-popup__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:4.4rem;line-height:1.08;color:var(--ep-heading);margin:0 0 1.6rem;overflow-wrap:anywhere;text-wrap:balance}.email-popup__heading:focus{outline:none}.email-popup__heading:focus-visible{outline:.3rem solid var(--ep-focus);outline-offset:.4rem;border-radius:.4rem}.email-popup__text{font-size:1.7rem;line-height:1.55;color:var(--ep-text-muted);margin:0 0 2.8rem;max-width:42ch}.email-popup__btn{width:100%;min-height:5.2rem;padding:1.4rem 3.2rem;border-radius:4rem;border:.2rem solid transparent;font-family:var(--font-body-family);font-size:1.6rem;font-weight:600;line-height:1.25;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:1rem;text-align:center;text-decoration:none}.email-popup__btn--primary{background:var(--ep-btn);color:var(--ep-on-btn)}.email-popup__btn--primary:hover{background:var(--ep-accent)}.email-popup__btn--primary[aria-disabled=true]{cursor:progress;opacity:.82}.email-popup__btn--secondary{background:transparent;color:var(--ep-heading);border-color:var(--ep-heading)}.email-popup__btn--secondary:hover{background:var(--ep-heading);color:var(--ep-surface)}.email-popup__link{align-self:center;margin-top:.8rem;min-height:4.4rem;padding:1rem 1.4rem;background:none;border:0;border-radius:.4rem;font-family:var(--font-body-family);font-size:1.5rem;font-weight:500;line-height:1.3;color:var(--ep-text-muted);text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.email-popup__link:hover{color:var(--ep-text)}.email-popup__btn:focus-visible,.email-popup__close:focus-visible,.email-popup__link:focus-visible,.email-popup__copy:focus-visible,.email-popup__fine a:focus-visible{outline:.3rem solid var(--ep-focus);outline-offset:.3rem}.email-popup__field{margin:0 0 2rem}.email-popup__label{display:block;font-size:1.5rem;font-weight:600;margin:0 0 .8rem}.email-popup__input{width:100%;min-height:5.2rem;padding:1.2rem 2.2rem;border:.2rem solid var(--ep-input-border);border-radius:4rem;background:var(--ep-surface);color:var(--ep-text);font-family:var(--font-body-family);font-size:1.7rem;line-height:1.3}.email-popup__input:focus{outline:.3rem solid var(--ep-focus);outline-offset:.2rem}.email-popup__input[aria-invalid=true]{border-color:var(--ep-error-border)}.email-popup__input[readonly]{background:var(--ep-hover)}.email-popup__error{display:flex;gap:.8rem;align-items:flex-start;color:var(--ep-error-text);font-size:1.5rem;line-height:1.4;font-weight:500;margin:1rem 0 0}.email-popup__error[hidden]{display:none}.email-popup__error .svg-wrapper{flex:none;width:1.8rem;height:1.8rem;margin-top:.1rem}.email-popup__fine{font-size:1.3rem;line-height:1.5;color:var(--ep-text-muted);margin:1.6rem 0 0}.email-popup__fine p{margin:0}.email-popup__fine a{color:var(--ep-text);text-underline-offset:.2rem}.email-popup__spinner{width:1.8rem;height:1.8rem;border-radius:50%;border:.2rem solid currentColor;border-right-color:transparent;animation:ep-spin .8s linear infinite}.email-popup__spinner[hidden]{display:none}.email-popup__chip-label{font-size:1.3rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ep-text-muted);margin:0 0 .8rem}.email-popup__chip{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;border:.2rem dashed var(--ep-heading);border-radius:1.2rem;background:var(--ep-chip-bg);padding:1rem 1rem 1rem 2rem}.email-popup__chip.is-copied{border-style:solid}.email-popup__code{flex:1 1 14rem;min-width:0;font-family:var(--ep-font-mono);font-size:3rem;font-weight:700;line-height:1.2;letter-spacing:.08em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:.4rem 0}.email-popup__copy{flex:none;min-height:4.4rem;min-width:11.2rem;padding:1rem 1.8rem;border:0;border-radius:4rem;background:var(--ep-dark);color:var(--ep-on-dark);font-family:var(--font-body-family);font-size:1.5rem;font-weight:600;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;cursor:pointer}.email-popup__copy .svg-wrapper{width:1.8rem;height:1.8rem}.email-popup__icon-check{display:none;color:var(--ep-check)}.email-popup__copy.is-copied .email-popup__icon-check{display:block}.email-popup__copy.is-copied .email-popup__icon-copy{display:none}.email-popup__note{font-size:1.5rem;line-height:1.5;color:var(--ep-text-muted);margin:1.2rem 0 2.8rem}.email-popup__dots{display:flex;gap:.8rem;justify-content:center;align-items:center;margin-top:auto;padding-top:2.4rem}.email-popup__dots[hidden]{display:none}.email-popup__dot{width:.8rem;height:.8rem;border-radius:.4rem;background:var(--ep-dot-off)}.email-popup__dot.is-on{width:2.4rem;background:var(--ep-btn)}.email-popup__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media screen and (max-width:767px){.email-popup__overlay{align-items:flex-end;padding:2.4rem 0 0}.email-popup__card{width:100%;max-height:100%;border-radius:1.2rem 1.2rem 0 0;box-shadow:0 -.8rem 4rem var(--ep-shadow);animation-name:ep-rise;animation-duration:.34s}.email-popup__media{display:none}.email-popup__body{padding:5.2rem 2.4rem calc(2.4rem + env(safe-area-inset-bottom))}.email-popup__heading{font-size:3.4rem}}.email-popup__step.is-entering{animation:ep-fade .18s ease both}@keyframes ep-fade{0%{opacity:0}to{opacity:1}}@keyframes ep-pop{0%{opacity:0;transform:translateY(1.6rem) scale(.98)}to{opacity:1;transform:none}}@keyframes ep-rise{0%{transform:translateY(100%)}to{transform:none}}@keyframes ep-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.email-popup__card,.email-popup__overlay{animation:ep-fade .2s ease both!important}.email-popup__step.is-entering{animation:none}.email-popup__spinner{animation-duration:2.4s}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/component-email-popup.css.map */