.pc-credit-balance{position:relative}.pc-credit-balance__info{position:absolute;right:3px;top:3px}.pc-credit-balance__roller{display:none}.pc-credit-balance__roller.is-active{display:flex}.pc-credit-balance__static.is-hidden{display:none}.pc-credit-info-tooltip{font-size:12px;line-height:1.6;max-width:260px}.pc-credit-info-tooltip p{margin:0}.pc-credit-info-tooltip p+p{margin-top:6px}.pc-credit-top{display:flex;flex-direction:column;gap:30px}.pc-credit-overview{align-items:stretch;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 312px}.pc-credit-overview__main{display:flex;flex-direction:column;min-width:0}.pc-credit-card--buy{background:#09090b;border:1px solid #3d3d42;border-radius:14px;margin-top:0}.pc-credit-card__header{min-height:auto;padding:24px 24px 0}.pc-credit-card__heading{display:flex;flex-direction:column;gap:4px}.pc-credit-card__title{color:#fff;font-size:24px;font-weight:700;line-height:32px}.pc-credit-card__subtitle{color:#a1a1aa;font-size:14px;line-height:20px;margin:0}.pc-credit-card__body--form{border-top:0;padding:24px}.pc-gap{padding-top:24px}.pc-credit-section{display:flex;flex-direction:column;gap:12px}.pc-credit-section__label{color:#71717a;font-size:12px;font-weight:500;line-height:16px}.pc-credit-amount-grid{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.pc-credit-amount-option{align-items:flex-start;background:#111114;border:1px solid #3d3d42;border-radius:14px;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:82px;overflow:hidden;padding:16px;position:relative;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}.pc-credit-amount-option:focus-visible,.pc-credit-amount-option:hover{border-color:#7672ffb3;transform:translateY(-1px)}.pc-credit-amount-option.is-selected{background:#1a1a2e;border-color:#6467f2}.pc-credit-amount-option__value{font-size:18px;font-weight:700;line-height:28px}.pc-credit-amount-option__meta{color:#71717a;font-size:12px;font-weight:500;line-height:16px;margin-top:4px}.pc-credit-amount-option__ribbon{background:linear-gradient(180deg,#8c86ff,#6467f2);box-shadow:0 8px 18px #6467f24d;color:#fff;font-size:9px;font-weight:700;line-height:9px;padding:4px 0;position:absolute;right:-32px;text-align:center;top:8px;transform:rotate(45deg);width:108px}.pc-credit-amount-option--custom{cursor:text;justify-content:center}.pc-credit-amount-option__custom-input{background:transparent;border:0;color:#d4d5db;cursor:text;font-size:14px;font-weight:500;line-height:22px;margin-top:4px;outline:none;padding:0;width:100%}.pc-credit-amount-option__custom-input::-moz-placeholder{color:#7c7f89}.pc-credit-amount-option__custom-input::placeholder{color:#7c7f89}.pc-credit-amount-option__custom-input::-webkit-inner-spin-button,.pc-credit-amount-option__custom-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pc-credit-method{align-items:center;background:#111114;border:1px solid #6467f2;border-radius:14px;display:flex;gap:12px;padding:16px}.pc-credit-method__radio{align-items:center;border:2px solid #6467f2;border-radius:33554400px;display:inline-flex;flex:0 0 auto;height:20px;justify-content:center;width:20px}.pc-credit-method__radio-dot{background:#6862f2;border-radius:999px;height:8px;width:8px}.pc-credit-method__copy{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-width:0}.pc-credit-method__meta,.pc-credit-method__title-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.pc-credit-method__title{color:#fff;font-size:14px;font-weight:500;line-height:20px}.pc-credit-method__badge{align-items:center;background:#6467f2;border-radius:4px;color:#fff;display:flex;font-size:10px;font-weight:400;line-height:10px;padding:2px 8px}.pc-credit-method__hint{color:#71717a;font-size:12px;line-height:16px}.pc-credit-method__brands{flex-wrap:wrap;gap:8px}.pc-credit-method__brand,.pc-credit-method__brands{align-items:center;display:inline-flex}.pc-credit-method__brand--wechat{color:#62ef9d;min-width:auto}.pc-credit-method__brand--visa-word{color:#a1a1aa;font-size:12px;font-style:normal;font-weight:700;letter-spacing:1.2px;line-height:16px}.pc-credit-method__brand-image{display:block;flex:0 0 auto;height:14px;width:24px}.pc-credit-method__brand--mc{align-items:center;border:1px solid #3d3d42;border-radius:4px;color:#a1a1aa;display:flex;font-size:8px;font-style:normal;font-weight:400;height:14px;justify-content:center;line-height:12px;width:20px}.pc-credit-method__brand--more{color:#71717a;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.pc-credit-pay{background:#6467f2;border:0;border-radius:14px;box-shadow:0 1px 3px #0003;color:#fff;font-size:16px;font-weight:600;line-height:24px;margin:16px 0;min-height:48px}.pc-credit-pay:disabled{box-shadow:none;opacity:.6}.pc-credit-checkout-note{align-items:center;color:#52525b;display:flex;font-size:12px;font-weight:400;gap:8px;justify-content:center;line-height:16px}.pc-credit-checkout-note img{height:13px;width:13px}.pc-credit-benefits{min-width:0}.pc-credit-benefits__inner{background:#09090b;border:1px solid #3d3d42;border-radius:14px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:100%;padding:24px}.pc-credit-benefits__title{color:#fafafa;font-size:18px;font-weight:700;line-height:28px;margin:0}.pc-credit-benefits__list{display:flex;flex-direction:column;gap:22px;list-style:none;margin:20px 0 0;padding:0}.pc-credit-benefits__item{align-items:flex-start;display:flex;gap:14px}.pc-credit-benefits__icon{align-items:center;background:#6467f2;border-radius:33554400px;display:inline-flex;flex:0 0 auto;height:24px;justify-content:center;width:24px}.pc-credit-benefits__icon img{height:13px;width:13px}.pc-credit-benefits__copy{display:flex;flex-direction:column;gap:2px}.pc-credit-benefits__copy strong{color:#fff;font-size:14px;font-weight:500;line-height:20px}.pc-credit-benefits__copy span{color:#71717a;font-size:12px;line-height:16px}.pc-select--credit-filter{background:transparent;border:0;min-width:132px;padding:0}.pc-credit-filter-select{width:132px}.pc-credit-filter-select-fallback{border:0;color:var(--color-grey-65,#a1a1aa);cursor:default;font-size:12px;line-height:16px;padding:0 28px 0 12px;text-align:left;width:132px}.pc-credit-filter-select .el-select__wrapper,.pc-credit-filter-select-fallback{background:#18191b;border-radius:6px;box-shadow:inset 0 0 0 1px #3d3d42;min-height:32px}.pc-credit-filter-select .el-select__placeholder,.pc-credit-filter-select .el-select__selected-item{color:var(--color-grey-65,#a1a1aa);font-size:12px;line-height:16px}.pc-credit-filter-select .el-select__caret,.pc-credit-filter-select .el-select__placeholder.is-transparent{color:var(--color-grey-65,#a1a1aa)}.pc-credit-filter-select-popper.el-popper{background:#141416;border:1px solid #3d3d42;border-radius:10px;box-shadow:0 10px 30px #00000059}.pc-credit-filter-select-popper .el-popper__arrow{display:none}.pc-credit-filter-select-popper .el-select-dropdown__wrap{max-height:none}.pc-credit-filter-select-popper .el-select-dropdown__list{padding:6px}.pc-credit-filter-select-popper .el-select-dropdown__item{border-radius:6px;color:#dfe1e2;font-size:12px;line-height:16px;min-height:34px;padding:9px 10px}.pc-credit-filter-select-popper .el-select-dropdown__item.hover,.pc-credit-filter-select-popper .el-select-dropdown__item.is-selected,.pc-credit-filter-select-popper .el-select-dropdown__item:hover{background:#24262b;color:#fafafa}.pc-table-wrap{overflow:hidden;-webkit-overflow-scrolling:touch;background:#09090b;border:1px solid #3d3d42;border-radius:6px}.pc-credit-el-table{--el-table-bg-color:#09090b;--el-table-tr-bg-color:#09090b;--el-table-row-hover-bg-color:rgba(33,34,37,.64);--el-table-header-bg-color:#09090b;--el-table-border-color:rgba(61,61,66,.58);--el-table-text-color:#a1a1aa;--el-table-header-text-color:#a1a1aa;background:#09090b;color:#a1a1aa}.pc-credit-el-table .el-table__inner-wrapper:before{display:none}.pc-credit-el-table th.el-table__cell{background:#09090b;border-bottom:1px solid #3d3d42;font-size:12px;font-weight:500;height:36px;padding:0;text-align:left}.pc-credit-el-table td.el-table__cell{background:#09090b;font-size:12px;height:48px;line-height:16px;padding:0}.pc-credit-el-table td.el-table__cell .cell,.pc-credit-el-table th.el-table__cell .cell{overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap}.pc-credit-el-table .el-table__row:hover td.el-table__cell{background:#212225a3}.pc-credit-el-table .el-table__empty-block{min-height:180px}.pc-credit-el-table .el-table__empty-text{color:#a1a1aa}.pc-top-up-status{align-items:center;background:#a1a1aa1f;border-radius:999px;color:#c7c9d1;display:inline-flex;justify-content:center;line-height:24px;min-height:24px;min-width:74px;padding:0 10px}.pc-top-up-status--success{background:#10b9811f;color:#34d399}.pc-top-up-status--pending{background:#fbbf2424;color:#fbbf24}.pc-top-up-status--failed{background:#f8717124;color:#f87171}.pc-credit-transactions .pc-arrow-group{align-items:center;display:inline-flex;flex-wrap:nowrap}.pc-credit-transactions .pc-arrow-group .pc-pill{flex:0 0 auto;margin-right:8px;min-width:66px;white-space:nowrap}.pc-credit-transactions .pc-input input::-moz-placeholder{color:var(--color-azure-65,#9ca3af)}.pc-credit-transactions .pc-input input::placeholder{color:var(--color-azure-65,#9ca3af)}.pc-credit-transactions .pc-table-header{align-items:center}.pc-credit-transactions .pc-toolbar__right{justify-content:flex-end}@media(max-width:1200px){.pc-credit-overview{grid-template-columns:1fr}.pc-credit-benefits__inner{min-height:0}.pc-credit-transactions .pc-table-header{align-items:stretch}.pc-credit-transactions .pc-toolbar__right{justify-content:flex-start}}@media(max-width:960px){.pc-credit-transactions{overflow-x:auto}.pc-credit-transactions .pc-toolbar__right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.pc-credit-transactions .pc-toolbar__right>.pc-button:first-child{display:none}.pc-credit-transactions .pc-button,.pc-credit-transactions .pc-credit-filter-select,.pc-credit-transactions .pc-credit-filter-select-fallback,.pc-credit-transactions .pc-input,.pc-credit-transactions .pc-input input,.pc-credit-transactions .pc-select--credit-filter{width:100%}.pc-credit-transactions .pc-input{background:#18191b;border:1px solid #3d3d42;border-radius:6px;box-sizing:border-box;justify-content:stretch}.pc-credit-transactions .pc-arrow-group{justify-content:flex-end}}@media(max-width:720px){.pc-credit-top{gap:16px;padding-top:12px}.pc-credit-overview{gap:16px}.pc-credit-balance{align-items:flex-start;gap:12px}.pc-credit-balance__currency,.pc-credit-balance__value{font-size:32px;line-height:34px}.pc-credit-balance__char{height:34px}.pc-credit-balance__roller span{height:34px;line-height:34px}.pc-credit-card__header{padding:22px 18px 0}.pc-credit-card__body--form{padding:18px}.pc-credit-amount-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-credit-amount-option--custom{grid-column:1/-1}.pc-credit-method__meta{align-items:flex-start;flex-direction:column}.pc-credit-pay{width:100%}.pc-credit-benefits__inner{border-radius:20px;padding:22px 18px}.pc-credit-benefits__list{gap:18px;margin-top:22px}.pc-credit-links{align-items:flex-start;flex-direction:column;gap:10px}.pc-credit-transactions .pc-toolbar__right{grid-template-columns:1fr}.pc-credit-transactions .pc-arrow-group{justify-content:stretch;width:100%}.pc-credit-transactions .pc-arrow-group .pc-pill{flex:1 1 auto}.pc-credit-el-table .cell{padding:0 10px}}