.airdrop-page{margin:16px 40px;position:relative}.airdrop-page .user-dashboard{gap:16px}.airdrop-page .user-dashboard>.left{flex:1}.airdrop-page .user-dashboard>.right{width:435px}.airdrop-page .user-total-point,.airdrop-page .user-referrals,.airdrop-page .user-point-detail{flex:1;margin-bottom:16px;position:relative;padding:16px;border-radius:16px;border:1px solid var(--white-4);background:var(--white-6);backdrop-filter:blur(5px)}.airdrop-page .user-total-point>.title,.airdrop-page .user-referrals>.title,.airdrop-page .user-point-detail>.title{margin-bottom:12px}.airdrop-page .user-total-point>.title>.button,.airdrop-page .user-referrals>.title>.button,.airdrop-page .user-point-detail>.title>.button{border-radius:8px;height:fit-content;padding:6px 12px;font-size:12px;color:var(--white-50);border:1px solid rgba(255,255,255,.1);background:transparent}.airdrop-page .user-total-point>.title>.button:hover,.airdrop-page .user-referrals>.title>.button:hover,.airdrop-page .user-point-detail>.title>.button:hover{border:1px solid rgba(255,255,255,.5);color:var(--white)}.airdrop-page .user-total-point>.title>.button:hover span,.airdrop-page .user-referrals>.title>.button:hover span,.airdrop-page .user-point-detail>.title>.button:hover span{color:var(--white)}.airdrop-page .user-total-point>.title>.key-value,.airdrop-page .user-referrals>.title>.key-value,.airdrop-page .user-point-detail>.title>.key-value{flex:1;position:relative;border-radius:8px;height:fit-content;font-size:12px;color:var(--white)}.airdrop-page .user-total-point>.title>.key-value>span,.airdrop-page .user-referrals>.title>.key-value>span,.airdrop-page .user-point-detail>.title>.key-value>span{color:var(--white)}.airdrop-page .user-total-point>.title .key-value+.line+.key-value,.airdrop-page .user-referrals>.title .key-value+.line+.key-value,.airdrop-page .user-point-detail>.title .key-value+.line+.key-value{text-align:center}.airdrop-page .user-total-point .key,.airdrop-page .user-referrals .key,.airdrop-page .user-point-detail .key{font-size:12px;color:var(--white-50);margin-bottom:4px}.airdrop-page .user-total-point .value,.airdrop-page .user-referrals .value,.airdrop-page .user-point-detail .value{font-weight:600;font-size:20px;color:var(--white)}.airdrop-page .user-total-point .line,.airdrop-page .user-referrals .line,.airdrop-page .user-point-detail .line{width:1px;height:24px;background-color:var(--white-10)}.airdrop-page .user-total-point .get-point,.airdrop-page .user-referrals .get-point,.airdrop-page .user-point-detail .get-point{font-size:12px;color:var(--theme-color);padding:2px 8px;border-radius:6px;background:var(--theme-color-10);cursor:not-allowed;opacity:.5}.airdrop-page .user-total-point .get-point.active,.airdrop-page .user-referrals .get-point.active,.airdrop-page .user-point-detail .get-point.active{opacity:1;cursor:pointer}.airdrop-page .user-total-point .get-point span,.airdrop-page .user-referrals .get-point span,.airdrop-page .user-point-detail .get-point span{color:var(--theme-color)}.airdrop-page .user-total-point,.airdrop-page .user-referrals{width:calc(50% - 8px)}.airdrop-page .user-referrals .referral{flex:none!important;width:30%}.airdrop-page .user-referrals .referral+.referral{width:65%}.airdrop-page .user-referrals .user-referrals-text{margin-top:4px;margin-bottom:12px;font-size:12px;color:#deb07a}.airdrop-page .user-referrals .tip{margin-top:8px;margin-bottom:32px;padding:8px;font-weight:500;gap:4px;border-radius:6px;background:#eb8d271a;color:var(--white-50)}.airdrop-page .user-referrals .tip .bind-text,.airdrop-page .user-referrals .tip .bind-text span{color:#eb8d27}.airdrop-page .user-referrals .code{max-width:250px;padding:0 8px;line-height:28px;border-radius:6px;background:#ffffff0f;color:var(--white);font-size:14px}.airdrop-page .user-referrals .code span{color:var(--white)}.airdrop-page .user-referrals .text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%;display:inline-block;vertical-align:bottom}.airdrop-page .user-referrals .claim-invite-task{padding:2px 4px;border-radius:4px;border:.5px solid #DEB07A}.airdrop-page .user-point-detail{margin-bottom:0}.airdrop-page .user-point-detail>.title{gap:16px}.airdrop-page .user-point-detail>.title>.key-value{width:calc(25% - 25px)}.airdrop-page .user-point-detail>.social-title{padding:16px;gap:20px;border-radius:16px;background:var(--theme-color-10);backdrop-filter:blur(20px)}.airdrop-page .user-point-detail>.social-title>.key-value{text-align:center}.airdrop-page .user-point-detail>.social-title>.key-value .get-point{width:fit-content;display:block;margin-top:4px;margin-inline:auto}.airdrop-page .user-point-detail>.social-title>.key-value .twitter-info{margin-top:4px;font-size:12px;color:var(--white-50)}.airdrop-page .no-user-mask{z-index:99;position:absolute;inset:0 451px 0 0;height:420px;background:#0707070a;backdrop-filter:blur(16px);border-radius:20px;text-align:center;font-size:20px;font-weight:600;gap:16px}.airdrop-page .no-user-mask img{width:80px}.airdrop-page .no-user-mask button{height:48px;color:#fff}.airdrop-page .leaderboard{margin-top:16px;padding:16px 0;border-radius:16px;border:1px solid var(--white-4);background:var(--white-6);backdrop-filter:blur(5px)}.airdrop-page .leaderboard .title{margin-bottom:12px;color:var(--white);font-size:20px;padding-inline:16px}.airdrop-page .leaderboard .title .rank-type-list{border-radius:12px;border:1px solid var(--white-10)}.airdrop-page .leaderboard .title .rank-type-list .rank-type{font-size:14px;padding:8px 16px;color:var(--white-50)}.airdrop-page .leaderboard .title .rank-type-list .rank-type.active{border-radius:11px;background:#ffffff0f;color:var(--white)}.airdrop-page .leaderboard .leaderboard-table .you{color:var(--theme-color);background:#eb8d271a}.airdrop-page .leaderboard .leaderboard-table .you td.ant-table-cell{color:var(--theme-color)}.airdrop-page .leaderboard .leaderboard-table .you .cell-you{margin-left:8px;padding:0 6px;line-height:20px;border-radius:6px;border:1px solid rgba(235,141,39,.1);background:#eb8d270f}.airdrop-page .leaderboard .leaderboard-table .ant-table-thead>tr>th{font-size:12px;color:var(--white-30)}.airdrop-page .leaderboard .leaderboard-table .ant-table-tbody>tr>td{color:var(--white)}.airdrop-page .leaderboard .loader-mask{margin-bottom:20px}.airdrop-page .daily-reward-text-5,.airdrop-page .daily-reward-text-3,.airdrop-page .daily-reward-text-1{margin-top:4px;width:100%;font-size:12px;color:var(--white-50)}.airdrop-page .daily-reward-text-4,.airdrop-page .daily-reward-text-2{margin-top:4px;width:300px;display:flex;align-items:center;gap:4px;color:#deb07a;font-size:12px}.airdrop-page .daily-reward-text-4 .btn,.airdrop-page .daily-reward-text-2 .btn{padding:1px 4px;border-radius:6px;border:1px solid #DEB07A}@media (max-width: 1440px){.airdrop-page .no-user-mask{height:500px}.airdrop-page .airdrop-banner{max-width:435px}}@media (max-width: 720px){.airdrop-page{margin:16px 20px}.airdrop-page .user-total-point,.airdrop-page .user-referrals{width:100%}.airdrop-page .user-dashboard{flex-direction:column}.airdrop-page .user-dashboard>.left>.flex{flex-direction:column}.airdrop-page .user-dashboard>.left .user-referrals .user-referrals-code{flex-direction:column;gap:16px}.airdrop-page .user-dashboard>.left .user-referrals .user-referrals-code .key-value{width:100%}.airdrop-page .user-dashboard>.left .user-referrals .user-referrals-code .key-value .code{width:100%;max-width:100%}.airdrop-page .user-dashboard>.left .user-point-detail .title{flex-direction:column}.airdrop-page .user-dashboard>.left .user-point-detail .title .key-value{width:100%;text-align:left}.airdrop-page .user-dashboard>.left .user-point-detail .title .key-value .value{justify-content:start}.airdrop-page .user-dashboard>.left .user-point-detail .title .key-value .get-point{margin-inline:inherit}.airdrop-page .leaderboard .title{flex-direction:column;align-items:start;gap:8px}.airdrop-page .leaderboard .title .rank-type-list{flex-wrap:wrap;align-items:center}.airdrop-page .leaderboard .title .rank-type-list .rank-type{width:50%}}.binding-modal .ant-modal-title{text-align:center;font-size:24px}.binding-modal .text{font-size:16px;text-align:center;margin-bottom:20px;color:var(--white-50)}.binding-modal .code-input{width:80%;min-width:240px;padding:12px 8px;margin-bottom:12px;text-align:center;border-radius:6px;background:#070707;font-size:14px;font-weight:500;color:var(--white);border:none!important;outline:0!important;box-shadow:none!important}.binding-modal .code-input::placeholder{color:var(--white-50);font-size:14px;font-weight:500}.binding-modal .text-1{margin-top:20px;font-size:16px;color:var(--white)}.binding-modal .text-2{margin-top:6px;font-size:16px;color:var(--white-50)}.binding-modal .icon{font-size:80px;color:var(--theme-color)}.binding-modal a{color:#2c90ff;cursor:default}.point-detail-modal .row-cell-list{max-height:50vh;overflow-y:scroll}.point-detail-modal .row-header,.point-detail-modal .row-cell{color:var(--white);padding-inline:16px}.point-detail-modal .row-header div,.point-detail-modal .row-cell div{line-height:64px;flex:1;text-align:right}.point-detail-modal .row-header div:first-child,.point-detail-modal .row-cell div:first-child{text-align:left}.point-detail-modal .row-header{font-size:12px;padding-block:8px;color:var(--white-30)}.point-detail-modal .row-header div{line-height:1.5}@media (max-width: 720px){.point-detail-modal .row-header,.point-detail-modal .row-cell{padding-inline:8px}.point-detail-modal .row-header div,.point-detail-modal .row-cell div{text-align:center}}.daily-point-tooltip{color:var(--white-50);min-width:280px}.daily-point-tooltip .line-h{margin-block:12px;width:100%;height:1px;background-color:var(--white-10)}.daily-point-tooltip .key-value{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.daily-point-tooltip .key-value .value{text-align:right;display:flex;flex-direction:column;gap:4px}.daily-point-tooltip .value{color:var(--white)}
