.referral .referral-div[data-v-09abdae9]{background-color:var(--box-color);border-radius:5px;margin-bottom:10px;width:100%;padding:20px}.referral .referral-div .p[data-v-09abdae9]{margin:12px}.referral .referral-div .referral-input[data-v-09abdae9]{display:flex;align-items:center;justify-content:center;margin:20px 0}.referral .referral-div .referral-input div[data-v-09abdae9]{display:flex;align-items:center;position:relative;border:1px solid var(--border);border-radius:5px;color:var(--fontcolor);height:45px}.referral .referral-div .referral-input div input[data-v-09abdae9]{margin:0 40px 0 auto;color:var(--fontcolor);width:calc(100% - 78px)}.referral .referral-div .referral-input div p[data-v-09abdae9]{min-width:max-content}.referral .referral-div .referral-input div label[data-v-09abdae9]{position:absolute;right:10px;width:20px;height:20px;transition:all .2s;cursor:pointer}.referral .referral-div .referral-input div label img[data-v-09abdae9]{width:20px;height:20px;transition:all .2s}.referral .referral-div .referral-input div label:hover img[data-v-09abdae9]{transform:translateX(5px)}.referral .referral-div .referral-input .input-right[data-v-09abdae9]{width:40%;margin-left:10px}.referral .referral-div .referral-input .input-left[data-v-09abdae9]{width:60%;margin-right:10px}.referral .referral-div .referral-img[data-v-09abdae9],.referral .referral-div .referral-img div[data-v-09abdae9]{margin:50px 0;display:flex;align-items:center;justify-content:center}.referral .referral-div .referral-img div[data-v-09abdae9]{width:100%;flex-direction:column}@media(max-width:576px){.referral .referral-input[data-v-09abdae9]{flex-direction:column}.referral .input-left[data-v-09abdae9],.referral .input-right[data-v-09abdae9]{width:100%!important;margin:5px 0!important}.referral .referral-img[data-v-09abdae9]{flex-direction:column}}