.nlpop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:2rem}.nlpop[hidden]{display:none}.nlpop__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1937568c;opacity:0;transition:opacity .25s ease}.nlpop.is-open .nlpop__overlay{opacity:1}.nlpop__box{position:relative;width:100%;max-width:760px;max-height:calc(100dvh - 4rem);overflow:auto;overscroll-behavior:contain;background:var(--bb-cream);border:3px solid var(--bb-navy);border-radius:2px;box-shadow:8px 8px 0 var(--bb-navy);opacity:0;transform:translateY(12px) scale(.97);transition:opacity .25s ease,transform .25s ease}.nlpop.is-open .nlpop__box{opacity:1;transform:translateY(0) scale(1)}.nlpop__close{position:absolute;top:1rem;right:1rem;z-index:2;width:44px;height:44px;display:grid;place-items:center;padding:0;border:none;border-radius:2px;background:var(--bb-cream);color:var(--bb-navy);cursor:pointer}.nlpop__close svg{width:1.1rem;height:1.1rem}.nlpop__close:hover{background:var(--bb-navy);color:var(--bb-cream)}.nlpop__media{margin:0}.nlpop__img{display:block;width:100%;height:clamp(140px,30vw,200px);object-fit:cover}.nlpop__content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:3rem;align-items:center;padding:4rem 3.5rem;text-align:left}.nlpop__message{min-width:0}.nlpop__eyebrow{margin:0 0 .85rem;color:var(--bb-navy);font-family:var(--font-heading-family);font-size:1.35rem;line-height:1;text-transform:uppercase}.nlpop__title{font-family:var(--font-heading-family);color:var(--bb-amber);-webkit-text-stroke:1.5px var(--bb-navy);paint-order:stroke fill;text-shadow:3px 4px 0 var(--bb-navy);margin:0 0 1.35rem;font-size:clamp(4.4rem,6vw,6.4rem);line-height:.88;text-transform:uppercase;letter-spacing:0}.nlpop__text{font-family:var(--font-body-family);color:var(--bb-ink);font-size:1.7rem;line-height:1.4;margin:0}.nlpop__form{display:flex;flex-direction:column;gap:.9rem}.nlpop__input{width:100%;font-family:var(--font-body-family);min-height:54px;font-size:1.5rem;color:var(--bb-navy);background:var(--bb-white);border:2px solid var(--bb-navy);border-radius:2px;padding:.9rem 1rem}.nlpop__input::placeholder{color:#1937568c}.nlpop__input:focus-visible{outline:3px solid var(--bb-amber);outline-offset:1px}.nlpop__submit{font-family:var(--font-body-family);font-weight:600;min-height:54px;font-size:1.35rem;text-transform:uppercase;letter-spacing:.03em;color:var(--bb-navy);background:var(--bb-amber);border:2px solid var(--bb-navy);border-radius:2px;box-shadow:4px 4px 0 var(--bb-navy);padding:.9rem 1rem;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.nlpop__submit:hover{background:var(--bb-navy);color:var(--bb-cream);box-shadow:2px 2px 0 var(--bb-navy);transform:translate(2px,2px)}.nlpop__msg{font-family:var(--font-body-family);font-size:1.2rem;margin:.2rem 0 0}.nlpop__msg--error{color:var(--bb-navy)}.nlpop__fine{font-family:var(--font-body-family);font-size:1.1rem;color:var(--bb-ink);opacity:.75;margin:.8rem 0 0}.nlpop__success-text{font-family:var(--font-heading-family);color:var(--bb-navy);font-size:clamp(2.4rem,4vw,3.4rem);line-height:1.1;margin:.5rem 0}@media screen and (max-width:749px){.nlpop{padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}.nlpop__box{max-width:390px;max-height:calc(100dvh - 2rem);box-shadow:5px 5px 0 var(--bb-navy)}.nlpop__close{top:.65rem;right:.65rem;width:48px;height:48px;background:var(--bb-amber);border:2px solid var(--bb-navy);box-shadow:3px 3px 0 var(--bb-navy);touch-action:manipulation}.nlpop__close svg{width:1.5rem;height:1.5rem}.nlpop__close:active{box-shadow:1px 1px 0 var(--bb-navy);transform:translate(2px,2px)}.nlpop__content{grid-template-columns:1fr;gap:1.75rem;padding:3.6rem 1.5rem 1.8rem}.nlpop__eyebrow{margin-bottom:.7rem;font-size:1.15rem}.nlpop__title{margin-bottom:1rem;max-width:100%;font-size:clamp(3.6rem,11vw,4.4rem);line-height:.9;-webkit-text-stroke-width:1px;text-shadow:0 1px 0 var(--bb-navy),0 2px 0 var(--bb-navy),0 3px 0 var(--bb-navy)}.nlpop__text{max-width:32ch;font-size:1.5rem;line-height:1.35}.nlpop__form{gap:.75rem}.nlpop__input,.nlpop__submit{min-height:52px;font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.nlpop__overlay,.nlpop__box{transition:none}.nlpop__box{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-newsletter-popup.css.map */