.on-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:#1411108c;opacity:0;visibility:hidden;transition:opacity .35s ease;box-sizing:border-box}.on-popup-overlay.is-visible{opacity:1;visibility:visible}.on-popup{position:relative;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--on-white, #fff);padding:56px 40px 44px;box-sizing:border-box;text-align:center;font-family:var(--on-font);transform:translateY(12px);transition:transform .35s ease}.on-popup-overlay.is-visible .on-popup{transform:translateY(0)}.on-popup__close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--on-black, #141110);font-family:var(--on-font);font-size:20px;line-height:1;padding:0}.on-popup__close:hover{opacity:.6}.on-popup__eyebrow{font-family:var(--on-font-ui);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#8a8a8a;margin:0 0 14px}.on-popup__title{font-family:var(--on-font);font-weight:400;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(24px,3.2vw,30px);color:var(--on-black, #141110);margin:0 0 16px}.on-popup__text{font-family:var(--on-font);font-size:15px;line-height:1.6;color:#3a3a38;margin:0 0 28px}.on-popup__field-wrapper{margin:0 0 8px}.on-popup__field{display:flex;flex-direction:column;text-align:left}.on-popup__field label{font-family:var(--on-font-ui);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8a8a8a;margin-bottom:12px}.on-popup__field input{font-family:var(--on-font);font-size:16px;color:var(--on-black, #141110);background:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.55);padding:4px 0 10px;outline:none;transition:border-color .3s ease}.on-popup__field input::placeholder{color:#b8b8b0;font-style:italic}.on-popup__field input:focus{border-bottom-color:var(--on-black, #141110)}.on-popup__notice{font-family:var(--on-font-ui);font-size:13px;letter-spacing:.03em;margin:14px 0 0;padding:12px 16px;border:1px solid rgba(0,0,0,.12)}.on-popup__notice--error{color:#9c3b3b;border-color:#9c3b3b4d}.on-popup__submit-wrap{margin-top:26px}.on-popup__submit{display:inline-block;width:100%;background:var(--on-black, #141110);color:var(--on-white, #fff);border:none;padding:17px 24px;font-family:var(--on-font);font-size:13px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;box-sizing:border-box;transition:background-color .3s ease}.on-popup__submit:hover{background:#262626}.on-popup__disclaimer{font-family:var(--on-font-ui);font-size:11px;color:#9a9a92;margin:16px 0 0;line-height:1.5}.on-popup__code-wrap{margin:0 0 24px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed rgba(0,0,0,.35);padding:16px 20px}.on-popup__code{font-family:var(--on-font);font-size:20px;letter-spacing:.14em;color:var(--on-black, #141110)}.on-popup__copy{background:transparent;border:none;cursor:pointer;font-family:var(--on-font-ui);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;color:var(--on-black, #141110);padding:0}.on-popup__copy:hover{opacity:.7}.on-popup__continue{display:inline-block;width:100%;background:transparent;color:var(--on-black, #141110);border:1px solid var(--on-black, #141110);padding:16px 24px;font-family:var(--on-font);font-size:13px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;box-sizing:border-box;transition:background-color .3s ease,color .3s ease}.on-popup__continue:hover{background:var(--on-black, #141110);color:var(--on-white, #fff)}@media screen and (max-width:480px){.on-popup{padding:48px 24px 32px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/outrenoir-popup.css.map */