.com-btn{align-items:center;background:var(--color-primary-2);border-radius:.3125rem;box-shadow:0 .25rem 0 0 var(--color-shadow-primary);color:#1c1e22;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:.791875rem;font-weight:700;height:2rem;justify-content:center;min-width:4.875rem;text-transform:uppercase}.main .content .page-title{color:#fff;font-size:var(--font-size-large);font-weight:700;margin-bottom:.75rem}.primary-select{background:var(--color-form-item-bg);border:.0625rem solid var(--color-input-border);border-radius:.5rem;color:var(--color-surface-9);cursor:pointer;height:2.5rem;padding:0 .5rem}.onlinePlayer{align-items:center;border-radius:1.63425rem;color:#fff;display:inline-block;display:flex;font-size:var(--font-size-text);gap:.25rem}.onlinePlayer .iconify{color:var(--online-user-color);height:1rem;width:1rem}.onlinePlayer .playerNumber{color:#fff;font-weight:700}.onlinePlayer .playerText{color:#b7bbcc;font-weight:650;margin-left:.1875rem}.avatar-block{align-items:center;display:flex;gap:.625rem;justify-content:space-between;margin-bottom:.3125rem;text-align:center;width:100%}.avatar-block .imgHead .botm{bottom:-.5rem;color:#fff;font-size:.875rem;font-weight:700;left:0;position:absolute;width:100%;z-index:3}.avatar-block .imgHead .botm .edit-icon{align-items:center;aspect-ratio:1;background-color:var(--color-surface-5);border-radius:.375rem;cursor:pointer;display:flex;justify-content:center;position:absolute;right:-1.875rem;top:0;width:calc(var(--avatar-size)/3.5)}.avatar-block .imgHead .botm .edit-icon svg{height:.8125rem;width:.8125rem}.avatar-block .imgHead .botm .edit-icon svg path{fill:#abbcd4}.avatar-block .imgHead .botm .edit-icon .iconify{height:.8125rem;width:.8125rem}.avatar-block .infoUserId{align-items:center;color:#fff;cursor:pointer;display:flex;gap:.3125rem;line-height:1}.avatar-block .infoUserId .content{align-items:center;display:flex;flex-direction:column;gap:.25rem}.avatar-block .infoUserId .content p{align-items:center;color:var(--color-surface-9);display:flex;font-size:var(--font-size-text);font-weight:600;gap:.25rem;width:100%}.avatar-block .infoUserId .content p .iconify{margin-bottom:.125rem}.avatar-block .infoUserId .content .account-text{color:var(--color-surface-10);display:block;font-size:var(--font-size-text);font-weight:600;line-height:1;max-width:9.375rem;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.avatar-block .infoUserId .iconify{color:var(--color-surface-9);height:var(--font-size-text);width:var(--font-size-text)}.avatar-block .not-login-text{color:var(--color-surface-9);font-size:var(--font-size-text);font-weight:600;line-height:normal}.avatar-block .iconify{color:var(--color-surface-9);height:calc(var(--avatar-size) - 2rem);width:calc(var(--avatar-size) - 2rem)}.imgHead,.imgHead .frame{position:relative}.imgHead .frame{background:var(--color-surface-8);border-radius:50%;box-sizing:border-box;height:var(--avatar-size);padding:.1875rem;width:var(--avatar-size);z-index:1}.imgHead .frame.avatar-frame-active{background:conic-gradient(from 0deg,#961dcf,#702bb1,#961dcf,#1895a7,#961dcf 1turn)}.imgHead .frame:after{background:var(--color-background-primary);border-radius:50%;content:"";inset:.1875rem;position:absolute;z-index:-1}.imgHead .headPic{align-items:center;display:flex;height:var(--avatar-size);justify-content:center;inset:0;position:absolute;width:var(--avatar-size);z-index:2}.imgHead .headPic img{border-radius:50%;width:calc(100% - .75rem)}.imgHead .headPic .iconify{color:var(--color-surface-9);height:calc(var(--avatar-size) - 1.25rem);width:calc(var(--avatar-size) - 1.25rem)}.vipLevel{align-items:center;aspect-ratio:4/1;background-image:linear-gradient(270deg,#961dcf,#2596a6);background-size:contain;border-radius:1.375rem;display:flex;gap:.25rem;justify-content:center;margin:0 auto;position:relative;width:calc(var(--avatar-size)/1.5)}.vipLevel span{color:#fff;font-size:calc(var(--avatar-size)/6);font-weight:700;margin-top:.125rem}.tutorial-page{container-type:inline-size}.tutorial-page .banner{aspect-ratio:375/100;background-position:center 60%;background-repeat:no-repeat;background-size:cover;border-radius:.5rem;display:flex;justify-content:space-between;padding:0;position:relative;transition:all .3s ease;width:100%}@container (max-width: 660px){.tutorial-page .banner{aspect-ratio:375/180!important;background-position:center 100%}}.tutorial-page .banner .banner-title{display:flex;flex-direction:column;gap:.125rem;justify-content:center;text-transform:uppercase}.tutorial-page .banner .banner-text{color:#fff;font-size:var(--font-size-sub-title);font-weight:700}.tutorial-page .banner .banner-highlight-text{color:var(--color-primary);font-size:var(--font-size-sub-title);font-weight:700}.tutorial-page .main{margin-top:1rem}.table-container{border-radius:.1875rem;margin-bottom:1rem;width:100%}.table-container .table-header{align-items:center;background:var(--color-table-header-bg);border-radius:.1875rem .1875rem 0 0;color:var(--color-table-header-text);display:flex;height:2.75rem}.table-container .table-header span{flex:1;font-size:var(--font-size-text);font-style:normal;font-weight:600;text-align:center}.table-container .table-body .table-row{align-items:center;display:flex;min-height:3.9375rem;padding:.75rem 0}.table-container .table-body .table-row:not(:last-child){border-bottom:.0625rem solid hsla(0,0%,100%,.1)}.table-container .table-body .table-row .table-cell{align-items:center;display:flex;flex:1;gap:.75rem;justify-content:center;padding:0 .75rem}.table-container .table-body .table-row .table-cell .link-btn{--button-height:2rem;cursor:pointer;min-width:5.625rem;transition:all .2s ease}.tab-container{background-color:#191a1c;border-radius:.5rem;margin-bottom:.5rem;padding:.375rem;transition:all .3s ease}.tab-container,.tab-container .tab-nav-item{align-items:center;display:flex;gap:.375rem;justify-content:center}.tab-container .tab-nav-item{border-radius:.375rem;color:var(--color-surface-9);cursor:pointer;flex:1;font-size:var(--font-size-text);font-weight:600;height:2.25rem;padding:0 .5rem;white-space:nowrap}.tab-container .tab-nav-item .iconify{color:var(--color-surface-9);height:1rem;width:1rem}.tab-container .tab-nav-item .badge{align-items:center;background:var(--color-surface-6);border-radius:.25rem;color:#fff;display:flex;font-size:var(--font-size-text);font-style:normal;font-weight:700;height:1.1875rem;justify-content:center;line-height:normal;min-width:1.4375rem;padding:.25rem}.tab-container .tab-nav-item.active{background:var(--color-surface-5);color:#fff}.tab-container .tab-nav-item.active .iconify{color:#fff}.tab-container .tab-nav-item.active .badge{align-items:center;background:var(--color-badge-bg);border-radius:.25rem;color:#fff;display:flex;font-size:var(--font-size-text);font-style:normal;font-weight:700;height:1.1875rem;justify-content:center;line-height:normal;min-width:1.4375rem;padding:.25rem}@media screen and (min-width:660px){.tab-container .tab-nav-item:hover{background:var(--color-surface-5);color:#fff}.tab-container .tab-nav-item:hover .iconify{color:#fff}.tab-container .tab-nav-item:hover .badge{align-items:center;background:var(--color-badge-bg);border-radius:.25rem;color:#fff;display:flex;font-size:var(--font-size-text);font-style:normal;font-weight:700;height:1.1875rem;justify-content:center;line-height:normal;min-width:1.4375rem;padding:.25rem}}@media screen and (max-width:660px){.tab-container .tab-nav-item{flex:1;min-width:auto}}.checkItem{display:flex;justify-content:space-between;min-width:18.75rem;width:100%}.checkItem.active .checkLeft .checkbox{background-color:var(--color-primary);border:.125rem solid var(--color-primary);color:#fff;position:relative}.checkItem.active .checkLeft .checkbox:after{background-image:url(../icon/check.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:var(--font-size-large);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--font-size-large)}.checkItem.active .checkLeft .checkboxTotal{background-color:var(--color-primary);color:#171717}.checkItem .checkLeft{align-items:center;color:#fff;cursor:pointer;display:flex;font-weight:700}.checkItem .checkLeft .checkbox{border:.125rem solid var(--color-surface-8);border-radius:.25rem;height:var(--font-size-large);margin-right:.375rem;width:var(--font-size-large)}.checkItem .checkLeft .checkboxText{font-size:var(--font-size-text);font-weight:600}.checkItem .checkLeft .checkboxTotal{align-items:center;background-color:#484d55;border-radius:.625rem;color:#b7bbcc;display:flex;font-size:var(--font-size-small);font-weight:700;height:var(--font-size-large);justify-content:center;margin-left:.5rem;width:2rem}.checkItem .checkRight{align-items:center;display:flex}.checkItem .checkRight img{height:1.875rem;-o-object-fit:contain;object-fit:contain;width:2.8125rem}.activate_wallet_modal{color:#fff}.activate_wallet_modal .content .tab-container{margin-bottom:1rem}.activate_wallet_modal .content .tab-content .tab-panel{display:flex;flex-direction:column;gap:.75rem;min-height:14.375rem}.activate_wallet_modal .content .info-item{display:flex;flex-direction:column;gap:.25rem}.activate_wallet_modal .content .info-item .label{color:#fff;display:ruby;font-size:var(--font-size-middle);font-weight:600}.activate_wallet_modal .content .info-item .copy-area{align-items:center;background:#17181b;border-radius:.25rem;color:var(--color-surface-9);display:flex;font-size:var(--font-size-text);height:2.75rem;justify-content:space-between;padding:0 .625rem;width:100%}.activate_wallet_modal .content .info-item .copy-area .amount{align-items:center;display:flex;gap:.25rem}.activate_wallet_modal .content .input-area{background:#17181b;border-radius:.25rem;display:flex;height:2.75rem;justify-content:space-between}.activate_wallet_modal .content .input-area .address::-moz-placeholder{color:var(--color-surface-9);font-size:var(--font-size-text);font-weight:600}.activate_wallet_modal .content .input-area .address::placeholder{color:var(--color-surface-9);font-size:var(--font-size-text);font-weight:600}.activate_wallet_modal .content .btn{font-size:var(--font-size-middle)}.activate_wallet_modal .content .info-item.second{margin-top:0}.activate_wallet_modal .content .tab-nav-item.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.activate_wallet_modal .address-box{margin-top:.5rem}.activate_wallet_modal .address-box p{color:#97a6b4;font-size:var(--font-size-text);font-weight:600;margin-bottom:.75rem}.activate_wallet_modal .address-box p span{color:var(--color-primary)}.activate_wallet_modal .address-box .address-table{background:#17191c;border-radius:.1875rem}.activate_wallet_modal .address-box .address-table .table-cell{display:flex;height:3rem}.activate_wallet_modal .address-box .address-table .table-cell span{align-items:center;display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;font-size:var(--font-size-text);justify-content:center}.activate_wallet_modal .address-box .address-table .table-cell .yellow{color:#ffdd19}.activate_wallet_modal .address-box .address-table .table-head{background:var(--color-table-header-bg);border-radius:.1875rem;color:var(--color-table-header-text);font-size:var(--font-size-text);font-weight:600}.activate_wallet_modal .address-box .address-table .pack-up{align-items:center;border-top:.0625rem solid #303439;display:flex;flex-direction:row;flex-wrap:nowrap;height:2.625rem;justify-content:center}.activate_wallet_modal .address-box .open-up{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:2.75rem;justify-content:center;position:relative}.activate_wallet_modal .address-box .open-up:before{background:#303439;content:"";height:.0625rem;position:absolute;top:0;width:100%}.tooltips-icon{color:var(--color-primary);height:var(--font-size-large);width:var(--font-size-large)}.activate-wallet-tooltip .tips{font-size:var(--font-size-text)}.activate-wallet-tooltip .tips .tip-title{color:var(--color-primary);font-weight:700;margin-bottom:.25rem;text-align:left}.activate-wallet-tooltip .tips .tip-item{color:#fff;font-weight:400;line-height:1.125rem;text-align:left}.activate-wallet-tooltip .ant-tooltip-inner{border:.0625rem solid var(--color-primary)}.activate-wallet-tooltip .ant-tooltip-inner:after{background-color:#202226;content:"";height:.25rem;left:calc(50% - .3125rem);position:absolute;top:0;width:.6875rem}.activate-wallet-tooltip .ant-tooltip-arrow:after{border:.0625rem solid var(--color-primary)}.activate-wallet-tooltip{max-width:calc(100vw - 1rem)!important}
