.invite-box{display:flex;flex-direction:column;width:25%;background:#fff;border:1px solid #f0f0f0;padding:16px;border-radius:16px;box-sizing:border-box;height:100%;max-height:257px}.invite-box .ant-spin,.invite-box .ant-spin-container,.invite-box .ant-spin-nested-loading{height:100%;display:flex;flex-direction:column;justify-content:space-between}@media(max-width:991.98px){.invite-box{width:100%}}.invite-box .title{font-size:20px;font-weight:700;text-align:center}.invite-box .pmx-button{margin-top:35px}.invite-box .pmx-button button{border-radius:40px;background:rgba(55,114,255,.05);max-width:unset;height:48px}.invite-box .pmx-button button span{font-family:YekanBakh-En}.invite-box .list{margin-top:37px;display:flex;flex-direction:column;gap:16px}.invite-box .list .ant-divider{margin:unset}.invite-box .list .row{display:flex;justify-content:space-between}.invite-box .list .row p{color:#777e90;text-align:right;font-size:14px;font-weight:600}.invite-box .list .row .value{font-size:20px;color:#3772ff;font-size:14px;font-weight:600}.invite-box .list .row .value span{color:#3772ff;font-size:12px;font-weight:600}@keyframes shine-lines{0%{background-position:-100px}40%,to{background-position:140px}}@keyframes shine-avatar{0%{background-position:-32px}40%,to{background-position:208px}}.invite-box-skeleton{display:flex;flex-direction:column;justify-content:space-between;height:257px;width:25%;background:#fff;border:1px solid #f0f0f0!important;padding:16px;border-radius:16px;box-sizing:border-box}@media(max-width:991.98px){.invite-box-skeleton{width:100%}}.invite-box-skeleton .title-skeleton{font-size:20px;font-weight:700;text-align:center;width:90px;margin:0 auto;height:20px}.invite-box-skeleton .button-skeleton,.invite-box-skeleton .title-skeleton{background-image:linear-gradient(90deg,#ddd,#e8e8e8 40px,#ddd 80px);background-size:600px;animation:shine-avatar 1.6s linear infinite;border-radius:8px}.invite-box-skeleton .button-skeleton{max-width:unset;height:48px}.invite-box-skeleton .ant-divider{margin:unset}.invite-box-skeleton .list-skeleton{display:flex;flex-direction:column;gap:18px}.invite-box-skeleton .list-skeleton .row-skeleton{display:flex;justify-content:space-between}.invite-box-skeleton .list-skeleton .row-skeleton p{font-size:14px;width:80px}.invite-box-skeleton .list-skeleton .row-skeleton .value-skeleton,.invite-box-skeleton .list-skeleton .row-skeleton p{background-image:linear-gradient(90deg,#ddd,#e8e8e8 40px,#ddd 80px);background-size:600px;animation:shine-avatar 1.6s linear infinite;font-weight:700;color:#3772ff;height:12px;border-radius:8px}.invite-box-skeleton .list-skeleton .row-skeleton .value-skeleton{font-size:20px;font-size:12px;font-weight:400;width:40px}.price-card{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;background:#fff;border:1px solid #f0f0f0!important;padding:14px;border-radius:20px;box-sizing:border-box;white-space:nowrap}.price-card .title{font-size:20px;font-weight:700;text-align:center}.price-card .row{display:flex;justify-content:space-between;align-items:center}.price-card .row:first-child{padding-top:0}.price-card .row:last-child{align-items:end}.price-card .row .currency-info{display:inline-flex;align-items:center;font-size:16px;font-weight:700}.price-card .row .currency-info img{margin-left:8px;width:32px;height:32px}.price-card .row .currency-info p{display:flex;flex-direction:column}.price-card .row .currency-info p span:first-child{font-size:14px;font-weight:600}.price-card .row .currency-info p span:last-child{color:#b3b3b3;text-align:right;font-size:10px}.price-card .row .price-info{display:flex;flex-direction:column}.price-card .row .price-info .buy-rate{color:#58bd7d;text-align:left;font-size:12px;font-style:normal;font-weight:600}.price-card .row .price-info .rate-value{text-align:right;font-size:14px;font-weight:600}.price-card .row .value{font-size:24px;font-weight:700;display:flex;flex-direction:column;align-items:end}.price-card .row .value span{font-size:10px;font-weight:400}.price-card .row .percent.negative{color:#ff3d00}@media(max-width:991.98px){.price-card{padding:12px;border-radius:15px}.price-card .row p,.price-card .row span{font-size:12px}.price-card .row p img{width:20px;height:20px;margin-left:7px}.price-card .row .value{font-size:14px}.price-card .row .value span{font-size:10px}}.user-level-box{display:flex;background:radial-gradient(100% 100% at 50% 100%,#739dff 3.12%,#3772ff 100%);background-size:auto;background-repeat:no-repeat;background-position:50%;width:25%;height:257px;position:relative;border-radius:16px}@media(max-width:991.98px){.user-level-box{width:100%}}.user-level-box .buttons{position:absolute;display:flex;gap:16px;bottom:10%;left:15%;right:15%}.user-level-box .buttons .pmx-button{z-index:11;border-radius:8px;background:#fff}.user-level-box .buttons .pmx-button button{justify-content:center}.user-level-box .buttons .pmx-button button span{color:#000;font-size:18px;font-weight:600;white-space:nowrap}.user-level-box .buttons>img.up-button{margin-right:11px;z-index:11;cursor:pointer}.user-level-box>img.gold-star{width:24px;height:24px;position:absolute;top:35%;right:10%}.user-level-box>img.white-star{width:24px;height:24px;position:absolute;top:25%;left:10%}.user-level-box>img.person{padding:5%;margin-inline:auto;height:193px}