.product-main .custom-subscribe-button{color:#285e62;background-color:#f4fff7;border:1px solid #dddddd;font-size:var(--font-size-button-large);letter-spacing:0em;position:relative;width:50%;padding:1rem;text-align:center;cursor:pointer}.subscribe-overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;visibility:hidden;opacity:0;background:#363636;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;z-index:99999}.subscribe-overlay.is-visible{opacity:.5;visibility:visible}.subscribe-drawer{border-radius:10px;top:50%;left:50%;transform:translate(-50%) translateY(100%);width:100%;max-width:500px;background-color:#fff;box-shadow:0 -2px 12px #0003;position:fixed;z-index:999999;visibility:hidden;transition:all .4s cubic-bezier(.645,.045,.355,1)}.subscribe-drawer.is-open{transform:translate(-50%) translateY(-50%);visibility:visible}@media screen and (max-width: 999px){.subscribe-drawer{bottom:5px;max-width:500px;border-radius:24px;top:unset;min-height:unset}.subscribe-drawer.is-open{transform:translate(-50%) translateY(0)}}.subscribe-close-btn{position:absolute;top:-40px;right:15px;background:#fff;border-radius:50%;width:26px;height:26px;display:flex;justify-content:center;align-items:center;cursor:pointer;border:1px solid #dfdfdf}button.subscribe-close-btn:hover{box-shadow:0 0 1px #00000080}.subscribe-wrapper{padding:20px 15px 0}.subscribe-wrapper .form-field input{height:45px;margin-bottom:13px;color:#000;width:100%;background-color:#f4fff7;padding:10px;border:1px solid #dddddd;border-radius:3px}.subscribe-wrapper .form-field input:hover{border-color:#bebebe}.subscribe-wrapper .form-field input:focus{border-color:#818181;outline:0;box-shadow:0 2px 6px #00000026,0 0 0 .5px #919191}input.subscribe-email-submit{color:#f4fff7;background-color:#285e62;border:1px solid #285e62;width:max-content;margin-bottom:13px}.success-wrapper{padding:15px 0 25px;display:block;text-align:center}.subscribe_error{margin-bottom:10px;color:red}.success-wrapper .checkmark{width:50px;height:50px;border-radius:50%;display:inline-block;border:4px solid #4caf50;position:relative;margin-bottom:1rem}.success-wrapper .checkmark:after{content:"";position:absolute;left:40%;top:25%;width:25%;height:45%;border:solid #4caf50;border-width:0 4px 4px 0;transform:rotate(45deg)}@media screen and (min-width: 999px){.subscribe-close-btn{top:-12px;right:-12px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/subscribe_popup.css.map */