.page-header[data-v-358de92a]{height:560px;background-image:url(../img/user-referral-bg.4c77abbf.svg);background-size:cover;background-position:50%}.page-header-title[data-v-358de92a]{color:#f2f2ec;font-size:36px;font-weight:900;margin-bottom:24px;letter-spacing:5.8px}.page-header-desc-highlight[data-v-358de92a]{font-size:24px;font-weight:500;color:#f2f2ec}.page-middle[data-v-358de92a]{padding:60px 0}.page-middle-left[data-v-358de92a]{width:480px;height:200px;padding-right:30px;border-right:#37393c}.page-middle-right[data-v-358de92a]{height:200px;padding-left:100px}[data-v-358de92a] .social-media-item{width:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[data-v-358de92a] .social-media-item .social-media-btn{width:24px!important;height:24px!important;margin:0!important}.share-url-input[data-v-358de92a] .v-input__slot{padding-left:10px;padding-right:48px;border:1px solid #ccc;border-radius:5px!important;margin-bottom:0;padding-right:60px!important;-webkit-box-shadow:none!important;box-shadow:none!important}.share-url-input[data-v-358de92a] .v-input__control{min-height:10px!important}.share-url-input[data-v-358de92a] input{overflow:hidden;text-overflow:ellipsis}.share-url-input .share-url-copy[data-v-358de92a]{right:17px;top:6px;color:$color-primary;font-weight:600}@media screen and (max-width:896px){.page-middle-left[data-v-358de92a]{padding:0 20px!important;border:none!important}.page-middle-right[data-v-358de92a]{padding:0 20px!important}}@media screen and (max-width:425px){.page-header[data-v-358de92a]{height:460px}.page-header-title[data-v-358de92a]{font-size:18px!important}.page-header-desc[data-v-358de92a]{font-size:12px!important}.page-header-desc-highlight[data-v-358de92a]{font-size:15px!important}.page-header-desc-comment[data-v-358de92a]{font-size:8px!important}.section-1-ninja[data-v-358de92a]{width:180px!important}.page-middle[data-v-358de92a]{padding:30px 0!important}.spage-middle-left[data-v-358de92a]{height:auto!important;margin-bottom:16px!important}.page-middle-right[data-v-358de92a]{height:auto!important;padding-top:30px!important}}