.subscription-popup{--content-gap:4rem;--drawer-close-btn-size:4.8rem;--blocks-gap:2.4rem;--modal-gap:0}.subscription-popup .drawer__close-btn{inset-inline-end:1.2rem;border:.1rem solid rgb(var(--color-border));top:1.2rem;background:rgb(var(--color-background));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-style:dashed;border-width:.2rem}.subscription-popup__teaser{transform:rotate(-90deg) translate(-100%,100%);padding:0 2.4rem;color:var(--color-teaser-popup-text);position:fixed;top:20vh;transform-origin:bottom left;border-radius:0;background:var(--color-teaser-popup-bg);left:0;z-index:98}@media (min-width:1024px){.subscription-popup{--image-width:47.728%}.subscription-popup__image-left .subscription-popup__image{max-height:100%;width:var(--image-width)}.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}}