.newsletter-popup,.newsletter-popup__floating-btn{--np-deep-teal: #184B4F;--np-deep-teal-light: #1F7277;--np-action-orange: #1F7277;--np-secondary: #4D4D4D;--np-ink-black-r: 26;--np-ink-black-g: 26;--np-ink-black-b: 26;--np-pure-white: #FFFFFF;--np-surface-gray: #F0F3F4;--np-surface-container: #E3ECED;--np-surface-container-high: #E8EEEF;--np-outline: #7B7B7B;--np-outline-variant: #B0BBBB;--np-on-surface: #2B2B2B;--np-on-surface-variant: #3F4848;--np-overlay: rgba(17, 26, 26, .72);--font-display: var(--heading-font-medium), "Barlow Condensed", var(--font-heading-family), sans-serif;--font-body: "Roboto Flex", var(--font-body-family), sans-serif;--text-display-lg: 700 clamp(32px, 6vw, 48px)/clamp(40px, 7vw, 56px) var(--font-display);--text-headline-lg: 700 clamp(24px, 4vw, 32px)/clamp(32px, 5vw, 40px) var(--font-display);--text-headline-lg-mobile: 700 clamp(22px, 4.5vw, 28px)/clamp(28px, 5.5vw, 34px) var(--font-display);--text-headline-md: 600 clamp(20px, 3vw, 24px)/clamp(28px, 4vw, 32px) var(--font-display);--text-body-md: 400 clamp(14px, 2.5vw, 16px)/clamp(20px, 3vw, 24px) var(--font-body);--text-label-md: 600 clamp(12px, 2vw, 14px)/clamp(18px, 2.5vw, 20px) var(--font-body);--text-label-sm: 500 clamp(11px, 1.8vw, 12px)/clamp(14px, 2vw, 16px) var(--font-body);--space-base: clamp(3px, 1vw, 4px);--space-xs: clamp(6px, 1.5vw, 8px);--space-sm: clamp(12px, 2.5vw, 16px);--space-md: clamp(16px, 3vw, 24px);--space-lg: clamp(24px, 4vw, 40px);--space-xl: clamp(40px, 6vw, 64px);--space-gutter: clamp(16px, 3vw, 24px);--margin-mobile: clamp(12px, 3vw, 16px);--margin-desktop: clamp(32px, 5vw, 48px);--radius-default: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-card: 14px;--radius-full: 12px;--control-height: 3.75rem;--transition: .4s cubic-bezier(.4, 0, .2, 1)}.newsletter-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;pointer-events:none;font-family:var(--font-body)}.newsletter-popup[data-enabled=true].newsletter-popup--active{display:block;pointer-events:auto}.newsletter-popup__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1acc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition);z-index:40}.newsletter-popup--active .newsletter-popup__overlay{opacity:1}.newsletter-popup__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--margin-mobile)}@media(min-width:480px){.newsletter-popup__modal{padding:clamp(16px,3vw,32px)}}@media(min-width:750px){.newsletter-popup__modal{padding:var(--margin-desktop)}}.newsletter-popup__content{position:relative;background:var(--np-pure-white);border:0;border-radius:var(--radius-card);box-shadow:0 24px 48px -12px #00000059,0 0 0 1px #184b4f14;overflow:hidden;display:flex;flex-direction:column;width:100%;max-width:960px;max-height:calc(100vh - 32px);transform:scale(.95);opacity:0;transition:transform var(--transition),opacity var(--transition)}@media(min-width:480px){.newsletter-popup__content{max-height:calc(100vh - 48px)}}@media(min-width:750px){.newsletter-popup__content{max-height:calc(100vh - 96px)}}.newsletter-popup--active .newsletter-popup__content{transform:scale(1);opacity:1}@media(min-width:750px){.newsletter-popup__content{flex-direction:row}}.newsletter-popup__image{display:block;position:relative;width:100%;height:clamp(110px,20vw,180px);background:var(--np-deep-teal);overflow:hidden;flex-shrink:0}@media(min-width:750px){.newsletter-popup__image{width:33.333333%;height:auto;min-height:0}}@media(min-width:1024px){.newsletter-popup__image{width:40%}}.newsletter-popup__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;mix-blend-mode:overlay;opacity:.5}.newsletter-popup__image-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,var(--np-deep-teal) 100%);pointer-events:none}.newsletter-popup__image-logo{position:absolute;bottom:var(--space-md);left:var(--space-md);right:var(--space-md);display:flex;justify-content:center;opacity:.6}@media(max-width:749px){.newsletter-popup__image-logo{top:0;bottom:0;left:0;right:0;align-items:center;justify-content:center;opacity:1}.newsletter-popup__logo-img,.newsletter-popup__logo-svg{max-width:clamp(92px,15vw,132px)}}.newsletter-popup__logo-img,.newsletter-popup__logo-svg{max-width:clamp(80px,15vw,120px);height:auto}.newsletter-popup__form-area{position:relative;flex:1;background:var(--np-surface-gray);display:grid;grid-template-columns:minmax(0,1fr);padding:var(--space-gutter);overflow-y:auto;overflow-x:hidden;min-height:0}@media(min-width:480px){.newsletter-popup__form-area{padding:clamp(20px,4vw,32px)}}@media(min-width:750px){.newsletter-popup__form-area{width:66.666667%;padding:var(--space-lg)}}@media(min-width:1024px){.newsletter-popup__form-area{width:60%}}.newsletter-popup__step{width:100%;transition:transform var(--transition),opacity var(--transition)}.newsletter-popup__step--1{grid-area:1 / 1;display:flex;flex-direction:column;justify-content:center}.newsletter-popup__step--2{grid-area:1 / 1;position:relative;padding:0;background:transparent;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"backrow" "content";pointer-events:none;opacity:0;transform:translate(6%);overflow-y:auto}.newsletter-popup__step--2.is-active{pointer-events:auto;opacity:1;transform:translate(0)}.newsletter-popup__step--1.is-hidden{pointer-events:none;opacity:0;transform:translate(-6%)}.newsletter-popup__step2-inner{grid-area:content;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center}.newsletter-popup__step2-inner:before,.newsletter-popup__step2-inner:after{content:"";flex:1 1 0;min-height:0}.newsletter-popup__header{text-align:center;margin-bottom:0}.newsletter-popup__headline{font-family:var(--heading-font-medium),var(--font-heading-family),sans-serif;font-weight:500;font-size:clamp(26px,4.5vw,40px);line-height:1.375;letter-spacing:0;color:var(--np-deep-teal);text-transform:uppercase;margin:0 0 var(--space-sm)}@media(max-width:749px){.newsletter-popup__headline{font-size:clamp(24px,6vw,30px);line-height:1.35}}@media(max-width:479px){.newsletter-popup__headline{font-size:clamp(22px,6vw,26px);line-height:1.3}}.newsletter-popup__subheadline{font:var(--text-body-md);color:var(--np-on-surface-variant);margin:0}.newsletter-popup__style-options{align-self:center;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(12px,2.5vw,16px);width:100%;max-width:480px;margin-top:var(--space-lg);margin-bottom:0}.newsletter-popup__style-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(var(--control-height) + 2px);padding:0 clamp(14px,2.5vw,18px);background:var(--np-pure-white);border:1px solid rgba(24,75,79,.12);border-radius:var(--radius-default);text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.newsletter-popup__style-btn:hover{border-color:var(--np-deep-teal-light);background:var(--np-surface-container)}.newsletter-popup__style-btn:focus-visible{outline:2px solid var(--np-action-orange);outline-offset:2px}.newsletter-popup__style-btn-inner{display:flex;align-items:center;gap:var(--space-md);min-width:0}.newsletter-popup__style-label{font:var(--text-headline-md);color:var(--np-deep-teal);text-transform:uppercase;min-width:0;transition:color .2s}.newsletter-popup__style-btn:hover .newsletter-popup__style-label{color:var(--np-action-orange)}.newsletter-popup__arrow{flex-shrink:0;color:var(--np-outline);transition:color .2s,transform .2s}.newsletter-popup__style-btn:hover .newsletter-popup__arrow{color:var(--np-action-orange);transform:translate(4px)}.newsletter-popup__decline{text-align:center;margin-top:var(--space-md);margin-bottom:0}.newsletter-popup__decline-link{font:var(--text-label-sm);letter-spacing:.04em;color:var(--np-outline);text-decoration:none;text-transform:uppercase;transition:color .2s}.newsletter-popup__decline-link:hover{color:var(--np-action-orange);text-decoration:underline}.newsletter-popup__back{grid-area:backrow;justify-self:start;align-self:start;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;margin-bottom:var(--space-lg);background:var(--np-pure-white);border:1px solid rgba(24,75,79,.12);border-radius:50%;color:var(--np-outline);cursor:pointer;transition:color .2s,background .2s,border-color .2s}.newsletter-popup__back:hover{color:var(--np-action-orange);border-color:var(--np-deep-teal-light);background:var(--np-surface-container)}.newsletter-popup__back:focus-visible{outline:2px solid var(--np-action-orange);outline-offset:2px}.newsletter-popup__back svg{width:clamp(16px,3vw,18px);height:clamp(16px,3vw,18px)}.newsletter-popup__form{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm);width:100%;max-width:480px;margin:var(--space-lg) auto 0}@media(min-width:750px){.newsletter-popup__form{margin-top:var(--space-lg);align-items:stretch}}.newsletter-popup__field-wrapper{width:100%}.newsletter-popup__input{box-sizing:border-box;width:100%;height:calc(var(--control-height) + 2px);padding:0 clamp(14px,2.5vw,18px);font-family:var(--font-body);font-size:1rem;line-height:1.5;color:var(--np-on-surface);background:var(--np-pure-white);border:1px solid rgba(24,75,79,.12);border-radius:var(--radius-default);transition:border-color .2s,background .2s}.newsletter-popup__input::placeholder{color:#7b7b7b;opacity:1}.newsletter-popup__input:hover{border-color:var(--np-deep-teal-light)}.newsletter-popup__input:focus{outline:none;border-color:var(--np-deep-teal-light);background:var(--np-surface-container);box-shadow:none}.newsletter-popup__input:invalid:not(:placeholder-shown){border-color:#ba1a1a}.newsletter-popup__submit{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:100%;height:calc(var(--control-height) + 2px);padding:0;line-height:1.2;font-family:var(--font-body);font-size:.9375rem;font-weight:600;letter-spacing:1.3px;text-transform:uppercase;color:var(--np-pure-white);background:var(--np-action-orange);border:none;border-radius:var(--radius-default);cursor:pointer;transition:background .2s}.newsletter-popup__submit:hover{background:var(--np-secondary)}.newsletter-popup__submit:focus-visible{outline:2px solid var(--np-action-orange);outline-offset:2px}.newsletter-popup__submit:disabled{opacity:.6;cursor:not-allowed}.newsletter-popup__privacy,.newsletter-popup__privacy p{width:100%;font:var(--text-label-sm);font-size:clamp(9px,1.8vw,10px);letter-spacing:.04em;color:var(--np-outline);text-align:left;margin-top:calc(-1*clamp(5px,1vw,6px));margin-bottom:0}.newsletter-popup__privacy a{color:inherit;text-decoration:underline;text-underline-offset:2px}.newsletter-popup__privacy a:hover{color:var(--np-action-orange)}.newsletter-popup__floating-btn{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:999;display:inline-flex;align-items:center;gap:clamp(10px,2vw,16px);padding:clamp(12px,2.5vw,16px) clamp(16px,3vw,24px);font:var(--text-label-md);letter-spacing:.08em;text-transform:uppercase;color:var(--np-pure-white);background:var(--np-deep-teal);border:none;border-radius:var(--radius-full);box-shadow:0 24px 48px -12px #00000040;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1),background .2s,box-shadow .2s;opacity:0;visibility:hidden;transform:translateY(20px)}.newsletter-popup__floating-btn[hidden]{display:none}.newsletter-popup__floating-btn.newsletter-popup__floating-btn--visible{opacity:1;visibility:visible;transform:translateY(0)}.newsletter-popup__floating-btn:hover{background:var(--np-deep-teal-light)}.newsletter-popup__floating-btn:focus-visible{outline:2px solid var(--np-action-orange);outline-offset:2px}.newsletter-popup__floating-arrow{flex-shrink:0;transition:transform .2s}.newsletter-popup__floating-close{display:none;flex-shrink:0}.newsletter-popup__floating-btn:hover .newsletter-popup__floating-arrow{transform:translate(4px)}.newsletter-popup__floating-text--mobile{display:none}@media(max-width:749px){.newsletter-popup__floating-text{display:none}.newsletter-popup__floating-text--mobile{display:inline}.newsletter-popup__floating-arrow{display:none}.newsletter-popup__floating-close{display:block}.newsletter-popup__floating-btn{bottom:var(--space-sm);right:var(--space-sm);left:auto;justify-content:center;padding:clamp(12px,2.5vw,16px) clamp(16px,3vw,24px);border-radius:var(--radius-full);border:none;box-shadow:0 24px 48px -12px #00000040}}.newsletter-popup__success{grid-area:1 / 1;align-self:center;justify-self:center;text-align:center;width:100%;max-width:560px;padding:var(--space-lg);background:var(--np-pure-white);border:1px solid rgba(24,75,79,.08);border-radius:var(--radius-card);z-index:2}.newsletter-popup__success-icon{width:clamp(48px,8vw,64px);height:clamp(48px,8vw,64px);margin:0 auto var(--space-md);color:var(--np-deep-teal)}.newsletter-popup__success-title{font-family:var(--heading-font-medium),var(--font-heading-family),sans-serif;font-weight:500;font-size:clamp(24px,4vw,32px);line-height:1.35;color:var(--np-deep-teal);text-transform:uppercase;margin:0 0 var(--space-xs)}.newsletter-popup__success-text{font:var(--text-body-md);color:var(--np-on-surface-variant);margin:0}.visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0,0,0,0);white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/49/assets/newsletter-popup.css.map */