.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__blocks{flex:1}.subscription-popup__blocks>*+*{margin:var(--blocks-gap) 0 0}.subscription-popup__title+.subscription-popup__text{margin-top:.8rem}.subscription-popup__code .form-control{border-width:.2rem;border-style:dashed}.subscription-popup__teaser{position:fixed;top:20vh;left:0;z-index:98;border-radius:0;padding:0 2.4rem;color:var(--color-teaser-popup-text);background:var(--color-teaser-popup-bg);transform:rotate(-90deg) translate(-100%,100%);transform-origin:bottom left}@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 1.6rem;--blocks-gap: 1.6rem}}@media(max-width:749.98px){.subscription-popup.modal{align-items:flex-end;padding:0}.subscription-popup>.fixed-overlay{background-color:rgba(var(--color-foreground),.25)}.subscription-popup.modal .drawer__inner{max-width:none;width:100%;max-height:45vh;max-height:45dvh;border-radius:1.6rem 1.6rem 0 0;opacity:1;transform:translateY(100%);box-shadow:0 -.4rem 2rem #00000026}.subscription-popup.modal[active]>.drawer__inner{transform:translateY(0)}.subscription-popup.modal .drawer__body{max-height:45vh;max-height:45dvh;padding:0}.subscription-popup .subscription-popup__image{display:none}.subscription-popup .subscription-popup__blocks{--blocks-gap: 1.2rem;padding:1.6rem 1.6rem 2rem}.subscription-popup .subscription-popup__title{padding-inline:4.4rem}.subscription-popup .subscription-popup__title>*{font-size:2rem;line-height:1.25;margin:0}.subscription-popup .subscription-popup__text{font-size:1.4rem;line-height:1.4}.subscription-popup .drawer__close-btn{--drawer-close-btn-size: 4.8rem;top:.4rem;inset-inline-end:.4rem;border:0;background:transparent}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/subscription-popup.css.map */