.subscription-popup{--modal-gap: 0;--content-gap: 4rem;--blocks-gap: 2.4rem;--drawer-close-btn-size: 4.8rem}.subscription-popup .drawer__close-btn{top:1.2rem;inset-inline-end:1.2rem;background:rgb(var(--color-background));border:.1rem solid rgb(var(--color-border));z-index:9}.subscription-popup .subscription-popup__blocks{padding:var(--content-gap)}.subscription-popup__image{max-height:40vh}.subscription-popup__image img{width:100%;height:100%;object-fit:cover}.subscription-popup__blocks{flex:1}.subscription-popup__code{display:flex;flex-direction:column;gap:1.2rem}.subscription-popup__code .discount-code-display{font-weight:600;letter-spacing:.05em;-webkit-user-select:all;user-select:all;cursor:pointer;transition:opacity .2s ease}.subscription-popup__code .discount-code-display:hover{opacity:.8}.subscription-popup__teaser{position:fixed;bottom:calc(var(--mobile-sticky-bar-height, 0px) + var(--sticky-atc-bar-height, 0px) + 1.5rem);left:1.5rem;opacity:1;visibility:visible;transition:all .3s ease;z-index:10;border:0}.mobile-sticky-bar-down .subscription-popup__teaser{bottom:calc(var(--sticky-atc-bar-height, 0px) + 1.5rem)}.subscription-popup__teaser svg{animation:wiggle 3s ease-in-out infinite}@keyframes wiggle{0%,85%,to{transform:rotate(0)}87%{transform:rotate(-15deg)}89%{transform:rotate(15deg)}91%{transform:rotate(-12deg)}93%{transform:rotate(12deg)}95%{transform:rotate(-8deg)}97%{transform:rotate(8deg)}99%{transform:rotate(0)}}.newsletter-popup-form button.loading{position:relative;color:transparent}.newsletter-popup-form button.loading:after{content:"";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;margin:-.8rem 0 0 -.8rem;border:.2rem solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner .75s linear infinite;color:inherit}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 1024px){.subscription-popup{--image-width: 47.728%}.subscription-popup__image-left .subscription-popup__image{width:var(--image-width);max-height:100%}.subscription-popup__image-left .subscription-popup__blocks{width:calc(100% - var(--image-width))}}@media (max-width: 767.98px){.subscription-popup{--content-gap: 3.2rem 2rem;--blocks-gap: 1.6rem}.subscription-popup__image{max-height:30vh}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/subscription-popup.css.map */