.nl-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;visibility:hidden;pointer-events:none;transition:visibility 0s linear .5s}.nl-popup.is-open,.nl-popup.is-minimized{visibility:visible;transition-delay:0s}.nl-popup.is-open{pointer-events:auto}.nl-popup.is-minimized{pointer-events:none}.nl-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--nl-overlay);opacity:0;transition:opacity .45s ease-in}.nl-popup.is-open .nl-popup__overlay{opacity:var(--nl-overlay-opacity);transition:opacity .5s ease-out}.nl-popup__dialog{position:relative;display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:480px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:56px 20px 40px;border-radius:20px;background-color:var(--nl-bg);color:var(--nl-text);box-shadow:0 24px 60px #0000002e;opacity:0;transform:translate(calc(42vw - 40px),calc(46vh - 20px)) scale(.28);transform-origin:center center;transition:opacity .28s ease-in .08s,transform .5s cubic-bezier(.55,.06,.68,.19);outline:none}.nl-popup.is-open .nl-popup__dialog{opacity:1;transform:translate(0) scale(1);transition:opacity .45s ease-out,transform .65s cubic-bezier(.22,1,.36,1)}.nl-popup:not(.is-open) .nl-popup__dialog,.nl-popup:not(.is-open) .nl-popup__overlay{pointer-events:none}.nl-popup__close{position:absolute;top:12px;right:12px;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background-color:var(--nl-close-bg);color:var(--nl-close-icon);cursor:pointer;transition:transform .25s ease}.nl-popup__close:hover{transform:rotate(90deg);background:#ffcc01}.nl-popup__close:hover svg *{stroke:#f65e42}.nl-popup__close:focus-visible{outline:2px solid var(--nl-text);outline-offset:3px}.nl-popup__close svg{width:20px;height:20px}.nl-popup__content{display:flex;align-items:center;justify-content:center;min-width:0;text-align:center}.nl-popup__state{width:100%}.nl-popup__state[hidden]{display:none}.nl-popup__state--success{animation:nl-popup-success .5s ease-out both}@keyframes nl-popup-success{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.nl-popup__heading{margin:0;font-family:Fann Grotesque Pro,sans-serif;font-size:36px;font-weight:800;line-height:1;letter-spacing:0;text-transform:uppercase;color:var(--nl-text)}.nl-popup__heading--success{max-width:320px;margin:0 auto;font-size:40px}.nl-popup__text{max-width:400px;margin:12px auto 24px;font-family:OverusedGrotesk-Medium,sans-serif;font-size:18px;line-height:1.3;color:var(--nl-text);letter-spacing:0;max-width:314px}.nl-popup__text--success{margin-bottom:0}.nl-popup__form{margin:0}.nl-popup__field{position:relative}.nl-popup__input{display:block;width:100%;height:50px;margin:0;padding:0 60px 0 20px;border:0;border-radius:8px;background-color:var(--nl-input-bg);color:var(--nl-text);font-family:OverusedGrotesk-Medium,sans-serif;font-size:16px;box-shadow:none;outline:none;-webkit-appearance:none;appearance:none}.nl-popup__input::placeholder{color:var(--nl-text);opacity:.75}.nl-popup__input:focus-visible{box-shadow:none}.nl-popup__submit{position:absolute;top:50%;right:8px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;background:transparent;color:var(--nl-text);cursor:pointer;transform:translateY(-50%);transition:transform .2s ease}.nl-popup__submit:hover{transform:translate(3px,-50%)}.nl-popup__submit svg{width:25px;height:19px}.nl-popup.is-submitting .nl-popup__submit{opacity:.4;pointer-events:none}.nl-popup__message{min-height:0;margin:10px 0 0;font-family:OverusedGrotesk-Medium,sans-serif;font-size:14px;color:var(--nl-text)}.nl-popup__message:empty{display:none}.nl-popup__media{display:none;min-width:0}.nl-popup__image{display:block;width:100%;height:100%;object-fit:cover;border-radius:14px}.nl-popup--mobile-image .nl-popup__media{display:block;order:-1;margin-bottom:24px;aspect-ratio:16 / 10}.nl-popup__tab{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:2;display:inline-flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);margin:0;padding:8px 8px 8px 18px;border:0;border-radius:18px;background-color:var(--oyc-announcement-bg, #ffcc01);color:var(--oyc-announcement-text, #f65e42);box-shadow:0 14px 34px #0000002e;cursor:pointer;font-family:Fann Grotesque Pro,sans-serif;font-size:15px;font-weight:800;line-height:1;letter-spacing:0;text-transform:uppercase;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(18px) scale(.96);transition:opacity .25s ease,transform .3s ease,visibility 0s linear .25s}.nl-popup.is-minimized .nl-popup__tab{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .4s ease .16s,transform .55s cubic-bezier(.22,1,.36,1) .1s,visibility 0s linear 0s}.nl-popup.is-minimized .nl-popup__tab:hover{transform:translateY(-3px) scale(1)}.nl-popup__tab:focus-visible{outline:2px solid var(--nl-text);outline-offset:3px}.nl-popup__tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nl-popup__tab-icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--oyc-announcement-text, #f65e42);color:#fff;transition:background-color .2s ease,color .2s ease}.nl-popup__tab-icon svg{width:18px;height:18px}html.nl-popup-lock,html.nl-popup-lock body{overflow:hidden}.nl-popup__heading.nl-popup__heading--success{max-width:166px}@media screen and (min-width:750px){.nl-popup__dialog{max-width:560px;padding:64px 48px 48px;border-radius:18px}.nl-popup__heading{font-size:44px}.nl-popup__heading--success{font-size:52px;max-width:380px}.nl-popup__text{font-size:20px;margin:12px auto 24px}.nl-popup__input{height:45px;padding:0 64px 0 18px;font-size:16px}}@media screen and (min-width:990px){.nl-popup__dialog{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;max-width:800px;padding:24px 26px 26px 31px}.nl-popup--no-image .nl-popup__dialog{grid-template-columns:minmax(0,1fr);max-width:600px;padding:64px 48px}.nl-popup__content{padding:40px 0}.nl-popup__media,.nl-popup--mobile-image .nl-popup__media{display:block;order:0;margin:0;aspect-ratio:auto}.nl-popup__image{border-radius:16px}.nl-popup__close{top:16px;right:18px;width:32px;height:32px}.nl-popup__close svg{width:22px;height:22px}.nl-popup__heading{font-size:32px}.nl-popup__text{font-size:18px}}@media screen and (min-width:750px){.nl-popup__tab{right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));font-size:16px}}@media(prefers-reduced-motion:reduce){.nl-popup__dialog,.nl-popup.is-open .nl-popup__dialog,.nl-popup__tab,.nl-popup.is-minimized .nl-popup__tab,.nl-popup.is-minimized .nl-popup__tab:hover{transform:none}.nl-popup__state--success{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-newsletter-popup.css.map */