:root {
  --vip-paywall-font-family:
    system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --color-vip-text: #333;
  --color-bg-vip-pop: #000000b3;
  --color-text-stress-title: #3162ff;
  --vip-text-primary: #303030;
  --vip-text-secondary: #424242;
  --vip-text-muted: #787878;
  --vip-price-color: #0d0d0d;
  --vip-price-original: #a8a8a8;
  --vip-qr-price-original: #424242;
  --vip-card-bg: #fafafa;
  --vip-card-bg-level6: #fafafa;
  --vip-card-bg-level7: #fff;
  --team-vip-card-bg-level7: #fafafa;
  --vip-card-header-bg: radial-gradient(
    67.11% 15.54% at 50% 0%,
    #f6f6f6 0%,
    #fff 100%
  );
  --vip-card-header-bg-level6: radial-gradient(
    71.19% 17.3% at 50% 0%,
    #ccf6ff 0%,
    #fff 100%
  );
  --vip-card-header-bg-level7: radial-gradient(
    71.19% 17.3% at 50% 0%,
    #ffe5da 0%,
    #fff 100%
  );
  --team-vip-card-header-bg: radial-gradient(
    67.11% 15.54% at 50% 0%,
    #f6f6f6 0%,
    #fff 100%
  );
  --team-vip-card-header-bg-level6: radial-gradient(
    71.19% 17.3% at 50% 0%,
    #dfe7ff 0%,
    #fff 100%
  );
  --team-vip-card-header-bg-level7: radial-gradient(
    71.19% 17.3% at 50% 0%,
    #dfe7ff 0%,
    #fff 100%
  );
  --vip-card-border: #e4e4e480;
  --vip-card-border-level6: #9feaff;
  --vip-card-border-level7: #f8b9a6;
  --vip-tab-bg: #f0f0f0;
  --vip-tab-selected-bg: #fff;
  --vip-tab-selected-text: #0d0d0d;
  --vip-tab-unselected-text: #303030;
  --vip-tab-label-normal-bg: #fff;
  --vip-level-switch-bg: #0000000f;
  --vip-level-switch-text: #919191;
  --vip-level-switch-text-hover: #525252;
  --vip-level-switch-active-bg: #141414;
  --vip-level-switch-active-text: #fff;
  --vip-btn-normal-bg: #fff;
  --vip-btn-normal-border: #0d0d0d33;
  --vip-btn-normal-text: #787878;
  --vip-btn-disabled-bg: #adadad;
  --vip-btn-disabled-text: #fff;
  --vip-close-hover-bg: #f0f0f0;
  --vip-paywall-hint-text: #0000004d;
  --vip-paywall-close-icon-filter: brightness(0) opacity(0.9);
  --vip-benefit-text: #000000e6;
  --vip-benefit-child-text: #424242;
  --vip-benefit-bg-base: #f8f8f8;
  --vip-benefit-tag-normal-bg: #fff3d0;
  --vip-benefit-tag-normal-text: #424242;
  --vip-benefit-separator: #0d0d0d0d;
  --vip-benefit-sub-border: #0000000d;
  --vip-benefit-text-disabled: #00000069;
  --vip-benefit-icon-disabled-filter: brightness(0);
  --vip-section-border: #00000012;
  --vip-benefit-group-bg: #0000000a;
  --vip-benefit-group-border: #00000012;
  --vip-benefit-accent-level2: #069bbc;
  --vip-benefit-accent-level6: #069bbc;
  --vip-benefit-accent-level7: #fa5c00;
  --vip-benefit-group-bg-level2: #0c0c0d0a;
  --vip-benefit-group-border-level2: transparent;
  --vip-benefit-accent-team: #4f8dff;
  --vip-benefit-group-bg-team: #2e77ff1a;
  --vip-benefit-group-border-team: #2e77ff99;
  --vip-benefit-title-tag-bg-team: #2e77ff;
  --vip-benefit-title-tag-text-team: #fff;
  --vip-benefit-group-bg-level6: #04caf614;
  --vip-benefit-group-border-level6: #04caf680;
  --vip-benefit-group-bg-level7: #fa5c0014;
  --vip-benefit-group-border-level7: #fa5c0080;
  --vip-benefit-title-tag-bg-level2: #07b8dd;
  --vip-benefit-title-tag-text-level2: #fff;
  --vip-benefit-title-tag-bg-level6: #07b8dd;
  --vip-benefit-title-tag-text-level6: #fff;
  --vip-benefit-title-tag-bg-level7: #fa5c00;
  --vip-benefit-title-tag-text-level7: #fff;
  --points-store-bg: #31d2f614;
  --points-store-hover-bg: #31d2f629;
  --points-store-text: #069bbc;
  --enterprise-entry-bg: #0000000a;
  --enterprise-entry-hover-bg: #00000014;
  --enterprise-entry-text: #000000e6;
  --vip-credit-dot-inactive: #00000017;
  --vip-credit-dot-active: #000;
  --vip-slider-track-bg: #a8a8a8;
  --vip-slider-fill-bg: #09caf5;
  --vip-slider-dot-border: #a8a8a8;
  --vip-slider-dot-bg: #99d6e2;
  --vip-slider-dot-border-active: #09caf5;
  --vip-slider-dot-bg-active: #09caf5;
  --vip-slider-thumb-border: #1e97ae;
  --vip-slider-thumb-bg: linear-gradient(0deg, #5ddcff 0%, #bff1ff 100%);
  --vip-slider-thumb-shadow: 0 2.286px 6.857px 0 #2b9eb699;
  --vip-card-bg-ultimate: linear-gradient(180deg, #fffbf8 10%, #fff 20%);
  --vip-card-border-ultimate: #ffb834;
  --vip-benefit-bg-ultimate: linear-gradient(
    214deg,
    #fffaf0 40.66%,
    #fffdf6 100%
  );
  --vip-btn-cta-bg: #2c2c2c;
  --vip-btn-cta-text: #fff;
  --vip-btn-cta-top-bg: #fa5c00;
  --vip-btn-cta-top-text: #fff;
  --vip-btn-cta-hover-bg: #4a4a4a;
  --vip-btn-cta-top-hover-bg: #e15300;
  --vip-sku-btn-disabled-bg: #0000000f;
  --vip-sku-btn-disabled-text: #0000004d;
  --vip-sku-footer-text: #787878;
  --vip-sku-footer-highlight: #07b8dd;
  --vip-tab-badge-active-bg: #ff6430;
  --vip-tab-badge-active-text: #fff;
  --vip-tab-badge-inactive-bg: #a8a8a8;
  --vip-tab-badge-inactive-text: #fff;
  --vip-tab-red-envelope-bg: #f53f3f1a;
  --vip-tab-red-envelope-text: #f76560;
  --vip-modal-bg: #f7f7f7;
  --vip-modal-border: #e3e3e3;
  --vip-dropdown-bg: #fff;
  --qualification-paywall-bg: #f7f7f7;
  --qualification-paywall-text: #262626;
  --qualification-paywall-switch-bg: #00000029;
  --qualification-paywall-switch-active-bg: #5ddcff;
  --qualification-paywall-switch-thumb: #fff;
  --qualification-paywall-view-all-bg: #36363699;
  --qualification-paywall-view-all-border: #c4c4c4;
  --qualification-paywall-view-all-text: #fff;
  --sku-fold-btn-bg: #0000000a;
  --sku-fold-btn-text: #000000e6;
  --vip-paywall-userinfo-text: #000000e6;
  --vip-paywall-userinfo-muted: #0000008c;
  --vip-paywall-userinfo-brand: #069bbc;
  --vip-paywall-userinfo-tag-bg: #3fdafd0f;
  --vip-paywall-userinfo-tag-muted-bg: #0000000f;
  --vip-paywall-userinfo-team-tag-bg: #2e77ff14;
  --vip-paywall-userinfo-team-tag-text: #4f8dff;
  --vip-paywall-userinfo-divider: #0000001a;
  --vip-paywall-overlay-btn-bg: #0000000a;
  --vip-paywall-team-toggle-bg: #0000000a;
  --vip-paywall-team-switch-bg: #00000014;
  --vip-paywall-team-toggle-hover-bg: #00000014;
  --vip-sku-scroll-btn-bg: #0000000a;
  --vip-sku-scroll-btn-hover-bg: #00000014;
  --vip-sku-scroll-btn-icon: #000000e6;
  --vip-period-tab-bg: #0000000a;
  --vip-period-tab-selected-bg: #fff;
  --vip-period-tab-text: #000000e6;
  --vip-period-tab-muted: #0000008c;
  --vip-period-tab-limited-text: #fa5c00;
  --vip-paywall-team-switch-active-bg: #2c2c2c;
  --vip-paywall-team-switch-thumb: #fff;
  --vip-paywall-team-switch-active-thumb: #fff;
  --vip-sku-credit-box-bg: #0000000a;
  --vip-sku-text: #000000e6;
  --vip-sku-text-tertiary: #00000069;
  --vip-sku-credit-divider: #0000001a;
  --vip-sku-card-bg: #fff;
  --vip-sku-card-bg-level6:
    linear-gradient(180deg, #3fdafd14 0, #3fdafd00 600px), #fff;
  --vip-sku-card-bg-level7:
    linear-gradient(180deg, #fa5c0014 0, #fa5c0000 600px), #fff;
  --vip-sku-card-divider: #00000012;
  --purchase-first-order-text-primary: #262626;
  --purchase-first-order-text-secondary: #525252;
  --purchase-first-order-text-muted: #919191;
  --purchase-first-order-text-light: #a8a8a8;
  --purchase-first-order-accent: #ffb833;
  --purchase-first-order-accent-text: #fff;
  --purchase-first-order-accent-bg: #ff6430;
  --purchase-first-order-blue: #006aff;
  --purchase-first-order-chip-bg: #0c0c0d0a;
  --purchase-first-order-qr-border: #006aff66;
  --purchase-first-order-countdown-text: #fff;
  --purchase-first-order-countdown-separator: #430e10;
  --purchase-first-order-avatar-bg: #525252;
  --purchase-first-order-qr-shadow: #5188df40;
  --purchase-first-order-dropdown-shadow: #1448961c;
  --purchase-first-order-countdown-box-bg: #0000000d;
  --purchase-first-order-countdown-tile-bg: #fff;
  --red-envelope-close-btn: #141414;
  --red-envelope-close-btn-bg: #ffffffe0;
  --red-envelope-close-btn-hover: #fff;
  --sub-sku-tab-wrap-bg: transparent;
  --sub-sku-tab-border: #0000001a;
  --sub-sku-tab-bg: var(--vip-sku-credit-box-bg);
  --sub-sku-tab-hover-bg: #0000000a;
  --sub-sku-tab-active-bg: #fff;
  --sub-sku-tab-active-text: #000000e6;
  --sub-sku-tab-text: #000000e6;
  --sub-sku-gift-tag-bg: #fa5c00;
  --sub-sku-gift-tag-text: #fff;
  --sub-sku-gift-tag-inactive-bg: var(--installment-entry-tag-bg);
  --sub-sku-gift-tag-inactive-text: var(--installment-entry-tag-text);
  --vip-footer-link: #1f6dff;
  --vip-corner-mark-bg: #04caf61a;
  --vip-corner-mark-text: #069bbc;
  --vip-corner-mark-bg-promo: #f53f3f1a;
  --vip-corner-mark-text-promo: #f53f3f;
  --vip-corner-mark-bg-level7: #fa5c001a;
  --vip-corner-mark-text-level7: #fa5c00;
  --vip-sku-promo-badge-bg: #fa5c00;
  --vip-sku-promo-badge-text: #fff;
  --vip-sku-promo-countdown-colon: #00000062;
  --vip-sku-promo-countdown-muted: #00000069;
  --vip-sku-promo-banner-bg: #31d2f6;
  --vip-sku-promo-banner-text: #000000e6;
  --vip-sku-promo-banner-border: #04caf6;
  --vip-sku-promo-banner-bg-level7: #fa5c00;
  --vip-sku-promo-banner-text-level7: #fff;
  --team-vip-sku-promo-banner-bg: #2e77ff;
  --team-vip-sku-promo-banner-text: #000000e6;
  --course-paywall-tag-bg: #3fdafd26;
  --course-paywall-tag-text: #07b8dd;
  --course-paywall-tag-muted-bg: #0000000a;
  --course-paywall-tag-muted-text: #0000008c;
  --course-sku-recommend-border: #04caf699;
  --course-promo-banner-secondary-bg: #00000014;
  --course-indicator-dot: #0000001a;
  --course-indicator-dot-active: #000000e6;
  --course-sku-border: #00000012;
  --course-sku-month-header-bg: radial-gradient(
    67.11% 15.54% at 50% 0%,
    #f6f6f6 0%,
    #fff 100%
  );
  --course-sku-year-header-bg: radial-gradient(
    71.19% 17.3% at 50% 0%,
    #ccf6ff 0%,
    #fff 100%
  );
  --course-sku-year-border: #9feaff;
  --course-sku-cta-bg: #303030;
  --course-sku-cta-text: #fff;
  --course-sku-year-cta-bg: #65ddff;
  --course-sku-year-cta-text: #171717;
  --course-sku-promo-banner-bg: #5ddcff;
  --course-sku-promo-banner-text: #171717;
  --course-sku-text-default: #000000e6;
  --course-sku-text-secondary: #0000008c;
  --course-sku-text-tertiary: #0000004d;
  --course-sku-cta-disabled-bg: #0000000f;
  --course-sku-cta-disabled-text: #0000004d;
  --course-checkout-shadow: 0 2px 2px #0000000a, 0 8px 16px -4px #0000000a;
  --course-power-panel-bg: #fff;
  --generation-confirm-bg: #fff;
  --generation-confirm-border: #00000012;
  --generation-confirm-text: #000000e6;
  --generation-confirm-muted: #0000008c;
  --generation-confirm-secondary: #0000000a;
  --generation-confirm-brand: #3fdafd;
  --generation-confirm-on-brand: #000;
  --course-power-panel-border: #00000012;
  --course-power-divider: #00000012;
  --course-power-text-primary: #000000e6;
  --course-power-text-muted: #0000008c;
  --course-power-track-bg: #00000014;
  --course-power-fill-bg: #09caf5;
  --course-power-row-hover-bg: #0000000a;
  --course-power-member-icon: #e9931c;
  --sku-gift-badge-bg: #fdcdc5;
  --sku-gift-badge-text: #cb272d;
  --sku-gift-badge-dimmed-bg: #d5d3d2;
  --sku-gift-badge-dimmed-text: #414141;
  --cashier-gift-tag-bg: #fa5c001a;
  --cashier-gift-tag-text: #fa5c00;
  --cashier-promo-text: #fa5c00;
  --team-vip-corner-mark-bg: #2e77ff1a;
  --team-vip-corner-mark-text: #4f8dff;
  --team-vip-corner-mark-bg-promo: #f53f3f1a;
  --team-vip-corner-mark-text-promo: #f53f3f;
  --vip-corner-bottom-bg: #fff7ec;
  --vip-corner-bottom-text: #ff5e61;
  --vip-team-icon-filter: none;
  --team-vip-discount-bg: #5ddcff;
  --team-vip-discount-text: #171717;
  --vip-modal-bottom-from: #fff;
  --vip-modal-bottom-to: #ffffff1a;
  --vip-home-page-bg: #fff;
  --vip-home-tab-accent: #171717;
  --vip-home-line-mid: #0d0d0d1a;
  --vip-home-scroll-btn-bg: #fff;
  --vip-home-scroll-btn-border: #e3e3e3;
  --vip-home-scroll-btn-icon: #171717;
  --team-vip-modal-bg: #fff;
  --team-vip-qr-panel-bg: #f7f7f7;
  --team-vip-text-primary: #0d0d0d;
  --team-vip-text-secondary: #222531;
  --team-vip-text-muted: #9ca1a9;
  --team-vip-text-label: #303030;
  --team-vip-text-price: #09caf5;
  --team-vip-border: #e7e7e7;
  --team-vip-card-bg: #fafafa8f;
  --team-vip-seat-bonus-bg: #0c0c0d08;
  --team-vip-seat-bonus-rule-text: #525252;
  --team-vip-seat-bonus-text: #262626;
  --team-vip-seat-bonus-highlight: #cb272d;
  --team-vip-selected-bg: #f5fbfc;
  --team-vip-selected-border: #09caf5;
  --team-vip-selected-text: #1f6dff;
  --team-vip-input-bg: #fafafa;
  --team-vip-input-border: #fafafa;
  --team-vip-shadow-border: #e8e8e8;
  --team-vip-qr-bg: #fafafa;
  --team-vip-qr-border: #efefef;
  --team-vip-qr-amount: #1f6dff;
  --team-vip-qr-text: #222;
  --team-vip-link: #326bff;
  --team-vip-close-bg: #fff;
  --team-vip-failure-bg: #edf5ff;
  --team-vip-failure-border: #d0e6ff;
  --team-vip-icon-filter: none;
  --member-checkout-text-primary: #262626;
  --member-checkout-text-secondary: #525252;
  --member-checkout-text-muted: #919191;
  --member-checkout-card-bg: #3cb5cc0d;
  --member-checkout-card-border: #c4c4c4;
  --member-checkout-detail-bg: #f7f7f7;
  --member-checkout-detail-amount-text: #0d0d0d;
  --member-checkout-modal-bg: #fff;
  --member-checkout-qr-panel-bg: #f7f7f7;
  --member-checkout-border: #e7e7e7;
  --member-checkout-selected-bg: #f5fbfc;
  --member-checkout-selected-border: #09caf5;
  --member-checkout-price-text: #09caf5;
  --member-checkout-corner-tag-bg: #3cb5cc1a;
  --member-checkout-corner-tag-text: #07b8dd;
  --member-checkout-close-hover-bg: #f0f0f0;
  --member-checkout-free-interest-tag-bg: #fa5c00;
  --member-checkout-free-interest-tag-text: #fff;
  --member-checkout-qr-box-bg: #fff;
  --member-checkout-agreement-link: #303030;
  --installment-entry-border: #2e77ff;
  --installment-entry-text: #2e77ff;
  --installment-entry-bg: transparent;
  --installment-entry-hover-bg: #027aff14;
  --installment-entry-hover-color: #027aff;
  --installment-entry-tag-bg: #dadadad2;
  --installment-entry-tag-text: #000000e6;
  --sku-btn-corner-mark-bg: var(--installment-entry-tag-bg);
  --sku-btn-corner-mark-text: var(--installment-entry-tag-text);
  --team-detail-tooltip-bg: #303030;
  --team-detail-tooltip-text: #f7f7f7;
  --team-detail-tooltip-border: #ffffff1f;
  --team-detail-quota-progress: #07b8dd;
  --team-detail-table-border: #00000012;
  --team-detail-table-text: #000000e6;
  --team-detail-table-text-muted: #0000004d;
  --team-detail-quota-track: #00000014;
  --team-detail-quota-fill: #2c2c2c;
  --team-detail-quota-danger: #f76560;
  --team-detail-table-header-text: #0000008c;
  --team-detail-table-header-bg: #0000000a;
  --team-detail-table-row-hover-bg: #0000000f;
  --team-detail-menu-bg: #fff;
  --team-detail-menu-border: #00000012;
  --team-detail-menu-item-hover: #0000000a;
  --team-detail-menu-danger: #e74c3c;
  --team-detail-power-section-bg: #fff;
  --team-role-tag-bg: #07b8dd1f;
  --team-role-tag-text: #07b8dd;
  --team-role-tag-member-border: #00000012;
  --team-role-tag-member-text: #0000008c;
  --last-login-tag-bg: #0000000a;
  --last-login-tag-text: #0000008c;
  --carousel-arrow-surface-fill: #fff;
  --carousel-arrow-stroke: #adadad;
  --pop-guide-carousel-frame-bg: #fff;
  --pop-guide-carousel-stage-bg: #f7f7f7;
  --pop-guide-carousel-navigation-text: #ffffff8c;
  --pop-guide-carousel-navigation-text-active: #fff;
  --pop-guide-carousel-navigation-track: #ffffff1f;
  --pop-guide-carousel-navigation-progress: #fff;
  --pop-guide-carousel-title: #262626;
  --pop-guide-carousel-badge-text: #04caf6;
  --pop-guide-carousel-badge-bg: #31d2f626;
  --pop-guide-carousel-description: #525252;
  --pop-guide-carousel-pagination-bg: #0000000f;
  --pop-guide-carousel-pagination-control: #262626;
  --pop-guide-carousel-pagination-hover-bg: #0000001a;
  --pop-guide-carousel-pagination-divider: #0000001f;
  --pop-guide-carousel-cta-bg: #3fdafd;
  --pop-guide-carousel-cta-text: #000;
  --pop-guide-carousel-close-bg: #fff;
  --pop-guide-carousel-close-hover-bg: #f0f0f0;
  --pop-guide-carousel-close-icon: #262626;
  --team-vip-sku-text-primary: #303030;
  --team-vip-sku-text-secondary: #424242;
  --team-vip-sku-text-muted: #919191;
  --team-vip-sku-price-color: #0d0d0d;
  --team-vip-sku-price-original: #787878;
  --team-vip-sku-btn-cta-bg: #303030;
  --team-vip-sku-btn-cta-text: #ffeab5;
  --team-vip-sku-btn-cta-top-bg: #2e77ff;
  --team-vip-sku-btn-cta-top-text: #fff;
  --team-vip-sku-btn-cta-top-hover-bg: #296be5;
  --team-vip-sku-footer-text: #919191;
  --team-vip-sku-footer-highlight: #1f6dff;
  --team-vip-sku-seat-picker-bg: #0000000a;
  --team-vip-sku-seat-picker-btn-bg: transparent;
  --team-vip-sku-seat-picker-btn-hover-bg: #0c0c0d05;
  --team-vip-sku-seat-picker-text: #303030;
  --team-vip-sku-seat-picker-icon: #303030;
  --enterprise-qr-modal-bg: #fff;
  --enterprise-qr-frame-border: #e7e7e7;
  --enterprise-qr-code-bg: #fff;
  --enterprise-qr-footer-bg: #f7f7f7;
  --charge-modal-bg: #fff4df;
  --charge-left-bg: white;
  --charge-content-bg: white;
  --charge-content-border: white;
  --charge-card-bg: #f9f9f9;
  --charge-card-selected-bg: #fffbf3;
  --charge-card-selected-border: #ffcf76;
  --charge-card-unselected-border: #00000008;
  --charge-text-title: #222531;
  --charge-text-secondary: #666;
  --charge-text-muted: #999;
  --charge-price-color: #222531;
  --charge-qr-bg: white;
  --charge-qr-text: #222;
  --charge-qr-amount: #222531;
  --charge-icon-filter: none;
  --charge-modal-bg-v2: #fff;
  --power-charge-corner-mark: #262626;
  --power-charge-corner-mark-bg: #ffbc57;
  --power-charge-modal-bg: #fff;
  --power-charge-modal-border: #e3e3e3;
  --power-charge-text: #262626;
  --power-charge-muted: #525252;
  --power-charge-brand: #05a3c5;
  --power-charge-stroke-medium: #c4c4c4;
  --power-charge-tab-bg: #f5f5f5;
  --power-charge-tab-inactive: #919191;
  --power-charge-tab-active-bg: #fff;
  --power-charge-selected: #07b8dd;
  --power-charge-cta: #09caf5;
  --power-charge-cta-text: #000;
  --power-charge-close-hover: #0000000a;
  --power-charge-card-surface: #f5f5f5;
  --power-charge-custom-input-bg: #fffffff2;
  --power-charge-custom-input-fg: #262626;
  --power-charge-custom-input-placeholder: #a8a8a8;
  --power-charge-team-tip-bg: #0000000a;
  --power-charge-team-tip-border: #e3e3e3;
  --power-charge-team-tip-text: #05a3c5;
  --power-charge-close-icon-filter: none;
  --power-charge-model-card-icon-filter: brightness(0) saturate(100%);
  --power-charge-switch-track-off: #e5e5e5;
  --power-charge-switch-track-off-hover: #d9d9d9;
  --power-charge-switch-track-on: #141414;
  --power-charge-switch-handle: #fff;
  --power-charge-switch-handle-checked: #fff;
  --corporate-pay-page-bg: #f7f7f7;
  --corporate-pay-text-primary: #262626;
  --corporate-pay-text-secondary: #525252;
  --corporate-pay-text-tertiary: #919191;
  --corporate-pay-text-disabled: #a8a8a8;
  --corporate-pay-brand: #07b8dd;
  --corporate-pay-card-bg: #0c0c0d0a;
  --corporate-pay-card-bg2: #fff;
  --corporate-pay-surface-bg: #fff;
  --corporate-pay-divider: #00000014;
  --corporate-pay-primary-btn-bg: #141414;
  --corporate-pay-primary-btn-text: #fff;
  --corporate-pay-primary-btn-disabled-bg: #c4c4c4;
  --corporate-pay-secondary-btn-bg: #00000014;
  --corporate-pay-tertiary-btn-bg: #0000000a;
  --corporate-pay-brand-btn-bg: #09caf5;
  --corporate-pay-brand-btn-text: #000;
  --corporate-pay-step-active: #262626;
  --corporate-pay-step-inactive: #a8a8a8;
  --corporate-pay-step-line-inactive: #d9d9d9;
  --corporate-pay-modal-mask: #00000073;
  --power-detail-text: #262626;
  --power-detail-text-secondary: #525252;
  --power-detail-text-muted: #919191;
  --power-detail-brand: #07b8dd;
  --power-detail-section-bg: #fff;
  --power-detail-card-bg: #0000000a;
  --power-detail-btn-bg: #00000014;
  --power-detail-btn-hover-bg: #0000001f;
  --power-detail-input-bg: #0000000a;
  --power-detail-border: #e3e3e3;
  --power-detail-tab-active: #262626;
  --power-detail-amount-plus: #00c38b;
  --power-detail-amount-minus: #cb272d;
  --power-detail-badge-bg: #00000014;
  --power-detail-badge-text: #525252;
  --power-detail-badge-team-bg: #3cb5cc1a;
  --power-detail-badge-vip-bg: #ffc65d1a;
  --power-detail-badge-vip-text: #773e00;
  --power-detail-picker-panel-bg: #ffffffe6;
  --power-detail-picker-panel-shadow:
    0 4px 10px 0 #0000001a, 0 2px 4px 0 #0000000a;
  --power-detail-picker-border: #e3e3e3;
  --power-detail-picker-hover-bg: #0000000f;
  --power-detail-picker-item-active-bg: #00000014;
  --power-detail-picker-range-bg: #0000000f;
  --power-detail-picker-outside-text: #c4c4c4;
  --power-detail-picker-endpoint-bg: #141414;
  --power-detail-picker-endpoint-text: #fff;
  --power-detail-picker-today-bg: #5ddcff;
  --power-detail-picker-today-text: #000;
  --power-detail-option-checkbox-border: #c4c4c4;
  --power-detail-option-tag-bg: #0c0c0d0a;
  --power-detail-table-header-sticky-bg: #f5f5f5;
  --power-detail-scrollbar-thumb: #00000026;
  --h5-pay-overlay-bg: #0000008c;
  --h5-pay-sheet-bg: #fff;
  --h5-pay-text-primary: #262626;
  --h5-pay-text-secondary: #525252;
  --h5-pay-text-muted: #919191;
  --h5-pay-text-hint: #00000073;
  --h5-pay-card-bg: #0c0c0d0a;
  --h5-pay-card-divider: #e3e3e3;
  --h5-pay-highlight: #05a3c5;
  --h5-pay-close-bg: #0c0c0d0f;
  --h5-pay-cta-bg: #141414;
  --h5-pay-cta-text: #fff;
  --h5-pay-agreement-text: #919191;
  --h5-pay-agreement-link: #262626;
  --h5-pay-guide-bubble-bg: #fff;
  --h5-pay-guide-bubble-border: #00000014;
  --h5-pay-guide-bubble-text: #262626;
  --h5nm-hero-bg-img: url(/assets/images/banners/banners-image.jpeg);
  --h5nm-hero-bg-h: 176px;
  --h5nm-hero-icons-img: url(/assets/images/banners/banners-image.png);
  --h5nm-sheet-bg: #fff;
  --h5nm-text: #171717;
  --h5nm-text-muted: #919191;
  --h5nm-row-bg: #0c0c0d0a;
  --h5nm-row-border-selected: #171717;
  --h5nm-badge-bg: #3cb5cc1a;
  --h5nm-badge-text: #07b8dd;
  --h5nm-close-bg: #0c0c0d0f;
  --h5nm-cta-bg: #171717;
  --h5nm-cta-text: #fff;
  --h5nm-agreement-text: #919191;
  --h5nm-agreement-link: #525252;
}
:root.dark,
.dark {
  --color-vip-text: #fff;
  --color-bg-vip-pop: #cccdd0;
  --color-text-stress-title: #1880ff;
  --vip-text-primary: #f0f0f0;
  --vip-text-secondary: #a8a8a8;
  --vip-text-muted: #a8a8a8;
  --vip-price-color: #f0f0f0;
  --vip-price-original: #919191;
  --vip-qr-price-original: #c7c7c7;
  --vip-card-bg: #141414;
  --vip-card-bg-level6: #0d1115;
  --vip-card-bg-level7: #150b05;
  --team-vip-card-bg-level7: #0a0f19;
  --vip-card-header-bg: url(/assets/icons/interface-icon-014.svg) center
    calc(100% + 18px) / auto no-repeat;
  --vip-card-header-bg-level6: url(/assets/icons/interface-icon-007.svg) center
    calc(100% + 18px) / auto no-repeat;
  --vip-card-header-bg-level7: url(/assets/icons/interface-icon-006.svg) center
    calc(100% + 18px) / auto no-repeat;
  --team-vip-card-header-bg: url(/assets/icons/interface-icon.svg) center
    calc(100% + 18px) / auto no-repeat;
  --team-vip-card-header-bg-level6: url(/assets/icons/interface-icon-015.svg)
    center calc(100% + 18px) / auto no-repeat;
  --team-vip-card-header-bg-level7: url(/assets/icons/interface-icon-002.svg)
    center calc(100% + 18px) / auto no-repeat;
  --vip-card-border: #242424;
  --vip-card-border-level6: #365571;
  --vip-card-border-level7: #8d482a;
  --vip-tab-bg: #ffffff1a;
  --vip-tab-selected-bg: #ffffff1a;
  --vip-tab-selected-text: #fff;
  --vip-tab-unselected-text: #ffffffa6;
  --vip-tab-label-normal-bg: #ffffff1a;
  --vip-level-switch-bg: #ffffff14;
  --vip-level-switch-text: #919191;
  --vip-level-switch-text-hover: #d4d4d4;
  --vip-level-switch-active-bg: #fff;
  --vip-level-switch-active-text: #0d0d0d;
  --vip-btn-normal-bg: #ffffff0d;
  --vip-btn-normal-border: #ffffff26;
  --vip-btn-normal-text: #fff6;
  --vip-btn-disabled-bg: #919191;
  --vip-btn-disabled-text: #fff;
  --vip-close-hover-bg: #ffffff1a;
  --vip-paywall-hint-text: #ffffff4d;
  --vip-paywall-close-icon-filter: brightness(0) invert(1);
  --vip-btn-cta-bg: #fff;
  --vip-btn-cta-text: #000;
  --vip-btn-cta-top-bg: #fa5c00;
  --vip-btn-cta-top-text: #fff;
  --vip-btn-cta-hover-bg: #ffffffe6;
  --vip-btn-cta-top-hover-bg: #e15300;
  --vip-sku-btn-disabled-bg: #ffffff14;
  --vip-sku-btn-disabled-text: #ffffff4d;
  --vip-sku-footer-text: #a8a8a8;
  --vip-sku-footer-highlight: #5ddcff;
  --vip-benefit-text: #fff;
  --vip-benefit-child-text: #a8a8a8;
  --vip-benefit-bg-base: linear-gradient(249deg, #ffffff0d 0%, #ffffff08 100%);
  --vip-benefit-tag-normal-bg: #ffffff0d;
  --vip-benefit-tag-normal-text: #ffffffa6;
  --vip-benefit-separator: #ffffff14;
  --vip-benefit-sub-border: #ffffff14;
  --vip-benefit-text-disabled: #ffffff73;
  --vip-benefit-icon-disabled-filter: brightness(0) invert(1);
  --vip-section-border: #ffffff14;
  --vip-benefit-group-bg: #ffffff0f;
  --vip-benefit-group-border: #ffffff14;
  --vip-benefit-accent-level2: #04caf6;
  --vip-benefit-accent-level6: #04caf6;
  --vip-benefit-accent-level7: #fa5c00;
  --vip-benefit-group-bg-level2: #ffffff0a;
  --vip-benefit-group-border-level2: transparent;
  --vip-benefit-group-bg-level6: #04caf614;
  --vip-benefit-group-border-level6: #04caf680;
  --vip-benefit-group-bg-level7: #fa5c0014;
  --vip-benefit-group-border-level7: #fa5c0080;
  --vip-benefit-title-tag-bg-level2: #5ddcff;
  --vip-benefit-title-tag-text-level2: #171717;
  --vip-benefit-title-tag-bg-level6: #5ddcff;
  --vip-benefit-title-tag-text-level6: #171717;
  --vip-benefit-title-tag-bg-level7: #fa5c00;
  --vip-benefit-title-tag-text-level7: #fff;
  --points-store-bg: #31d2f614;
  --points-store-hover-bg: #31d2f629;
  --points-store-text: #04caf6;
  --enterprise-entry-bg: #ffffff0d;
  --enterprise-entry-hover-bg: #ffffff1a;
  --enterprise-entry-text: #fff;
  --vip-credit-dot-inactive: #ffffff17;
  --vip-credit-dot-active: #fff;
  --vip-slider-track-bg: #525252;
  --vip-slider-fill-bg: #09caf5;
  --vip-slider-dot-border: #525252;
  --vip-slider-dot-bg: #4492a1;
  --vip-slider-dot-border-active: #09caf5;
  --vip-slider-dot-bg-active: #09caf5;
  --vip-slider-thumb-border: #052c34;
  --vip-slider-thumb-bg: linear-gradient(0deg, #5ddcff 0%, #bff1ff 100%);
  --vip-slider-thumb-shadow: 0 2.286px 6.857px 0 #08323b99;
  --vip-tab-badge-active-bg: #ff6430;
  --vip-tab-badge-active-text: #fff;
  --vip-tab-badge-inactive-bg: #a8a8a8;
  --vip-tab-badge-inactive-text: #fff;
  --vip-tab-red-envelope-bg: #f53f3f1a;
  --vip-tab-red-envelope-text: #f76560;
  --vip-modal-bg: #121212;
  --vip-modal-border: #ffffff14;
  --vip-dropdown-bg: #1a1a1a;
  --qualification-paywall-bg: #141414;
  --qualification-paywall-text: #f0f0f0;
  --qualification-paywall-switch-bg: #ffffff29;
  --qualification-paywall-switch-active-bg: #5ddcff;
  --qualification-paywall-switch-thumb: #fff;
  --qualification-paywall-view-all-bg: #36363699;
  --qualification-paywall-view-all-border: #c4c4c4;
  --qualification-paywall-view-all-text: #fff;
  --sku-fold-btn-bg: #ffffff0d;
  --sku-fold-btn-text: #fff;
  --vip-paywall-userinfo-text: #fff;
  --vip-paywall-userinfo-muted: #fff9;
  --vip-paywall-userinfo-brand: #04caf6;
  --vip-paywall-userinfo-tag-bg: #3fdafd0f;
  --vip-paywall-userinfo-tag-muted-bg: #ffffff0f;
  --vip-paywall-userinfo-team-tag-bg: #2e77ff14;
  --vip-paywall-userinfo-team-tag-text: #4f8dff;
  --vip-paywall-userinfo-divider: #ffffff1f;
  --vip-paywall-overlay-btn-bg: #ffffff0f;
  --vip-paywall-team-toggle-bg: #ffffff0d;
  --vip-paywall-team-switch-bg: #ffffff1a;
  --vip-paywall-team-toggle-hover-bg: #ffffff14;
  --vip-sku-scroll-btn-bg: #ffffff0f;
  --vip-sku-scroll-btn-hover-bg: #ffffff1a;
  --vip-sku-scroll-btn-icon: #fff;
  --vip-period-tab-bg: #ffffff0a;
  --vip-period-tab-selected-bg: #ffffff14;
  --vip-period-tab-text: #fff;
  --vip-period-tab-muted: #fff9;
  --vip-period-tab-limited-text: #fa5c00;
  --vip-paywall-team-switch-active-bg: #fff;
  --vip-paywall-team-switch-thumb: #fff;
  --vip-paywall-team-switch-active-thumb: #000;
  --vip-sku-credit-box-bg: #ffffff0a;
  --vip-sku-text: #fff;
  --vip-sku-text-tertiary: #ffffff73;
  --vip-sku-credit-divider: #ffffff1f;
  --vip-sku-card-bg: #1a1a1a;
  --vip-sku-card-bg-level6:
    linear-gradient(180deg, #3fdafd14 0, #3fdafd00 600px), #1a1a1a;
  --vip-sku-card-bg-level7:
    linear-gradient(180deg, #fa5c0014 0, #fa5c0000 600px), #1a1a1a;
  --vip-sku-card-divider: #ffffff0a;
  --purchase-first-order-text-primary: #f7f7f7;
  --purchase-first-order-text-secondary: #a8a8a8;
  --purchase-first-order-text-muted: #919191;
  --purchase-first-order-text-light: #a8a8a8;
  --purchase-first-order-accent: #ffce86;
  --purchase-first-order-accent-text: #000;
  --purchase-first-order-accent-bg: #fece86;
  --purchase-first-order-blue: #006aff;
  --purchase-first-order-chip-bg: #ffffff0a;
  --purchase-first-order-qr-border: #006aff66;
  --purchase-first-order-countdown-text: #f7f7f7;
  --purchase-first-order-countdown-separator: #f7f7f7;
  --purchase-first-order-avatar-bg: #525252;
  --purchase-first-order-qr-shadow: #5188df40;
  --purchase-first-order-dropdown-shadow: #1448961c;
  --purchase-first-order-countdown-box-bg: #ffffff0d;
  --purchase-first-order-countdown-tile-bg: #171717;
  --red-envelope-close-btn: #141414;
  --red-envelope-close-btn-bg: #ffffffe0;
  --red-envelope-close-btn-hover: #fff;
  --sub-sku-tab-wrap-bg: transparent;
  --sub-sku-tab-border: transparent;
  --sub-sku-tab-bg: var(--vip-sku-credit-box-bg);
  --sub-sku-tab-hover-bg: #ffffff0f;
  --sub-sku-tab-active-bg: #fff;
  --sub-sku-tab-active-text: #000;
  --sub-sku-tab-text: #fff;
  --sub-sku-gift-tag-bg: #fa5c00;
  --sub-sku-gift-tag-text: #fff;
  --sub-sku-gift-tag-inactive-bg: #ffffffbf;
  --sub-sku-gift-tag-inactive-text: #000;
  --vip-footer-link: #5b8fff;
  --vip-corner-mark-bg: #04caf61a;
  --vip-corner-mark-text: #04caf6;
  --vip-corner-mark-bg-promo: #f53f3f1a;
  --vip-corner-mark-text-promo: #f53f3f;
  --vip-corner-mark-bg-level7: #fa5c001a;
  --vip-corner-mark-text-level7: #fa5c00;
  --vip-sku-promo-badge-bg: #fa5c00;
  --vip-sku-promo-badge-text: #fff;
  --vip-sku-promo-countdown-colon: #ffffff6b;
  --vip-sku-promo-countdown-muted: #ffffff73;
  --vip-sku-promo-banner-bg: #3fdafd;
  --vip-sku-promo-banner-text: #000;
  --vip-sku-promo-banner-border: #04caf6;
  --vip-sku-promo-banner-bg-level7: #fa5c00;
  --vip-sku-promo-banner-text-level7: #fff;
  --team-vip-sku-promo-banner-bg: #2e77ff;
  --team-vip-sku-promo-banner-text: #fff;
  --course-paywall-tag-bg: #3fdafd26;
  --course-paywall-tag-text: #5ddcff;
  --course-paywall-tag-muted-bg: #ffffff14;
  --course-paywall-tag-muted-text: #ffffff8c;
  --course-sku-recommend-border: #04caf699;
  --course-promo-banner-secondary-bg: #ffffff1a;
  --course-indicator-dot: #ffffff1a;
  --course-indicator-dot-active: #fff;
  --course-sku-border: #ffffff14;
  --course-sku-month-header-bg: url(/assets/icons/interface-icon-014.svg) center
    calc(100% + 18px) / auto no-repeat;
  --course-sku-year-header-bg: url(/assets/icons/interface-icon-007.svg) center
    calc(100% + 18px) / auto no-repeat;
  --course-sku-year-border: #365571;
  --course-sku-cta-bg: #fff;
  --course-sku-cta-text: #0d0d0d;
  --course-sku-year-cta-bg: #65ddff;
  --course-sku-year-cta-text: #171717;
  --course-sku-promo-banner-bg: #5ddcff;
  --course-sku-promo-banner-text: #171717;
  --course-sku-text-default: #ffffffe6;
  --course-sku-text-secondary: #ffffff8c;
  --course-sku-text-tertiary: #ffffff4d;
  --course-sku-cta-disabled-bg: #ffffff14;
  --course-sku-cta-disabled-text: #ffffff4d;
  --course-checkout-shadow: 0 2px 2px #0000000a, 0 8px 16px -4px #0000000a;
  --course-power-panel-bg: #242424;
  --generation-confirm-bg: #242424;
  --generation-confirm-border: #ffffff14;
  --generation-confirm-text: #fff;
  --generation-confirm-muted: #ffffff8c;
  --generation-confirm-secondary: #ffffff14;
  --generation-confirm-brand: #3fdafd;
  --generation-confirm-on-brand: #000;
  --course-power-panel-border: #ffffff14;
  --course-power-divider: #ffffff14;
  --course-power-text-primary: #fff;
  --course-power-text-muted: #fff9;
  --course-power-track-bg: #ffffff1a;
  --course-power-fill-bg: #09caf5;
  --course-power-row-hover-bg: #ffffff0f;
  --course-power-member-icon: #ffc65d;
  --sku-gift-badge-bg: #fdcdc5;
  --sku-gift-badge-text: #cb272d;
  --sku-gift-badge-dimmed-bg: #d5d3d2;
  --sku-gift-badge-dimmed-text: #414141;
  --cashier-gift-tag-bg: #fa5c001f;
  --cashier-gift-tag-text: #fa5c00;
  --cashier-promo-text: #fa5c00;
  --team-vip-corner-mark-bg: #2e77ff1a;
  --team-vip-corner-mark-text: #4f8dff;
  --team-vip-corner-mark-bg-promo: #f53f3f1a;
  --team-vip-corner-mark-text-promo: #f53f3f;
  --vip-corner-bottom-bg: #fff7ec14;
  --vip-corner-bottom-text: #ff5e61;
  --vip-team-icon-filter: brightness(0) invert(1);
  --team-vip-discount-bg: #5ddcff;
  --team-vip-discount-text: #171717;
  --vip-modal-bottom-from: #0f1018;
  --vip-modal-bottom-to: #0f10181a;
  --vip-home-page-bg: #000;
  --vip-home-tab-accent: #fff;
  --vip-home-line-mid: #ffffff1f;
  --vip-home-scroll-btn-bg: #ffffff0f;
  --vip-home-scroll-btn-border: #ffffff1f;
  --vip-home-scroll-btn-icon: #f0f0f0;
  --team-vip-modal-bg: #212121;
  --team-vip-qr-panel-bg: #363636;
  --team-vip-text-primary: #fff;
  --team-vip-text-secondary: #ffffffd9;
  --team-vip-text-muted: #ffffff73;
  --team-vip-text-label: #fffc;
  --team-vip-text-price: #5ddcff;
  --team-vip-border: #ffffff1a;
  --team-vip-card-bg: #ffffff0d;
  --team-vip-seat-bonus-bg: #ffffff0d;
  --team-vip-seat-bonus-rule-text: #ffffff73;
  --team-vip-seat-bonus-text: #ffffffd9;
  --team-vip-seat-bonus-highlight: #ff6b6b;
  --team-vip-selected-bg: #ffffff0d;
  --team-vip-selected-border: #07b8dd;
  --team-vip-selected-text: #5b9aff;
  --team-vip-input-bg: #ffffff14;
  --team-vip-input-border: #ffffff1a;
  --team-vip-shadow-border: #ffffff1a;
  --team-vip-qr-bg: #ffffff0d;
  --team-vip-qr-border: #ffffff1a;
  --team-vip-qr-amount: #5b9aff;
  --team-vip-qr-text: #fffc;
  --team-vip-link: #5b8fff;
  --team-vip-close-bg: #ffffff1a;
  --team-vip-failure-bg: #1f6dff1a;
  --team-vip-failure-border: #1f6dff33;
  --team-vip-icon-filter: brightness(0) invert(1);
  --member-checkout-text-primary: #ffffffd9;
  --member-checkout-text-secondary: #ffffffa6;
  --member-checkout-text-muted: #ffffff73;
  --member-checkout-card-bg: #ffffff0f;
  --member-checkout-card-border: #fff3;
  --member-checkout-detail-bg: #363636;
  --member-checkout-detail-amount-text: #fff;
  --member-checkout-modal-bg: #212121;
  --member-checkout-qr-panel-bg: #363636;
  --member-checkout-border: #ffffff1a;
  --member-checkout-selected-bg: #ffffff0d;
  --member-checkout-selected-border: #07b8dd;
  --member-checkout-price-text: #5ddcff;
  --member-checkout-corner-tag-bg: #3cb5cc1a;
  --member-checkout-corner-tag-text: #07b8dd;
  --member-checkout-close-hover-bg: #ffffff1a;
  --member-checkout-free-interest-tag-bg: #fa5c00;
  --member-checkout-free-interest-tag-text: #fff;
  --member-checkout-qr-box-bg: #fff;
  --member-checkout-agreement-link: #f7f7f7;
  --installment-entry-border: #2e77ff;
  --installment-entry-text: #2e77ff;
  --installment-entry-bg: transparent;
  --installment-entry-hover-bg: #027aff14;
  --installment-entry-hover-color: #027aff;
  --installment-entry-tag-bg: #ffffffbf;
  --installment-entry-tag-text: #000;
  --sku-btn-corner-mark-bg: var(--installment-entry-tag-bg);
  --sku-btn-corner-mark-text: var(--installment-entry-tag-text);
  --team-detail-tooltip-bg: #303030;
  --team-detail-tooltip-text: #f7f7f7;
  --team-detail-tooltip-border: #ffffff1f;
  --team-detail-quota-progress: #5ddcff;
  --team-detail-table-border: #ffffff12;
  --team-detail-table-text: #ffffffe6;
  --team-detail-table-text-muted: #ffffff4d;
  --team-detail-quota-track: #ffffff14;
  --team-detail-quota-fill: #fff;
  --team-detail-quota-danger: #f76560;
  --team-detail-table-header-text: #fff9;
  --team-detail-table-header-bg: #242424;
  --team-detail-table-row-hover-bg: #282828;
  --team-detail-menu-bg: #242424;
  --team-detail-menu-border: #ffffff14;
  --team-detail-menu-item-hover: #ffffff0f;
  --team-detail-menu-danger: #e74c3c;
  --team-detail-power-section-bg: #161616;
  --team-role-tag-bg: #5ddcff1f;
  --team-role-tag-text: #5ddcff;
  --team-role-tag-member-border: #ffffff14;
  --team-role-tag-member-text: #fff9;
  --last-login-tag-bg: #ffffff0f;
  --last-login-tag-text: #fff9;
  --carousel-arrow-surface-fill: #ffffff1a;
  --carousel-arrow-stroke: #ffffffb8;
  --pop-guide-carousel-frame-bg: #242424;
  --pop-guide-carousel-stage-bg: #161616;
  --pop-guide-carousel-navigation-text: #ffffff8c;
  --pop-guide-carousel-navigation-text-active: #fff;
  --pop-guide-carousel-navigation-track: #ffffff1f;
  --pop-guide-carousel-navigation-progress: #fff;
  --pop-guide-carousel-title: #fff;
  --pop-guide-carousel-badge-text: #04caf6;
  --pop-guide-carousel-badge-bg: #31d2f626;
  --pop-guide-carousel-description: #fffc;
  --pop-guide-carousel-pagination-bg: #ffffff14;
  --pop-guide-carousel-pagination-control: #fff;
  --pop-guide-carousel-pagination-hover-bg: #ffffff29;
  --pop-guide-carousel-pagination-divider: #ffffff1f;
  --pop-guide-carousel-cta-bg: #3fdafd;
  --pop-guide-carousel-cta-text: #000;
  --pop-guide-carousel-close-bg: #1a1a1a;
  --pop-guide-carousel-close-hover-bg: #242424;
  --pop-guide-carousel-close-icon: #fff;
  --team-vip-sku-text-primary: #fff;
  --team-vip-sku-text-secondary: #ffffffa6;
  --team-vip-sku-text-muted: #919191;
  --team-vip-sku-price-color: #fff;
  --team-vip-sku-price-original: #919191;
  --team-vip-sku-btn-cta-bg: linear-gradient(to right, #e9fbff, #9dcdda);
  --team-vip-sku-btn-cta-text: #0d0d0d;
  --team-vip-sku-btn-cta-top-bg: #2e77ff;
  --team-vip-sku-btn-cta-top-text: #fff;
  --team-vip-sku-btn-cta-top-hover-bg: #296be5;
  --team-vip-sku-footer-text: #919191;
  --team-vip-sku-footer-highlight: #4a89ff;
  --team-vip-sku-seat-picker-bg: #ffffff0d;
  --team-vip-sku-seat-picker-btn-bg: transparent;
  --team-vip-sku-seat-picker-btn-hover-bg: #ffffff14;
  --team-vip-sku-seat-picker-text: #f7f7f7;
  --team-vip-sku-seat-picker-icon: #f7f7f7;
  --enterprise-qr-modal-bg: #141414;
  --enterprise-qr-frame-border: #525252;
  --enterprise-qr-code-bg: #fff;
  --enterprise-qr-footer-bg: #212121;
  --charge-modal-bg: linear-gradient(to right, #544221, #1a150b);
  --charge-left-bg: #171717;
  --charge-content-bg: transparent;
  --charge-content-border: transparent;
  --charge-card-bg: #ffffff0d;
  --charge-card-selected-bg: #2b2720;
  --charge-card-selected-border: #ffcf76;
  --charge-card-unselected-border: transparent;
  --charge-text-title: #fff;
  --charge-text-secondary: #ffffffa6;
  --charge-text-muted: #525252;
  --charge-price-color: #fff;
  --charge-qr-bg: #171717;
  --charge-qr-text: #ffffffd9;
  --charge-qr-amount: #fff;
  --charge-icon-filter: brightness(0) invert(1);
  --charge-modal-bg-v2: #212121;
  --power-charge-corner-mark: #ffbc57;
  --power-charge-corner-mark-bg: #281f15;
  --power-charge-modal-bg: #212121;
  --power-charge-modal-border: #363636;
  --power-charge-text: #f7f7f7;
  --power-charge-muted: #a8a8a8;
  --power-charge-brand: #5ddcff;
  --power-charge-stroke-medium: #ffffff1f;
  --power-charge-tab-bg: #141414;
  --power-charge-tab-inactive: #919191;
  --power-charge-tab-active-bg: #ffffff1a;
  --power-charge-selected: #07b8dd;
  --power-charge-cta: #5ddcff;
  --power-charge-cta-text: #000;
  --power-charge-close-hover: #ffffff14;
  --power-charge-card-surface: #141414;
  --power-charge-custom-input-bg: #ffffff14;
  --power-charge-custom-input-fg: #f7f7f7;
  --power-charge-custom-input-placeholder: #919191;
  --power-charge-model-card-bg: #00000040;
  --power-charge-team-tip-bg: #ffffff0d;
  --power-charge-team-tip-border: #363636;
  --power-charge-team-tip-text: #09caf5;
  --power-charge-close-icon-filter: brightness(0) invert(1);
  --power-charge-model-card-icon-filter: none;
  --power-charge-switch-track-off: #ffffff2e;
  --power-charge-switch-track-off-hover: #ffffff47;
  --power-charge-switch-track-on: #f7f7f7;
  --power-charge-switch-handle: #fff;
  --power-charge-switch-handle-checked: #0d0d0d;
  --corporate-pay-page-bg: #141414;
  --corporate-pay-text-primary: #f0f0f0;
  --corporate-pay-text-secondary: #a8a8a8;
  --corporate-pay-text-tertiary: #919191;
  --corporate-pay-text-disabled: #6b6b6b;
  --corporate-pay-brand: #09caf5;
  --corporate-pay-card-bg: #ffffff0f;
  --corporate-pay-card-bg2: #ffffff10;
  --corporate-pay-surface-bg: #212121;
  --corporate-pay-divider: #ffffff14;
  --corporate-pay-primary-btn-bg: #f7f7f7;
  --corporate-pay-primary-btn-text: #141414;
  --corporate-pay-primary-btn-disabled-bg: #6b6b6b;
  --corporate-pay-secondary-btn-bg: #ffffff1f;
  --corporate-pay-tertiary-btn-bg: #ffffff0f;
  --corporate-pay-brand-btn-bg: #09caf5;
  --corporate-pay-brand-btn-text: #000;
  --corporate-pay-step-active: #f0f0f0;
  --corporate-pay-step-inactive: #6b6b6b;
  --corporate-pay-step-line-inactive: #3d3d3d;
  --corporate-pay-modal-mask: #000000a6;
  --power-detail-text: #f7f7f7;
  --power-detail-text-secondary: #a8a8a8;
  --power-detail-text-muted: #919191;
  --power-detail-brand: #07b8dd;
  --power-detail-section-bg: #ffffff0a;
  --power-detail-card-bg: #ffffff0d;
  --power-detail-btn-bg: #ffffff1a;
  --power-detail-btn-hover-bg: #ffffff24;
  --power-detail-input-bg: #ffffff0f;
  --power-detail-border: #ffffff1f;
  --power-detail-tab-active: #f7f7f7;
  --power-detail-amount-plus: #00c38b;
  --power-detail-amount-minus: #f76560;
  --power-detail-badge-bg: #ffffff1a;
  --power-detail-badge-text: #b0b0b0;
  --power-detail-badge-team-bg: #3cb5cc1a;
  --power-detail-badge-vip-bg: #ffc65d1a;
  --power-detail-badge-vip-text: #ffc65d;
  --power-detail-picker-panel-bg: #1f1f1fe6;
  --power-detail-picker-panel-shadow: 0 2px 4px #0000001f, 0 4px 10px #0003;
  --power-detail-picker-border: #363636;
  --power-detail-picker-hover-bg: #ffffff1a;
  --power-detail-picker-item-active-bg: #ffffff1a;
  --power-detail-picker-range-bg: #ffffff1a;
  --power-detail-picker-outside-text: #525252;
  --power-detail-picker-endpoint-bg: #f7f7f7;
  --power-detail-picker-endpoint-text: #171717;
  --power-detail-picker-today-bg: #5ddcff;
  --power-detail-picker-today-text: #000;
  --power-detail-option-checkbox-border: #ffffff4d;
  --power-detail-option-tag-bg: #ffffff1a;
  --power-detail-table-header-sticky-bg: #262626;
  --power-detail-scrollbar-thumb: #ffffff26;
  --h5-pay-overlay-bg: #000c;
  --h5-pay-sheet-bg: #242424;
  --h5-pay-text-primary: #f7f7f7;
  --h5-pay-text-secondary: #a8a8a8;
  --h5-pay-text-muted: #919191;
  --h5-pay-text-hint: #fff9;
  --h5-pay-card-bg: #ffffff0a;
  --h5-pay-card-divider: #525252;
  --h5-pay-highlight: #5ddcff;
  --h5-pay-close-bg: #ffffff0f;
  --h5-pay-cta-bg: #fff;
  --h5-pay-cta-text: #000;
  --h5-pay-agreement-text: #868686;
  --h5-pay-agreement-link: #f7f7f7;
  --h5-pay-guide-bubble-bg: #242424;
  --h5-pay-guide-bubble-border: #ffffff1f;
  --h5-pay-guide-bubble-text: #fff;
  --h5nm-hero-bg-img: url(/assets/images/banners/banners-image-002.jpeg);
  --h5nm-hero-bg-h: 163px;
  --h5nm-hero-icons-img: url(/assets/images/banners/banners-image-004.png);
  --h5nm-sheet-bg: #161616;
  --h5nm-text: #fff;
  --h5nm-text-muted: #929292;
  --h5nm-row-bg: #ffffff0f;
  --h5nm-row-border-selected: #fff;
  --h5nm-badge-bg: #3cb5cc1a;
  --h5nm-badge-text: #07b8dd;
  --h5nm-close-bg: #ffffff0f;
  --h5nm-cta-bg: #fff;
  --h5nm-cta-text: #000;
  --h5nm-agreement-text: #868686;
  --h5nm-agreement-link: #ccc;
}
:root {
  --supply-modal-bg: #f7f7f7;
  --supply-text-primary: #262626;
  --supply-text-secondary: #525252;
  --supply-text-hint: #919191;
  --supply-scrollbar-thumb: #0000002e;
  --supply-text-on-photo: #fff;
  --supply-brand: #07b8dd;
  --supply-on-brand: #fff;
  --supply-annotate: #f0a;
  --supply-gold: #dbb165;
  --supply-close-hover-bg: #0000000f;
  --supply-tab-track-bg: #0000000a;
  --supply-tab-active-bg: #141414;
  --supply-tab-active-text: #fff;
  --supply-card-border: #e3e3e3;
  --supply-card-border-highlight: #00d3ff;
  --supply-card-bg: #fff;
  --supply-card-bg-highlight:
    linear-gradient(144deg, #5ddcff29 9.5%, #fff0 90%), #fff;
  --supply-badge-outline-border: #07b8dd66;
  --supply-surprise-card-bg: #000;
  --supply-surprise-card-surface: #1d1d1dcc;
  --supply-surprise-preview-card-bg: #0f0f0e;
  --supply-surprise-cta-bg: #fff;
  --supply-surprise-cta-text: #000;
  --supply-surprise-cta-disabled-bg: #fff6;
  --supply-surprise-preview-cta-bg: #919191;
  --supply-surprise-preview-cta-text: #fff;
  --supply-countdown-num-bg: #ff00aa1a;
  --supply-countdown-num-text: #f42ab1;
  --supply-model-card-bg: #fff;
  --supply-model-cta-bg: #262626;
  --supply-input-bg: #0000000a;
  --supply-slider-track: #e3e3e3;
  --supply-slider-thumb: #fff;
  --supply-slider-thumb-border: #e3e3e3;
  --supply-cta-disabled-bg: #00000029;
  --supply-section-title-filter: invert(1);
  --supply-carousel-nav-bg: #fff;
  --supply-carousel-nav-border: #e3e3e3;
  --supply-carousel-nav-color: #525252;
  --supply-carousel-nav-hover-bg: #f0f0f0;
}
:root.dark,
.dark {
  --supply-modal-bg: #141414;
  --supply-text-primary: #f7f7f7;
  --supply-text-secondary: #a8a8a8;
  --supply-scrollbar-thumb: #ffffff3d;
  --supply-brand: #5ddcff;
  --supply-on-brand: #171717;
  --supply-close-hover-bg: #ffffff14;
  --supply-tab-track-bg: #ffffff1a;
  --supply-tab-active-bg: #f7f7f7;
  --supply-tab-active-text: #171717;
  --supply-card-border: #363636;
  --supply-card-bg: linear-gradient(142deg, #3d3d3d66 9%, #0f0f0e66 84%);
  --supply-card-bg-highlight: linear-gradient(
    144deg,
    #5ddcff36 9.5%,
    #0f0f0e00 90%
  );
  --supply-badge-outline-border: #3cb5cc66;
  --supply-surprise-card-surface: #1d1d1dcc;
  --supply-surprise-preview-cta-bg: #919191;
  --supply-surprise-preview-cta-text: #fff;
  --supply-countdown-num-bg: #ff00aa1a;
  --supply-countdown-num-text: #f42ab1;
  --supply-model-card-bg: #212121;
  --supply-model-cta-bg: #f7f7f7;
  --supply-input-bg: #ffffff1a;
  --supply-slider-track: #525252;
  --supply-slider-thumb-border: #f0f0f0;
  --supply-cta-disabled-bg: #ffffff29;
  --supply-section-title-filter: none;
  --supply-carousel-nav-bg: #262626;
  --supply-carousel-nav-border: #363636;
  --supply-carousel-nav-color: #f7f7f7;
  --supply-carousel-nav-hover-bg: #363636;
}
:root {
  --points-store-entry-shimmer: #5ddcff73;
}
:root.dark,
.dark {
  --points-store-entry-shimmer: #5ddcff47;
}
:root {
  --credit-gap-strong: #f53f3f;
  --credit-gap-medium: #ff7d00;
  --credit-gap-none: #5ddcff;
  --credit-gap-ring-track: #c4c4c4;
  --credit-gap-bar-track: #0000001a;
  --credit-gap-notice-bg: #1d1d1f;
  --credit-gap-notice-text: #f7f7f7;
  --credit-gap-notice-border: #ffffff14;
  --credit-gap-notice-btn-bg: #fff;
  --credit-gap-notice-btn-text: #1d1d1f;
  --credit-gap-notice-close: #ffffffa6;
}
:root.dark,
.dark {
  --credit-gap-ring-track: #525252;
  --credit-gap-bar-track: #ffffff29;
}
:root {
  --nuw-modal-border: #00000012;
  --nuw-text-default: #000000e6;
  --nuw-text-secondary: #0000008c;
  --nuw-text-muted: #00000073;
  --nuw-accent: #fa5c00;
  --nuw-close-icon: #ffffffe6;
  --nuw-counter-bg: #fff;
  --nuw-tab-bg: #00000008;
  --nuw-tab-border: #0000001a;
  --nuw-tab-active-bg: #fff;
  --nuw-tab-active-border: #00000014;
  --nuw-chip-bg: #0000000a;
  --nuw-header-bg-image: url(/assets/images/banners/header-light-1500.webp);
  --nuw-modal-bg: #f5f5f5;
  --nuw-close-bg: #ffffff14;
  --nuw-close-bg-hover: #ffffff29;
  --nuw-row-bg: #fff;
  --nuw-row-bg-hover: #f0f0f0;
  --nuw-row-border: #00000012;
  --nuw-row-selected-border: #13d5ff;
  --nuw-row-selected-bg: linear-gradient(
    188.73deg,
    #13d5ff17 0%,
    #13d5ff08 99.49%
  );
  --nuw-lowest: #ff5f1f;
  --nuw-discount-chip-bg: #31d2f6;
  --nuw-discount-chip-text: #000;
  --nuw-discount-chip-digit-bg: #00000014;
  --nuw-discount-chip-accent-bg: #ff5f1f;
  --nuw-panel-bg: linear-gradient(to bottom, #fff, #fff0);
  --nuw-qr-bg: #fff;
  --nuw-qr-mask-bg: #000000b3;
  --nuw-qr-mask-text: #fff;
  --nuw-scrollbar-thumb: #0003;
  --nuw-text-brand: #13d5ff;
  --nuw-banner-bg: #13d5ff1a;
  --nuw-banner-shine: #13d5ff29;
  --nuw-divider-subtle: #00000014;
  --nuw-red-packet-card-image: url(/assets/images/banners/new-user-offer-light-top-20261014-compressed.webp);
  --nuw-red-packet-front-image: url(/assets/images/banners/banners-image-002.webp);
  --nuw-red-packet-front-shadow: #00000014;
  --nuw-red-packet-mask: #00000073;
}
:root.dark,
.dark {
  --nuw-modal-border: #ffffff1f;
  --nuw-text-default: #fff;
  --nuw-text-secondary: #ffffff80;
  --nuw-text-muted: #fff9;
  --nuw-close-icon: #ffffffe6;
  --nuw-counter-bg: #ffffff1a;
  --nuw-tab-bg: #ffffff08;
  --nuw-tab-border: #ffffff1a;
  --nuw-tab-active-bg: #ffffff0f;
  --nuw-tab-active-border: #ffffff29;
  --nuw-chip-bg: #ffffff0f;
  --nuw-header-bg-image: url(/assets/images/banners/header-dark-1500.webp);
  --nuw-modal-bg: #121212;
  --nuw-close-bg: #ffffff14;
  --nuw-close-bg-hover: #ffffff29;
  --nuw-row-bg: #ffffff08;
  --nuw-row-bg-hover: #ffffff0d;
  --nuw-row-border: #ffffff14;
  --nuw-row-selected-border: #3fdafd;
  --nuw-row-selected-bg: linear-gradient(
    188.73deg,
    #04caf617 0%,
    #04caf608 99.49%
  );
  --nuw-discount-chip-bg: #3fdafd;
  --nuw-discount-chip-text: #000;
  --nuw-discount-chip-digit-bg: #00000014;
  --nuw-panel-bg: linear-gradient(to bottom, #ffffff0a, #fff0);
  --nuw-scrollbar-thumb: #fff3;
  --nuw-text-brand: #3fdafd;
  --nuw-banner-bg: #3fdafd14;
  --nuw-banner-shine: #5ddcff1f;
  --nuw-divider-subtle: #ffffff14;
  --nuw-red-packet-card-image: url(/assets/images/banners/new-user-offer-dark-top-20261014-compressed.webp);
  --nuw-red-packet-front-image: url(/assets/images/banners/banners-image.webp);
  --nuw-red-packet-front-shadow: #ffffff14;
  --nuw-red-packet-mask: #00000073;
}
:root {
  --pex-card-bg: #0000000a;
  --pex-entry-bg-hover: #0000000f;
  --pex-fixed-col-shadow: #00000014;
}
:root.dark,
.dark {
  --pex-card-bg: #ffffff0a;
  --pex-entry-bg-hover: #ffffff1a;
  --pex-fixed-col-shadow: #0006;
}
:root {
  --ugp-card-bg: var(--nuw-row-bg);
  --ugp-card-bg-hover: var(--nuw-row-bg-hover);
  --ugp-card-selected-border: var(--nuw-row-selected-border);
  --ugp-card-selected-bg: var(--nuw-row-selected-bg);
  --ugp-text-secondary: var(--nuw-text-secondary);
  --ugp-text-brand: var(--nuw-text-brand);
  --ugp-tag-border: var(--nuw-text-brand);
  --ugp-close-bg: var(--nuw-close-bg);
}
:root.dark,
.dark {
  --ugp-card-bg: #ffffff0d;
  --ugp-card-bg-hover: #ffffff17;
  --ugp-card-selected-border: #04caf6;
  --ugp-card-selected-bg: linear-gradient(
    222.47deg,
    #04caf629 0%,
    #04caf60a 99.49%
  );
  --ugp-text-secondary: #fff9;
  --ugp-text-brand: #04caf6;
  --ugp-tag-border: #3fdafd;
  --ugp-close-bg: #ffffff17;
}
:root {
  --psr-modal-bg: linear-gradient(#0000000a, #0000000a), #fff;
  --psr-modal-border: #0000001a;
  --psr-header-bg-narrow: url(/assets/images/banners/banners-image-010.png);
  --psr-header-bg-side: url(/assets/images/banners/banners-image-007.png);
  --psr-header-bg-wide: url(/assets/images/banners/banners-image-006.png);
  --psr-text-default: #000000e6;
  --psr-text-secondary: #0000008c;
  --psr-text-brand: #069bbc;
  --psr-icon-secondary: #0000008c;
  --psr-slot-bg: linear-gradient(to bottom, #00000008, #0000);
  --psr-slot-bg-side: linear-gradient(to right, #00000008, #0000);
  --psr-close-outer-bg: #ffffff14;
  --psr-close-outer-bg-hover: #ffffff29;
  --psr-close-outer-icon: #ffffffe6;
  --psr-divider: #0000001a;
  --psr-section-line: #00000014;
  --psr-brand-bg: #31d2f6;
  --psr-on-brand: #000000e6;
  --psr-cta-brand-highlight: #fff6;
  --psr-plan-border: #069bbc;
  --psr-plan-bg:
    linear-gradient(121.68deg, #04caf60a 31.994%, #04caf603 83.364%), #fff;
  --psr-plan-bg-hover:
    linear-gradient(124.46deg, #04caf618 31.994%, #04caf606 83.364%), #fff;
  --psr-card-bg: #fff;
  --psr-card-bg-hover: linear-gradient(#00000008, #00000008), #fff;
  --psr-card-border: #0000001a;
  --psr-card-highlight-bg:
    linear-gradient(108.17deg, #04caf60a 31.994%, #04caf603 83.364%), #fff;
  --psr-cta-invert-bg: #2c2c2c;
  --psr-cta-invert-bg-hover: #2c2c2c;
  --psr-cta-brand-bg-self-hover: #70e1fa;
  --psr-cta-invert-bg-self-hover: #4a4a4a;
  --psr-cta-invert-text: #fff;
  --psr-sparkle-deco: #0000001f;
  --psr-model-icon-filter: brightness(0) saturate(100%);
}
:root.dark,
.dark {
  --psr-modal-bg: #121212;
  --psr-modal-border: #ffffff1f;
  --psr-header-bg-narrow: url(/assets/images/banners/banners-image-008.png);
  --psr-header-bg-side: url(/assets/images/banners/banners-image-003.png);
  --psr-header-bg-wide: url(/assets/images/banners/banners-image-009.png);
  --psr-text-default: #fff;
  --psr-text-secondary: #fff9;
  --psr-text-brand: #04caf6;
  --psr-icon-secondary: #fff9;
  --psr-slot-bg: linear-gradient(to bottom, #ffffff08, #fff0);
  --psr-slot-bg-side: linear-gradient(to right, #ffffff08, #fff0);
  --psr-close-outer-bg: #ffffff14;
  --psr-close-outer-bg-hover: #ffffff29;
  --psr-close-outer-icon: #ffffffe6;
  --psr-divider: #ffffff1f;
  --psr-section-line: #ffffff14;
  --psr-brand-bg: #3fdafd;
  --psr-on-brand: #000;
  --psr-cta-brand-highlight: #fff6;
  --psr-plan-border: #04caf6;
  --psr-plan-bg: linear-gradient(
    121.68deg,
    #04caf60a 31.994%,
    #04caf603 83.364%
  );
  --psr-plan-bg-hover: linear-gradient(
    124.46deg,
    #04caf618 31.994%,
    #04caf606 83.364%
  );
  --psr-card-bg: #ffffff08;
  --psr-card-bg-hover: #ffffff14;
  --psr-card-border: #ffffff1f;
  --psr-card-highlight-bg: linear-gradient(
    108.17deg,
    #04caf60a 31.994%,
    #04caf603 83.364%
  );
  --psr-cta-invert-bg: #ffffffe6;
  --psr-cta-invert-bg-hover: #fff;
  --psr-cta-brand-bg-self-hover: #04caf6;
  --psr-cta-invert-bg-self-hover: #ffffffe6;
  --psr-cta-invert-text: #000;
  --psr-sparkle-deco: #ffffff29;
  --psr-model-icon-filter: none;
}
:root {
  --redeem-modal-bg: #fff;
  --redeem-modal-border: #00000012;
  --redeem-text-default: #000000e6;
  --redeem-text-secondary: #0000008c;
  --redeem-text-tertiary: #0000004d;
  --redeem-text-brand: #069bbc;
  --redeem-icon-default: #000000e6;
  --redeem-icon-brand: #13d5ff;
  --redeem-danger: #e74c3c;
  --redeem-overlay-bg: #0000000a;
  --redeem-overlay-bg-hover: #0000000f;
  --redeem-overlay-bg-active: #00000014;
  --redeem-card-bg: #0000000a;
  --redeem-notice-bg: #13d5ff14;
  --redeem-cta-bg: #2c2c2c;
  --redeem-cta-bg-hover: #4a4a4a;
  --redeem-cta-text: #fff;
  --redeem-cta-disabled-bg: #0000000f;
  --redeem-cta-disabled-text: #0000004d;
  --redeem-tooltip-bg: #1a1a1a;
  --redeem-tooltip-text: #fff;
  --redeem-guide-image: url(/assets/images/banners/douyin-course-guide-short-20261018.webp);
}
:root.dark,
.dark {
  --redeem-modal-bg: #1f1f1f;
  --redeem-modal-border: #ffffff14;
  --redeem-text-default: #fff;
  --redeem-text-secondary: #fff9;
  --redeem-text-tertiary: #ffffff4d;
  --redeem-text-brand: #04caf6;
  --redeem-icon-default: #fff;
  --redeem-icon-brand: #3fdafd;
  --redeem-danger: #e74c3c;
  --redeem-overlay-bg: #ffffff0f;
  --redeem-overlay-bg-hover: #ffffff14;
  --redeem-overlay-bg-active: #ffffff1a;
  --redeem-card-bg: #ffffff0a;
  --redeem-notice-bg: #31d2f614;
  --redeem-cta-bg: #fff;
  --redeem-cta-bg-hover: #ffffffe6;
  --redeem-cta-text: #000;
  --redeem-cta-disabled-bg: #ffffff14;
  --redeem-cta-disabled-text: #ffffff4d;
  --redeem-tooltip-bg: #000;
  --redeem-tooltip-text: #fff;
  --redeem-guide-image: url(/assets/images/banners/douyin-course-guide-full-20261018.webp);
}
.generation-confirm-content {
  color: var(--generation-confirm-text);
  background: var(--generation-confirm-bg);
  border: 1px solid var(--generation-confirm-border);
  border-radius: 24px;
}
.generation-confirm-body {
  padding: 0;
}
.generation-confirm-header {
  padding: 24px 56px 20px 24px;
}
.generation-confirm-title {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.generation-confirm-close {
  width: 26px;
  height: 26px;
  color: inherit;
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 5px;
  display: flex;
  position: absolute;
  top: 24px;
  right: 19px;
}
.generation-confirm-close svg {
  width: 16px;
  height: 16px;
}
.generation-confirm-description {
  color: var(--generation-confirm-muted);
  margin: 0 24px;
  padding: 0 0 0 19px;
  font-size: 13px;
  line-height: 20px;
  list-style: outside;
}
.generation-confirm-description a {
  color: var(--generation-confirm-text);
  text-underline-position: under;
  text-decoration: underline;
}
.generation-confirm-footer {
  justify-content: flex-end;
  gap: 8px;
  padding: 24px;
  display: flex;
}
.generation-confirm-footer button {
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 80px;
  height: 36px;
  padding: 0 16px;
  font-size: 14px;
  line-height: 22px;
  display: flex;
}
.generation-confirm-cancel {
  color: var(--generation-confirm-text);
  background: var(--generation-confirm-secondary);
}
.generation-confirm-confirm {
  color: var(--generation-confirm-on-brand);
  background: var(--generation-confirm-brand);
}
.generation-confirm-generate-icon {
  width: 18px;
  height: 18px;
  margin-right: 2px;
  display: flex;
}
.generation-confirm-generate-icon svg {
  width: 18px;
  height: 18px;
}
.scroll-area-root {
  min-width: 0;
  min-height: 0;
  position: relative;
}
.scroll-area-root .scroll-area-scrollbar {
  background: 0 0;
  padding: 0;
}
.scroll-area-root .scroll-area-scrollbar:hover {
  background: 0 0;
}
.scroll-area-root .scroll-area-scrollbar[data-orientation="horizontal"] {
  display: none;
}
.scroll-area-root .scroll-area-scrollbar .scroll-area-thumb,
.scroll-area-root .scroll-area-scrollbar:hover .scroll-area-thumb {
  background: var(--supply-scrollbar-thumb);
  border-radius: 999px;
}
.scroll-area-viewport {
  overscroll-behavior: contain;
}
.scroll-area-viewport > div {
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  display: flex !important;
}
.scroll-area-viewport > div > div {
  flex: 1 0 auto;
  min-width: 0;
}
.credits-balance-panel {
  border: 1px solid var(--course-power-panel-border);
  background: var(--course-power-panel-bg);
  border-radius: 16px;
  flex-direction: column;
  width: 296px;
  max-width: calc(100vw - 32px);
  padding: 6px;
  font-family: PingFang SC;
  display: flex;
  box-shadow:
    0 16px 24px -8px #0000000f,
    0 4px 8px -4px #0000000a,
    0 1px 1px #00000005;
}
.credits-balance-member-row {
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: flex;
}
.credits-balance-member-icon {
  width: 16px;
  height: 16px;
  color: var(--course-power-member-icon);
  flex: none;
}
.credits-balance-member-name {
  min-width: 0;
  color: var(--course-power-text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  font-size: 13px;
  line-height: 20px;
  overflow: hidden;
}
.credits-balance-member-expire {
  color: var(--course-power-text-muted);
  white-space: nowrap;
  flex: none;
  font-size: 11px;
  line-height: 16px;
}
.credits-balance-divider-wrap {
  padding: 4px 8px;
}
.credits-balance-divider {
  background: var(--course-power-divider);
  border-radius: 2px;
  width: 100%;
  height: 1px;
}
.credits-balance-balance-block {
  flex-direction: column;
  gap: 4px;
  padding-bottom: 8px;
  display: flex;
}
.credits-balance-balance-head {
  flex-direction: column;
  gap: 4px;
  padding: 8px 8px 0;
  display: flex;
}
.credits-balance-heading-row {
  align-items: center;
  gap: 4px;
  display: flex;
}
.credits-balance-heading-text {
  color: var(--course-power-text-primary);
  font-size: 13px;
  line-height: 20px;
}
.credits-balance-amount-row {
  align-items: baseline;
  gap: 2px;
  display: flex;
}
.credits-balance-amount {
  color: var(--course-power-text-primary);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.credits-balance-amount-total {
  color: var(--course-power-text-muted);
  font-size: 11px;
  line-height: 16px;
}
.credits-balance-track-wrap {
  align-items: center;
  padding: 2px 8px;
  display: flex;
}
.credits-balance-track {
  background: var(--course-power-track-bg);
  border-radius: 999px;
  width: 100%;
  height: 4px;
  overflow: hidden;
}
.credits-balance-fill {
  background: var(--course-power-fill-bg);
  border-radius: 999px;
  height: 4px;
  transition: width 0.3s;
}
.credits-balance-detail-list {
  flex-direction: column;
  display: flex;
}
.credits-balance-detail-row {
  align-items: center;
  gap: 12px;
  padding: 4px 8px;
  display: flex;
}
.credits-balance-detail-label-wrap {
  flex: auto;
  align-items: center;
  gap: 4px;
  min-width: 0;
  display: flex;
}
.credits-balance-detail-label {
  min-width: 0;
  color: var(--course-power-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
}
.credits-balance-detail-info {
  cursor: help;
  flex: none;
  display: inline-flex;
}
.credits-balance-detail-info-icon {
  width: 12px;
  height: 12px;
  color: var(--course-power-text-muted);
}
.credits-balance-detail-value {
  color: var(--course-power-text-primary);
  flex: none;
  font-size: 13px;
  line-height: 18px;
}
.credits-balance-menu-row {
  width: 100%;
  height: 36px;
  color: var(--course-power-text-primary);
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: 16px;
  padding: 0 8px;
  font-family: PingFang SC;
  font-size: 14px;
  line-height: 22px;
  transition: background-color 0.15s;
  display: flex;
}
.credits-balance-menu-row:hover {
  background: var(--course-power-row-hover-bg);
}
.credits-balance-menu-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  min-width: 0;
  overflow: hidden;
}
.credits-balance-menu-chevron {
  width: 18px;
  height: 18px;
  color: var(--course-power-text-muted);
  flex: none;
}