/* Idle translucent surfaces use the secondary theme color; main remains the icon/accent color. */
.nav-balance-icon,.nav-balance-refresh,
#offcanvasDarkNavbar .mobile-main-menu .nav-link i,
#offcanvasDarkNavbar .mobile-level-row span,
#offcanvasDarkNavbar .mobile-service-submenu-v21 a i,
.api-buy-stat-icon,.api-buy-quantity-head>i,
.buy25-stat-icon,.buy25-quantity-head i,
.buy-purchase-zone .buy25-mode-panel .fw-bolder:first-child i,
.buy-purchase-zone .buy26-rent-terms>span>i,
.buy-purchase-zone .buy25-variant-card>label>i,
.buy-purchase-zone .buy26-heading-icon,
.buy-purchase-zone .buy26-installment-details i,
.local-checkout-stat i,.local-checkout-label>i,
.hs-album-icon,.hs-feature-icon,
.nm-summary>span,.rtd24-info>i,.installment-timeline-item i,
.h2-stat-icon,.h2-service-icon,.aff-stat i,
.es24-drop-icon,.pay21-sk-icon,
.pm26-stat-icon,.pm26-action-icon,.pv20-action-icon,
.angpao24-step:before,.checkin-summary,
.howto-badge,.howto-check,.bo23-code,
.admin-sidebar-logo,
.admin-version,.reward-history-title-icon,
.mgmenu26-title-icon,.pz-icon,.pz-action i,
.level-admin .level-title-icon,.rank-number,.rank-tier,
.history-source-badge,.history-game-badge,.audit-action,
.theme-media-card-head i,.wmi26-preview,
.order-review25-chip,
.custom-icon-menu__image:before,
.app2-live,.hs-example-more,
.authv--laser .authv-badge,
.payment2-page .payment-method-grid .col-auto:last-child span,
.payment2-page .payment-extra-grid .col-auto:last-child span,
.payment3-page .payment-method-grid .col-auto:last-child span,
.payment3-page .payment-extra-grid .col-auto:last-child span,
.pv20-title-badge,.tmw24-timer,
.lm-icon{
  background-color:color-mix(in srgb,var(--sub) 13%,transparent)!important;
  background-image:none!important;
}
.buy26-rent-price,.buy26-installment-hero,
.buy-purchase-zone .buy25-mode-panel .alert,
.buy25-coupon,.bo23-live,
.social-public-notice,.payapi25-note,.tmwadmin25>.alert,
.cf-admin-rate,.game-winrate26,.rca24-percent,.wmi26-note,
.rps-rate,
.admin-layout .modal-header,.admin-layout .modal-footer,
.admin-layout #product_insert .border-main,
.admin-layout #product_insert #trade_input>div>div,
.admin-layout #product_insert #auction_input .border-main,
.admin-layout #product_insert #preorder_input .border-main,
#reviewModal .modal-body>div:first-child{
  background-color:color-mix(in srgb,var(--sub) 9%,var(--bg_sub))!important;
  background-image:none!important;
}
[style*="background:color-mix(in srgb,var(--main) 8%,transparent)"],
[style*="background: color-mix(in srgb, var(--main) 8%, transparent)"]{
  background-color:color-mix(in srgb,var(--sub) 9%,transparent)!important;
  background-image:none!important;
}
body[data-wallet-style="2"] .bottom-panel .footer-item i,
body[data-wallet-style="3"] .bottom-panel .footer-link:not(:nth-child(5)) .footer-item:before,
body[data-wallet-style="3"] .bottom-panel .footer-link:nth-child(3) .footer-item:before,
body[data-wallet-style="4"] .bottom-panel .footer-item:before{
  background-color:color-mix(in srgb,var(--sub) 14%,var(--bg_sub))!important;
}
body[data-wallet-style="2"] .bottom-panel .footer-link:is(:hover,.is-active) .footer-item i,
body[data-wallet-style="3"] .bottom-panel .footer-link:is(:hover,.is-active) .footer-item:before,
body[data-wallet-style="4"] .bottom-panel .footer-link:is(:hover,.is-active) .footer-item:before{
  background-color:color-mix(in srgb,var(--main) 18%,var(--bg_sub))!important;
}
.custom-icon-menu__item:is(:hover,.is-active,.active) .custom-icon-menu__image:before{
  background-color:color-mix(in srgb,var(--main) 22%,var(--sub))!important;
  background-image:radial-gradient(circle,color-mix(in srgb,var(--main) 38%,transparent),color-mix(in srgb,var(--sub) 12%,transparent) 68%)!important;
}
.rank-number.top{background:var(--main)!important}
body[data-wallet-style] .bottom-panel .footer,body[data-wallet-style] .bottom-panel .footer:hover,body[data-wallet-style] .bottom-panel .footer-link:hover .footer-item{transform:none!important;translate:none!important}
body[data-wallet-style] .bottom-panel .bg-main,body[data-wallet-style] .bottom-panel .bg-main:hover{transform:none!important;translate:none!important}
body[data-wallet-style="1"] .bottom-panel .footer-link:hover{background:transparent!important}
body[data-wallet-style="1"] .bottom-panel .footer.bg-main,body[data-wallet-style="1"] .bottom-panel .footer.bg-main:hover{background:linear-gradient(130deg,var(--main),var(--sub),var(--main),var(--sub),var(--main))!important;background-size:300% 100%!important;animation:smooth-color-run 4s ease-in-out infinite!important}