.subscription-popup__teaser{transform:translate(50%,-100%) rotate(-90deg)!important}.subscription-popup{--modal-gap: 0;--content-gap: 4rem 3.2rem;--blocks-gap: 2.4rem}.subscription-popup .subscription-popup__blocks{padding:var(--content-gap)}.subscription-popup__image{max-height:40vh}.subscription-popup__blocks{flex:1}.subscription-popup__blocks *{line-height:1.3;font-family:var(--font-body-family);width:100%;text-transform:unset}.subscription-popup__title h3{font-weight:700;line-height:1.2;margin-bottom:.8rem}.subscription-popup__text{font-weight:400}.subscription-popup__blocks input{min-height:44px;margin-top:2.4rem}.subscription-popup .form-control{border:1px solid #ccc}.subscription-popup .form-control::placeholder{color:#aaa;font-weight:400}.subscription-popup .newsletter-form .button{width:100%}.subscription-popup__code .form-control{--inputs-border-width: .2rem;border-width:.2rem;border-style:dashed}.subscription-popup .newsletter-form .form-field{flex-direction:column;gap:1.2rem}.subscription-popup .newsletter-form .form-message{margin:0}.subscription-popup .drawer__inner{border:0;padding:0}.subscription-popup .drawer__body{--modal-gap: 0}@media(min-width:768px){.subscription-popup{--image-width: 50%}.subscription-popup__image-left .flex-wrap{flex-wrap:nowrap;align-items:stretch}.subscription-popup__image-left .subscription-popup__image{width:50%;flex:0 0 50%;max-height:none;min-height:300px}.subscription-popup__image-left .subscription-popup__blocks{width:50%;flex:0 0 50%}}@media(max-width:767.98px){.subscription-popup{--drawer-close-btn-size: 3.8rem;--content-gap: 3.2rem 1.6rem;--blocks-gap: 2rem}}.subscription-popup .drawer__body{background-size:cover;background-position:center;background-repeat:no-repeat}.subscription-popup__logo{height:auto;margin-bottom:32px}.subscription-popup .fixed-overlay:empty{display:block}.fixed-overlay{position:fixed;transition:.8s cubic-bezier(.7,0,.2,1);transition-property:opacity,visibility,background-color;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;pointer-events:none;background-color:rgba(var(--color-foreground),.5);opacity:0;visibility:hidden}.drawer{--modal-gap: 3.2rem 2.4rem;position:fixed;z-index:32;top:0;inset-inline:0 auto;width:100%;height:100%;pointer-events:none;background:transparent}.drawer[open]{pointer-events:auto}.drawer[active]>.drawer__inner{--translate-x: 0}.drawer[active]>.fixed-overlay{opacity:1;visibility:visible;pointer-events:auto;cursor:zoom-out}.drawer__inner{--translate-x: 100%;max-width:var(--modal-width, 50rem);z-index:10;position:absolute;top:0;width:100%;height:100%;overflow:hidden;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));transition:transform .6s cubic-bezier(.7,0,.2,1);transform:translate(var(--translate-x),var(--translate-y))}.drawer__body{padding-inline:2rem;padding-block-start:1.2rem;padding-block-end:2rem}.subscription-popup .drawer__close-btn{top:1.6rem;inset-inline-end:1.6rem}.drawer__close-btn{position:absolute;top:1rem;inset-inline-end:1rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;padding:0;border:0;background:none;color:rgb(var(--color-foreground));cursor:pointer}.drawer__close-btn svg{transition:transform .3s}.drawer__close-btn:hover svg{transform:rotate(180deg)}.drawer__close-btn--fill{top:2rem;inset-inline-end:2rem;background:rgb(var(--color-background));box-shadow:0 8px 14px #00000026}.drawer__close-btn--fill .icon{--icon-size: 1.6rem}@media(max-width:767.98px){.drawer__close-btn--fill-mobile{top:2rem;inset-inline-end:2rem;background:rgb(var(--color-background));box-shadow:0 8px 14px #00000026}.drawer__close-btn--fill-mobile .icon{--icon-size: 1.6rem}}.drawer__loading-spinner{--loading-size: 4.8rem;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media(min-width:768px){.drawer{--modal-gap: 3.2rem}}.modal{--modal-height: calc(100dvh - 4rem) ;align-items:center;justify-content:center;padding:0 1.6rem}.modal:not([hidden]){display:flex}.modal .drawer__inner{position:relative;height:auto;max-height:var(--modal-height);transform:scale(.8);opacity:0;transition-property:transform,opacity}.modal .drawer__body{max-height:var(--modal-height);padding:var(--modal-gap)}.modal[active]>.drawer__inner{opacity:1;transform:scale(1)}.blocks-radius{overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(#fff,#000)}.form-control{outline:none;box-shadow:none;border:var(--inputs-border-width) solid rgb(var(--color-border));padding:1.6rem 2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}.form-control:focus,.form-control:focus-visible{outline:0;background-color:rgb(var(--color-background))}.form-field~.form-field{margin-top:2rem}.form-field .form-message{margin-top:.8rem}.form-message{display:flex}.form-message--error{color:#c4301c}.form-message--success{color:#0d8756}.form-message svg{margin-inline-end:.8rem;flex-shrink:0}.newsletter-form .form-field{display:flex;flex-wrap:wrap;gap:.8rem}.icon{width:var(--icon-size);height:var(--icon-size)}.icon--small{--icon-size: 1.6rem}.icon--large{--icon-size: 2.4rem}.icon:not(.icon--stroke-scalable) path{vector-effect:non-scaling-stroke}.tooltip{--translate-x: -50%;--scale: .85;--translate-y: 0;position:absolute;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));padding:.3rem 1.6rem;z-index:10;inset-block-end:calc(100% + 1.5rem);width:max-content;inset-inline-start:50%;transform:translate(var(--translate-x),var(--translate-y)) scale(var(--scale));opacity:0;font-size:calc(var(--font-body-size) * .9);transform-origin:center;backface-visibility:hidden;will-change:transform}.tooltip:after{position:absolute;inset-inline-start:50%;transform:translate(-50%);border-color:rgb(var(--color-foreground)) transparent;border-style:solid;border-width:10px 10px 0;inset-block-end:-7px;content:"";display:block;width:0}@media screen and (pointer:fine){[data-tooltip]:not(.tooltip--manual):hover .tooltip{--scale: 1;opacity:1}}.v-scrollable{scroll-behavior:smooth;scroll-snap-type:y mandatory;overflow-x:hidden;overflow-y:auto}.v-scrollable::-webkit-scrollbar{width:.6rem}.v-scrollable::-webkit-scrollbar-thumb{border-radius:1rem;background-clip:padding-box;background:rgba(var(--color-foreground),.25)}.v-scrollable::-webkit-scrollbar-track{background:transparent;border:none}.media-wrapper{display:block;position:relative;overflow:hidden;background-color:rgba(var(--color-foreground),.03)}.media-wrapper>img{object-fit:cover;object-position:center center;transition:.5s cubic-bezier(.3,1,.3,1);transition-property:opacity,transform}.media-wrapper.loaded{background-color:transparent}.bg-image{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.bg-image img{width:100%!important;height:100%;object-fit:cover}.placeholder-svg{background-color:rgba(var(--color-foreground),.04);color:rgba(var(--color-foreground),.2);fill:rgba(var(--color-foreground),.2);vertical-align:middle;width:100%;height:100%}.rte:after{clear:both;content:"";display:block}.rte>*:first-child{margin-top:0}.rte>*:last-child{margin-bottom:0}.rte p:first-child{margin-top:0}.rte p:last-child{margin-bottom:0}.rich-text__text[class*=text-]:not(.text-inherit) :where(h1,h2,h3,h4,h5,h6){font-family:inherit;font-weight:inherit;font-size:inherit;font-style:inherit;text-transform:inherit;color:currentColor;line-height:inherit}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.w-full{width:100%}.h-full{height:100%}.gap-2{gap:.8rem}.gap-3{gap:1.2rem}.shrink-0{flex-shrink:0}.z-2{z-index:2}.block{display:block}.hidden{display:none}.pointer-events-none{pointer-events:none}.text-left{text-align:start}.text-center{text-align:center}.no-js .no-js-hidden{display:none!important}@media(prefers-reduced-motion){.motion-reduce{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/subscription-popup.css.map */