.email-subscription-modal{--image-position: row-reverse;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}.email-subscription-modal.active{visibility:visible;opacity:1}.email-subscription-modal .modal-content{background:#fff;color:#121212;width:90%;max-width:800px;border-radius:8px;overflow:hidden;display:flex;flex-direction:var(--image-position);box-shadow:0 4px 20px #00000080;min-height:450px}.email-subscription-modal .modal-left{flex:1;padding-top:50px;padding-bottom:30px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.email-subscription-modal .modal-left .logo{display:flex;justify-content:center;margin-bottom:25px}.email-subscription-modal .modal-left h2{margin-top:0;font-size:24px;color:#f28521}.email-subscription-modal .modal-left p{line-height:1.5;margin:1em 0;color:#121212;font-size:16px}.email-subscription-modal .modal-left .email-form{position:relative;overflow:hidden;margin-top:15px;transition:height .5s ease}.email-subscription-modal .modal-left .subscription-form-fields,.email-subscription-modal .modal-left .registration-form-fields{position:absolute;top:0;left:0;width:100%;padding:0 30px;transition:transform .5s ease}.email-subscription-modal .modal-left .subscription-form-fields{transform:translate(0)}.email-subscription-modal .modal-left .subscription-form-fields.slide-out{transform:translate(-100%)}.email-subscription-modal .modal-left .registration-form-fields{transform:translate(100%)}.email-subscription-modal .modal-left .registration-form-fields.slide-in{transform:translate(0)}.email-subscription-modal .modal-left .email-form .form-control{flex:1;padding:.75em 1em;border:2px solid rgb(242,133,33);outline:none;border-radius:4px;font-size:16px}.email-subscription-modal .modal-left .email-form .form-control.dark{flex:1;padding:.75em 1em;border:2px solid 121212;outline:none;border-radius:4px;font-size:16px}.email-subscription-modal .modal-left .email-form button{background:#f28521;border:none;padding:14px 24px;border-radius:4px;color:#121212;font-size:16px;cursor:pointer;transition:all .3s ease-in;display:flex;justify-content:center}.email-subscription-modal .modal-left .email-form button svg{transform-origin:center center;animation:spin 1.5s linear infinite;width:15px;margin-left:7px;display:none}.email-subscription-modal .modal-left .email-form button:hover{background:#e6731d}.email-subscription-modal .modal-right{flex:1;position:relative;background:#000}.email-subscription-modal .modal-right img{width:100%;height:100%;object-fit:cover;display:block}.email-subscription-modal .modal-close{position:absolute;background:#fff;color:#121212;width:32px;height:32px;border-radius:5px;border:1px solid rgba(0,0,0,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;top:10px;right:10px}.email-subscription-modal .modal-close svg{fill:currentColor;width:16px;height:16px}.email-subscription-modal .modal-close:hover{background:#f2f2f2}.flex-col{flex-direction:column}.gap-small{gap:.5em}.px-30{padding-left:30px;padding-right:30px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.subscription-message{min-height:24px;margin-bottom:10px;font-size:15px;color:#fff;text-align:center;transition:opacity .3s;opacity:0;pointer-events:none}.subscription-message.success{background:#4caf50;color:#fff;opacity:1;pointer-events:auto;border-radius:4px;padding:6px 0}.subscription-message.error{background:#e53935;color:#fff;opacity:1;pointer-events:auto;border-radius:4px;padding:6px 0}@media (max-width: 768px){.email-subscription-modal .modal-right{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/email-subscription-modal.css.map */