.email-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0e1e18cc;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s ease-in-out,visibility .6s step-end,backdrop-filter .3s ease-in-out;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}.email-popup-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .6s ease-in-out,visibility 0s,backdrop-filter .3s ease-in-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.email-popup-container{position:relative;background-color:#010705;border-radius:24px;width:408px;max-width:95%;max-height:95vh;max-height:95dvh;overflow-y:auto;padding:0;color:#fff;opacity:0;transform:translateY(-100%);transition:opacity .3s ease-out,transform .4s ease-out}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){.email-popup-container{background-color:#010705f2}.email-popup-overlay{background-color:#022e1de6}}.email-popup-overlay.is-visible .email-popup-container{opacity:1;transform:translateY(0)}.email-popup__close-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px;line-height:1;z-index:2}.email-popup__heading{position:relative;line-height:0}.email-popup__heading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;border-radius:8px 8px 0 0}.email-popup__header-image{display:block;width:100%;height:auto;border-radius:8px 8px 0 0}.email-popup__heading h2{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:90%;z-index:1;font-size:2em;color:#e0e9e6;text-align:center;margin:0}.email-popup__content{padding:0 0 24px}.email-popup__text p{font-size:1em;line-height:1.5;margin:0 0 20px;color:#ccc;text-align:center}.email-popup__content .countdown-timer{display:flex;justify-content:center;margin-bottom:25px;text-align:center;background:none}.email-popup__content .countdown-timer__item{display:flex;flex-direction:column;align-items:center;background:none;border:none;box-shadow:none;border-right:1px solid rgba(255,255,255,.1);padding:0 10px;min-width:60px;border-radius:0}.email-popup__content .countdown-timer__item:last-child{border-right:none}.email-popup__content .countdown-timer__value{font-size:1.6em;font-weight:700;line-height:1.1;color:#5d796e}.email-popup__content .countdown-timer__label{font-size:1em;text-transform:lowercase;color:#5d796e;margin-top:0}.email-popup__form{display:flex;flex-direction:column;align-items:center;gap:15px}.email-popup__form input[type=email]{padding:16px 24px;background-color:#0107054d;color:#fff;border-radius:26px;width:100%;max-width:360px;text-align:center;border:none;box-shadow:0 0 0 1px #ffffff8c;font-size:1.8rem}.email-popup__form input[type=email]::placeholder{color:#e0e9e6;opacity:1;transition:color .2s ease-out}.email-popup__form input[type=email]:focus::placeholder{color:#e0e9e680}.email-popup__form button[type=submit]{display:flex;width:100%;max-width:360px;height:5.6rem;padding:1.2rem 3.6rem;justify-content:center;align-items:center;gap:1rem;border-radius:10rem;background:linear-gradient(180deg,#1baa7366,#03633e00 109.6%);box-shadow:inset 0 2px #127650,inset 0 -2px 2px #76958942,inset 0 -6px 8px #31d29433;border:none;color:#fff;font-weight:600;font-size:1.8rem;cursor:pointer;transition:transform .2s ease-out,box-shadow .2s ease-out}.email-popup__form button[type=submit]:hover{box-shadow:inset 0 2px 1px #158a5c,inset 0 -2px 2px #82a0964d,inset 0 -6px 10px #37dc9b40;transform:scale(1.01)}.email-popup__form button[type=submit]:active{transform:translateY(1px);box-shadow:inset 0 1px #127650,inset 0 -1px 1px #76958942,inset 0 -3px 4px #31d29433}.email-popup__form button i,.email-popup__close-btn i{vertical-align:middle;display:inline-block}.email-popup__message{margin-top:10px;padding:8px 12px;border-radius:4px;text-align:center;font-size:.9em;display:none;width:100%;max-width:360px;box-sizing:border-box}.email-popup__message[hidden]{display:none}.email-popup__message--success{background:#0a9d641a;color:#0a9d64;margin:10px auto 0}.email-popup__message--error{background-color:#f4433633;color:#f44336;margin:10px auto 0}@media (max-width: 480px){.email-popup__content{padding:0 15px 30px}.email-popup__heading h2{font-size:2.8rem}.countdown-timer{gap:10px}.countdown-timer__value{font-size:1.5em}.email-popup__form button[type=submit]{height:5rem;padding:1rem 2rem;font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/custom-email-popup.css.map */