.yoyo-referral-popup-overlay{z-index:999999;background:rgba(0,0,0,.4);justify-content:center;align-items:center;animation:.25s yoyo-referral-fade-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.yoyo-referral-popup-overlay--mobile{align-items:flex-end}.yoyo-referral-popup{box-sizing:border-box;animation:.3s yoyo-referral-scale-in;position:relative;overflow:hidden;box-shadow:0 20px 32px -12px rgba(0,0,0,.2),0 10px 16px -6px rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.06)}.yoyo-referral-popup *,.yoyo-referral-popup :before,.yoyo-referral-popup :after{box-sizing:border-box}.yoyo-referral-popup--horizontal{flex-direction:row;width:500px;min-height:267px;display:flex}.yoyo-referral-popup--vertical{flex-direction:column;width:100%;max-width:360px;display:flex}.yoyo-referral-popup--mobile{width:100%;max-width:360px}.yoyo-referral-popup--mobile-storefront{max-width:100%;animation:.4s cubic-bezier(.32,.72,0,1) yoyo-referral-slide-up;border-radius:16px 16px 0 0!important}.yoyo-referral-popup__illustration{background:#ececec;flex-shrink:0;position:relative;overflow:hidden}.yoyo-referral-popup--horizontal .yoyo-referral-popup__illustration{align-self:stretch;width:50%}.yoyo-referral-popup--vertical .yoyo-referral-popup__illustration,.yoyo-referral-popup--mobile .yoyo-referral-popup__illustration{width:100%;height:200px}.yoyo-referral-popup__illustration img{object-fit:cover;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yoyo-referral-popup__content{flex-direction:column;flex:1;justify-content:center;gap:20px;display:flex}.yoyo-referral-popup--horizontal .yoyo-referral-popup__content{flex-shrink:0;width:50%;padding:24px}.yoyo-referral-popup--vertical .yoyo-referral-popup__content,.yoyo-referral-popup--mobile .yoyo-referral-popup__content{padding:24px}.yoyo-referral-popup__text-group{flex-direction:column;gap:8px;display:flex}.yoyo-referral-popup__title{letter-spacing:-.2px;word-break:break-word;margin:0;font-size:24px;font-weight:650;line-height:normal}.yoyo-referral-popup__subtitle{word-break:break-word;margin:0;font-size:13px;font-weight:450;line-height:20px}.yoyo-referral-popup__form,.yoyo-referral-popup__fields{flex-direction:column;gap:12px;display:flex}.yoyo-referral-popup__field{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.yoyo-referral-popup__field-label{font-size:13px;font-weight:500;line-height:1.4}.yoyo-referral-popup__input{width:100%;height:36px;color:inherit;background:0 0;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:14px;line-height:1.4}.yoyo-referral-popup__input:focus{box-shadow:none;outline:none}.yoyo-referral-popup__input:focus-visible{box-shadow:none;outline:none}.yoyo-referral-popup__input::placeholder{opacity:.5}.yoyo-referral-popup__button{cursor:pointer;text-align:center;word-break:break-word;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;display:inline-block}.yoyo-referral-popup__frame{display:inline-flex;position:relative}.yoyo-referral-popup__watermark{z-index:1;position:absolute;bottom:-18px;right:0}.yoyo-referral-popup__watermark--mobile{bottom:calc(100% + 4px);left:0;right:auto}.yoyo-referral-popup-overlay--mobile .yoyo-referral-popup__frame{width:100%}.yoyo-referral-popup__close-btn{cursor:pointer;z-index:1;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;display:flex;position:absolute;top:12px;right:12px}@keyframes yoyo-referral-fade-in{0%{opacity:0}to{opacity:1}}@keyframes yoyo-referral-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes yoyo-referral-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.yoyo-referral-popup-overlay--closing{animation:.3s forwards yoyo-referral-fade-out}.yoyo-referral-popup--closing{animation:.3s forwards yoyo-referral-scale-out}.yoyo-referral-popup--closing-mobile{animation:.3s cubic-bezier(.32,.72,0,1) forwards yoyo-referral-slide-down}@keyframes yoyo-referral-fade-out{0%{opacity:1}to{opacity:0}}@keyframes yoyo-referral-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes yoyo-referral-slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}