.newsletter-popup-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background-color:#0006;opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:center}.newsletter-popup-modal[open]{opacity:1;visibility:visible}.newsletter-popup-modal .newsletter-popup-modal__content{background-color:#fff;width:calc(100% - 3rem);max-width:750px;margin:0 auto;max-height:85vh;overflow:hidden;border-radius:10px;position:relative;transform:scale(.5);transition:all .3s ease}.newsletter-popup-modal[open] .newsletter-popup-modal__content{transform:scale(1)}.newsletter-popup-modal__content .newsletter-popup-modal__content--inner{max-height:inherit;overflow-y:auto}.newsletter-popup-modal__content .newsletter-popup-modal__content--inner::-webkit-scrollbar{width:3px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.newsletter-popup-modal__content .newsletter-popup-modal__content--inner::-webkit-scrollbar-thumb{background:rgb(var(--color-button));-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.newsletter-popup-modal__content .newsletter-popup-modal__content--inner::-webkit-scrollbar-track{-webkit-box-shadow:0 0 2px rgba(0,0,0,.3);background:#e2e6eb;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.newsletter-popup-modal .newsletter-popup-modal__toggle{border-radius:50%;width:30px;height:30px;background-color:transparent;border-width:1px;border-style:solid;border-color:rgb(var(--color-button));display:flex;align-items:center;justify-content:center;position:absolute;top:10px;right:10px;cursor:pointer}.newsletter-popup-modal .newsletter-popup-modal__toggle span{width:15px;height:1px;display:inline-block;position:absolute;background-color:rgb(var(--color-button));transition:all .3s ease}.newsletter-popup-modal .newsletter-popup-modal__toggle span:first-child{transform:rotate(45deg)}.newsletter-popup-modal .newsletter-popup-modal__toggle span:last-child{transform:rotate(-45deg)}.newsletter-popup-modal .newsletter-popup-modal__toggle:hover span:first-child,.newsletter-popup-modal .newsletter-popup-modal__toggle:hover span:last-child{transform:rotate(0)}.newsletter-popup-modal .newsletter-form{width:100%;max-width:100%}.newsletter-popup-modal .popup-details{padding:2rem}.newsletter-popup-modal .popup-media{display:flex;height:25rem}.newsletter-popup-modal .popup-media.media-mobile{display:none}.newsletter-popup-modal .popup-media img{max-width:100%;height:100%;object-fit:cover}.newsletter-popup-modal .popup-heading .title{margin-bottom:0;margin-top:0}.newsletter-popup-modal .popup-heading .subtitle{font-size:1.4rem;line-height:2.4rem;letter-spacing:normal}.newsletter-popup-modal .popup-heading .subtitle p{margin-top:0}@media screen and (min-width: 750px){.newsletter-popup-modal .popup-media{width:50%;height:100%}.newsletter-popup-modal .popup-details{width:50%}}.newsletter-popup-modal .newsletter-form__field-wrapper .field{display:block}.newsletter-popup-modal .newsletter-form__field-wrapper .field:before,.newsletter-popup-modal .newsletter-form__field-wrapper .field:after{opacity:0}.newsletter-popup-modal .newsletter-form__field-wrapper .field input{border-width:var(--inputs-border-width);border-style:solid;border-radius:var(--inputs-radius-outset);box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity));width:100%}.newsletter-popup-modal .newsletter-form__button{position:static;width:100%;margin-top:1rem;border-radius:var(--buttons-radius);color:rgb(var(--color-button-text));background-color:rgb(var(--color-button));padding:1.5rem 1rem}.newsletter-popup-modal .newsletter-form__button:not(:focus-visible):not(.focused){background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.newsletter-popup-modal .newsletter-form__button:hover{opacity:.8}@media screen and (max-width: 749px){.newsletter-popup-modal .popup-media{display:none}.newsletter-popup-modal .popup-media.media-mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/popup-newsletter.css.map */
