.scroll-hook-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:center;padding:2rem;background:#0d1f118c;backdrop-filter:blur(.6rem);-webkit-backdrop-filter:blur(.6rem);transition:opacity .35s ease,visibility .35s ease}.scroll-hook-popup[open]{opacity:1;visibility:visible;z-index:1000}.scroll-hook-popup__content{position:relative;width:100%;max-width:44rem;overflow:hidden;border-radius:2.4rem;background:linear-gradient(165deg,#fff,#f4fdf0 55%,#e7f9e0);box-shadow:0 2.5rem 6rem #0a281273,0 .6rem 1.6rem #0a281233,inset 0 0 0 .1rem #fff9;text-align:center;padding:3.6rem 2.8rem 3.2rem;transform:scale(.85) translateY(2rem);opacity:0;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .35s ease}.scroll-hook-popup[open] .scroll-hook-popup__content{transform:scale(1) translateY(0);opacity:1}.scroll-hook-popup__blob{position:absolute;border-radius:50%;filter:blur(3rem);opacity:.55;pointer-events:none;z-index:0}.scroll-hook-popup__blob--one{width:22rem;height:22rem;top:-10rem;left:-8rem;background:radial-gradient(circle,#6fcb45,transparent 70%)}.scroll-hook-popup__blob--two{width:18rem;height:18rem;bottom:-9rem;right:-7rem;background:radial-gradient(circle,#2f6b3a,transparent 70%);opacity:.35}.scroll-hook-popup__leaf{position:absolute;font-size:3.6rem;z-index:1;pointer-events:none;filter:drop-shadow(0 .4rem .6rem rgba(22,61,30,.25));animation:scroll-hook-float 5s ease-in-out infinite}.scroll-hook-popup__leaf--one{top:2.2rem;left:2.4rem;font-size:3.1rem;animation-delay:0s}.scroll-hook-popup__leaf--two{top:3rem;right:4.5rem;animation-delay:1.2s}.scroll-hook-popup__leaf--three{bottom:3.5rem;left:3.5rem;font-size:2.8rem;animation-delay:2.4s}@keyframes scroll-hook-float{0%,to{transform:translate(0) rotate(-4deg) scale(1)}25%{transform:translate(.3rem,-.6rem) rotate(2deg) scale(1.04)}50%{transform:translate(-.2rem,-1.2rem) rotate(6deg) scale(1.08)}75%{transform:translate(-.4rem,-.5rem) rotate(1deg) scale(1.03)}}.scroll-hook-popup__close{position:absolute;top:1.4rem;right:1.4rem;z-index:2;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border:none;border-radius:50%;background:#163d1e14;color:#163d1e;cursor:pointer;transition:background .15s ease,transform .15s ease}.scroll-hook-popup__close .icon{width:1.4rem;height:1.4rem}.scroll-hook-popup__close:hover{background:#163d1e29;transform:rotate(90deg)}.scroll-hook-popup__media{position:relative;z-index:1;width:14rem;height:14rem;margin:0 auto 1.6rem;border-radius:50%;overflow:hidden;border:.4rem solid #ffffff;box-shadow:0 1rem 2.4rem #163d1e4d}.scroll-hook-popup__media img{width:100%;height:100%;object-fit:cover}.scroll-hook-popup__body{position:relative;z-index:1}.scroll-hook-popup__eyebrow{display:inline-flex;align-items:center;gap:.6rem;background:linear-gradient(90deg,#1a5c38,#2f6b3a);color:#eafbe7;font-size:1.5rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.9rem 2rem;margin-bottom:1.6rem;box-shadow:0 .4rem 1rem #2f6b3a59}.scroll-hook-popup__heading{margin:0 0 1.2rem;font-size:2.8rem;line-height:1.15;font-weight:900;letter-spacing:-.01em;color:#163d1e}.scroll-hook-popup__subheading{margin:0 auto 2.4rem;max-width:36rem;font-size:1.5rem;font-weight:700;line-height:1.5;color:#163d1ebf}.scroll-hook-popup__cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.9rem;background:linear-gradient(180deg,#86e35c,#4fa62f 55%,#235c2c);color:#fff;font-size:1.6rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;border:.15rem solid rgba(255,255,255,.35);border-radius:999px;padding:1.4rem 3.4rem;text-shadow:0 .15rem .3rem rgba(0,0,0,.25);box-shadow:0 1rem 2.4rem #235c2c8c,0 .3rem .6rem #235c2c59,inset 0 .2rem #ffffff73,inset 0 -.3rem .5rem #00000026;animation:scroll-hook-pulse 2.4s ease-in-out infinite;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.scroll-hook-popup__cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.55) 42%,rgba(255,255,255,.55) 48%,transparent 62%);transform:translate(-120%);animation:scroll-hook-shimmer 3.2s ease-in-out infinite;pointer-events:none}.scroll-hook-popup__cta span{position:relative;z-index:2}.scroll-hook-popup__cta .svg-wrapper{position:relative;z-index:2;width:2.2rem;height:2.2rem;display:flex;animation:scroll-hook-arrow-nudge 1.8s ease-in-out infinite;transition:transform .18s ease}.scroll-hook-popup__cta:hover{transform:translateY(-.25rem) scale(1.03);filter:brightness(1.08);box-shadow:0 1.4rem 3rem #235c2ca6,0 .4rem .8rem #235c2c66,inset 0 .2rem #ffffff73,inset 0 -.3rem .5rem #00000026}.scroll-hook-popup__cta:hover .svg-wrapper{transform:translate(.4rem);animation-play-state:paused}.scroll-hook-popup__cta:active{transform:translateY(0) scale(.98)}@keyframes scroll-hook-pulse{0%,to{box-shadow:0 1rem 2.4rem #235c2c8c,0 .3rem .6rem #235c2c59,inset 0 .2rem #ffffff73,inset 0 -.3rem .5rem #00000026,0 0 #6fcb458c}50%{box-shadow:0 1rem 2.4rem #235c2c8c,0 .3rem .6rem #235c2c59,inset 0 .2rem #ffffff73,inset 0 -.3rem .5rem #00000026,0 0 0 1rem #6fcb4500}}@keyframes scroll-hook-shimmer{0%,35%{transform:translate(-120%)}65%,to{transform:translate(120%)}}@keyframes scroll-hook-arrow-nudge{0%,to{transform:translate(0) scale(1)}30%{transform:translate(.25rem) scale(1.05)}55%{transform:translate(.5rem) scale(1.08)}80%{transform:translate(.15rem) scale(1.02)}}.scroll-hook-popup__dismiss{display:block;margin:1.6rem auto 0;background:none;border:none;color:#163d1e8c;font-size:1.3rem;font-weight:600;text-decoration:underline;text-underline-offset:.2rem;cursor:pointer}.scroll-hook-popup__dismiss:hover{color:#163d1ed9}@media screen and (max-width:480px){.scroll-hook-popup__content{padding:3.2rem 2rem 2.6rem;border-radius:2rem}.scroll-hook-popup__heading{font-size:2.3rem}.scroll-hook-popup__subheading{font-size:1.4rem}.scroll-hook-popup__media{width:11rem;height:11rem}}@media(prefers-reduced-motion:reduce){.scroll-hook-popup__leaf,.scroll-hook-popup__cta,.scroll-hook-popup__cta:before,.scroll-hook-popup__cta .svg-wrapper{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-scroll-hook-popup.css.map */