.bl-popup[hidden]{display:none}.bl-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;--blp-display: "Host Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;--blp-body: "Varela Round", var(--font-body-family), sans-serif;font-family:var(--blp-body);color:#000;letter-spacing:normal}html.bl-popup-open{overflow:hidden}.bl-popup__dialog{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;background:var(--blp-bg-mobile);opacity:0;transition:opacity .5s ease}.bl-popup.is-open .bl-popup__dialog{opacity:1}.bl-popup__close{position:absolute;top:16px;right:16px;z-index:30;padding:0;border:0;background:none;color:#0006;cursor:pointer;line-height:0}.bl-popup__content{display:flex;flex-direction:column;flex-grow:1;align-items:center;justify-content:center;gap:16px;width:100%;padding:32px 5vw 0;box-sizing:border-box}.bl-popup__logo{width:88px;margin-bottom:16px;line-height:0}.bl-popup__logo .bl-logo-wrap,.bl-popup__logo svg,.bl-popup__logo img{width:100%;height:auto;display:block}.bl-popup__step{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.bl-popup__step[hidden]{display:none}.bl-popup__titles{display:flex;flex-direction:column;align-items:center}.bl-popup__h2,.bl-popup__h1{margin:0;font-family:var(--blp-display);font-weight:600;text-align:center;color:#000}.bl-popup__h2{font-size:48px;line-height:48px;letter-spacing:-1px}.bl-popup__h1{font-size:56px;line-height:56px;letter-spacing:-2px}.bl-popup__h1--reward{font-size:60px;line-height:60px}.bl-popup__mark{background:var(--blp-highlight);padding:0 .04em}.bl-popup__question{margin:0;font-size:20px;font-weight:500;text-align:center;line-height:1.2}.bl-popup__answers,.bl-popup__form{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:288px;margin:0}.bl-popup__answers{gap:8px}.bl-popup__input{box-sizing:border-box;width:100%;height:56px;padding:16px;border:1px solid rgba(0,0,0,.4);border-radius:24px;background:#fff;font-family:var(--blp-body);font-size:18px;color:#000;outline:none}.bl-popup__input::placeholder{color:#9ca3af}.bl-popup__input:focus{border-color:#000}.bl-popup__btn{box-sizing:border-box;width:100%;min-height:54px;padding:16px;border:0;border-radius:24px;background:var(--blp-accent);color:var(--blp-accent-text);font-family:var(--blp-body);font-size:18px;font-weight:500;line-height:1.2;cursor:pointer;transition:filter .2s}.bl-popup__btn:hover{filter:brightness(.95)}.bl-popup__btn[disabled]{opacity:.6;cursor:wait}.bl-popup__error{margin:0;font-size:14px;color:#b42318;text-align:center}.bl-popup__note{margin:0;font-size:16px;font-weight:700;text-align:center}.bl-popup__image{display:none}.bl-popup.is-open .bl-anim{animation:blp-up .5s ease both;animation-delay:var(--d, 0ms)}.bl-popup.is-open .bl-popup__form{animation-delay:.5s}@keyframes blp-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes blp-left{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.bl-popup.is-open .bl-anim,.bl-popup.is-open .bl-popup__image{animation:none}}@media screen and (min-width:1024px){.bl-popup__dialog{flex-direction:row;justify-content:center;background:var(--blp-bg-desktop)}.bl-popup__close{right:auto;left:16px;color:#00000080}.bl-popup__content{position:absolute;left:0;top:0;width:55%;height:100%;padding:0;gap:24px}.bl-popup__logo{width:109px}.bl-popup__step{gap:24px}.bl-popup__h2,.bl-popup__h1,.bl-popup__h1--reward{font-size:88px;line-height:88px}.bl-popup__h1--reward{font-size:94px;line-height:94px}.bl-popup__image{display:block;position:absolute;right:0;top:4%;width:45%;height:92%;background-size:cover;background-position:center;border-top-left-radius:30px;border-bottom-left-radius:30px}.bl-popup.is-open .bl-popup__image{animation:blp-left .7s ease}}.bl-popup .bl-popup__image:empty{display:none}@media screen and (min-width:1024px){.bl-popup .bl-popup__image:empty{display:block}}.bl-popup__logo{height:125px;display:flex;align-items:center;justify-content:center}.bl-popup__logo .bl-logo-wrap{width:88px}.bl-popup__mark{display:inline-block;line-height:inherit}@media screen and (min-width:1024px){.bl-popup__logo{width:160px;height:160px}.bl-popup__logo .bl-logo-wrap{width:109px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/bl-popup.css.map */