.legacyAccount .accountBalance{min-height:500px;position:relative}.legacyAccount .accountBalance a{text-decoration:none}.legacyAccount .accountBalance .created{font-size:12px;line-height:18px;color:#b1b1b1;margin-bottom:24px}.legacyAccount .balanceCards{display:flex}.legacyAccount .balanceRow{display:flex;flex-wrap:wrap;flex:1 1 auto;margin:-12px}.legacyAccount .balanceColumn{width:100%;padding:12px}.legacyAccount .balanceCard{height:350px;background:#f6f6f8;border-radius:8px;padding:18px 18px 21px;position:relative}.legacyAccount .content-title{font-size:14px;font-weight:400;color:#393933}.legacyAccount .content-bold{font-size:18px;font-weight:700;color:#494949;margin:8px 0}.legacyAccount .content-date{font-size:12px;color:#999}.legacyAccount .balanceLeftTop{margin-bottom:25px}.legacyAccount .balanceProgress{height:4px;border-radius:4px;background:#e822554d;overflow:hidden}.legacyAccount .balanceProgress>div{height:100%;background:#e82255}.legacyAccount .accountBalance .sure-btn{width:172px;font-weight:400;display:inline-block}.legacyAccount .balanceBuy{position:absolute;bottom:19px;left:18px}.legacyAccount .balancePayGoMain{margin-bottom:24px;line-height:1}.legacyAccount .content-status,.legacyAccount .content-status2{font-size:14px;font-weight:400}.legacyAccount .content-status{color:#37e484}.legacyAccount .content-status2{color:#e82255}.legacyAccount .content-status svg,.legacyAccount .content-status2 svg{display:inline-block;vertical-align:middle;color:#0008}.legacyAccount .content-price{font-size:12px;font-weight:400;color:#999;margin-top:5px}.legacyAccount .balanceSubscriptions.multiple{display:flex;gap:12px}.legacyAccount .balanceSubscriptions.multiple .balanceSubscription{width:200px}.legacyAccount .balanceSubscription .cancel-btn{display:block;border-bottom:1px solid #b1b1b1;color:#b1b1b1;font-size:12px;line-height:14px;margin-top:8px;cursor:pointer}.legacyAccount .balanceUsage{margin-top:22px}.legacyAccount .balanceUsageTitle{margin:16px 0 22px;height:40px;line-height:40px;font-size:16px;font-weight:500}.legacyAccount .balanceUsageTabs{display:flex;position:relative;overflow-x:auto;height:48px;scrollbar-width:none}.legacyAccount .balanceUsageTabs::-webkit-scrollbar{display:none}.legacyAccount .balanceUsageTabs button{position:relative;flex:0 0 auto;min-width:90px;padding:0 16px;font-size:14px;font-weight:500;color:#0009;letter-spacing:1.25px;text-transform:uppercase;cursor:pointer}.legacyAccount .balanceUsageTabs button[aria-selected=true]{color:#000000de}.legacyAccount .balanceUsageTabs button[aria-selected=true]:after{content:"";position:absolute;height:2px;inset:auto 0 0;background:currentColor}.legacyAccount .balanceUsageTabs button:hover{background:#0000000a}.legacyAccount .balanceUsagePanel.details{margin-top:20px}.legacyAccount .balanceMobileHeader,.legacyAccount .balanceMobileLabel{display:none}.legacyAccount .balanceDateField{display:block;width:300px;max-width:100%;height:100px;position:relative;text-align:left;cursor:pointer}.legacyAccount .balanceDateField>svg:first-child{position:absolute;left:0;top:44px;color:#0008}.legacyAccount .balanceDateField>svg:last-child{position:absolute;right:0;top:45px;color:#0008}.legacyAccount .balanceDateLabel{position:absolute;left:32px;top:29px;font-size:12px;color:#0009}.legacyAccount .balanceDateValue{position:absolute;top:44px;left:32px;right:0;border-bottom:1px solid #0006;padding-bottom:6px;font-size:16px}.legacyAccount .balanceCalendarActions{display:flex;justify-content:flex-end;padding:8px}.legacyAccount .balanceMonthHeader>button{flex:0 0 36px;cursor:pointer}.legacyAccount .balanceMonthHeader [data-slot=select-trigger]{border:0;box-shadow:none;font-size:14px;font-weight:700;width:auto}.legacyAccount .balanceLoading{padding:50px;text-align:center}.legacyAccount .balanceNoData{padding:50px 0;text-align:center;color:#979797;font-size:14px}.legacyAccount .balanceNoData .sure-btn{margin-top:20px}.balanceError{color:#e82255;text-decoration:underline;font-size:14px;cursor:pointer}.legacyAccountCancelDialog{display:block;width:35%;max-width:calc(100vw - 48px);padding:0;border:0;border-radius:4px;font-family:Poppins,sans-serif;gap:0}.legacyAccountCancelDialog>h2,.legacyAccountCancelDialog>p{padding:16px 24px 10px;font-family:LegacyAccountRoboto,sans-serif;font-size:24px;font-weight:400;line-height:32px;letter-spacing:normal;color:#000000de}.legacyAccountCancelDialog>h2{text-align:center}.balanceCancelDetails{padding:0 24px 20px;font-size:14px;line-height:22px;color:#0009}.balanceCancelDetails>p{margin-bottom:16px}.balanceCancelDetails>p:first-child{margin-top:7px}.balanceCancelActions{padding:8px;display:flex;align-items:center}.balanceCancelActions button{border-radius:4px;padding:0 8px;min-width:64px;height:36px;color:#999;font-family:LegacyAccountRoboto,sans-serif;font-size:14px;font-weight:500;letter-spacing:1.25px;text-transform:uppercase;cursor:pointer}.balanceCancelActions button:last-child{margin-left:8px;background:#409eff;color:#fff}.balanceCancelActions button:disabled{opacity:.6;cursor:default}@media (min-width:960px){.legacyAccount .balanceSubscriptionColumn{width:41.666667%}.legacyAccount .balancePayGoColumn{width:25%}.legacyAccount .balanceVideoColumn{width:33.333333%}}@media (max-width:599.98px){.legacyAccount .balanceDesktopHeader{display:none}.legacyAccount .balanceMobileHeader{display:table-row}.legacyAccount .balanceMobileHeader th{height:88px;padding:0 16px}.legacyAccount .balanceSortField{position:relative;width:300px;max-width:100%;margin-top:30px;height:50px}.legacyAccount .balanceSortTrigger{width:100%;height:36px;padding:0;border:0;border-radius:0;border-bottom:1px solid #0006;background:transparent;box-shadow:none;font-size:16px;font-weight:700;color:#0009}.legacyAccount .balanceSortTrigger:focus-visible{outline:none;box-shadow:none}.legacyAccount .balanceSortLabel{position:absolute;top:-10px;left:0;font-size:12px;font-weight:400}.legacyAccount .balanceSortChip{position:absolute;left:0;top:2px;display:inline-flex;align-items:center;gap:8px;height:32px;background:#e0e0e0;padding:0 12px;border-radius:16px;color:#000000de;font-size:14px;font-weight:400;cursor:pointer}.legacyAccount .balanceTable tbody{display:flex;flex-direction:column}.legacyAccount .balanceTable tbody tr{display:block;border-bottom:1px solid #0000001f}.legacyAccount .balanceTable tbody tr:last-child{border-bottom:0}.legacyAccount .balanceTable tbody td{display:flex;justify-content:space-between;align-items:center;height:auto;min-height:48px;padding:0 16px;border:0}.legacyAccount .balanceTable .balanceMobileLabel{display:inline;font-weight:600;padding-right:16px}.legacyAccount .balanceCellValue{text-align:right}.legacyAccount .balanceTable td.accountEmpty{display:table-cell;height:48px;width:100%}}.legacyAccount .balanceActiveActions{display:flex;justify-content:space-between;width:314px;max-width:calc(100% - 36px);position:absolute;left:18px;bottom:11px}.legacyAccount .balanceActiveActions .cancel-btn{color:#999;font-size:12px;line-height:42px;text-decoration:underline;cursor:pointer}.legacyAccount .balanceCalendar{width:300px;max-width:100%;margin-bottom:20px;border:1px solid #0000001f;border-radius:4px}.legacyAccount .balanceDayPicker{width:290px;padding:0;margin:0}.legacyAccount .balanceUsagePanel.daily .balanceCalendar:before{content:"";display:block;height:88px}.legacyAccount .balanceDayMonths{position:relative;width:290px}.legacyAccount .balanceDayCaption{display:flex;align-items:center;justify-content:center;height:48px;padding:4px 16px}.legacyAccount .balanceDayNav{position:absolute;inset:4px 16px auto;height:40px;display:flex;justify-content:space-between;pointer-events:none}.legacyAccount .balanceDayNavButton{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%;color:#0008;pointer-events:auto;cursor:pointer}.legacyAccount .balanceDayNavButton svg{width:20px;height:20px;fill:currentColor}.legacyAccount .balanceDayCell{height:34px;padding:0;text-align:center}.legacyAccount .balanceDay{width:32px;height:32px;margin:1px auto;border-radius:50%;font-size:12px;cursor:pointer}.legacyAccount .balanceDayCell.range-end .balanceDay,.legacyAccount .balanceDayCell.range-start .balanceDay{background:#e82255}.legacyAccount .balanceDayCell.today .balanceDay{border:1px solid}.legacyAccount .balanceAffiliateEntry{position:absolute;right:0;top:0;text-align:left;font-family:Source Han Sans CN;cursor:pointer}.legacyAccount .balanceAffiliateEntry span{display:block}.legacyAccount .balanceAffiliateEntry span:first-child{color:#e82255;font-size:25px;font-weight:700}.legacyAccount .balanceAffiliateEntry span:last-child{color:#494949;font-size:14px;line-height:18px}.legacyAccount.legacyAccountAffiliateDialog{width:60%;max-width:calc(100vw - 48px);display:block;padding:0;border:0;border-radius:4px;gap:0;min-height:0;background:white;font-family:var(--legacy-source-font-family);line-height:1.5;word-break:normal;overflow-wrap:break-word;max-height:90vh;overflow-y:auto}.balanceAffiliateSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.balanceAffiliateSummary>div>div{padding:12px}.balanceAffiliateSummary .balanceAffiliateAmount{font-size:30px;font-family:Source Han Sans CN;font-weight:700}.balanceAffiliateSummary .balanceAffiliateTip{padding-top:0;color:#ababab;font-size:12px;font-family:Source Han Sans CN}.balanceAffiliateTabs{display:flex;flex-wrap:wrap}.balanceAffiliateTabs button{flex-shrink:0;margin-left:12px;padding:8px;width:200px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Source Han Sans CN;border:1px solid #dcdcdc;border-radius:4px;background:#eee;color:#262626;cursor:pointer}.balanceAffiliateTabs button[aria-selected=true]{background:#e82255;color:white}.balanceAffiliateRecords{padding:12px}.legacyAccount.legacyAccountAffiliateDialog .balanceTableWrap{border:1px solid #e0e0e0;overflow-x:auto;box-shadow:none}.legacyAccountAffiliateDialog .accountTable{width:100%;border-collapse:collapse;font-size:14px}.legacyAccountAffiliateDialog .accountTable th{text-align:left;font-size:12px;color:#0009;font-weight:700}.legacyAccountAffiliateDialog .accountTable td,.legacyAccountAffiliateDialog .accountTable th{padding:0 16px;height:48px;border-bottom:1px solid #e0e0e0}.legacyAccountAffiliateDialog .accountTableSort{display:inline-flex;align-items:center;height:auto;font:inherit;cursor:pointer}.legacyAccountAffiliateDialog .accountTableSort svg{opacity:0}.legacyAccountAffiliateDialog .accountTableSort .isSorted,.legacyAccountAffiliateDialog .accountTableSort:hover svg{opacity:1}.legacyAccountAffiliateDialog .accountEmpty{text-align:center;color:#0009}.balanceAffiliatePagination{display:flex;justify-content:center;gap:15px;margin-top:24px}@media (max-width:599.98px){.legacyAccountAffiliateDialog .balanceMobileHeader th{padding-bottom:8px}.legacyAccountAffiliateDialog .balanceSortField{padding-top:12px}.legacyAccountAffiliateDialog .balanceSortTrigger{height:32px}.legacyAccountAffiliateDialog .balanceSortLabel{top:0}.legacyAccountAffiliateDialog .balanceSortChip{top:16px}}.balanceAffiliatePagination button{color:#fff;background:#409eff;width:100px;height:36px;font-family:LegacyAccountRoboto,sans-serif;font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:1.25px;border-radius:4px;cursor:pointer}.balanceAffiliatePagination button:disabled{background:#e0e0e0;color:#0004;cursor:default}.legacyAccount .balanceDateField:focus .balanceDateValue{border-bottom:2px solid #000}.legacyAccount .balanceTableWrap{border-radius:4px;overflow-x:auto;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;position:relative}.legacyAccount .balanceTableWrap[aria-busy=true]:before{content:"";position:absolute;left:0;right:0;height:4px;top:48px;background:linear-gradient(90deg,#e8225533 25%,#e82255 50%,#e8225533 75%);background-size:200% 100%;animation:balance-loading 1.3s linear infinite}@keyframes balance-loading{to{background-position:-200% 0}}@media (max-width:599.98px){.legacyAccount .balanceTableWrap[aria-busy=true]:before{top:88px}}@media (prefers-reduced-motion:reduce){.legacyAccount .balanceTableWrap[aria-busy=true]:before{animation:none}}.legacyAccount .balanceDayMonth{height:290px}.legacyAccount .balanceDayGrid{width:266px;height:auto;margin:0 12px;border-collapse:collapse;table-layout:fixed;font-size:12px}.legacyAccount .balanceDayCaptionLabel{font-size:16px;font-weight:700;line-height:24px}.legacyAccount .balanceDayWeekday{font-size:12px;font-weight:600;color:#0006;height:34px;padding:8px 0}.legacyAccount .balanceDayWeek{height:34px}.legacyAccount .balanceDayCell.selected .balanceDay{color:#fff;background:#fff;border-color:#fff}.legacyAccount .balanceCalendarActions button{height:36px;min-width:64px;padding:0 16px;color:#000000de;border:1px solid #d8d8d8;border-radius:4px;font-size:14px;font-weight:500;letter-spacing:1.25px;cursor:pointer}.legacyAccount .balanceMonthHeader{display:flex;align-items:center;justify-content:space-between;padding:4px 16px;height:48px}.legacyAccount .balanceMonthHeader>.balanceYearHeading{flex:1;font-size:16px;font-weight:700}.legacyAccount .balanceMonths{display:grid;grid-template-columns:repeat(3,1fr);height:242px;padding:0 12px;grid-template-rows:repeat(4,56px);align-items:center}.legacyAccount .balanceMonths button[aria-pressed=true]{background:#fff;color:#fff}.legacyAccount .balanceYears{height:290px;position:relative;overflow-y:auto;padding:0}.legacyAccount .balanceYears button{display:block;width:100%;padding:8px 0;font-size:16px;line-height:24px;cursor:pointer}.legacyAccount .balanceYears button[aria-selected=true]{font-size:26px;padding:10px 0;font-weight:500}.legacyAccount .balanceYears button:hover{background:#0000001f}.legacyAccount .balanceTable,.legacyAccountAffiliateDialog .balanceTable{border-collapse:separate;border-spacing:0}@media (max-width:599.98px){.legacyAccount .balanceSortChip{height:24px;top:6px;left:4px;gap:0;font-weight:700}.legacyAccount .balanceSortTrigger:focus{border-bottom:2px solid #000}.legacyAccount .balanceSortLabel{font-weight:700}.legacyAccount .balanceSortField.hasSelection .balanceSortTrigger>span{visibility:hidden}}.legacyAccount .balanceUsagePanel.monthly>.balanceDateField{width:300px;max-width:calc(100% - 24px);margin:12px 12px 0}.legacyAccount .balanceUsagePanel.monthly>.balanceCalendar{margin-left:12px;margin-bottom:12px;width:calc(91.666667% - 24px);max-width:300px}.legacyAccount .balanceMonthHeader,.legacyAccount .balanceMonths,.legacyAccount .balanceYears{width:290px}.legacyAccount .balanceMonths button{border-radius:4px;text-transform:none;font-size:14px;cursor:pointer;width:100%;min-width:40px;max-width:140px;height:36px;margin:0 auto;padding:0 16px}@media (min-width:600px){.legacyAccount .balanceUsagePanel.monthly>.balanceCalendar{width:calc(41.666667% - 24px)}}.legacyAccount .balanceNoData .sure-btn{width:100px;height:40px;border-radius:30px;line-height:40px}.legacyAccount .balancePayGoColumn>.balanceCard>.content-bold,.legacyAccount .balancePayGoColumn>.balanceCard>.content-date,.legacyAccount .balancePayGoColumn>.balanceCard>.content-title{line-height:1}.legacyAccount .balanceSubscriptions.multiple{gap:0}.legacyAccount .balanceReportLink{background:#fff;border:1px solid #e82255;color:#e82255;display:inline-block;width:192px;height:34px;line-height:34px;border-radius:4px;text-align:center;margin-left:20px;font-weight:400}