.f-popup{position:fixed;top:0;left:0;width:100%;height:100%;max-width:100vw;z-index:999;display:none;justify-content:center;align-items:flex-end;padding-top:4rem;pointer-events:none}@media(min-width:768px){.f-popup{align-items:center;padding-top:0}}.f-popup.open,.f-popup[open]{display:flex;animation:f-fade-in .45s ease;pointer-events:auto}.f-popup.open .f-popup__content,.f-popup[open] .f-popup__content{display:block;animation:f-fade-in-up .45s ease}.f-popup.closing,.f-popup[closing]{animation:f-fade-out .45s ease;opacity:0}.f-popup.closing .f-popup__content,.f-popup[closing] .f-popup__content{animation:f-fade-out-down .45s ease}.f-popup:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-overlay-bg, #000);transition:.3s all;opacity:calc(var(--color-overlay-alpha, 40) * 1%)}.f-popup__content{width:var(--popup-width, 500px);position:relative;z-index:1;max-height:90vh;overflow-y:auto;display:none;box-shadow:none;outline:0}@media(min-width:768px){.f-popup__content{max-width:90vw}}.f-popup__inner{padding:3rem;width:100%;border-radius:var(--card-corner-radius);background:#fff}.f-popup__inner.f-popup--image-left{display:grid}@media(min-width:768px){.f-popup__inner.f-popup--image-left{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.f-popup__inner.f-popup--image-left{grid-template-columns:37.5rem 1fr}}.f-popup__inner.f-popup--image-left .f-popup__blocks{display:flex;flex-direction:column;justify-content:center}@media(min-width:1024px){.f-popup__inner.f-popup--image-left .f-popup__blocks{padding-block:0;padding-inline:2rem 1rem}}.f-popup__inner.text-left .f-popup__code{width:100%}.f-popup__inner--no-image{padding-top:2rem;padding-bottom:2rem}.f-popup__close{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0!important;border-radius:50%;background-color:#fff;position:absolute;inset-block-start:.8rem;inset-inline-end:1rem;transition:.22s all;z-index:1}.f-popup__close svg{width:20px;height:20px}.f-popup__close:hover{transform:rotate(180deg)}.f-popup__text{margin-top:8px!important}.f-popup__blocks{flex:1}.f-popup__blocks>*+*{margin-top:2.4rem}@media(min-width:1024px){.f-popup--image-top .f-popup__blocks{padding-inline:1.5rem;padding-block:0 1.5rem}}.f-popup__blocks .f-popup__form+.f-popup__cta{margin-top:1.2rem}.f-popup--image-left .f-popup__cta .btn{width:100%}.f-popup__social{margin-top:2.4rem}.f-popup__image{margin-inline:-3rem;margin-block:-3rem 3rem}@media(min-width:768px){.f-popup--image-left .f-popup__image{margin-inline:-3rem 3rem;margin-block:-3rem}}.f-popup--image-left .f-popup__image .f-image,.f-popup--image-left .f-popup__image svg{height:100%;object-fit:cover}.f-popup__image responsive-image img{transform:scale(1)!important}.f-popup__code{display:inline-flex;align-items:center}.f-popup__code .btn{box-sizing:content-box;border-width:2px;margin-inline-start:-10px;padding:0 20px}.f-popup__code input{border:2px dashed var(--color-border);text-align:center;text-transform:uppercase;font-weight:700;font-size:2rem;letter-spacing:.15rem}.f-popup__teaser{position:fixed;inset-block-end:1rem;inset-inline-start:1rem;border-radius:24px;letter-spacing:1.4px;box-shadow:#00000014 0 20px 30px;cursor:pointer;color:var(--color-teaser-popup-text);z-index:98;transition:.3s all;display:block}.f-popup__teaser:after{content:"";background:var(--color-teaser-popup-bg);position:absolute;top:0;left:0;width:100%;height:100%;border-radius:24px;z-index:-1;transition:.3s all;pointer-events:none}.f-popup__teaser:hover{transform:translate3d(0,-2px,0)}.f-popup__teaser:hover:after{opacity:.9}.f-popup__teaser .btn{padding:10px 24px!important;color:var(--color-teaser-popup-text)!important;text-transform:initial}.f-popup__teaser .btn:focus-visible{outline-offset:2px;border-radius:24px}.f-popup__teaser .btn svg{margin-inline-end:1rem}.f-popup .btn-apply svg{display:none}.f-popup .btn-apply.copied span{display:none}.f-popup .btn-apply.copied svg{display:block}.f-popup__social .social-links{gap:.8rem 2.4rem}.f-popup__social .social-links a{padding:0}.f-popup__social .social-links a svg{margin:0}.f-popup__layout--mobile{display:none}@media(max-width:767.98px){.f-popup{align-items:center!important;padding-top:0!important}.f-popup__content{width:min(94vw,var(--popup-width, 680px))!important;max-width:680px!important;margin:0 auto!important}.f-popup__inner.f-popup--image-left{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:stretch!important;gap:0!important;padding:0!important;border-radius:var(--card-corner-radius);background:#fff;overflow:hidden}.f-popup--image-left .f-popup__image,.f-popup--image-left .f-popup__blocks{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}.f-popup__image[style]{aspect-ratio:auto!important}.f-popup--image-left .f-popup__image img,.f-popup--image-left .f-popup__image .f-image,.f-popup--image-left .f-popup__image svg{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.f-popup--image-left .f-popup__blocks{align-self:stretch!important;display:flex;flex-direction:column;justify-content:center;gap:10px}.f-popup__blocks .f-popup__form{margin-top:-30px!important;transform:scale(.8) translateY(6%)}.f-popup__blocks .f-popup__cta{margin-top:8px!important}.f-popup__blocks input,.f-popup__blocks .form-control{height:42px!important;font-size:14px!important;padding:0 14px!important;width:100%!important}.f-popup__blocks .btn{height:44px!important;font-size:14px!important;padding:0 16px!important;width:100%!important}.f-popup__blocks>*:first-child{font-size:15px!important;transform:scale(.8) translateY(6%)}.f-popup__blocks>*:nth-child(2){margin-top:-30px!important;font-size:35px!important;transform:scale(.8) translateY(6%)}.f-popup__blocks>*:nth-child(3){font-size:14px!important}.f-popup__blocks>*:last-child{margin-top:-10px!important;padding-bottom:5px!important;line-height:1.25!important;transform:scale(.8) translateY(6%)}.f-popup__close{inset-block-start:-2px!important;inset-inline-end:-2px!important;z-index:5!important}.f-popup__image{margin:0!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/popup-component.css.map */