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