.fade-enter-active[data-v-3cecfdaa],.fade-leave-active[data-v-3cecfdaa],.fade-move[data-v-3cecfdaa]{transition:all .5s}.fade-enter-from[data-v-3cecfdaa]{opacity:0;transform:translateY(30px)}.fade-leave-to[data-v-3cecfdaa]{opacity:0;transform:translateY(-30px)}.fade-leave-active[data-v-3cecfdaa]{position:absolute;width:100%}.fade-enter-active[data-v-8fcd04f2],.fade-leave-active[data-v-8fcd04f2],.fade-move[data-v-8fcd04f2]{transition:all .5s}.fade-enter-from[data-v-8fcd04f2]{opacity:0;transform:translateY(30px)}.fade-leave-to[data-v-8fcd04f2]{opacity:0;transform:translateY(-30px)}.fade-leave-active[data-v-8fcd04f2]{position:absolute;width:100%}.referral_wrapper[data-v-8fcd04f2]{display:flex;gap:20px}.mobile .referral_wrapper[data-v-8fcd04f2]{flex-direction:column}.referral_cat_box[data-v-8fcd04f2]{align-items:center;display:flex}.referral_cat_box .left[data-v-8fcd04f2]{width:50%}.referral_cat_box .right[data-v-8fcd04f2]{display:flex;justify-content:center;width:50%}.referral_cat_box .right img[data-v-8fcd04f2]{height:150px}.referral_cat_box .left .title[data-v-8fcd04f2]{padding-bottom:6px}.referral_cat_box .left .subtitle[data-v-8fcd04f2]{color:var(--text-light);font-size:12px;padding-bottom:6px}.referral_cat_box .left .amount[data-v-8fcd04f2]{color:var(--primary);font-size:22px;font-weight:700;padding-bottom:6px}.referral_cat_box .left .btn[data-v-8fcd04f2]{background:var(--primary);color:#000;padding:8px 16px}