.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;box-shadow:0 8px 16px #0009;display:inline-flex;align-items:center;gap:10px}.subscription-popup__teaser .mobile-truck-icon{display:none!important}.teaser-close-icon{font-size:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;margin-left:14px;transition:opacity .2s}@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}.subscription-popup__teaser{top:unset!important;left:unset!important;right:20px!important;bottom:20px!important;width:84px!important;height:84px!important;padding:0!important;border-radius:50%!important;transform:none!important;justify-content:center!important;box-shadow:0 8px 24px #00000059,0 4px 8px #0003!important;outline:none!important;-webkit-tap-highlight-color:transparent!important}.subscription-popup__teaser:focus,.subscription-popup__teaser:active,.subscription-popup__teaser:focus-visible{outline:none!important;box-shadow:0 8px 24px #00000059,0 4px 8px #0003!important}.subscription-popup__teaser .mobile-truck-icon{display:inline-block!important;width:42px!important;height:42px!important}.subscription-popup__teaser .teaser-text,.subscription-popup__teaser .teaser-close-icon{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/subscription-popup.css.map */