.newsletter-popup-section{display:contents}.newsletter-popup{width:min(840px,calc(100vw - 2 * var(--page-margin)));max-width:none;min-height:544px;padding:var(--spacer-4) var(--spacer-4) var(--spacer-4) var(--spacer-8);background:var(--color-background);color:var(--color-foreground);border:0;border-top:1px solid var(--color-rule);overflow:auto}.newsletter-popup[open]{display:flex;align-items:center;gap:var(--spacer-4)}.newsletter-popup[hidden],.newsletter-popup__form[hidden]{display:none}.newsletter-popup:focus,.newsletter-popup:focus-visible{outline:none}.newsletter-popup__close:focus-visible,.newsletter-popup__button:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.newsletter-popup::backdrop{background:#1c1c1c99}.newsletter-popup--fallback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}.newsletter-popup--fallback:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#1c1c1c99}.newsletter-popup[open]{animation:newsletter-popup-in var(--default-duration, .2s) ease-out}@keyframes newsletter-popup-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.newsletter-popup--fallback[open]{animation-name:newsletter-popup-fade-in}@keyframes newsletter-popup-fade-in{0%{opacity:0}to{opacity:1}}.newsletter-popup__close{position:absolute;top:var(--spacer-2);right:var(--spacer-2);z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:0;color:var(--color-foreground);cursor:pointer;min-width:0;max-width:none;min-height:0}.newsletter-popup__close:hover{background:none;color:var(--color-text-secondary)}.newsletter-popup__media{position:relative;flex:0 0 356px;align-self:stretch}.newsletter-popup__media-inner{position:absolute;top:calc(-1 * var(--spacer-4));right:0;bottom:calc(-1 * var(--spacer-4));left:calc(-1 * var(--spacer-8));overflow:hidden}.newsletter-popup__media-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-background) 30%,transparent)}.newsletter-popup__image{display:block;width:100%;height:100%;object-fit:cover}.newsletter-popup__image--placeholder{width:100%;height:100%}.newsletter-popup__body{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:var(--spacer-6);min-width:0}.newsletter-popup__head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacer-3);width:100%}.newsletter-popup__subheading{margin:0;color:var(--color-foreground)}.newsletter-popup__heading{margin:0}.newsletter-popup__description{margin:0;color:var(--color-text-secondary)}.newsletter-popup__description p{margin:0}.newsletter-popup__form-area{display:flex;flex-direction:column;gap:var(--spacer-3);width:100%}.newsletter-popup__form{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacer-3);width:100%;margin:0}.newsletter-popup__input{width:100%;padding:0 0 var(--spacer-1) 0;background:transparent;border:0;border-bottom:1px solid var(--color-input-border);font-size:var(--typography-size-body-medium);font-weight:var(--typography-weight-body-medium);line-height:var(--typography-height-body-medium);color:var(--color-foreground)}.newsletter-popup__input:hover{border:0;border-bottom:1px solid var(--color-input-border);outline:none}.newsletter-popup__input:focus,.newsletter-popup__input:focus-visible{border:0;border-bottom:1px solid var(--color-foreground);outline:none}.newsletter-popup__input::placeholder{color:var(--color-input-placeholder)}.newsletter-popup__input:hover::placeholder{color:var(--color-foreground)}.newsletter-popup__input:user-invalid{border:0;border-bottom:1px solid var(--color-accent)}.newsletter-popup__input:-webkit-autofill,.newsletter-popup__input:-webkit-autofill:hover,.newsletter-popup__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-foreground);caret-color:var(--color-foreground);-webkit-box-shadow:0 0 0 100px var(--color-background) inset;box-shadow:0 0 0 100px var(--color-background) inset;transition:background-color 600000s 0s,color 600000s 0s}.newsletter-popup__input:autofill,.newsletter-popup__input:autofill:hover,.newsletter-popup__input:autofill:focus{-webkit-text-fill-color:var(--color-foreground);caret-color:var(--color-foreground);-webkit-box-shadow:0 0 0 100px var(--color-background) inset;box-shadow:0 0 0 100px var(--color-background) inset;transition:background-color 600000s 0s,color 600000s 0s}.newsletter-popup__button{width:200px;min-width:0;max-width:none;padding:var(--spacer-2);line-height:24px}.newsletter-popup__button[aria-busy=true]{cursor:progress;opacity:.7}.newsletter-popup__message{margin:0;color:var(--color-text-secondary)}.newsletter-popup__message--error,.newsletter-popup__message--is-error{color:var(--color-accent)}.newsletter-popup__message--success,.newsletter-popup__success{color:var(--color-foreground)}.newsletter-popup__success p{margin:0}@media screen and (max-width:990px){.newsletter-popup{min-height:0;padding:var(--spacer-4)}.newsletter-popup[open]{flex-direction:column;align-items:stretch;gap:var(--spacer-4)}.newsletter-popup__media{flex:0 0 200px;align-self:auto}.newsletter-popup__media-inner{top:calc(-1 * var(--spacer-4));right:calc(-1 * var(--spacer-4));left:calc(-1 * var(--spacer-4));bottom:0}.newsletter-popup__body{gap:var(--spacer-4)}.newsletter-popup__button{width:100%;max-width:none}}@media(prefers-reduced-motion:reduce){.newsletter-popup,.newsletter-popup *,.newsletter-popup *:before,.newsletter-popup *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.newsletter-popup__test-warning{margin:0 0 var(--spacer-2);padding:var(--spacer-2);border:1px solid var(--color-accent);color:var(--color-accent);font-size:var(--typography-size-body-small)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/newsletter-popup.css.map */