.f-popup{position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto;background-color:#0009;z-index:999;display:none;justify-content:center;align-items:center;padding:1.5rem;pointer-events:none}body.prevent-scroll{overflow:hidden!important;height:100%!important;width:100%!important;position:fixed!important;margin:0!important;touch-action:none!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:none!important;padding-right:var(--scrollbar-width, 0)!important;left:0!important;right:0!important}.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, 650px);position:relative;z-index:1;max-height:90vh;animation-name:fadeInUp;animation-duration:.3s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;text-align:center}@media (min-width: 768px){.f-popup__content{padding-bottom:2rem}}.f-popup__inner{padding:3rem;width:100%;border-radius:var(--card-corner-radius);background:#fff;text-align:center}.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;top:.8rem;right:1rem;transition:.22s all;z-index:1}.f-popup__close svg{width:20px;height:20px}.f-popup__close:hover{transform:rotate(180deg)}.f-popup__title h3{font-size:18px;line-height:1.1;font-weight:500}@media (max-width: 767.98px){.f-popup__title br{display:none}}.f-popup__text{margin-top:0!important;margin-bottom:20px!important;font-size:16px;line-height:1.5}.f-popup__blocks{flex:1;padding:2rem;display:flex;flex-direction:column;justify-content:center}.f-popup__blocks>*+*{margin-top:1rem}.f-popup__blocks .f-popup__form+.f-popup__cta{margin-top:1.2rem}.f-popup__cta .btn{width:100%}.f-popup__social{margin-top:1rem}.f-popup__inner:not(.f-popup__inner--no-image) .f-popup__image .f-image,.f-popup__inner:not(.f-popup__inner--no-image) .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-left:-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;bottom:1rem;left: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-right:1rem}.f-popup .btn-apply svg{display:none}.f-popup .btn-apply.copied span{display:none}.f-popup .btn-apply.copied svg{display:block}@media (max-width: 639.98px){.f-popup__image{padding:0}.f-popup__inner{display:flex;flex-flow:column;border-bottom-right-radius:0;border-bottom-left-radius:0}.f-popup__teaser{bottom:calc(var(--f-mobile-navbar-height, 0px) + 1rem)}}.f-popup__social .social-links{row-gap:8px;column-gap:24px}.f-popup__social .social-links a{padding:0}.f-popup__social .social-links a svg{margin:0}.f-popup__logo-wrapper{padding:0 0 25px;display:block;width:100%;margin-bottom:5px}.logo-align-center{text-align:center}.logo-align-left{text-align:left}.logo-align-right{text-align:right}.f-popup__logo-wrapper--top{margin-bottom:15px}.f-popup__logo-wrapper.logo-align-left{text-align:left}.f-popup__logo-wrapper.logo-align-center{text-align:center}.f-popup__logo-wrapper.logo-align-right{text-align:right}.f-popup__logo-wrapper img{max-width:100%;height:auto;display:block}@media (min-width: 769px){.f-popup__inner:not(.f-popup__inner--no-image){display:grid;grid-template-columns:5fr 6fr;padding:0;align-items:stretch;max-width:900px;overflow:hidden;border-radius:var(--card-corner-radius);background:#fff;margin:0 auto}.f-popup__inner:not(.f-popup__inner--no-image) .f-popup__image{margin:0;position:relative;overflow:hidden;aspect-ratio:4/5}.f-popup__inner:not(.f-popup__inner--no-image) .f-popup__image img,.f-popup__inner:not(.f-popup__inner--no-image) .f-popup__image .f-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.f-popup__inner:not(.f-popup__inner--no-image) .f-popup__content-blocks{padding:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center!important;gap:20px;width:100%;box-sizing:border-box;align-self:center}.f-popup__inner:not(.f-popup__inner--no-image) .f-popup__content-blocks>*{width:100%;text-align:center;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center}.f-popup__inner .f-popup__title,.f-popup__inner .f-popup__text,.f-popup__inner .f-popup__form,.f-popup__inner .f-popup__cta,.f-popup__inner .f-popup__code,.f-popup__content-blocks h1,.f-popup__content-blocks h2,.f-popup__content-blocks h3,.f-popup__content-blocks h4,.f-popup__content-blocks p{padding:.5rem 0;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.form__message--success,.form__message--error{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:8px}}@media (max-width: 768px){.f-popup__inner:not(.f-popup__inner--no-image){flex-direction:column;padding:0;width:100%}.f-popup__inner:not(.f-popup__inner--no-image) .f-popup__image{aspect-ratio:unset!important;height:auto!important}.f-popup__inner:not(.f-popup__inner--no-image) .f-popup__content-blocks{padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;box-sizing:border-box;text-align:center}.form__message--success,.form__message--error{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:8px}.f-popup__inner .f-popup__title,.f-popup__inner .f-popup__text,.f-popup__inner .f-popup__form,.f-popup__inner .f-popup__cta,.f-popup__inner .f-popup__code,.f-popup__content-blocks h1,.f-popup__content-blocks h2,.f-popup__content-blocks h3,.f-popup__content-blocks h4,.f-popup__content-blocks p{padding:.5rem 0;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.f-popup__inner:not(.f-popup__inner--no-image) .f-popup__image{margin:0}}.f-popup__form .form-subscribe{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;text-align:center;margin:0 auto}.f-popup__form .form-subscribe .form-control{width:100%;max-width:100%;box-sizing:border-box;margin-bottom:6px;padding:8px 12px;border-radius:4px;border:1px solid #e0e0e0;font-size:16px;text-align:center}.f-popup__form button[type=submit],.f-popup__form .btn,.f-popup__cta a.btn{width:100%;max-width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;text-align:center}.f-popup__form .btn,.f-popup__form button[type=submit]{width:100%;max-width:100%;box-sizing:border-box;padding:16px 12px;border-radius:4px;font-size:16px;display:block;margin:0 auto;text-align:center}.f-popup__form .form-subscribe .btn{display:block;width:100%;padding:8px;background-color:#000;color:#fff;border:1px solid #000;text-align:center;cursor:pointer;transition:background-color .3s,color .3s;border-radius:4px;font-weight:500;font-size:16px}.f-popup__form .form-subscribe .btn:hover{background-color:#222;color:#fff}
/*# sourceMappingURL=/cdn/shop/t/2/assets/popup-component.css.map */