.referral-popup[hidden]{display:none}.referral-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:2rem}.referral-popup:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8}.referral-popup__dialog{position:relative;z-index:1;box-sizing:border-box;width:100%;max-width:46rem;padding:3.2rem 2.8rem 2.8rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:1.4rem;background:rgb(var(--color-background));box-shadow:0 2.4rem 6rem #00000080;text-align:center;animation:referral-popup-in var(--duration-default, .2s) ease-out}@keyframes referral-popup-in{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}.referral-popup__close{position:absolute;top:.8rem;right:.8rem;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.referral-popup__close .svg-wrapper{width:1.6rem;height:1.6rem}.referral-popup__close:focus-visible,.referral-popup__dismiss:focus-visible,.referral-popup__cta:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.referral-popup__heading{margin:0 0 1.2rem;padding:0 2.4rem;font-size:calc(var(--font-heading-scale) * 2.4rem);line-height:1.2;text-wrap:balance}.referral-popup__body{margin:0 0 2.4rem;color:rgba(var(--color-foreground),.78);font-size:1.5rem;line-height:calc(1 + .5 / var(--font-body-scale))}.referral-popup__body p{margin:0}.referral-popup__cta{display:flex;width:100%;margin-bottom:1.2rem}.referral-popup__dismiss{display:inline-block;border:0;background:none;color:rgba(var(--color-foreground),.7);font-size:1.3rem;cursor:pointer}.referral-popup__dismiss:hover{color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.referral-popup{align-items:flex-start;padding-top:8rem}.referral-popup__heading{font-size:calc(var(--font-heading-scale) * 2rem)}}@media screen and (prefers-reduced-motion:reduce){.referral-popup__dialog{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-referral-popup.css.map */