/* ==========================================================
   base.css
   Struktur & layout. TIDAK ada warna tema hardcode di sini —
   semua warna tema dipanggil lewat var(--nama-variable) yang
   nilainya didefinisikan per file theme-*.css
   Sumber: normad-alpha-desktop-red-css (tema merah asli).
   Warna status/semantik (hijau sukses, oranye/kuning status,
   tier loyalty, tombol emas, biru info) sengaja tetap karena
   artinya sama di semua tema.
   Topbar, header, jackpot, unduh aplikasi & footer berisi logo/
   ikon putih atau foto gelap, jadi latar netralnya tetap gelap
   di mode light; hanya warna merahnya yang ikut --accent.
   ========================================================== */

:root {
  --default: transparent;
  --body-theme-bg: var(--bg-body);
  --announcement-cntr-bg: var(--bg-surface);
  --announcement-cntr-color: var(--text-primary);
  --announcement-cntr-section-announcement-bg: var(--bg-surface);
  --announcement-cntr-section-announcement-color: var(--text-primary);
  --announcement-cntr-list-li-color: var(--text-primary);
  --banner-bg: var(--bg-body);
  --banner-carousel-indicators-li-border: 1px solid var(--text-primary);
  --banner-carousel-indicators-active-bg: var(--accent);
  --banner-carousel-indicators-active-border: var(--accent);
  --download-apk-content-bg: #151515;
  --download-apk-details-title-color: #fff;
  --download-apk-details-desc-color: #dbdbdb;
  --download-apk-details-btn-color: #fff;
  --download-apk-details-btn-bg: linear-gradient(to bottom,#f3dd7f 0%,#b88416 100%);
  --download-apk-details-btn-back-color: #fff;
  --download-apk-details-btn-back-bg: #444;
  --download-apk-details-btn-back-bs: none;
  --download-apk-color: #fff;
  --download-apk-section-i-color: color-mix(in srgb, var(--accent) 69%, black);
  --download-apk-btn-color: #fff;
  --download-apk-btn-bg: linear-gradient(to bottom,var(--accent) 0%,color-mix(in srgb, var(--accent) 69%, black) 100%);
  --download-apk-btn-hover-color: #fff;
  --download-popup-modal-body-span-color: var(--text-primary);
  --download-popup-modal-header-title-color: color-mix(in srgb, var(--accent) 81%, black);
  --home-progressive-jackpot-bg: linear-gradient(#1c0205,color-mix(in srgb, var(--accent) 49%, black),#1c0205);
  --home-progressive-jackpot-color: #fff;
  --home-progressive-jackpot-outer-cntr-bg: #000;
  --home-progressive-jackpot-inner-cntr-bg: linear-gradient(color-mix(in srgb, var(--accent) 38%, black),color-mix(in srgb, color-mix(in srgb, var(--accent) 38%, black) 0%, transparent));
  --home-progressive-jackpot-border-cntr-bg: #0009;
  --home-progressive-jackpot-border-cntr-border: 3px solid var(--accent);
  --home-progressive-jackpot-jackpot-cntr-bg: linear-gradient(var(--accent),color-mix(in srgb, var(--accent) 20%, black));
  --home-progressive-jackpot-jackpot-inner-cntr-bg: #000;
  --home-progressive-jackpot-jackpot-border-cntr-border: 3px dotted color-mix(in srgb, var(--accent) 41%, black);
  --home-progressive-jackpot-jackpot-currency-color: var(--accent);
  --home-progressive-jackpot-jackpot-play-text-color: #fd6f16;
  --home-progressive-jackpot-jackpot-play-text-label-color: #009fc5;
  --lottery-result-cntr-bg: var(--bg-surface);
  --lottery-result-cntr-color: var(--text-primary);
  --lottery-result-cntr-title-bg: color-mix(in srgb, var(--accent) 70%, var(--bg-body));
  --lottery-result-cntr-title-color: var(--text-primary);
  --lottery-result-cntr-numbers-bg: var(--bg-body);
  --sports-platform-title-color: var(--text-primary);
  --sports-matches-cntr-bg: var(--bg-body);
  --sport-match-item-bg: 9a0f04;
  --sport-match-item-color: var(--text-primary);
  --sport-match-item-even-bg: color-mix(in srgb, var(--text-primary) 15%, var(--bg-body));
  --sport-match-item-even-color: var(--text-primary);
  --sport-match-item-info-cntr-bg: var(--bg-surface);
  --sport-match-item-even-info-cntr-bg: var(--bg-body);
  --sport-match-item-even-info-cntr-color: var(--text-primary);
  --sport-match-item-info-color: var(--text-primary);
  --sport-match-item-teams-span-color: var(--accent);
  --popular-game-title-cntr-title-span-color: var(--text-primary);
  --popular-game-title-cntr-title-span-bg: color-mix(in srgb, var(--accent) 37%, var(--bg-body));
  --popular-game-title-cntr-title-span-after-bg: color-mix(in srgb, var(--accent) 37%, var(--bg-body));
  --popular-game-title-cntr-content-border: 1px solid color-mix(in srgb, var(--accent) 37%, var(--bg-body));
  --popular-game-title-cntr-content-game-list-game-item-game-name-color: var(--accent);
  --popular-game-title-cntr-content-game-list-game-item-provider-name-color: var(--text-primary);
  --popular-game-title-cntr-content-game-list-scrollbar-thumb-bg: color-mix(in srgb, var(--text-primary) 32%, var(--bg-body));
  --popular-games-bg: var(--bg-body);
  --popular-games-left-section-title-bg: var(--bg-body);
  --popular-games-left-section-title-color: var(--text-primary);
  --popular-games-scrtabs-tab-cntr-bg: linear-gradient(to bottom,var(--bg-surface) 0%,color-mix(in srgb, var(--text-primary) 29%, var(--bg-body)) 46%,var(--bg-surface) 100%);
  --popular-games-nav-tabs-li-a-bg: var(--bg-body);
  --popular-games-nav-tabs-li-a-active-bg: var(--bg-surface);
  --popular-games-scroll-arrow-bg: transparent;
  --popular-games-scroll-arrow-color: var(--text-primary);
  --popular-games-tab-pane-bg: var(--bg-surface);
  --popular-games-tab-content-border: 1px solid color-mix(in srgb, var(--text-primary) 6%, var(--bg-body));
  --popular-games-list-game-item-hover-link-cntr-bg: color-mix(in srgb, var(--bg-body) 70%, transparent);
  --home-game-list-cntr-title-span-color: var(--text-primary);
  --home-game-list-cntr-title-span-bg: color-mix(in srgb, var(--accent) 37%, var(--bg-body));
  --home-game-list-cntr-title-span-after-bg: color-mix(in srgb, var(--accent) 37%, var(--bg-body));
  --home-game-list-cntr-content-border: 1px solid color-mix(in srgb, var(--accent) 37%, var(--bg-body));
  --home-game-list-cntr-content-game-list-game-item-game-name-color: var(--accent);
  --home-game-list-cntr-content-game-list-game-item-provider-name-color: var(--text-primary);
  --home-game-list-cntr-content-game-list-scrollbar-thumb-bg: color-mix(in srgb, var(--text-primary) 32%, var(--bg-body));
  --home-game-list-game-player-color: var(--text-primary);
  --home-game-list-active-player-color: var(--text-primary);
  --home-game-list-game-player-container-bg: color-mix(in srgb, var(--bg-body) 70%, transparent);
  --home-info-cntr-bg: var(--bg-body);
  --home-info-cntr-border: 2px solid color-mix(in srgb, var(--accent) 85%, var(--bg-body));
  --home-info-cntr-tickercntr-bg: var(--bg-body);
  --arcade-games-cntr-bg: color-mix(in srgb, var(--accent) 69%, var(--bg-body));
  --arcade-games-cntr-vendor-name-color: var(--text-primary);
  --arcade-games-cntr-filter-section-bg: var(--bg-body);
  --arcade-games-cntr-filter-section-input-text-bg: var(--bg-body);
  --arcade-games-cntr-filter-section-input-text-color: var(--text-primary);
  --arcade-games-cntr-category-filter-link-color: var(--text-primary);
  --arcade-games-cntr-category-filter-link-active-bg: color-mix(in srgb, var(--accent) 69%, var(--bg-body));
  --arcade-games-cntr-category-filter-link-active-color: var(--text-primary);
  --sports-cntr-bg: var(--bg-body);
  --poker-game-types-bg: color-mix(in srgb, color-mix(in srgb, var(--accent) 27%, var(--bg-body)) 25%, transparent);
  --poker-game-types-border: 4px solid color-mix(in srgb, var(--text-primary) 8%, var(--bg-body));
  --poker-game-types-ul-li-p-color: var(--text-primary);
  --slot-jackpot-cntr-bg: color-mix(in srgb, var(--bg-body) 80%, transparent);
  --provider-slide-bg: color-mix(in srgb, var(--text-primary) 18%, var(--bg-body));
  --provider-slide-i-bg: color-mix(in srgb, var(--text-primary) 10%, transparent);
  --provider-slide-i-color: var(--text-primary);
  --provider-slide-i-hover-bg: color-mix(in srgb, var(--text-primary) 25%, transparent);
  --provider-slide-main-slide-item-bg: color-mix(in srgb, var(--text-primary) 10%, transparent);
  --provider-slide-main-slide-item-a-not-game-info-bg: var(--bg-body);
  --provider-slide-main-slide-item-a-not-game-info-hover-bg: color-mix(in srgb, var(--text-primary) 38%, var(--bg-body));
  --provider-slide-main-slide-item-h5-color: var(--text-primary);
  --provider-slide-main-slide-item-maintenance-h5-color: color-mix(in srgb, var(--text-primary) 48%, var(--bg-body));
  --promotion-cntr-bg: color-mix(in srgb, var(--bg-body) 80%, transparent);
  --promotion-cntr-std-side-menu-li-a-bg: var(--bg-body);
  --promotion-cntr-std-side-menu-li-a-color: var(--text-primary);
  --promotion-cntr-std-side-menu-a-true-bg: var(--accent);
  --promotion-cntr-std-side-menu-a-true-color: var(--text-on-accent);
  --promotion-list-bg: color-mix(in srgb, color-mix(in srgb, var(--text-primary) 16%, var(--bg-body)) 20%, transparent);
  --promotion-item-img-border: 1px solid var(--border-color);
  --promotion-item-btn-cntr-promotion-label-h2-h3-color: var(--text-primary);
  --promotion-item-btn-cntr-promotion-label-h3-span-color: color-mix(in srgb, var(--text-primary) 66%, var(--bg-body));
  --promotion-item-click-for-more-info-btn-color: var(--text-primary);
  --promotion-item-click-for-get-promo-btn-bg: color-mix(in srgb, var(--accent) 69%, black);
  --promotion-item-click-for-get-promo-btn-color: var(--text-on-accent);
  --promotion-item-click-for-get-promo-btn-hover-bg: color-mix(in srgb, var(--accent) 56%, black);
  --promotion-info-bg: color-mix(in srgb, var(--bg-body) 80%, transparent);
  --promotion-info-border: 1px solid var(--border-color);
  --promotion-info-color: var(--text-primary);
  --promotion-info-close-btn-bg: #253453;
  --promotion-info-close-btn-color: var(--text-on-accent);
  --promotion-info-promotion-title-h2-color: var(--text-primary);
  --promotion-share-cntr-promotion-share-btn-border: 1px solid color-mix(in srgb, var(--text-primary) 57%, var(--bg-body));
  --promotion-share-cntr-promotion-share-btn-color: var(--text-primary);
  --promotion-share-cntr-promotion-share-btn-img-filter: invert(1) brightness(2);
  --promotion-item-details-share-cntr-promotion-share-btn-border: 1px solid color-mix(in srgb, var(--text-primary) 57%, var(--bg-body));
  --promotion-item-details-share-cntr-promotion-share-btn-color: var(--text-primary);
  --promotion-item-details-share-cntr-promotion-share-btn-img-filter: invert(1) brightness(2);
  --promotion-item-details-color: var(--text-primary);
  --promotion-item-details-bg: color-mix(in srgb, var(--bg-body) 80%, transparent);
  --promotion-item-details-promotion-title-color: var(--text-primary);
  --promotion-item-details-promotion-content-color: var(--text-primary);
  --promotion-item-details-click-for-get-promo-btn-bg: color-mix(in srgb, var(--accent) 69%, black);
  --promotion-item-details-click-for-get-promo-btn-color: var(--text-on-accent);
  --promotion-item-details-click-for-get-promo-btn-hover-bg: color-mix(in srgb, var(--accent) 56%, black);
  --promotion-popup-cntr-bg: color-mix(in srgb, var(--bg-body) 60%, transparent);
  --promotion-popup-cntr-popup-body-social-media-item-span-color: var(--text-primary);
  --promotion-popup-cntr-popup-body-social-media-item-copy-promotion-btn-filter: brightness(3);
  --contact-us-list-li-h6-color: color-mix(in srgb, var(--text-primary) 45%, var(--bg-body));
  --contact-us-list-li-a-color: #fca601;
  --register-page-remainder-color: var(--text-primary);
  --register-done-cntr-h2-color: color-mix(in srgb, var(--accent) 69%, black);
  --register-done-cntr-h2-span-color: var(--accent);
  --register-done-cntr-h3-color: color-mix(in srgb, var(--text-primary) 70%, var(--bg-body));
  --register-done-cntr-h3-span-color: var(--text-primary);
  --register-done-cntr-btn-deposit-bg: linear-gradient(to bottom,var(--accent) 0%,color-mix(in srgb, var(--accent) 60%, black) 100%);
  --register-done-cntr-btn-deposit-br: 25px;
  --register-done-cntr-btn-deposit-color: var(--text-on-accent);
  --register-done-cntr-btn-deposit-bs: rgba(255,255,255,.2) 0 0 20px 5px;
  --register-done-cntr-btn-deposit-hover-bg: linear-gradient(to top,color-mix(in srgb, var(--accent) 60%, black) 0%,var(--accent) 100%);
  --register-done-cntr-btn-deposit-before-bg: color-mix(in srgb, var(--text-primary) 20%, transparent);
  --register-done-cntr-btn-cntr-register-done-btn-bg: transparent;
  --register-done-cntr-btn-cntr-register-done-btn-border: 1px solid var(--accent);
  --register-done-cntr-btn-cntr-register-done-btn-br: 25px;
  --register-done-cntr-btn-cntr-register-done-btn-color: var(--text-primary);
  --register-done-cntr-btn-cntr-register-done-btn-hover-bg: linear-gradient(to top,color-mix(in srgb, var(--text-primary) 24%, var(--bg-body)) 0%,color-mix(in srgb, var(--text-primary) 39%, var(--bg-body)) 100%);
  --register-done-cntr-btn-cntr-register-done-btn-hover-border: transparent;
  --register-done-cntr-verification-done-border: 2px dotted var(--accent);
  --register-done-cntr-verification-done-color: var(--text-primary);
  --register-done-cntr-verification-done-bg: color-mix(in srgb, var(--accent) 60%, var(--bg-body));
  --register-done-cntr-verification-done-info-color: var(--accent);
  --register-done-cntr-verification-done-info-border: 1px solid var(--accent);
  --register-done-cntr-verification-done-a-color: #fbeb8f;
  --register-done-cntr-img-bg: transparent;
  --referral-glyp-cntr-code-header-color: color-mix(in srgb, var(--text-primary) 49%, var(--bg-body));
  --std-form-cntr-content-form-control-placeholder-color: color-mix(in srgb, var(--text-primary) 51%, var(--bg-body));
  --std-form-cntr-content-form-control-focus-border: color-mix(in srgb, var(--text-primary) 54%, var(--bg-body));
  --std-form-cntr-content-password-field-i-color: color-mix(in srgb, var(--text-primary) 31%, var(--bg-body));
  --register-page-payment-menthod-cntr-bg: var(--bg-surface);
  --info-center-title-bg: color-mix(in srgb, var(--accent) 23%, var(--bg-body));
  --info-center-title-color: var(--text-primary);
  --info-center-content-bg: var(--text-primary);
  --info-center-content-color: color-mix(in srgb, var(--text-primary) 50%, var(--bg-body));
  --info-center-content-panel-default-border: var(--border-color);
  --info-center-content-panel-bg: var(--bg-body);
  --info-center-content-panel-color: var(--text-primary);
  --info-center-content-panel-default-heading-color: color-mix(in srgb, var(--text-primary) 17%, var(--bg-body));
  --info-center-content-panel-default-heading-bg: var(--bg-surface);
  --info-center-content-panel-default-heading-border: var(--border-color);
  --info-center-content-panel-default-heading-col-body-border: var(--border-color);
  --info-center-content-title-bg: color-mix(in srgb, var(--text-primary) 30%, var(--bg-body));
  --info-center-content-title-color: color-mix(in srgb, var(--text-primary) 49%, var(--bg-body));
  --info-center-bg: color-mix(in srgb, var(--accent) 37%, var(--bg-body));
  --info-center-content-panel-heading-a-color: var(--accent);
  --messaging-side-menu-bg: var(--bg-body);
  --messaging-side-menu-color: var(--text-primary);
  --messaging-side-menu-a-border: 5px solid transparent;
  --messaing-side-menu-active-a-color: var(--accent);
  --messaing-side-menu-active-a-border: var(--accent);
  --messaging-side-menu-support-ticket-a-bg: color-mix(in srgb, var(--accent) 69%, var(--bg-body));
  --messaging-side-menu-support-ticket-a-color: var(--text-primary);
  --messaging-side-menu-support-ticket-a-hover-bg: color-mix(in srgb, var(--accent) 69%, var(--bg-body));
  --message-detail-title-color: var(--text-primary);
  --replied-message-color: color-mix(in srgb, var(--accent) 70%, var(--text-primary));
  --replied-message-border: 1px solid color-mix(in srgb, var(--text-primary) 83%, var(--bg-body));
  --replied-message-not-announcement-content-color: color-mix(in srgb, var(--accent) 70%, var(--text-primary));
  --replied-message-creator-content-bg: #becbfd;
  --replied-message-content-pre-color: var(--text-primary);
  --replied-message-content-pre-p-color: var(--text-primary);
  --replied-message-content-message-attachments-cntr-img-border: 1px solid var(--border-color);
  --replied-message-data-message-type-announcement-color: var(--text-primary);
  --replied-message-data-message-type-announcement-bg: var(--bg-body);
  --replied-message-data-message-type-announcement-border: 1px solid var(--border-color);
  --replied-message-data-message-type-announcement-header-info-color: color-mix(in srgb, var(--text-primary) 78%, var(--bg-body));
  --replied-message-data-message-type-announcement-header-notif-img-bg: #7ebaed;
  --notification-tabs-tab-item-bg: var(--bg-surface);
  --notification-tabs-tab-item-color: var(--text-primary);
  --notification-tabs-tab-item-active-bg: linear-gradient(to bottom,var(--accent) 0%,color-mix(in srgb, var(--accent) 55%, var(--bg-body)) 100%);
  --notification-list-item-bg: var(--bg-body);
  --notification-list-item-border: 1px solid var(--border-color);
  --notification-list-item-data-seen-false-bg: color-mix(in srgb, var(--accent) 22%, var(--bg-body));
  --notification-list-item-data-seen-false-border: color-mix(in srgb, var(--accent) 62%, var(--bg-body));
  --notification-list-item-img-bg: #4a9ee5;
  --notification-list-item-img-first-condition-bg: #b7a400;
  --notification-list-item-img-second-condition-bg: var(--accent);
  --notification-list-item-img-third-condition-bg: #07a429;
  --notification-list-item-header-title-color: var(--text-primary);
  --notification-list-item-header-announement-title-color: var(--text-primary);
  --notification-list-item-header-date-color: color-mix(in srgb, var(--text-primary) 50%, var(--bg-body));
  --notification-list-item-header-label-bg: color-mix(in srgb, var(--accent) 62%, var(--bg-body));
  --notification-list-item-header-label-color: var(--text-primary);
  --notification-list-item-content-footer-color: color-mix(in srgb, var(--text-primary) 50%, var(--bg-body));
  --notification-list-item-title-cntr-content-span-color: color-mix(in srgb, var(--text-primary) 50%, var(--bg-body));
  --notification-list-item-title-cntr-content-h3-color: var(--text-primary);
  --notification-list-item-content-p-color: color-mix(in srgb, var(--text-primary) 58%, var(--bg-body));
  --notification-list-item-play-btn-bg: color-mix(in srgb, var(--accent) 69%, black);
  --notification-list-item-play-btn-color: var(--text-on-accent);
  --empty-notification-cntr-img-bg: color-mix(in srgb, var(--text-primary) 17%, var(--bg-body));
  --empty-notification-cntr-content-h3-p-color: var(--text-primary);
  --notification-popup-body-color: var(--text-primary);
  --notification-popup-body-title-bg: var(--bg-body);
  --notification-popup-body-tabs-tab-item-bg: var(--bg-body);
  --notification-popup-body-tabs-tab-item-border: 2px solid var(--border-color);
  --notification-popup-body-tabs-tab-item-color: var(--text-primary);
  --notification-popup-body-tabs-tab-item-true-border: 2px solid var(--text-primary);
  --notification-popup-body-tabs-tab-item-true-bg: var(--bg-body);
  --notification-popup-body-tabs-tab-item-count-span-after-bg: var(--accent);
  --notification-popup-body-list-item-seen-false-bs: 0px 4px 14px 0px #0006;
  --notification-popup-body-list-item-seen-false-bg: var(--bg-body);
  --notification-popup-body-list-item-seen-false-border: color-mix(in srgb, var(--accent) 56%, var(--bg-body));
  --notification-popup-body-list-item-seen-color: var(--text-primary);
  --notification-popup-body-footer-bg: linear-gradient(to bottom,var(--accent) 0%,color-mix(in srgb, var(--accent) 55%, var(--bg-body)) 100%);
  --notification-popup-body-footer-border: 1px solid var(--accent);
  --notification-popup-body-footer-a-color: var(--text-primary);
  --notification-popup-body-scrollbar-thumb-bg: color-mix(in srgb, var(--text-primary) 32%, var(--bg-body));
  --ticket-attachment-upload-container-upload-file-list-item-bg: color-mix(in srgb, var(--text-primary) 84%, var(--bg-body));
  --ticket-attachment-upload-container-upload-file-list-item-color: var(--bg-body);
  --ticket-attachment-upload-container-upload-file-list-item-warning-bg: var(--accent);
  --ticket-attachment-upload-container-upload-file-list-item-warning-color: var(--text-on-accent);
  --ticket-attachment-upload-cntr-choose-file-btn-dis-bg: color-mix(in srgb, var(--text-primary) 24%, var(--bg-body));
  --ticket-attachment-upload-cntr-choose-file-btn-dis-color: color-mix(in srgb, var(--text-primary) 72%, var(--bg-body));
  --message-attachment-prev-cntr-bg: color-mix(in srgb, var(--bg-body) 70%, transparent);
  --message-attachment-prev-cntr-content-bg: var(--text-primary);
  --message-attachment-prev-cntr-content-span-color: var(--bg-body);
  --bonus-slider-modal-close-bg: var(--text-primary);
  --bonus-slider-modal-close-opacity: 1;
  --bonus-slider-modal-modal-header-border: 0px solid color-mix(in srgb, var(--text-primary) 89%, var(--bg-body));
  --bonus-slider-modal-modal-header-bg: var(--bg-body);
  --bonus-slider-modal-modal-header-close-bg: var(--text-primary);
  --bonus-slider-modal-modal-header-close-color: var(--bg-body);
  --bonus-slider-modal-modal-header-close-opacity: 1;
  --bonus-slider-modal-modal-title-color: var(--text-primary);
  --bonus-slider-modal-modal-content-bg: var(--bg-surface);
  --bonus-slider-modal-modal-content-border: var(--bg-body);
  --bonus-slider-modal-activation-btn-bg: color-mix(in srgb, var(--accent) 83%, black);
  --bonus-slider-modal-activation-btn-color: var(--text-on-accent);
  --bonus-slider-modal-activation-btn-hover-bg: color-mix(in srgb, var(--accent) 69%, black);
  --bonus-slider-modal-close-btn-bg: color-mix(in srgb, var(--text-primary) 24%, var(--bg-body));
  --bonus-slider-modal-close-btn-hover-bg: color-mix(in srgb, var(--text-primary) 21%, var(--bg-body));
  --bonus-slider-modal-bonus-form-bg: var(--bg-surface);
  --bonus-slider-modal-bonus-form-color: color-mix(in srgb, var(--text-primary) 85%, var(--bg-body));
  --bonus-slider-modal-bonus-form-border: 2px solid color-mix(in srgb, var(--text-primary) 53%, var(--bg-body));
  --bonus-slider-modal-bonus-form-bs: 0 0 15px rgba(0,0,0,.2);
  --bonus-controls-field-bonus-control-btn-bg: color-mix(in srgb, var(--text-primary) 89%, var(--bg-body));
  --bonus-controls-field-bonus-control-btn-color: color-mix(in srgb, var(--text-primary) 29%, var(--bg-body));
  --bonus-controls-field-bonus-amount-bg: var(--bg-body);
  --bonus-controls-field-bonus-amount-color: color-mix(in srgb, var(--accent) 83%, black);
  --bonus-range-bubble-color: var(--text-primary);
  --bonus-range-bubble-border: 2px solid color-mix(in srgb, var(--accent) 83%, var(--bg-body));
  --bonus-range-bubble-bg: var(--bg-body);
  --bonus-range-bubble-before-border: rgba(233,154,1,0);
  --bonus-range-bubble-before-bordertop: color-mix(in srgb, var(--accent) 83%, var(--bg-body));
  --bonus-range-bubble-after-border: color-mix(in srgb, var(--bg-body) 0%, transparent);
  --bonus-range-bubble-after-bordertop: var(--bg-body);
  --claim-filter-cntr-label-color: var(--text-primary);
  --claim-filter-cntr-select-form-control-color: var(--accent);
  --claim-filter-cntr-select-form-control-bg: var(--bg-surface);
  --claim-filter-cntr-select-form-control-border: var(--text-primary);
  --claim-filter-cntr-select-form-control-focus-border: var(--text-primary);
  --claim-cntr-bg: var(--bg-body);
  --claim-cntr-std-form-note-color: var(--text-primary);
  --claim-item-bg: var(--bg-body);
  --claim-item-border: 1px solid color-mix(in srgb, var(--accent) 48%, var(--bg-body));
  --claim-item-color: var(--text-primary);
  --claim-item-title-free-spin-note-color: color-mix(in srgb, var(--accent) 78%, black);
  --claim-item-type-div-bg: color-mix(in srgb, var(--accent) 48%, var(--bg-body));
  --claim-item-type-div-color: var(--text-primary);
  --claim-item-type-status-yes-bg: #4caf50;
  --claim-item-type-status-no-bg: var(--accent);
  --claim-item-type-status-maybe-bg: #ff9800;
  --claim-item-type-expiration-countdown-section-bg: color-mix(in srgb, var(--accent) 48%, var(--bg-body));
  --claim-item-type-expiration-countdown-section-before-bg: color-mix(in srgb, var(--accent) 38%, var(--bg-body));
  --claim-item-type-expiration-countdown-section-before-color: var(--text-primary);
  --claim-item-type-expiration-countdown-value-color: var(--text-primary);
  --claim-item-info-btn-bg: color-mix(in srgb, var(--text-primary) 31%, var(--bg-body));
  --claim-item-info-btn-color: var(--text-primary);
  --claim-item-info-btn-hover-bg: color-mix(in srgb, var(--text-primary) 24%, var(--bg-body));
  --claim-item-claim-btn-color: var(--text-on-accent);
  --claim-item-claim-btn-bg: color-mix(in srgb, var(--accent) 78%, black);
  --claim-item-claim-btn-hover-bg: color-mix(in srgb, var(--accent) 75%, black);
  --claim-item-activation-btn-color: var(--text-on-accent);
  --claim-item-activation-btn-bg: color-mix(in srgb, var(--accent) 78%, black);
  --claim-item-activation-btn-hover-bg: color-mix(in srgb, var(--accent) 75%, black);
  --claim-item-cancellation-btn-color: var(--text-on-accent);
  --claim-item-cancellation-btn-bg: color-mix(in srgb, var(--accent) 78%, black);
  --claim-item-cancellation-btn-hover-bg: color-mix(in srgb, var(--accent) 75%, black);
  --claim-item-expiration-btn-color: var(--text-on-accent);
  --claim-item-expiration-btn-bg: color-mix(in srgb, var(--accent) 78%, black);
  --claim-item-expiration-btn-hover-bg: color-mix(in srgb, var(--accent) 75%, black);
  --bonus-progress-progress-bg: color-mix(in srgb, var(--text-primary) 31%, var(--bg-body));
  --bonus-progress-progress-bar-success-bg: #0b0;
  --progress-percentage-color: var(--text-primary);
  --progress-percentage-i-color: var(--text-primary);
  --bonus-eligibility-status-yes-color: #27892b;
  --bonus-eligibility-status-no-color: var(--accent);
  --bonus-eligibility-status-maybe-color: #db7500;
  --combine-promo-info-warning-color: #db7500;
  --combine-promo-info-value-text-color: var(--text-primary);
  --claim-info-modal-h4-color: color-mix(in srgb, var(--accent) 81%, black);
  --claim-info-modal-modal-body-info-section-title-border: 1px solid var(--border-color);
  --claim-info-modal-modal-body-info-section-highlighted-section-bg: color-mix(in srgb, var(--text-primary) 15%, transparent);
  --claim-info-modal-modal-body-info-section-highlighted-section-color: color-mix(in srgb, var(--text-primary) 81%, var(--bg-body));
  --claim-info-modal-modal-body-info-section-highlighted-section-with-separator-border: 1px dashed color-mix(in srgb, var(--text-primary) 20%, transparent);
  --claim-info-modal-modal-body-info-section-highlighted-section-turnover-calc-note-span-color: #eabd79;
  --claim-info-modal-modal-body-info-section-highlighted-section-strong-color: var(--text-primary);
  --mobile-app-cntr-select-bg: var(--text-primary);
  --mobile-app-cntr-select-color: color-mix(in srgb, var(--text-primary) 31%, var(--bg-body));
  --mobile-app-cntr-select-border: 1px solid color-mix(in srgb, var(--text-primary) 79%, var(--bg-body));
  --mobile-app-cntr-select-after-border-left: 5px solid transparent;
  --mobile-app-cntr-select-after-border-right: 5px solid transparent;
  --mobile-app-cntr-select-after-border-top: 5px solid var(--text-primary);
  --mobile-app-cntr-select-a-color: inherit;
  --mobile-app-cntr-select-a-active-bg: color-mix(in srgb, var(--accent) 69%, var(--bg-body));
  --mobile-app-cntr-title-cntr-color: color-mix(in srgb, var(--text-primary) 72%, var(--bg-body));
  --mobile-app-cntr-link-cntr-div-bg: color-mix(in srgb, var(--text-primary) 91%, var(--bg-body));
  --mobile-app-cntr-link-cntr-download-here-btn-cntr-color: var(--text-primary);
  --mobile-app-cntr-link-cntr-download-here-btn-cntr-android-bg: #86ad0d;
  --mobile-app-cntr-link-cntr-download-here-btn-cntr-apple-bg: color-mix(in srgb, var(--text-primary) 47%, var(--bg-body));
  --mobile-app-cntr-nav-tabs-li-active-a-bg: color-mix(in srgb, var(--accent) 56%, var(--bg-body));
  --mobile-app-cntr-nav-tabs-li-active-a-color: var(--text-primary);
  --mobile-app-cntr-tab-pane-note-color: var(--accent);
  --mobile-app-cntr-tab-pane-important-color: #ff9600;
  --mobile-app-password-form-std-password-field-i-color: color-mix(in srgb, var(--text-primary) 31%, var(--bg-body));
  --mobile-app-cntr-logo-cntr-bg: var(--bg-body);
  --mobile-app-cntr-link-cntr-a-hover-bg: color-mix(in srgb, var(--text-primary) 86%, var(--bg-body));
  --mobile-app-cntr-text-cntr-color: var(--text-primary);
  --profile-cntr-section-heading-color: color-mix(in srgb, var(--text-primary) 17%, var(--bg-body));
  --profile-cntr-mobile-info-btn-border: 1px solid color-mix(in srgb, var(--accent) 69%, black);
  --profile-cntr-mobile-info-btn-hover-bg: color-mix(in srgb, var(--accent) 69%, black);
  --profile-cntr-mobile-info-btn-hover-color: var(--text-on-accent);
  --profile-cntr-download-link-cntr-a-hover-bg: color-mix(in srgb, var(--text-primary) 86%, var(--bg-body));
  --std-content-info-border: 1px solid var(--border-color);
  --std-content-info-h2-color: var(--accent);
  --std-content-info-std-content-block-bg: var(--bg-surface);
  --std-content-info-table-border: 1px solid var(--border-color);
  --std-content-info-table-thead-tr-th-bg: var(--bg-surface);
  --profile-summary-table-table-color: var(--text-primary);
  --profile-summary-table-warning-bg: var(--accent);
  --profile-summary-table-warning-color: var(--text-on-accent);
  --banking-details-header-label-color: var(--text-primary);
  --banking-details-header-a-bg: color-mix(in srgb, var(--text-primary) 48%, var(--bg-body));
  --bank-info-cntr-carousel-indicators-li-bg: var(--text-primary);
  --bank-info-cntr-carousel-indicators-li-hover-bg: var(--accent);
  --bank-info-block-bg: color-mix(in srgb, var(--text-primary) 21%, var(--bg-body));
  --bank-info-block-color: var(--text-primary);
  --bank-info-block-hr-border-top: 1px solid var(--border-color);
  --bank-info-block-hr-border-bottom: 1px solid color-mix(in srgb, var(--text-primary) 23%, var(--bg-body));
  --last-transaction-table-border: 1px solid #0a1849;
  --last-transaction-table-thead-bg: color-mix(in srgb, var(--text-primary) 13%, var(--bg-body));
  --last-transaction-table-table-thead-th-tbody-td-color: var(--text-primary);
  --last-transaction-table-status-color: var(--text-primary);
  --last-transaction-table-status-rej-bg: color-mix(in srgb, var(--accent) 71%, white);
  --last-transaction-table-status-app-bg: #56f000;
  --last-transaction-table-status-pen-bg: color-mix(in srgb, var(--text-primary) 58%, var(--bg-body));
  --last-transaction-table-status-fai-bg: #ffb302;
  --add-new-payment-acc-cntr-a-color: var(--accent);
  --add-new-payment-acc-cntr-a-img-filter: invert(20%) sepia(79%) saturate(4472%) hue-rotate(354deg) brightness(93%) contrast(94%);
  --payment-account-list-item-hover-bg: var(--bg-surface);
  --payment-account-list-item-title-cntr-title-number-color: var(--text-primary);
  --payment-account-list-item-title-cntr-default-label-bg: color-mix(in srgb, var(--text-primary) 24%, var(--bg-body));
  --payment-account-list-item-title-cntr-default-label-color: color-mix(in srgb, var(--text-primary) 85%, var(--bg-body));
  --payment-account-list-item-title-cntr-default-label-border: 1px solid color-mix(in srgb, var(--text-primary) 58%, var(--bg-body));
  --payment-account-list-item-arrow-right-filter: invert(1);
  --payment-account-detail-cntr-item-label-color: var(--text-primary);
  --payment-account-detail-cntr-item-value-color: var(--text-primary);
  --set-as-default-btn-color: var(--accent);
  --set-as-default-btn-bg: none;
  --set-as-default-btn-border: 1px solid var(--accent);
  --set-as-default-btn-default-true-color: color-mix(in srgb, var(--text-primary) 31%, var(--bg-body));
  --set-as-default-btn-default-true-border: color-mix(in srgb, var(--text-primary) 31%, var(--bg-body));
  --back-link-cntr-a-color: var(--text-primary);
  --back-link-cntr-a-hover-color: var(--text-primary);
  --back-link-cntr-a-img-filter: invert(1);
  --referral-cntr-a-hover-color: var(--accent);
  --referral-cntr-referral-title-color: var(--text-primary);
  --referral-section-qr-code-img-bg: var(--text-primary);
  --referral-section-referral-code-cntr-border: 1px dashed var(--accent);
  --referral-section-referral-code-cntr-color: var(--text-primary);
  --referral-section-referral-code-copy-btn-bg: color-mix(in srgb, var(--accent) 69%, black);
  --referral-section-referral-code-copy-btn-color: #141515;
  --referral-section-referral-code-copy-btn-span-color: var(--text-primary);
  --referral-section-referral-social-media-cntr-referral-social-media-color: var(--text-primary);
  --referral-section-referral-social-media-cntr-referral-social-media-btn-border: 1px solid var(--text-primary);
  --referral-section-referral-social-media-cntr-referral-social-media-btn-filter: invert(100%) invert(14%) sepia(85%) saturate(5453%) hue-rotate(358deg) brightness(87%) contrast(121%);
  --referral-section-referral-code-copy-btn-img-filter: invert(0);
  --referral-box-cntr-referral-box-bg: var(--bg-surface);
  --referral-box-cntr-referral-box-border: 1px solid var(--accent);
  --referral-box-cntr-referral-box-color: var(--text-primary);
  --referral-box-cntr-referral-box-referral-box-icon-bg: color-mix(in srgb, var(--accent) 69%, var(--bg-body));
  --referral-box-cntr-referral-box-span-color: var(--accent);
  --referral-box-cntr-referral-box-h4-color: var(--text-primary);
  --referral-feature-cntr-std-btn-group-a-color: var(--text-primary);
  --referral-feature-cntr-std-btn-group-a-hover-color: var(--text-primary);
  --referral-contact-verification-p-color: var(--text-primary);
  --referral-contact-verification-p-span-verified-color: #0f0;
  --referral-contact-verification-p-span-verified-false-color: var(--accent);
  --referral-guidance-note-color: var(--text-primary);
  --referral-features-referral-features-item-bg: var(--bg-surface);
  --referral-features-referral-features-item-feature-icon-div-bg: linear-gradient(to bottom,var(--accent) 0%,color-mix(in srgb, var(--accent) 55%, var(--bg-body)) 100%);
  --referral-features-referral-features-item-feature-info-span-color: var(--text-primary);
  --referral-features-referral-features-item-feature-info-p-color: var(--accent);
  --referral-verification-cntr-input-form-control-border: color-mix(in srgb, var(--text-primary) 87%, var(--bg-body));
  --referral-verification-cntr-std-btn-group-input-submit-disabled-bg: linear-gradient(to bottom,color-mix(in srgb, var(--text-primary) 49%, var(--bg-body)),color-mix(in srgb, var(--text-primary) 16%, var(--bg-body)));
  --referral-verification-cntr-std-btn-group-input-submit-disabled-color: var(--text-primary);
  --referral-verification-cntr-std-inline-form-group-verified-color: #0f0;
  --referral-verification-cntr-std-inline-form-group-verified-false-color: var(--accent);
  --referral-verification-cntr-terms-conditions-cntr-h3-ol-li-color: var(--text-primary);
  --referral-verification-cntr-terms-conditions-cntr-ol-border: 1px solid color-mix(in srgb, var(--text-primary) 72%, var(--bg-body));
  --referral-verification-cntr-footer-line-bg: color-mix(in srgb, var(--text-primary) 86%, var(--bg-body));
  --referral-verification-cntr-verified-false-before-bg: color-mix(in srgb, var(--bg-body) 70%, transparent);
  --referral-verification-cntr-verified-false-profile-link-bg: linear-gradient(to bottom,var(--accent) 0%,color-mix(in srgb, var(--accent) 55%, var(--bg-body)) 100%);
  --referral-verification-cntr-verified-false-profile-link-color: var(--text-primary);
  --referral-verification-cntr-verified-false-profile-link-hover-bg: linear-gradient(to bottom,color-mix(in srgb, var(--accent) 55%, var(--bg-body)) 0%,var(--accent) 100%);
  --pending-verification-cntr-icon-cntr-bg: var(--accent);
  --pending-verification-cntr-h2-color: color-mix(in srgb, var(--text-primary) 17%, var(--bg-body));
  --pending-verification-cntr-p-color: var(--accent);
  --update-verification-note-cntr-verification-note-bg: color-mix(in srgb, var(--text-primary) 18%, var(--bg-body));
  --update-verification-note-cntr-verification-note-color: var(--text-primary);
  --update-verification-note-cntr-verification-note-span-color: var(--accent);
  --update-verification-note-bg: var(--bg-surface);
  --update-verification-note-p-color: color-mix(in srgb, var(--text-primary) 58%, var(--bg-body));
  --update-verification-note-p-a-color: #3570ce;
  --update-verification-note-div-color: var(--accent);
  --verify-whatsapp-popup-border: 1px solid color-mix(in srgb, var(--text-primary) 5%, var(--bg-body));
  --verify-whatsapp-popup-bg: var(--bg-surface);
  --verify-whatsapp-popup-p-color: var(--text-primary);
  --verify-verify-whatsapp-popup-p-span-false-color: var(--accent);
  --whitelisted-domains-link-bg: color-mix(in srgb, var(--accent) 69%, var(--bg-body));
  --whitelisted-domains-link-color: var(--text-primary);
  --loyalty-reward-cntr-border: var(--border-color);
  --loyalty-reward-cntr-bg: var(--bg-body);
  --loyalty-reward-cntr-exp-countdown-data-section-bg: var(--bg-surface);
  --loyalty-reward-cntr-exp-countdown-data-section-color: var(--text-primary);
  --loyalty-reward-cntr-exp-countdown-data-section-value-bg: var(--bg-surface);
  --loyalty-reward-cntr-exp-countdown-data-section-value-color: var(--text-primary);
  --loyalty-reward-cntr-tab-filter-tab-color: var(--text-primary);
  --loyalty-reward-cntr-tab-filter-tab-bg: color-mix(in srgb, var(--text-primary) 13%, var(--bg-body));
  --loyalty-reward-cntr-tab-filter-checked-tab-bg: color-mix(in srgb, var(--text-primary) 28%, var(--bg-body));
  --loyalty-reward-cntr-tab-filter-checked-tab-color: var(--text-primary);
  --loyalty-reward-cntr-category-title-color: var(--text-primary);
  --loyalty-reward-cntr-category-title-a-color: color-mix(in srgb, var(--text-primary) 63%, var(--bg-body));
  --loyalty-reward-cntr-category-title-before-bg: var(--accent);
  --loyalty-reward-cntr-item-stock-color: var(--text-primary);
  --loyalty-reward-cntr-item-name-color: var(--text-primary);
  --loyalty-reward-cntr-item-price-bg: linear-gradient(to right,#56e1ff,#be34ff);
  --loyalty-reward-cntr-item-price-color: var(--text-on-accent);
  --loyalty-reward-cntr-item-countdown-bg: color-mix(in srgb, var(--accent) 59%, var(--bg-body));
  --loyalty-reward-cntr-item-countdown-color: var(--text-primary);
  --loyalty-reward-cntr-item-countdown-time-cntr-time-bg: var(--bg-surface);
  --loyalty-reward-cntr-item-countdown-time-cntr-time-color: var(--text-primary);
  --loyalty-reward-cntr-reward-button-bg: linear-gradient(to bottom,var(--accent),color-mix(in srgb, var(--accent) 69%, black));
  --loyalty-reward-cntr-reward-button-color: var(--text-on-accent);
  --loyalty-reward-cntr-reward-button-disabled-color: color-mix(in srgb, var(--text-primary) 52%, var(--bg-body));
  --loyalty-reward-cntr-reward-button-disabled-border: color-mix(in srgb, var(--text-primary) 52%, var(--bg-body));
  --loyalty-reward-cntr-flash-sale-lucky-draw-other-product-cntr-scrollbar-thumb-bg: color-mix(in srgb, var(--text-primary) 32%, var(--bg-body));
  --loyalty-reward-cntr-flash-sale-cntr-item-bg: var(--bg-surface);
  --loyalty-reward-cntr-flash-sale-cntr-item-border: var(--bg-body);
  --loyalty-reward-cntr-lucky-draw-cntr-item-bg: var(--bg-surface);
  --loyalty-reward-cntr-lucky-draw-cntr-item-border: color-mix(in srgb, var(--border-color) 0%, transparent);
  --loyalty-reward-cntr-other-product-cntr-item-bg: var(--bg-surface);
  --loyalty-reward-cntr-other-product-cntr-item-border: color-mix(in srgb, var(--border-color) 0%, transparent);
  --loyalty-reward-cntr-lucky-draw-other-product-cntr-item-thumbnail-border: var(--border-color);
  --loyalty-reward-cntr-lucky-draw-cntr-item-thumbnail-bg: radial-gradient(44.8% 44.8% at 50% 50%,color-mix(in srgb, var(--text-primary) 22%, var(--bg-body)) 0%,var(--bg-surface) 100%);
  --loyalty-reward-cntr-other-product-cntr-item-thumbnail-countdown-bg: color-mix(in srgb, var(--accent) 59%, var(--bg-body));
  --loyalty-reward-cntr-flash-sale-lucky-draw-other-product-cntr-item-detail-cntr-lp-detail-bg: color-mix(in srgb, var(--text-primary) 18%, var(--bg-body));
  --loyalty-reward-cntr-flash-sale-lucky-draw-other-product-cntr-item-detail-cntr-lp-detail-first-child-bg: #ffa200;
  --loyalty-reward-cntr-flash-sale-lucky-draw-other-product-cntr-item-detail-cntr-lp-detail-first-child-color: var(--text-on-accent);
  --loyalty-reward-cntr-flash-sale-cntr-item-detail-cntr-lp-detail-real-lp-color: color-mix(in srgb, var(--text-primary) 43%, var(--bg-body));
  --loyalty-reward-cntr-flash-sale-lucky-draw-other-product-cntr-item-detail-cntr-lp-detail-flash-lp-color: var(--text-primary);
  --loyalty-cntr-std-form-note-bg: color-mix(in srgb, var(--text-primary) 18%, var(--bg-body));
  --loyalty-cntr-std-form-note-color: var(--text-primary);
  --loyalty-cntr-loyalty-menu-a-bg: var(--bg-surface);
  --loyalty-cntr-loyalty-menu-a-color: var(--text-primary);
  --loyalty-cntr-loyalty-menu-a-border: color-mix(in srgb, var(--text-primary) 21%, var(--bg-body));
  --loyalty-cntr-std-form-content-bg: color-mix(in srgb, var(--text-primary) 4%, var(--bg-body));
  --loyalty-cntr-std-form-content-border: 1px solid color-mix(in srgb, var(--text-primary) 4%, var(--bg-body));
  --loyalty-cntr-loyalty-history-filter-label-color: var(--text-primary);
  --loyalty-cntr-loyalty-history-filter-select-bg: var(--text-primary);
  --loyalty-cntr-loyalty-history-filter-select-border: color-mix(in srgb, var(--text-primary) 86%, var(--bg-body));
  --loyalty-cntr-loyalty-history-filter-select-color: var(--bg-body);
  --loyalty-history-list-loyalty-history-item-bg: color-mix(in srgb, var(--text-primary) 93%, var(--bg-body));
  --loyalty-history-list-item-content-info-h3-color: var(--bg-body);
  --loyalty-history-list-item-content-info-p-color: color-mix(in srgb, var(--text-primary) 55%, var(--bg-body));
  --loyalty-history-list-item-content-points-item-span-increase-color: #00e700;
  --loyalty-history-list-item-content-points-item-span-decrease-color: var(--accent);
  --loyalty-history-list-item-date-border: 1px solid color-mix(in srgb, var(--text-primary) 86%, var(--bg-body));
  --loyalty-history-list-item-date-span-color: var(--bg-body);
  --how-it-works-cntr-section-bg: var(--text-primary);
  --how-it-works-cntr-section-border: color-mix(in srgb, var(--text-primary) 92%, var(--bg-body));
  --how-it-works-cntr-section-title-bg: color-mix(in srgb, var(--text-primary) 19%, var(--bg-body));
  --how-it-works-cntr-section-title-color: var(--accent);
  --how-it-works-cntr-section-list-item-p-color: var(--bg-body);
  --mission-cntr-item-bg: color-mix(in srgb, var(--text-primary) 16%, var(--bg-body));
  --mission-cntr-item-info-h3-color: var(--text-primary);
  --mission-cntr-item-info-progress-cntr-bg: var(--bg-body);
  --mission-cntr-item-info-progress-cntr-border: 1px solid color-mix(in srgb, var(--text-primary) 42%, var(--bg-body));
  --mission-cntr-item-info-progress-cntr-color: var(--text-primary);
  --mission-cntr-item-default-claimable-info-progress-cntr-progress-bg: #2cbc00;
  --mission-cntr-item-default-claimable-info-progress-cntr-progress-border: #39f700;
  --mission-cntr-item-completed-info-progress-cntr-progress-bg: color-mix(in srgb, var(--text-primary) 30%, var(--bg-body));
  --mission-cntr-item-completed-info-progress-cntr-progress-border: color-mix(in srgb, var(--text-primary) 37%, var(--bg-body));
  --mission-cntr-item-action-cntr-bg: var(--bg-surface);
  --mission-cntr-item-action-cntr-reward-span-color: var(--text-primary);
  --mission-cntr-item-action-cntr-action-btn-bg: color-mix(in srgb, var(--text-primary) 36%, var(--bg-body));
  --mission-cntr-item-action-cntr-action-btn-color: var(--text-primary);
  --mission-cntr-item-action-cntr-btn-hover-bg: color-mix(in srgb, var(--text-primary) 24%, var(--bg-body));
  --mission-cntr-item-action-cntr-btn-hover-color: var(--text-primary);
  --mission-cntr-item-claimable-action-cntr-action-btn-bg: linear-gradient(to bottom,var(--accent) 0%,color-mix(in srgb, var(--accent) 55%, black) 100%);
  --mission-cntr-item-claimable-action-cntr-action-btn-color: var(--text-on-accent);
  --mission-cntr-item-claimable-action-cntr-action-btn-hover-bg: linear-gradient(to bottom,color-mix(in srgb, var(--accent) 55%, black) 0%,color-mix(in srgb, var(--accent) 55%, black) 100%);
  --mission-cntr-item-claimable-action-cntr-action-btn-hover-color: var(--text-on-accent);
  --daily-reward-cntr-bg: var(--bg-surface);
  --loyalty-redemption-header-username-color: var(--text-primary);
  --loyalty-redemption-header-point-info-bg: var(--bg-body);
  --loyalty-redemption-header-point-info-border: 1px solid var(--border-color);
  --loyalty-redemption-header-point-info-point-color: #ffa200;
  --std-form-cntr-loyalty-benefit-form-cntr-bg: color-mix(in srgb, var(--text-primary) 4%, var(--bg-body));
  --loyalty-benefit-form-cntr-std-form-content-bg: color-mix(in srgb, var(--text-primary) 4%, var(--bg-body));
  --loyalty-benefit-form-cntr-std-form-content-border: 1px solid transparent;
  --loyalty-cntr-level-bg: -webkit-linear-gradient(var(--text-primary),var(--text-primary));
  --loyalty-cntr-level-bronze-bg: -webkit-linear-gradient(#d18a6d,#744a3b);
  --loyalty-cntr-level-silver-bg: -webkit-linear-gradient(color-mix(in srgb, var(--text-primary) 80%, var(--bg-body)),color-mix(in srgb, var(--text-primary) 42%, var(--bg-body)));
  --loyalty-cntr-level-gold-bg: -webkit-linear-gradient(#ffe158,#775213);
  --loyalty-cntr-level-platinum-bg: -webkit-linear-gradient(#8cf2f2,#4d828a);
  --loyalty-cntr-level-diamond-bg: -webkit-linear-gradient(#4ebfe8,#134da3);
  --loyalty-level-benefits-section-bg: var(--bg-body);
  --loyalty-level-benefits-section-border: 1px solid var(--border-color);
  --loyalty-level-cntr-item-badge-cntr-bg: var(--bg-surface);
  --loyalty-level-cntr-item-badge-cntr-bs: 0px 2px 4px 0px #00000080;
  --loyalty-level-cntr-item-true-badge-cntr-bg: var(--bg-surface);
  --loyalty-level-cntr-item-title-cntr-span-color: var(--text-primary);
  --loyalty-level-cntr-item-false-title-cntr-level-bg: color-mix(in srgb, var(--text-primary) 30%, transparent);
  --loyalty-level-cntr-item-false-title-cntr-span-color: color-mix(in srgb, var(--text-primary) 30%, transparent);
  --loyalty-level-cntr-item-progress-cntr-progress-point-bg: var(--bg-surface);
  --loyalty-level-cntr-item-progress-cntr-progress-point-border: 2px solid var(--border-color);
  --loyalty-level-cntr-item-progress-cntr-reached-true-progress-point-bg: #53ab01;
  --loyalty-level-cntr-item-progress-cntr-reached-true-progress-point-border: var(--bg-body);
  --loyalty-level-cntr-item-progress-cntr-progress-bar-bg: var(--bg-surface);
  --loyalty-level-cntr-item-progress-cntr-progress-bar-progress-bg: #53ab01;
  --loyalty-level-remarks-cntr-bg: color-mix(in srgb, var(--accent) 20%, transparent);
  --loyalty-level-remarks-cntr-color: var(--text-on-accent);
  --loyalty-level-remarks-cntr-border: var(--accent);
  --loyalty-level-benefits-cntr-bg: var(--bg-surface);
  --loyalty-level-benefits-cntr-title-h3-color: var(--text-primary);
  --loyalty-level-benefits-cntr-list-list-item-bg: var(--bg-surface);
  --loyalty-level-benefits-cntr-list-list-item-bs: 0px 4px 4px 0px #00000040;
  --loyalty-level-benefits-cntr-list-list-item-benefits-info-span-color: var(--text-primary);
  --loyalty-level-benefits-cntr-list-list-item-benefits-info-p-color: color-mix(in srgb, var(--text-primary) 64%, var(--bg-body));
  --benefits-icon-cntr-bg: color-mix(in srgb, var(--text-primary) 33%, var(--bg-body));
  --loyalty-benefit-modal-body-span-color: var(--text-primary);
  --loyalty-benefit-modal-body-p-color: color-mix(in srgb, var(--text-primary) 70%, var(--bg-body));
  --progressive-jackpot-jackpot-cntr-color: #baad6b;
  --progressive-jackpot-jackpot-currency-color: var(--accent);
  --jackpot-winners-bg: linear-gradient(to bottom,var(--bg-body) 12%,color-mix(in srgb, var(--text-primary) 37%, var(--bg-body)) 48%,var(--bg-body) 100%);
  --jackpot-winners-jackpot-winner-title-color: var(--text-primary);
  --jackpot-winners-winners-ticker-cntr-bg: linear-gradient(to bottom,var(--bg-body) 12%,color-mix(in srgb, var(--text-primary) 37%, var(--bg-body)) 48%,var(--bg-body) 100%);
  --winners-ticker-ul-li-winner-info-color: var(--text-primary);
  --winners-ticker-ul-li-winner-amount-color: #f8a201;
  --bank-status-list-data-online-bg: var(--bg-surface);
  --bank-status-list-data-online-true-before-bg: #0f0;
  --bank-status-list-data-online-false-before-bg: var(--accent);
  --bank-info-bg: linear-gradient(to bottom,var(--bg-surface) 0%,var(--bg-surface) 100%);
  --bank-info-color: color-mix(in srgb, var(--text-primary) 51%, var(--bg-body));
  --bank-info-h1-color: var(--text-primary);
  --bank-info-h2-color: var(--text-primary);
  --bank-info-h3-color: var(--text-primary);
  --bank-info-h4-color: var(--text-primary);
  --bank-info-h5-color: var(--text-primary);
  --bank-info-hr-border-top: 1px solid color-mix(in srgb, var(--text-primary) 51%, var(--bg-body));
  --bank-info-hr-border-bottom: 1px solid color-mix(in srgb, var(--text-primary) 19%, var(--bg-body));
  --bank-info-download-qr-code-btn-bg: color-mix(in srgb, var(--text-primary) 28%, var(--bg-body));
  --bank-info-download-qr-code-btn-color: var(--text-primary);
  --bank-info-bank-info-acc-number-cntr-img-filter: invert(1);
  --bank-info-download-qr-code-btn-img-filter: invert(1);
  --bank-info-data-details-action-img-filter: initial;
  --recommended-for-instant-process-color: color-mix(in srgb, var(--text-primary) 93%, var(--bg-body));
  --recommended-for-instant-process-span-color: var(--text-primary);
  --payment-method-selection-label-bs: 0 3px 5px rgba(0,0,0,.2);
  --payment-method-selection-input-radio-label-color: var(--bg-body);
  --payment-method-selection-input-radio-checked-label-bg: linear-gradient(to bottom,var(--accent) 0%,color-mix(in srgb, var(--accent) 55%, var(--bg-body)) 100%);
  --payment-method-selection-input-radio-checked-label-color: var(--text-primary);
  --payment-maintenance-cntr-bg: color-mix(in srgb, var(--text-primary) 16%, var(--bg-body));
  --payment-maintenance-cntr-color: var(--text-primary);
  --payment-maintenance-cntr-i-bg: var(--accent);
  --payment-maintenance-cntr-i-color: var(--text-on-accent);
  --payment-maintenance-cntr-i-border: 1px solid var(--text-primary);
  --remarks-cntr-border: 1px dotted var(--accent);
  --remarks-cntr-bg: color-mix(in srgb, var(--accent) 37%, var(--bg-body));
  --remarks-cntr-i-bg: transparent;
  --remarks-cntr-i-border: var(--accent);
  --remarks-cntr-i-color: var(--accent);
  --deposit-qr-label-cntr-bank-info-img-filter: none;
  --deposit-cntr-std-form-note-a-color: var(--accent);
  --deposit-cntr-formatted-balance-color: var(--accent);
  --deposit-cntr-copy-bank-acc-btn-color: var(--text-primary);
  --deposit-cntr-copy-bank-acc-btn-hover-color: #fba501;
  --deposit-cntr-admin-fee-cntr-color: #ffb82e;
  --deposit-cntr-input-input-validation-error-bg: var(--bg-body);
  --deposit-cntr-deposit-form-group-head-a-color: var(--text-primary);
  --deposit-cntr-hr-deposit-gap-bg: -webkit-gradient(linear,0 0,100% 0,from(transparent),to(transparent),color-stop(50%,var(--text-primary)));
  --deposit-cntr-reveal-bank-acc-btn-color: var(--text-on-accent);
  --deposit-cntr-reveal-bank-acc-btn-bg: color-mix(in srgb, var(--accent) 69%, black);
  --deposit-cntr-reveal-bank-acc-btn-hover-bg: color-mix(in srgb, var(--accent) 56%, black);
  --deposit-amount-cntr-bg: transparent;
  --deposit-amount-cntr-color: var(--text-primary);
  --deposit-amount-cntr-input-text-bg: var(--bg-body);
  --deposit-amount-cntr-input-text-color: var(--text-primary);
  --deposit-amount-cntr-input-text-border: 1px solid color-mix(in srgb, var(--text-primary) 19%, var(--bg-body));
  --deposit-amount-cntr-ref-number-input-bg: color-mix(in srgb, var(--text-primary) 39%, var(--bg-body));
  --deposit-amount-cntr-ref-number-input-border: color-mix(in srgb, var(--text-primary) 39%, var(--bg-body));
  --deposit-amount-cntr-ref-number-input-color: var(--text-primary);
  --deposit-amount-cntr-real-deposit-amount-color: color-mix(in srgb, var(--accent) 69%, black);
  --deposit-amount-cntr-real-deposit-amount-before-color: color-mix(in srgb, var(--text-primary) 17%, var(--bg-body));
  --deposit-amount-cntr-amount-currency-label-color: var(--text-primary);
  --deposit-note-content-bg: color-mix(in srgb, var(--text-primary) 79%, var(--bg-body));
  --deposit-note-content-color: #363565;
  --deposit-amount-range-color: var(--text-primary);
  --deposit-summary-cntr-border: 1px solid var(--border-color);
  --deposit-summary-cntr-header-bg: var(--bg-surface);
  --deposit-summary-cntr-header-color: var(--text-primary);
  --deposit-summary-cntr-header-summary-transfer-amount-color: color-mix(in srgb, var(--accent) 69%, black);
  --deposit-summary-cntr-content-bg: var(--bg-surface);
  --deposit-summary-cntr-content-body-title-color: var(--text-primary);
  --deposit-summary-cntr-content-body-detail-cntr-item-color: color-mix(in srgb, var(--text-primary) 85%, var(--bg-body));
  --deposit-summary-cntr-content-footer-color: var(--text-primary);
  --deposit-summary-cntr-content-footer-border: 1px solid var(--border-color);
  --withdrawal-cntr-form-group-head-a-color: var(--text-primary);
  --withdrawal-cntr-form-group-section-asterisk-color: var(--accent);
  --withdrawal-cntr-hr-withdrawal-gap-bg: -webkit-gradient(linear,0 0,100% 0,from(transparent),to(transparent),color-stop(50%,var(--text-primary)));
  --withdrawal-summary-cntr-border: 1px solid var(--border-color);
  --withdrawal-summary-cntr-header-bg: var(--bg-surface);
  --withdrawal-summary-cntr-header-color: var(--text-primary);
  --withdrawal-summary-cntr-header-transfer-amount-color: color-mix(in srgb, var(--accent) 69%, black);
  --withdrawal-summary-cntr-content-bg: var(--bg-surface);
  --withdrawal-summary-cntr-content-body-title-color: var(--text-primary);
  --withdrawal-summary-cntr-content-body-detail-cntr-item-color: color-mix(in srgb, var(--text-primary) 85%, var(--bg-body));
  --withdrawal-summary-cntr-content-footer-color: var(--text-primary);
  --withdrawal-summary-cntr-content-footer-border: 1px solid var(--border-color);
  --withdrawal-amount-input-form-control-color: #d3a516;
  --withdrawal-amount-currency-label-color: color-mix(in srgb, var(--text-primary) 72%, var(--bg-body));
  --withdrawal-amount-currency-suffix-color: #d3a516;
  --data-cntr-background-others-bg: var(--bg-body);
  --data-cntr-background-promotions-bg: var(--bg-body);
  --hot-match-cntr-color: var(--text-primary);
  --hot-match-cntr-data-match-info-date-color: var(--text-primary);
  --login-panel-login-btn-bg: linear-gradient(to bottom,#6a6a6a 0%,#464646 100%);
  --login-panel-login-btn-color: #fff;
  --login-panel-login-btn-border: transparent;
  --login-panel-login-btn-hover-bg: linear-gradient(to bottom,#464646 0%,#6a6a6a 100%);
  --login-panel-login-btn-hover-color: #fff;
  --login-panel-register-btn-bg: linear-gradient(to bottom,#fda601 0%,#cc7100 100%);
  --login-panel-register-btn-color: #fff;
  --login-panel-register-btn-border: transparent;
  --login-panel-register-btn-hover-bg: linear-gradient(to bottom,#cc7100 0%,#fda601 100%);
  --login-panel-register-btn-hover-color: #fff;
  --login-panel-register-btn-hover-ts: none;
  --provider-cntr-border: #1e1e1e;
  --provider-cntr-color: #3b4b71;
  --provider-cntr-h5-bg: #101010;
  --provider-cntr-h5-color: #737373;
  --std-side-menu-bg: color-mix(in srgb, var(--text-primary) 4%, var(--bg-body));
  --std-side-menu-group-label-menu-a-bg: var(--bg-body);
  --std-side-menu-group-label-menu-a-color: var(--text-primary);
  --std-side-menu-a-active-hover-bg: color-mix(in srgb, var(--accent) 56%, var(--bg-body));
  --std-side-menu-a-active-hover-color: var(--text-primary);
  --std-side-menu-player-acc-section-bg: color-mix(in srgb, var(--accent) 37%, var(--bg-body));
  --std-side-menu-player-acc-section-color: var(--text-primary);
  --std-side-menu-player-acc-section-username-color: var(--accent);
  --std-side-menu-player-acc-section-wallet-cntr-bg: var(--bg-body);
  --std-side-menu-player-acc-section-wallet-cntr-border: 1px solid var(--text-primary);
  --std-side-menu-menu-section-bg: color-mix(in srgb, var(--text-primary) 4%, var(--bg-body));
  --std-side-menu-menu-section-color: var(--text-primary);
  --std-side-menu-menu-section-hr-border: var(--accent);
  --std-side-menu-menu-section-hover-focus-true-bg: color-mix(in srgb, var(--accent) 37%, var(--bg-body));
  --std-side-menu-menu-section-hover-focus-true-color: var(--accent);
  --std-side-menu-group-label-bg: var(--bg-surface);
  --loyalty-daily-reward-available-rank-up-modal-content-bg: var(--bg-surface);
  --loyalty-available-rank-up-modal-std-secondary-btn-bg: linear-gradient(to bottom,var(--accent) 0%,color-mix(in srgb, var(--accent) 55%, black) 100%);
  --loyalty-available-rank-up-modal-std-secondary-btn-hover-bg: linear-gradient(to bottom,color-mix(in srgb, var(--accent) 55%, black) 0%,var(--accent) 100%);
  --std-form-cntr-bg: var(--bg-body);
  --std-form-title-bg: color-mix(in srgb, var(--accent) 37%, var(--bg-body));
  --std-form-title-color: var(--text-primary);
  --std-form-content-bg: var(--bg-body);
  --std-form-content-color: var(--text-primary);
  --std-form-content-offline-cntr-color: color-mix(in srgb, var(--text-primary) 17%, var(--bg-body));
  --std-section-title-color: var(--bg-body);
  --std-section-title-before-bg: var(--accent);
  --std-reporting-cntrl-group-btn-primary-bg: color-mix(in srgb, var(--accent) 69%, black);
  --std-reporting-cntrl-group-btn-primary-color: var(--text-on-accent);
  --std-reporting-cntrl-group-btn-primary-border: transparent;
  --std-reporting-cntrl-group-btn-primary-hover-bg: color-mix(in srgb, var(--accent) 69%, black);
  --std-reporting-cntrl-group-btn-primary-hover-color: var(--text-on-accent);
  --grid-totals-bg: color-mix(in srgb, var(--text-primary) 94%, var(--bg-body));
  --grid-totals-color: var(--bg-body);
  --std-form-note-bg: color-mix(in srgb, var(--text-primary) 18%, var(--bg-body));
  --std-form-note-color: var(--text-primary);
  --std-form-note-span-strong-color: var(--accent);
  --std-inline-form-group-label-color: color-mix(in srgb, var(--text-primary) 49%, var(--bg-body));
  --std-inline-form-group-section-asterisk-color: var(--accent);
  --std-inline-form-group-form-control-readonly-bg: color-mix(in srgb, var(--text-primary) 17%, var(--bg-body));
  --std-btn-group-btn-primary-bg: color-mix(in srgb, var(--accent) 69%, black);
  --std-btn-group-btn-primary-color: var(--text-on-accent);
  --std-btn-group-btn-primary-hover-bg: color-mix(in srgb, var(--accent) 56%, black);
  --std-btn-group-btn-primary-hover-color: var(--text-on-accent);
  --std-btn-group-btn-primary-disabled-bg: color-mix(in srgb, var(--text-primary) 39%, var(--bg-body));
  --std-btn-group-btn-primary-disabled-color: var(--text-primary);
  --exp-countdown-data-section-bg: color-mix(in srgb, var(--text-primary) 22%, var(--bg-body));
  --exp-countdown-data-section-color: color-mix(in srgb, var(--accent) 65%, var(--text-primary));
  --exp-countdown-data-section-border: 1px solid color-mix(in srgb, var(--text-primary) 40%, var(--bg-body));
  --exp-countdown-data-section-title-bg: color-mix(in srgb, var(--text-primary) 31%, var(--bg-body));
  --exp-countdown-data-section-title-color: var(--text-primary);
  --copy-input-btn-field-btn-color: color-mix(in srgb, var(--accent) 69%, black);
  --copy-input-btn-field-btn-hover-color: color-mix(in srgb, var(--accent) 56%, black);
  --last-transaction-model-span-status-1-color: var(--accent);
  --last-transaction-model-span-status-2-color: #008000;
  --last-transaction-model-span-status-3-color: #f9fd01;
  --std-password-field-i-color: var(--text-primary);
  --std-main-content-scroll-thumb-bg: color-mix(in srgb, var(--text-primary) 32%, var(--bg-body));
  --top-tab-cntr-border: 2px solid color-mix(in srgb, var(--accent) 37%, var(--bg-body));
  --top-tab-cntr-a-bg: color-mix(in srgb, var(--text-primary) 4%, var(--bg-body));
  --top-tab-cntr-a-color: var(--text-primary);
  --top-tab-cntr-a-true-hover-bg: color-mix(in srgb, var(--accent) 37%, var(--bg-body));
  --top-tab-cntr-a-true-hover-color: var(--accent);
  --tab-content-cntr-bg: color-mix(in srgb, var(--text-primary) 4%, var(--bg-body));
  --std-form-link-header-a-color: var(--text-primary);
  --std-form-link-header-a-bg: var(--bg-surface);
  --std-form-link-header-a-false-bg: color-mix(in srgb, var(--text-primary) 14%, var(--bg-body));
  --std-form-link-header-a-false-color: var(--text-primary);
  --std-form-link-header-a-true-bg: var(--accent);
  --std-form-link-header-a-true-color: var(--text-on-accent);
  --std-profile-bar-bg: var(--bg-surface);
  --std-profile-bar-color: var(--text-primary);
  --std-profile-bar-a-color: var(--text-primary);
  --std-profile-bar-user-field-div-username-color: #eed477;
  --std-profile-bar-user-field-loyalty-info-cntr-lp-field-border: 1px dotted var(--text-primary);
  --std-profile-bar-user-field-loyalty-info-cntr-lp-field-color: #fba501;
  --std-profile-bar-user-field-loyalty-info-cntr-div-a-bg: color-mix(in srgb, var(--text-primary) 44%, var(--bg-body));
  --std-profile-bar-user-field-loyalty-info-cntr-div-a-color: var(--text-primary);
  --std-profile-bar-deposit-withdraw-redemption-field-border: 1px dotted var(--text-primary);
  --std-profile-bar-deposit-withdraw-redemption-field-a-color: var(--text-primary);
  --std-profile-bar-withdraw-redemption-field-border: 1px dotted var(--text-primary);
  --std-profile-bar-ver-field-i-data-icon-bg: color-mix(in srgb, var(--text-primary) 35%, var(--bg-body));
  --std-profile-bar-ver-field-i-data-icon-after-color: var(--text-on-accent);
  --std-profile-bar-ver-field-i-data-icon-after-bg: var(--accent);
  --std-profile-bar-ref-code-cntr-border: 1px dashed var(--accent);
  --std-profile-bar-ref-code-cntr-bg: color-mix(in srgb, var(--accent) 37%, var(--bg-body));
  --std-profile-bar-ref-code-cntr-color: var(--accent);
  --otp-hr-border: var(--accent);
  --request-otp-btn-contact-ver-link-border: 2px solid var(--accent);
  --request-otp-btn-contact-ver-link-color: var(--accent);
  --request-otp-btn-disabled-border: color-mix(in srgb, var(--text-primary) 24%, var(--bg-body));
  --request-otp-btn-disabled-bg: color-mix(in srgb, var(--text-primary) 42%, var(--bg-body));
  --request-otp-btn-disabled-color: color-mix(in srgb, var(--text-primary) 69%, var(--bg-body));
  --otp-input-border: var(--accent);
  --data-payment-gateway-bg: var(--bg-surface);
  --data-payment-gateway-color: var(--text-primary);
  --data-payment-gateway-va-acc-number-bg: var(--bg-body);
  --data-payment-gateway-qris-qr-code-cntr-a-bg: color-mix(in srgb, var(--accent) 69%, var(--bg-body));
  --data-payment-gateway-qris-qr-code-cntr-a-color: var(--text-primary);
  --data-payment-gateway-download-qr-btn-bg: color-mix(in srgb, var(--accent) 69%, black);
  --data-payment-gateway-download-qr-btn-color: var(--text-on-accent);
  --data-payment-gateway-destination-va-download-img-filter: invert(1);
  --std-checkbox-cntr-label-color: var(--text-primary);
  --simple-form-note-color: #dcb04c;
  --pending-transactons-cntr-item-color: var(--text-primary);
  --pending-transactons-cntr-item-bg: var(--bg-surface);
  --pending-transactions-cntr-item-p-color: color-mix(in srgb, var(--text-primary) 70%, var(--bg-body));
  --pending-transactions-cntr-item-data-payment-gateway-bs: 0px 4px 4px 0px #00000040;
  --pending-transactions-cntr-item-data-payment-gateway-bg: var(--bg-surface);
  --pending-transactions-cntr-item-data-payment-gateway-color: var(--text-primary);
  --pending-transactions-cntr-item-data-payment-gateway-hr-btop: 1px solid color-mix(in srgb, var(--text-primary) 17%, var(--bg-body));
  --pending-transactions-cntr-item-data-payment-gateway-hr-bbot: 1px solid color-mix(in srgb, var(--text-primary) 12%, var(--bg-body));
  --pending-transactions-cntr-item-data-payment-gateway-destination-acc-bank-info-div-img-filter: initial;
  --pending-transactons-cntr-item-remarks-cntr-border: color-mix(in srgb, var(--text-primary) 20%, transparent);
  --pending-transactons-cntr-item-remarks-cntr-color: var(--text-primary);
  --pending-transactons-cntr-item-remarks-cntr-bg: color-mix(in srgb, var(--text-primary) 6%, transparent);
  --no-data-cntr-p-color: color-mix(in srgb, var(--text-primary) 17%, var(--bg-body));
  --no-data-cntr-img-filter: invert(11%) sepia(7%) saturate(9%) hue-rotate(18deg) brightness(98%) contrast(91%);
  --otp-popup-content-bg: var(--bg-surface);
  --otp-popup-content-color: var(--text-primary);
  --otp-popup-content-resend-btn-color: var(--accent);
  --otp-popup-content-header-close-span-color: var(--text-primary);
  --otp-fake-inputs-div-border: 1px solid var(--border-color);
  --otp-fake-inputs-div-bg: var(--bg-body);
  --otp-fake-inputs-div-color: var(--text-primary);
  --otp-fake-inputs-div-bs: 0px 4px 4px 0px #00000040;
  --otp-fake-inputs-div-filled-border: var(--accent);
  --otp-fake-inputs-div-focused-border: var(--accent);
  --contact-verification-section-ul-li-span-color: var(--text-primary);
  --modal-std-header-color: var(--text-primary);
  --modal-std-header-after-bg: linear-gradient(90deg,color-mix(in srgb, var(--text-primary) 0%, transparent) 0%,color-mix(in srgb, var(--text-primary) 90%, transparent) 46.29%,color-mix(in srgb, var(--text-primary) 0%, transparent) 100%);
  --bonus-selection-cntr-bg: color-mix(in srgb, var(--accent) 20%, var(--bg-body));
  --bonus-selection-cntr-border: 1px solid color-mix(in srgb, var(--accent) 75%, var(--bg-body));
  --bonus-selection-cntr-color: var(--text-primary);
  --bonus-selection-cntr-action-cancel-bonus-btn-border: 1px solid var(--text-primary);
  --bonus-selection-cntr-action-cancel-bonus-btn-color: var(--text-primary);
  --bonus-selection-popup-content-bg: var(--bg-body);
  --bonus-selection-popup-content-color: var(--text-primary);
  --bonus-selection-popup-content-h2-color: var(--text-primary);
  --bonus-selection-popup-content-close-btn-img-filter: invert(0);
  --bonus-selection-list-card-bg: var(--bg-surface);
  --bonus-selection-list-card-border: 1px solid color-mix(in srgb, var(--text-primary) 24%, var(--bg-body));
  --bonus-selection-list-card-selected-bg: color-mix(in srgb, var(--accent) 20%, var(--bg-body));
  --bonus-selection-list-card-selected-border: color-mix(in srgb, var(--accent) 75%, var(--bg-body));
  --bonus-selection-list-card-selected-color: var(--text-primary);
  --bonus-selection-list-card-footer-bg: var(--bg-surface);
  --bonus-selection-list-card-footer-tnc-btn-color: var(--text-primary);
  --bonus-selection-list-card-footer-tnc-btn-img-filter: invert(0);
  --bonus-selection-list-card-footer-end-date-color: color-mix(in srgb, var(--accent) 77%, var(--text-primary));
  --bonus-selection-list-card-detail-bg: color-mix(in srgb, var(--text-primary) 21%, var(--bg-body));
  --bonus-selection-list-card-detail-color: var(--text-primary);
  --bonus-selection-list-card-remarks-cntr-border: var(--accent);
  --bonus-selection-list-card-remarks-cntr-bg: color-mix(in srgb, var(--accent) 34%, var(--bg-body));
  --bonus-selection-list-card-remarks-cntr-color: var(--text-primary);
  --bonus-selection-list-card-content-title-bonus-btn-bg: color-mix(in srgb, var(--text-primary) 18%, var(--bg-body));
  --bonus-selection-list-card-content-title-bonus-btn-border: 1px solid color-mix(in srgb, var(--text-primary) 34%, var(--bg-body));
  --bonus-selection-cntr-action-img-filter: invert(0);
  --bonus-selection-list-card-selected-content-title-bonus-btn-bg: color-mix(in srgb, var(--text-primary) 14%, var(--bg-body));
  --bonus-selection-list-card-selected-content-title-bonus-btn-border: color-mix(in srgb, var(--accent) 58%, black);
  --bonus-selection-list-card-selected-content-title-bonus-btn-color: color-mix(in srgb, var(--accent) 50%, var(--text-primary));
  --bonus-selection-list-card-selected-footer-bg: color-mix(in srgb, var(--accent) 20%, var(--bg-body));
  --bonus-selection-list-card-false-bg: color-mix(in srgb, var(--text-primary) 17%, var(--bg-body));
  --bonus-selection-list-card-false-border: 1px solid color-mix(in srgb, var(--text-primary) 24%, var(--bg-body));
  --bonus-selection-list-card-false-comtent-color: color-mix(in srgb, var(--text-primary) 67%, var(--bg-body));
  --bonus-selection-list-card-false-footer-bg: color-mix(in srgb, var(--text-primary) 17%, var(--bg-body));
  --bonus-selection-card-highlighted-section-bg: color-mix(in srgb, var(--text-primary) 12%, var(--bg-body));
  --bonus-selection-card-highlighted-section-color: color-mix(in srgb, var(--text-primary) 90%, var(--bg-body));
  --forgot-pass-modal-header-hr-bg: -webkit-gradient(linear,0 0,100% 0,from(transparent),to(transparent),color-stop(50%,var(--text-primary)));
  --search-header-title-img-filter: invert(23%) sepia(96%) saturate(5788%) hue-rotate(354deg) brightness(93%) contrast(124%);
  --std-remark-notification-content-span-color: var(--accent);
  --std-outline-btn-border: 1px solid #c69a2f;
  --std-outline-btn-color: var(--text-primary);
  --std-remarks-cntr-content-cntr-p-color: color-mix(in srgb, var(--text-primary) 84%, var(--bg-body));
  --std-remarks-cntr-content-cntr-p-span-color: var(--accent);
  --user-info-color: var(--text-primary);
  --user-info-main-info-bg: var(--bg-surface);
  --user-info-main-info-bs: 0px 4px 4px 0px #00000040;
  --user-info-main-info-item-item-before-bg: color-mix(in srgb, var(--text-primary) 34%, var(--bg-body));
  --user-info-new-notif-true-before-bg: color-mix(in srgb, var(--accent) 83%, white);
  --user-info-new-notif-true-before-color: var(--text-on-accent);
  --user-info-new-notif-true-before-border: 1px solid var(--text-primary);
  --user-info-wallet-cntr-balance-color: #9fe900;
  --user-info-wallet-cntr-locked-balance-bg: color-mix(in srgb, var(--text-primary) 21%, var(--bg-body));
  --user-info-wallet-cntr-locked-balance-color: #9fe900;
  --user-info-dropdown-menu-li-a-bg: var(--bg-body);
  --user-info-dropdown-menu-li-a-color: var(--text-primary);
  --user-info-dropdown-menu-li-a-focus-bg: color-mix(in srgb, var(--accent) 69%, var(--bg-body));
  --user-info-dropdown-menu-li-a-focus-color: var(--text-primary);
  --user-info-vendor-balances-cntr-border: 3px solid color-mix(in srgb, var(--accent) 81%, var(--bg-body));
  --user-info-vendor-balances-cntr-bg: color-mix(in srgb, var(--bg-body) 85%, transparent);
  --user-info-vendor-balances-cntr-header-border: 2px solid color-mix(in srgb, var(--accent) 81%, var(--bg-body));
  --user-info-vendor-balances-cntr-header-strong-color: color-mix(in srgb, var(--accent) 81%, black);
  --user-info-vendor-balances-cntr-item-color: var(--text-primary);
  --unread-announcements-popup-bg: color-mix(in srgb, var(--bg-body) 85%, transparent);
  --unread-announcements-popup-color: var(--text-primary);
  --unread-announcements-popup-border: 3px solid color-mix(in srgb, var(--accent) 81%, var(--bg-body));
  --unread-announcements-popup-before-border: 10px solid color-mix(in srgb, var(--accent) 81%, var(--bg-body));
  --loyalty-top-bar-cntr-bg: linear-gradient(82.95deg,var(--bg-body) -41.64%,color-mix(in srgb, var(--text-primary) 21%, var(--bg-body)) 138.36%);
  --body-color: color-mix(in srgb, var(--text-primary) 72%, var(--bg-body));
  --form-control-border: color-mix(in srgb, var(--text-primary) 19%, var(--bg-body));
  --form-control-bg: var(--bg-body);
  --form-control-color: color-mix(in srgb, var(--text-primary) 64%, var(--bg-body));
  --a-color: var(--accent);
  --a-focus-hover-color: var(--accent);
  --form-cntrl-fieldset-disabled-bg: var(--bg-body);
  --table-table-bg: var(--bg-body);
  --topbar-cntr-bg: #0f0f0f;
  --topbar-left-section-item-color: #848484;
  --topbar-left-section-item-a-hover-color: #8e8e8e;
  --topbar-left-section-language-selector-bg: #0f0f0f;
  --topbar-left-section-language-selector-li-border: 1px solid #fff;
  --site-header-bg: color-mix(in srgb, var(--accent) 37%, black);
  --site-header-border: 4px solid var(--accent);
  --top-menu-li-a-color: #fff;
  --top-menu-li-true-hover-bg: radial-gradient(circle at top center,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
  --top-menu-li-true-hover-a-color: var(--accent);
  --top-menu-game-list-btop: 4px solid color-mix(in srgb, var(--accent) 69%, black);
  --top-menu-game-list-bg: rgba(0,0,0,.8);
  --top-menu-game-list-bbot: 10px solid var(--accent);
  --top-menu-game-list-li-a-background-bg: linear-gradient(90deg,rgba(0,0,0,0) 0%,color-mix(in srgb, var(--accent) 51%, black) 99.99%);
  --top-menu-game-list-li-a-background-border: 1px solid var(--accent);
  --footer-separator-border: 1px dotted #727272;
  --site-footer-border: 2px solid color-mix(in srgb, var(--accent) 85%, black);
  --site-footer-bg: #101010;
  --site-footer-bi: none;
  --footer-links-li-a-color: #737373;
  --footer-links-li-a-hover-color: #fbeb8f;
  --footer-links-li-li-a-border: 1px solid #3c3c3e;
  --copyright-color: #737373;
  --footer-section-title-color: #737373;
  --introjs-tooltip-title-color: var(--text-primary);
  --introjs-tooltiptext-p-color: var(--text-primary);
  --introjs-tooltiptext-subtitle-color: var(--accent);
  --introjs-nextbtn-bg: linear-gradient(to bottom,var(--accent),color-mix(in srgb, var(--accent) 55%, black));
  --introjs-nextbtn-color: var(--text-on-accent);
  --introjs-nextbtn-focus-color: var(--text-primary);
  --introjs-nextbtn-hover-bg: linear-gradient(to bottom,color-mix(in srgb, var(--accent) 55%, black),var(--accent));
  --introjs-nextbtn-hover-color: var(--text-on-accent);
  --introjs-bullets-ul-li-a-bg: color-mix(in srgb, var(--accent) 55%, var(--bg-body));
  --introjs-bullets-ul-li-a-active-hover-bg: var(--accent);
  --introjs-skipbtn-color: var(--accent);
  --daily-reward-cntr-std-secondary-btn-color: var(--text-on-accent);
  --daily-reward-cntr-std-secondary-btn-bg: linear-gradient(to bottom,var(--accent) 0%,color-mix(in srgb, var(--accent) 55%, black) 100%);
  --daily-reward-cntr-std-secondary-btn-hover-bg: linear-gradient(to bottom,color-mix(in srgb, var(--accent) 55%, black) 0%,var(--accent) 100%);
  --modal-body-pending-transaction-sum-cntr-border: 1px dashed var(--accent);
  --modal-body-pending-transaction-sum-cntr-color: var(--text-on-accent);
  --modal-body-pending-transaction-sum-cntr-bg: color-mix(in srgb, var(--accent) 9%, transparent);
  --pending-transaction-cntr-item-remarks-cntr-border: 2px dashed #f41168;
  --pending-transaction-cntr-item-remarks-cntr-color: var(--text-primary);
  --pending-transaction-cntr-item-remarks-cntr-bg: var(--bg-surface);
  --claim-info-modal-alert-cntr-border: 2px dashed var(--accent);
  --claim-info-modal-alert-cntr-color: var(--text-on-accent);
  --claim-info-modal-alert-cntr-bg: color-mix(in srgb, var(--accent) 9%, transparent);
  --payment-acc-creation-remarks-border: 2px dashed var(--accent);
  --payment-acc-creation-remarks-color: var(--text-on-accent);
  --payment-acc-creation-remarks-bg: color-mix(in srgb, var(--accent) 9%, transparent);
  --modal-body-pending-trans-summ-cntr-footer-border: 1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
  --modal-body-pending-trans-summ-cntr-footer-a-color: var(--text-on-accent);
  --modal-body-pending-trans-summ-cntr-footer-a-bg: var(--accent);
  --modal-body-pending-trans-details-cntr-color: var(--text-primary);
  --modal-body-pending-trans-details-cntr-bg: color-mix(in srgb, var(--text-primary) 5%, var(--bg-body));
  --modal-body-pending-trans-details-cntr-border: 1px solid var(--border-color);
  --modal-body-pending-trans-details-cntr-copy-img: invert(0);
  --modal-body-pending-trans-details-cntr-item-bg: var(--bg-surface);
  --modal-body-pending-trans-details-cntr-item-border: 1px solid var(--border-color);
  --modal-body-pending-trans-details-cntr-item-color: var(--text-primary);
  --modal-body-pending-trans-details-cntr-item-secondary-color: color-mix(in srgb, var(--text-primary) 73%, var(--bg-body));
  --modal-body-pending-trans-details-cntr-item-img-bg: #f997021a;
  --modal-body-pending-trans-details-cntr-item-hr-border: var(--border-color);
  --modal-body-resolved-trans-wrapped-body-border-color: var(--border-color);
  --modal-body-resolved-trans-details-bg: var(--bg-body);
  --modal-body-resolved-trans-details-cntr-bg: color-mix(in srgb, var(--text-primary) 5%, var(--bg-body));
  --modal-body-resolved-trans-details-cntr-border: 1px solid var(--border-color);
  --modal-body-resolved-trans-details-primary-color: var(--text-primary);
  --modal-body-resolved-trans-details-secondary-color: color-mix(in srgb, var(--text-primary) 73%, var(--bg-body));
  --modal-body-resolved-trans-details-dashed-color: var(--accent);
  --modal-body-resolved-trans-details-amount-color: var(--text-primary);
  --modal-body-resolved-trans-details-rejected-reason-container-color: color-mix(in srgb, var(--text-primary) 14%, var(--bg-body));
  --modal-body-resolved-trans-details-rejected-reason-container-border-color: color-mix(in srgb, var(--text-primary) 21%, var(--bg-body));
  --modal-body-resolved-trans-details-rejected-reason-text-color: color-mix(in srgb, var(--accent) 45%, var(--text-primary));
  --floating-action-btn-bg: linear-gradient(0deg,color-mix(in srgb, var(--accent) 55%, black) 0%,var(--accent) 100%);
  --floating-action-btn-border: 1px solid color-mix(in srgb, var(--accent) 83%, white);
  --floating-action-btn-bs: 0 4px 24px 0 color-mix(in srgb, var(--accent) 50%, transparent);
  --simple-modal-btn-second-border: 1px solid var(--accent);
  --simple-modal-btn-second-color: var(--accent);
  --play-now-free-play-border: none;
  --play-now-bg: color-mix(in srgb, var(--accent) 69%, var(--bg-body));
  --play-now-color: var(--text-primary);
  --play-now-bs: none;
  --play-now-hover-bg: color-mix(in srgb, var(--accent) 56%, var(--bg-body));
  --play-now-hover-color: var(--text-primary);
  --free-play-bg: linear-gradient(to bottom,color-mix(in srgb, var(--text-primary) 40%, var(--bg-body)) 0%,color-mix(in srgb, var(--text-primary) 22%, var(--bg-body)) 100%);
  --free-play-color: var(--text-primary);
  --free-play-bs: none;
  --free-play-hover-bg: linear-gradient(to bottom,color-mix(in srgb, var(--text-primary) 22%, var(--bg-body)) 0%,color-mix(in srgb, var(--text-primary) 40%, var(--bg-body)) 100%);
  --free-play-hover-color: var(--text-primary);
  --game-list-title-bg: var(--bg-body);
  --game-list-title-div-bg: inherit;
  --game-list-title-div-color: color-mix(in srgb, var(--text-primary) 94%, var(--bg-body));
  --game-list-border: 1px solid var(--bg-body);
  --game-list-bg: var(--bg-body);
  --game-list-game-item-bg: var(--bg-body);
  --game-list-wrapper-cntr-hover-bg: var(--bg-body);
  --game-list-game-name-color: var(--text-primary);
  --game-list-game-name-bg: color-mix(in srgb, var(--accent) 69%, var(--bg-body));
  --game-list-game-player-color: var(--text-primary);
  --large-game-list-cntr-bg: color-mix(in srgb, var(--bg-body) 80%, transparent);
  --large-game-list-li-game-provider-img-bg: linear-gradient(180deg,color-mix(in srgb, var(--text-primary) 0%, transparent) 0%,color-mix(in srgb, color-mix(in srgb, var(--accent) 48%, var(--bg-body)) 34%, transparent) 50.36%,color-mix(in srgb, var(--accent) 42%, var(--bg-body)) 99.75%);
  --large-game-list-li-game-provider-img-link-cntr-img-play-now-bg: #ff7613;
  --large-game-list-li-game-provider-img-link-cntr-img-play-now-color: var(--text-on-accent);
  --large-game-list-li-game-provider-img-link-cntr-img-free-play-bg: var(--text-primary);
  --large-game-list-li-game-provider-img-link-cntr-img-free-play-color: var(--bg-body);
  --provider-page-large-game-list-cntr-bg: color-mix(in srgb, var(--bg-body) 60%, transparent);
  --provider-info-bg: color-mix(in srgb, var(--bg-body) 60%, transparent);
  --link-cntr-a-game-info-border: 3px solid color-mix(in srgb, var(--text-primary) 20%, var(--bg-body));
  --link-cntr-a-game-info-color: color-mix(in srgb, var(--text-primary) 20%, var(--bg-body));
  --link-cntr-a-game-info-hover-focus-border: var(--accent);
  --link-cntr-a-game-info-hover-focus-color: var(--accent);
  --game-provider-desc-arcade-sport-crashgame-provider-info-h5-p-color: var(--text-primary);
  --menu-slide-i-color: #fff;
  --modal-header-close-color: var(--text-primary);
  --modal-content-bg: var(--bg-body);
  --modal-content-border: var(--bg-body);
  --modal-content-pending-trans-sum-bg: var(--bg-body);
  --modal-content-pending-trans-sum-border: var(--bg-body);
  --modal-content-color: color-mix(in srgb, var(--text-primary) 72%, var(--bg-body));
  --modal-body-p-color: color-mix(in srgb, var(--text-primary) 72%, var(--bg-body));
  --modal-footer-border: var(--border-color);
  --modal-footer-btn-primary-color: var(--text-on-accent);
  --modal-footer-btn-primary-bg: color-mix(in srgb, var(--accent) 69%, black);
  --modal-footer-btn-primary-hover-bg: color-mix(in srgb, var(--accent) 56%, black);
  --modal-btn-bg: color-mix(in srgb, var(--text-primary) 48%, var(--bg-body));
  --modal-btn-color: var(--text-primary);
  --modal-btn-border: 2px solid color-mix(in srgb, var(--text-primary) 48%, var(--bg-body));
  --modal-btn-hover-bg: color-mix(in srgb, var(--text-primary) 89%, var(--bg-body));
  --modal-btn-hover-color: color-mix(in srgb, var(--text-primary) 48%, var(--bg-body));
  --modal-btn-blank-bg: color-mix(in srgb, var(--text-primary) 89%, var(--bg-body));
  --modal-btn-blank-color: color-mix(in srgb, var(--text-primary) 48%, var(--bg-body));
  --modal-btn-blank-hover-bg: color-mix(in srgb, var(--text-primary) 48%, var(--bg-body));
  --modal-btn-blank-hover-color: var(--text-primary);
  --popover-bg: color-mix(in srgb, var(--accent) 37%, var(--bg-body));
  --popover-border: var(--accent);
  --popover-color: var(--text-primary);
  --popover-top-arrow-border: var(--accent);
  --popover-top-arrow-after-border: color-mix(in srgb, var(--accent) 37%, var(--bg-body));
  --percent-count-color: color-mix(in srgb, var(--text-primary) 43%, var(--bg-body));
  --progressbar-bg: var(--bg-body);
  --progress-bg: color-mix(in srgb, var(--text-primary) 42%, var(--bg-body));
  --reg-forgot-simple-modal-input-text-pass-bg: var(--bg-body);
  --reg-forgot-simple-modal-input-text-pass-border: color-mix(in srgb, var(--text-primary) 19%, var(--bg-body));
  --reg-forgot-simple-modal-input-text-pass-color: var(--text-primary);
  --user-info-item-a-btn-logout-bg: color-mix(in srgb, var(--accent) 70%, black);
  --user-info-item-a-btn-logout-hover-bg: color-mix(in srgb, var(--accent) 50%, black);
  --user-info-loyalty-point-span-color: #ff9100;
  --promotion-item-details-title-back-btn-filter: invert(1);
  --provider-section-bg: transparent;
  --provider-section-ptop: 0;
  --provider-section-mtop: 0;
  --provider-section-pbot: 0;
  --popup-modal-maintenance-p-span-color: color-mix(in srgb, var(--text-primary) 86%, var(--bg-body));
  --popup-modal-maintenance-p-span-bg: color-mix(in srgb, var(--text-primary) 15%, transparent);
  --download-apk-cntr-popup-modal-body-img-filter: none;
  --div-data-payment-gateway-h4-color: color-mix(in srgb, var(--text-primary) 72%, var(--bg-body));
  --data-payment-gateway-va-h5-span-bg: var(--bg-surface);
  --unread-ann-popup-loader-btop: var(--text-primary);
  --unread-ann-popup-loader-bleft: var(--text-primary);
  --unread-ann-popup-loader-bbot: var(--text-primary);
  --mission-cntr-item-info-progress-cntr-span-color: var(--text-primary);
  --daily-reward-cntr-title-h1-color: var(--text-primary);
  --daily-reward-cntr-desc-color: var(--text-primary);
  --pending-deposit-line-bg: -webkit-gradient(linear,0 0,100% 0,from(transparent),to(transparent),color-stop(50%,var(--text-primary)));
  --data-payment-gateway-dest-acc-info-cntr-holder-span-color: color-mix(in srgb, var(--text-primary) 86%, var(--bg-body));
  --introjs-tooltip-bg: color-mix(in srgb, var(--text-primary) 25%, var(--bg-body));
  --introjs-tooltip-title-color: var(--text-primary);
  --introjs-tooltipbtn-btop: color-mix(in srgb, var(--text-primary) 25%, var(--bg-body));
  --large-game-list-li-link-cntr-game-prov-img-bg: color-mix(in srgb, var(--bg-body) 70%, transparent);
  --data-payment-gateway-dest-acc-info-cntr-number-cntr-color: var(--text-primary);
  --pending-trans-cntr-item-dest-acc-cntr-color: var(--text-primary);
  --pending-trans-cntr-item-dest-acc-cntr-span-color: color-mix(in srgb, var(--text-primary) 72%, var(--bg-body));
  --pending-trans-cntr-item-depo-line-bg: -webkit-gradient(linear,0 0,100% 0,from(transparent),to(transparent),color-stop(50%,var(--text-primary)));
  --modal-body-pending-trans-details-cntr-item-trans-icon-filter: none;
  --loyalty-level-cntr-item-false-badge-cntr-filter: opacity(.7);
  --loyalty-level-cntr-item-true-badge-cntr-locked-filter: opacity(.7);
  --loyalty-level-benefits-cntr-title-img-filter: none;
  --loyalty-level-benerfits-cntr-list-item-img-filter: invert(1);
  --loyalty-top-bar-cntr-color: var(--text-primary);
  --loyalty-top-bar-cntr-vr-bg: color-mix(in srgb, var(--text-primary) 20%, transparent);
  --loyalty-top-bar-cntr-chev-right-filter: invert(1);
  --loyalty-top-bar-cntr-exp-section-item-bar-progress-bg: var(--bg-body);
  --loyalty-top-bar-cntr-exp-section-item-level-amount-span-color: #92ff2d;
  --loyalty-top-bar-cntr-exp-section-msg-color: #f8e689;
  --loyalty-top-bar-cntr-benefit-section-div-bg: var(--bg-body);
  --loyalty-top-bar-cntr-benefit-section-div-color: color-mix(in srgb, var(--text-primary) 64%, var(--bg-body));
  --search-cntr-bg: var(--bg-body);
  --search-header-title-color: var(--text-primary);
  --search-header-close-btn-img-filter: none;
  --search-input-cntr-input-bg: color-mix(in srgb, var(--text-primary) 4%, var(--bg-body));
  --search-input-cntr-input-border: 1px solid var(--border-color);
  --search-input-cntr-input-color: var(--text-primary);
  --search-input-cntr-input-placeholder-color: color-mix(in srgb, var(--text-primary) 40%, var(--bg-body));
  --recent-searches-cntr-history-item-bg: color-mix(in srgb, var(--text-primary) 4%, var(--bg-body));
  --search-result-section-title-bg: var(--bg-surface);
  --search-result-provider-list-item-item-bleft: color-mix(in srgb, var(--text-primary) 23%, var(--bg-body));
  --search-result-provider-list-item-info-name-color: var(--text-primary);
  --search-result-game-list-item-info-name-color: var(--text-primary);
  --no-search-result-color: var(--text-primary);
  --std-remark-notif-bg: color-mix(in srgb, var(--text-primary) 10%, transparent);
  --std-remark-notif-header-title-color: var(--text-primary);
  --std-remark-notif-content-color: color-mix(in srgb, var(--text-primary) 73%, var(--bg-body));
  --register-forgot-simple-modal-header-ast-color: var(--text-primary);
  --register-forgot-simple-login-modal-label-color: var(--text-primary);
  --simple-modal-hr-bg: -webkit-gradient(linear,0 0,100% 0,from(transparent),to(transparent),color-stop(50%,var(--text-primary)));
  --daily-reward-cntr-detail-desc-bg: color-mix(in srgb, var(--text-primary) 16%, var(--bg-body));
  --loyalty-top-bar-cntr-point-section-div-bg: var(--bg-body);
  --loyalty-top-bar-cntr-point-section-div-color: var(--text-primary);
  --loyalty-available-rank-up-modal-h2-color: var(--text-primary);
  --loyalty-reward-cntr-item-available-bg: color-mix(in srgb, var(--accent) 59%, var(--bg-body));
  --loyalty-reward-cntr-item-available-color: var(--text-primary);
  --user-info-loyalty-xp-cntr-span-color: var(--text-primary);
  --user-info-wallet-cntr-lock-balance-img-filter: none;
  --user-info-wallet-cntr-balance-a-after: var(--text-primary);
  --user-info-wallet-cntr-balance-open-a-after-bbot: var(--text-primary);
  --topbar-left-section-lang-sel-trig-after-btop: #fff;
  --topbar-left-section-lang-sel-trig-true-after-bbot: #fff;
  --introjs-tooltip-color: var(--text-primary);
  --data-cntr-background-banner-bg: var(--bg-body);
  --pending-trans-section-head-span-color: var(--text-primary);
  --pending-trans-section-head-a-hover-color: var(--accent);
  --pending-trans-car-item-bg: var(--bg-surface);
  --pending-trans-car-item-info-section-details-primary-color: color-mix(in srgb, var(--text-primary) 92%, var(--bg-body));
  --pending-trans-car-item-info-section-details-secondary-color: color-mix(in srgb, var(--text-primary) 73%, var(--bg-body));
  --pending-trans-car-item-download-qr-btn-bg: color-mix(in srgb, var(--accent) 69%, black);
  --pending-trans-car-item-download-qr-btn-color: var(--text-on-accent);
  --pending-trans-car-item-download-qr-btn-hover-bg: color-mix(in srgb, var(--accent) 69%, black);
  --pending-trans-car-item-download-qr-btn-hover-color: var(--text-on-accent);
  --trans-item-green-color: #66f480;
  --trans-item-red-color: color-mix(in srgb, var(--accent) 57%, var(--text-primary));
  --reporting-detail-popup-bg: var(--bg-body);
  --pending-trans-detail-primary-color: var(--text-primary);
  --pending-trans-detail-secondary-color: color-mix(in srgb, var(--text-primary) 73%, var(--bg-body));
  --pending-trans-detail-card-bg: var(--bg-surface);
  --pending-trans-detail-card-border-color: color-mix(in srgb, var(--text-primary) 22%, var(--bg-body));
  --pending-trans-detail-card-secondary-section-bg: color-mix(in srgb, var(--text-primary) 14%, var(--bg-body));
  --pending-trans-detail-remarks-color: var(--text-primary);
  --pending-trans-info-chevron-icon-filter: invert(1);
  --pending-trans-info-copy-icon-filter: invert(1);
  --pending-trans-expiration-in-color: color-mix(in srgb, var(--text-primary) 65%, var(--bg-body));
  --pending-trans-expiration-countdown-color: #55fc25;
  --resolved-transaction-carousel-navigation-bg: color-mix(in srgb, var(--text-primary) 21%, var(--bg-body));
  --resolved-transaction-carousel-navigation-border-color: color-mix(in srgb, var(--text-primary) 53%, var(--bg-body));
  --resolved-transaction-carousel-navigation-arrow-filter: invert(1);
  --resolved-transaction-copy-icon-filter: invert(0);
  --resolved-transaction-header-icon: invert(0);
  --resolved-transaction-status-app-filter: brightness(0) saturate(100%) invert(85%) sepia(9%) saturate(2459%) hue-rotate(68deg) brightness(102%) contrast(88%);
  --resolved-transaction-status-rej-filter: brightness(0) saturate(100%) invert(76%) sepia(54%) saturate(2439%) hue-rotate(305deg) brightness(95%) contrast(144%);
  --transactions-table-bg: color-mix(in srgb, var(--text-primary) 4%, var(--bg-body));
  --transactions-table-border: color-mix(in srgb, var(--text-primary) 4%, var(--bg-body));
  --transactions-table-head-bg: color-mix(in srgb, var(--text-primary) 4%, var(--bg-body));
  --transactions-table-head-color: color-mix(in srgb, var(--text-primary) 73%, var(--bg-body));
  --transactions-table-head-border: color-mix(in srgb, var(--text-primary) 4%, var(--bg-body));
  --transactions-table-body-bg: color-mix(in srgb, var(--text-primary) 4%, var(--bg-body));
  --transactions-table-body-color: var(--text-primary);
  --transactions-table-body-span-app-color: #66f480;
  --transactions-table-body-span-reject-color: color-mix(in srgb, var(--accent) 57%, var(--text-primary));
  --transactions-table-body-span-pending-color: #f99702;
  --transactions-table-body-tr-odd-bg: color-mix(in srgb, var(--bg-surface) 50%, transparent);
  --transactions-table-body-tr-even-bg: var(--bg-surface);
  --transaction-table-empty-bg: var(--bg-surface);
  --transaction-table-empty-color: color-mix(in srgb, var(--text-primary) 51%, var(--bg-body));
  --transaction-table-empty-img-filter: initial;
  --complaint-std-form-content-color: var(--text-primary);
  --complaint-remarks-bg: var(--bg-surface);
  --complaint-remarks-header-color: color-mix(in srgb, var(--accent) 55%, var(--text-primary));
  --complaint-remarks-note-color: color-mix(in srgb, var(--text-primary) 39%, var(--bg-body));
  --complaint-section-header-bg: var(--bg-surface);
  --complaint-procedure-step-border-color: var(--border-color);
  --complaint-form-border-color: var(--border-color);
  --confirmation-popup-content-bg: var(--bg-surface);
  --complaint-upload-box-color: var(--accent);
  --complaint-submit-button-color: var(--text-primary);
  --complaint-form-link-header-a-color: var(--text-primary);
  --complaint-form-link-header-a-bg: var(--bg-surface);
  --complaint-form-link-header-a-true-bg: color-mix(in srgb, var(--accent) 48%, var(--bg-body));
  --complaint-form-link-header-a-true-color: var(--text-primary);
  --complaint-modal-btn-primary-color: var(--text-primary);
  --complaint-modal-btn-secondary-bg: color-mix(in srgb, var(--text-primary) 29%, var(--bg-body));
  --complaint-modal-btn-secondary-color: var(--text-primary);
  --default-button-bg: color-mix(in srgb, var(--text-primary) 29%, var(--bg-body));
  --default-button-color: var(--text-primary);
  --appeal-form-primary-text-color: var(--text-primary);
  --appeal-form-secondary-text-color: color-mix(in srgb, var(--text-primary) 62%, var(--bg-body));
  --upload-video-section-bg: color-mix(in srgb, var(--text-primary) 34%, var(--bg-body));
  --upload-video-section-color: var(--text-primary);
  --uploaded-video-file-display-bg: var(--bg-surface);
  --uploaded-video-file-display-border-color: color-mix(in srgb, var(--text-primary) 23%, var(--bg-body));
  --uploaded-video-icon-container-bg: color-mix(in srgb, var(--text-primary) 15%, var(--bg-body));
  --uploaded-video-file-info-img-filter: invert(0);
  --uploaded-video-icon-img-filter: invert(86%) sepia(0%) saturate(529%) hue-rotate(203deg) brightness(95%) contrast(80%);
  --uploaded-video-file-info-primary-color: var(--text-primary);
  --uploaded-video-file-info-secondary-color: color-mix(in srgb, var(--text-primary) 38%, var(--bg-body));
  --upload-drop-zone-bg: var(--bg-surface);
  --upload-drop-zone-border-color: color-mix(in srgb, var(--text-primary) 34%, var(--bg-body));
  --upload-drop-zone-strong-color: color-mix(in srgb, var(--text-primary) 76%, var(--bg-body));
  --upload-drop-zone-para-color: color-mix(in srgb, var(--text-primary) 37%, var(--bg-body));
  --upload-button-zone-bg: color-mix(in srgb, var(--text-primary) 13%, var(--bg-body));
  --upload-section-img-filter: invert(1);
  --case-number-color: color-mix(in srgb, var(--accent) 77%, black);
  --appeal-btn-border-color: color-mix(in srgb, var(--accent) 77%, black);
  --appeal-btn-color: color-mix(in srgb, var(--accent) 77%, black);
  --appeal-case-number-label-color: var(--text-primary);
  --appeal-status-header-color: var(--text-primary);
  --appeal-status-header-bg: var(--bg-surface);
  --appeal-status-timeline-color: color-mix(in srgb, var(--text-primary) 73%, var(--bg-body));
  --appeal-timeline-border-color: color-mix(in srgb, var(--text-primary) 30%, transparent);
  --appeal-status-timeline-details-bg: var(--bg-surface);
  --appeal-status-current-progress-color: #89ed95;
  --appeal-close-note-border-color: color-mix(in srgb, var(--text-primary) 73%, var(--bg-body));
  --appeal-case-number-btn-img-filter: invert(0);
  --attachments-preview-pagination-bg: color-mix(in srgb, var(--text-primary) 20%, transparent);
  --attachments-preview-pagination-color: var(--text-primary);
  --footer-description-header-color: #676767;
  --footer-description-note-color: #676767;
  --footer-sitemap-header-color: #afafaf;
  --footer-sitemap-link-color: #8a8a8a;
  --footer-featured-product-card-header-color: #939393;
  --footer-featured-product-card-note-color: #939393;
  --footer-bank-list-note-color: #9f9ea6;
  --footer-transaction-service-header-color: #afafaf;
  --footer-transaction-service-note-color: #afafaf;
  --footer-sitemap-icon-bg: #303030;
  --footer-sitemap-icon-filter: invert(.5);
  --footer-sitemap-qr-icon-filter: invert(0);
  --footer-featured-product-bg: #121212;
  --footer-card-container-border: #1e1e1e;
  --footer-hero-icon-bg: #202020;
  --footer-banking-card-bg: #191919;
  --footer-bank-logo-bg: rgba(255,255,255,.1);
  --footer-bank-logo-filter: none;
  --default-bank-list-online-bg: #0f0;
  --default-bank-list-offline-bg: var(--accent);
  --banner-nav-button-bg: color-mix(in srgb, var(--bg-body) 20%, transparent);
  --banner-nav-button-bg-hover: color-mix(in srgb, var(--bg-body) 40%, transparent);
  --social-login-btn-bg: var(--bg-surface);
  --social-login-btn-text-color: color-mix(in srgb, var(--text-primary) 87%, var(--bg-body));
  --social-login-btn-border-color: color-mix(in srgb, var(--text-primary) 25%, var(--bg-body));
  --social-login-header-bg: var(--bg-body);
  --social-login-header-color: color-mix(in srgb, var(--text-primary) 74%, var(--bg-body));
  --social-login-container-header-separator-bg-color: linear-gradient(to right,color-mix(in srgb, color-mix(in srgb, var(--text-primary) 42%, var(--bg-body)) 0%, transparent),color-mix(in srgb, var(--text-primary) 42%, var(--bg-body)),color-mix(in srgb, color-mix(in srgb, var(--text-primary) 42%, var(--bg-body)) 0%, transparent));
  --link-account-btn-bg: linear-gradient(180deg,color-mix(in srgb, var(--text-primary) 28%, var(--bg-body)),color-mix(in srgb, var(--text-primary) 17%, var(--bg-body)));
  --link-account-btn-color: color-mix(in srgb, var(--text-primary) 87%, var(--bg-body));
  --link-account-btn-border: none;
  --link-account-btn-hover-bg: linear-gradient(180deg,color-mix(in srgb, var(--text-primary) 24%, var(--bg-body)),color-mix(in srgb, var(--text-primary) 15%, var(--bg-body)));
  --link-account-linked-bg: var(--bg-surface);
  --link-account-linked-border-color: var(--border-color);
  --link-account-linked-text-color: color-mix(in srgb, var(--text-primary) 87%, var(--bg-body));
  --link-account-linked-box-shadow: none;
  --sbo-icon-filter: invert(1);
  --sbo-text-primary: var(--text-primary);
  --sbo-text-muted: color-mix(in srgb, var(--text-primary) 60%, transparent);
  --sbo-surface: color-mix(in srgb, color-mix(in srgb, var(--text-primary) 29%, var(--bg-body)) 50%, transparent);
  --sbo-live-badge-color: var(--text-on-accent);
  --sbo-live-badge-bg: var(--accent);
  --sbo-card-bg: color-mix(in srgb, var(--bg-surface) 50%, transparent);
  --sbo-card-hover-bg: color-mix(in srgb, color-mix(in srgb, var(--text-primary) 14%, var(--bg-body)) 60%, transparent);
  --sbo-team-name-color: color-mix(in srgb, var(--text-primary) 70%, transparent);
  --sbo-odd-btn-bg: color-mix(in srgb, color-mix(in srgb, var(--text-primary) 29%, var(--bg-body)) 70%, transparent);
  --sbo-odd-btn-hover-bg: color-mix(in srgb, color-mix(in srgb, var(--text-primary) 37%, var(--bg-body)) 80%, transparent);
  --sbo-odd-label-color: color-mix(in srgb, var(--text-primary) 85%, transparent);
  --live-tv-btn-color: var(--text-primary);
}

/* ----------------------------------------------------------
   Ikon & gambar latar bawaan tema merah (warnanya tertanam di
   file gambar) diwarnai ulang mengikuti --accent.
   ---------------------------------------------------------- */
.announcement-container [data-icon="announcement"],
.popular-games [data-section="left"] [data-icon="play"] {
  background-color: var(--accent);
  background-blend-mode: luminosity;
  -webkit-mask: var(--image-src) center no-repeat;
  mask: var(--image-src) center no-repeat;
}

.top-menu>li:hover>a>img,
.top-menu>li[data-active="true"]>a>img {
  object-position: -9999px 0;
  background: var(--image-src) center / contain no-repeat var(--accent);
  background-blend-mode: luminosity;
  -webkit-mask: var(--image-src) center / contain no-repeat;
  mask: var(--image-src) center / contain no-repeat;
}

.download-apk-container {
  background-color: var(--accent);
  background-blend-mode: luminosity;
}

.site-header .logo::before {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--image-src) center top / 100% no-repeat var(--accent);
  background-blend-mode: luminosity;
  -webkit-mask: var(--image-src) center top / 100% no-repeat;
  mask: var(--image-src) center top / 100% no-repeat;
}