/* 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}
.site-cookie-consent{z-index:11060!important}.site-cookie-consent .modal-dialog{width:min(430px,calc(100% - 24px));margin-inline:auto}.site-cookie-consent .modal-content{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--main) 40%,var(--bg_border));border-radius:23px;background:linear-gradient(145deg,color-mix(in srgb,var(--main) 9%,var(--bg_main)),var(--bg_main) 58%,color-mix(in srgb,var(--sub) 8%,var(--bg_main)));box-shadow:0 26px 70px rgba(0,0,0,.44),0 0 30px color-mix(in srgb,var(--main) 14%,transparent);color:var(--font_main)}.site-cookie-consent .modal-content:before{content:"";position:absolute;right:-90px;top:-130px;width:230px;height:230px;border-radius:50%;background:var(--main);filter:blur(70px);opacity:.17;pointer-events:none}.site-cookie-consent .modal-body{position:relative;padding:30px 27px 23px;text-align:center}.site-cookie-icon{display:grid;width:64px;height:64px;margin:0 auto 14px;place-items:center;border:1px solid color-mix(in srgb,var(--main) 45%,transparent);border-radius:20px;background:color-mix(in srgb,var(--main) 14%,var(--bg_sub));box-shadow:0 12px 28px color-mix(in srgb,var(--main) 20%,transparent);color:var(--main);font-size:27px}.site-cookie-kicker{margin:0 0 5px;color:var(--main);font-size:9px;font-weight:700;letter-spacing:.14em}.site-cookie-consent h2{margin:0;color:var(--font_main);font-size:21px;font-weight:700}.site-cookie-description{margin:9px auto 19px;max-width:350px;color:var(--font_sub);font-size:11px;line-height:1.75}.site-cookie-actions{display:flex;gap:8px}.site-cookie-actions .btn{flex:1;min-height:43px;border:0;border-radius:11px;font-size:12px;font-weight:700}.site-cookie-reject{border:1px solid var(--bg_border)!important;background:var(--bg_sub);color:var(--font_sub)}.site-cookie-reject:hover{border-color:var(--main)!important;color:var(--main)}.site-cookie-note{display:block;margin-top:12px;color:var(--font_sub);font-size:9px;opacity:.75}@media(max-width:575.98px){.site-cookie-consent .modal-body{padding:25px 19px 20px}.site-cookie-consent h2{font-size:19px}.site-cookie-description{font-size:10px}}
/* Keep consent behind EnterSite and front-end site popups. */
.site-cookie-consent{z-index:1400!important}
.site-cookie-backdrop{z-index:1390!important;background:rgba(2,4,10,.72)!important;opacity:1!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}
.facebook-browser-notice{z-index:11050!important}.facebook-browser-backdrop{z-index:11040!important;background:#02040a!important;opacity:.82!important}
.facebook-browser-notice .modal-dialog{width:min(430px,calc(100% - 24px));margin-right:auto;margin-left:auto}
.facebook-browser-notice .modal-content{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--main) 42%,var(--bg_border));border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--main) 8%,var(--bg_main)),var(--bg_main) 52%,color-mix(in srgb,var(--sub) 9%,var(--bg_main)));box-shadow:0 28px 80px rgba(0,0,0,.48),0 0 35px color-mix(in srgb,var(--main) 13%,transparent);color:var(--font_main)}
.facebook-browser-notice .modal-content:before{content:"";position:absolute;width:230px;height:230px;right:-105px;top:-125px;border-radius:50%;background:var(--main);filter:blur(65px);opacity:.18;pointer-events:none}
.facebook-browser-notice .modal-body{position:relative;padding:32px 28px 25px;text-align:center}
.facebook-browser-close{position:absolute;z-index:3;right:14px;top:14px;display:grid;width:32px;height:32px;place-items:center;padding:0;border:1px solid var(--bg_border);border-radius:50%;background:color-mix(in srgb,var(--bg_sub) 88%,transparent);color:var(--font_sub);font-size:13px;transition:.18s ease}
.facebook-browser-close:hover{border-color:var(--main);color:var(--main);transform:rotate(8deg)}
.facebook-browser-icon{position:relative;display:grid;width:70px;height:70px;margin:0 auto 16px;place-items:center;border:1px solid color-mix(in srgb,#fff 20%,transparent);border-radius:22px;background:linear-gradient(145deg,#1877f2,color-mix(in srgb,#1877f2 58%,var(--main)));box-shadow:0 13px 32px rgba(24,119,242,.3),0 0 25px color-mix(in srgb,var(--main) 16%,transparent);color:#fff;font-size:30px}
.facebook-browser-icon>span{position:absolute;right:-7px;bottom:-7px;display:grid;width:27px;height:27px;place-items:center;border:3px solid var(--bg_main);border-radius:50%;background:#ffb020;color:#201300;font-size:10px}
.facebook-browser-kicker{margin:0 0 5px;color:var(--main);font-size:9px;font-weight:700;letter-spacing:.17em}
.facebook-browser-notice h2{margin:0;color:var(--font_main);font-size:22px;font-weight:700;line-height:1.35}
.facebook-browser-description{max-width:350px;margin:9px auto 15px;color:var(--font_sub);font-size:12px;line-height:1.75}
.facebook-browser-guide{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--sub) 26%,var(--bg_border));border-radius:13px;background:color-mix(in srgb,var(--sub) 8%,var(--bg_sub));color:var(--font_sub);font-size:10px;line-height:1.6;text-align:left}
.facebook-browser-guide i{flex:0 0 auto;margin-top:3px;color:var(--main);font-size:13px}
.facebook-browser-url{display:flex;align-items:center;gap:8px;margin-bottom:9px;padding:4px 5px 4px 11px;border:1px solid var(--bg_border);border-radius:12px;background:var(--bg_sub)}
.facebook-browser-url>i{color:var(--main);font-size:11px}.facebook-browser-url input{min-width:0;width:100%;height:37px;padding:0;border:0;outline:0;background:transparent;color:var(--font_sub);font-size:10px;text-overflow:ellipsis}
.facebook-browser-copy{display:flex!important;width:100%;min-height:44px;align-items:center;justify-content:center;gap:8px;border:0!important;border-radius:12px!important;color:#fff!important;font-size:12px;font-weight:700;box-shadow:0 10px 25px color-mix(in srgb,var(--main) 24%,transparent)}
.facebook-browser-copy.is-copied{background:#20b26b!important;box-shadow:0 10px 25px rgba(32,178,107,.23)!important}
.facebook-browser-status{min-height:18px;margin:6px 0 0;color:#35cf7d;font-size:9px;font-weight:650}
.facebook-browser-continue{padding:3px 8px;border:0;background:transparent;color:var(--font_sub);font-size:9px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:575.98px){.facebook-browser-notice .modal-body{padding:27px 19px 21px}.facebook-browser-icon{width:62px;height:62px;border-radius:19px;font-size:26px}.facebook-browser-notice h2{font-size:19px}.facebook-browser-description{font-size:11px}.facebook-browser-guide{font-size:9px}.facebook-browser-copy{min-height:42px}}
.site-cookie-consent,.facebook-browser-notice{position:fixed!important;inset:0 0 auto!important;height:auto!important;max-height:none!important;overflow:visible!important;pointer-events:none!important;padding:0!important;background:transparent!important}
.site-cookie-consent .modal-dialog,.facebook-browser-notice .modal-dialog{display:block!important;align-items:flex-start!important;min-height:unset!important;width:min(680px,calc(100% - 24px))!important;max-width:680px!important;margin:12px auto 0!important;pointer-events:auto!important;transform:translateY(-8px);transition:transform .2s ease!important}
.site-cookie-consent.show .modal-dialog,.facebook-browser-notice.show .modal-dialog{transform:translateY(0)}
.site-cookie-consent .modal-content,.facebook-browser-notice .modal-content{border-radius:15px!important;box-shadow:0 12px 38px rgba(0,0,0,.28)!important}
.site-cookie-consent .modal-body{display:grid;grid-template-columns:46px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:2px 12px;padding:12px 14px!important;text-align:left!important}
.site-cookie-icon{grid-column:1;grid-row:1/3;width:42px!important;height:42px!important;margin:0!important;border-radius:13px!important;font-size:18px!important;box-shadow:none!important}
.site-cookie-kicker,.site-cookie-note{display:none!important}.site-cookie-consent h2{grid-column:2;grid-row:1;font-size:14px!important}.site-cookie-description{grid-column:2;grid-row:2;max-width:none!important;margin:0!important;font-size:10px!important;line-height:1.5!important}.site-cookie-actions{grid-column:3;grid-row:1/3;gap:6px!important}.site-cookie-actions .btn{min-width:82px;min-height:35px!important;padding:6px 10px!important;font-size:10px!important}
.facebook-browser-notice .modal-body{display:grid;grid-template-columns:44px minmax(0,1fr) 120px;grid-template-rows:auto auto auto;align-items:center;gap:3px 11px;padding:12px 15px!important;text-align:left!important}
.facebook-browser-icon{grid-column:1;grid-row:1/4;width:40px!important;height:40px!important;margin:0!important;border-radius:13px!important;font-size:18px!important;box-shadow:none!important}.facebook-browser-icon>span{width:19px;height:19px;font-size:7px;border-width:2px}
.facebook-browser-kicker,.facebook-browser-guide,.facebook-browser-status{display:none!important}.facebook-browser-notice h2{grid-column:2;grid-row:1;font-size:13px!important}.facebook-browser-description{grid-column:2;grid-row:2;margin:0!important;max-width:none!important;font-size:9px!important;line-height:1.45!important}.facebook-browser-url{grid-column:2;grid-row:3;margin:0!important;padding:1px 8px!important}.facebook-browser-url input{height:26px!important;font-size:9px!important}.facebook-browser-copy{grid-column:3;grid-row:1/3;min-height:34px!important;padding:5px!important;font-size:9px!important}.facebook-browser-continue{grid-column:3;grid-row:3;justify-self:center;font-size:8px!important}.facebook-browser-close{top:5px!important;right:5px!important;width:22px!important;height:22px!important;font-size:9px!important}
.site-cookie-backdrop,.facebook-browser-backdrop{display:none!important}
@media(max-width:575.98px){.site-cookie-consent .modal-dialog,.facebook-browser-notice .modal-dialog{width:calc(100% - 16px)!important;margin-top:8px!important}.site-cookie-consent .modal-body{grid-template-columns:38px minmax(0,1fr) auto;gap:2px 8px;padding:9px!important}.site-cookie-icon{width:34px!important;height:34px!important;font-size:15px!important}.site-cookie-consent h2{font-size:12px!important}.site-cookie-description{font-size:8px!important}.site-cookie-actions .btn{min-width:60px;min-height:30px!important;padding:4px 6px!important;font-size:8px!important}.facebook-browser-notice .modal-body{grid-template-columns:34px minmax(0,1fr) 88px;gap:3px 7px;padding:9px!important}.facebook-browser-icon{width:31px!important;height:31px!important;font-size:14px!important}.facebook-browser-notice h2{font-size:10px!important}.facebook-browser-description{font-size:8px!important}.facebook-browser-url input{height:22px!important;font-size:8px!important}.facebook-browser-copy{min-height:28px!important;font-size:8px!important}.facebook-browser-continue{font-size:7px!important}}
/* Search backdrop must retain its blur after SPA navigation recreates the modal instance. */
.modal-backdrop.search-modal-backdrop{z-index:1990!important;background:rgba(2,4,10,.68)!important;opacity:1!important;-webkit-backdrop-filter:blur(10px) saturate(120%)!important;backdrop-filter:blur(10px) saturate(120%)!important}

/* One mobile drawer direction and one backdrop for every main-menu theme. */
#siteMobileMenuBackdrop{position:fixed;z-index:1490;inset:0;display:block;margin:0;padding:0;border:0;background:rgba(2,4,10,.55);opacity:0;cursor:pointer;transition:opacity .2s ease;-webkit-backdrop-filter:blur(9px) saturate(118%);backdrop-filter:blur(9px) saturate(118%)}
#siteMobileMenuBackdrop.show{opacity:1}
body.site-mobile-menu-open>.offcanvas-backdrop{pointer-events:none!important;opacity:0!important}
@media(max-width:991.98px){
  body[data-menu-head-style] #offcanvasDarkNavbar,#offcanvasDarkNavbar{display:flex!important;position:fixed!important;z-index:1500!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(90vw,375px)!important;height:100dvh!important;flex-direction:column!important;visibility:hidden!important;transform:translate3d(100%,0,0)!important;transition:transform .22s cubic-bezier(.2,.8,.2,1),visibility .22s!important}
  body[data-menu-head-style] #offcanvasDarkNavbar.showing,body[data-menu-head-style] #offcanvasDarkNavbar.show,#offcanvasDarkNavbar.showing,#offcanvasDarkNavbar.show{visibility:visible!important;transform:translate3d(0,0,0)!important}
  body[data-menu-head-style] #offcanvasDarkNavbar.hiding,#offcanvasDarkNavbar.hiding{visibility:visible!important;transform:translate3d(100%,0,0)!important}
  body[data-menu-head-style] #offcanvasDarkNavbar .offcanvas-header,#offcanvasDarkNavbar .offcanvas-header{display:flex!important;align-items:center!important;justify-content:flex-start!important}
  #offcanvasDarkNavbar .offcanvas-header>a{order:2;min-width:0;flex:1 1 auto}
  #offcanvasDarkNavbar .offcanvas-close-v21{order:1!important;flex:0 0 34px!important;margin:0 10px 0 0!important}
}
@media(min-width:992px){#siteMobileMenuBackdrop{display:none!important}}
/* Keep the special-services destination in the same visual language as the
   active header, rather than giving it a standalone main-color outline. */
body[data-menu-head-style="6"] #nav-original .service-all-wrap{border-top-color:color-mix(in srgb,var(--main) 28%,var(--bg_border))!important}
body[data-menu-head-style="6"] #nav-original .service-all,
body[data-menu-head-style="6"] #offcanvasDarkNavbar :is(.mobile-service-all,.mobile-service-all-v21){
  border:1px solid color-mix(in srgb,var(--main) 28%,var(--bg_border))!important;
  color:var(--font_main)!important;
  background:color-mix(in srgb,var(--bg_sub) 78%,transparent)!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important
}
body[data-menu-head-style="6"] #nav-original .service-all i,
body[data-menu-head-style="6"] #offcanvasDarkNavbar :is(.mobile-service-all,.mobile-service-all-v21) i{
  color:color-mix(in srgb,var(--main) 28%,var(--bg_border))!important;
  background:color-mix(in srgb,var(--main) 9%,var(--bg_sub))!important
}
body[data-menu-head-style="6"] #nav-original .service-all:is(:hover,:focus-visible,.active),
body[data-menu-head-style="6"] #offcanvasDarkNavbar :is(.mobile-service-all,.mobile-service-all-v21):is(:hover,:focus-visible,.active){
  border-color:color-mix(in srgb,var(--main) 45%,var(--sub))!important;
  color:var(--font_main)!important;
  background:linear-gradient(120deg,color-mix(in srgb,var(--main) 15%,var(--bg_sub)),color-mix(in srgb,var(--sub) 12%,var(--bg_sub)))!important;
  box-shadow:0 5px 16px color-mix(in srgb,var(--main) 12%,transparent),inset 0 1px color-mix(in srgb,var(--font_main) 7%,transparent)!important;
  transform:translateY(-1px)!important
}
body[data-menu-head-style="6"] #nav-original .service-all:is(:hover,:focus-visible,.active) i,
body[data-menu-head-style="6"] #offcanvasDarkNavbar :is(.mobile-service-all,.mobile-service-all-v21):is(:hover,:focus-visible,.active) i{
  color:var(--font_main)!important;background:color-mix(in srgb,var(--main) 25%,var(--sub))!important
}
@media(max-width:991.98px){
  body[data-menu-head-style="6"] #nav-original .service-all-wrap{border-top-color:color-mix(in srgb,var(--main) 45%,var(--bg_border))!important}
  body[data-menu-head-style="6"] #offcanvasDarkNavbar :is(.mobile-service-all,.mobile-service-all-v21){border-color:color-mix(in srgb,var(--main) 45%,var(--bg_border))!important}
  body[data-menu-head-style="6"] #offcanvasDarkNavbar :is(.mobile-service-all,.mobile-service-all-v21) i{color:color-mix(in srgb,var(--main) 45%,var(--bg_border))!important}
}
@media(max-width:991.98px){
  body[data-menu-head-style] #offcanvasDarkNavbar :is(
    .mobile-main-menu .nav-link,
    .mobile-list-menu .list-btn,
    .mobile-service-toggle,
    .mobile-service-item,
    .mobile-service-all,
    .mobile-service-all-v21,
    .mobile-service-submenu a,
    .mobile-service-submenu-v21 a
  ),
  body[data-menu-head-style] #offcanvasDarkNavbar :is(
    .mobile-main-menu .nav-link,
    .mobile-list-menu .list-btn,
    .mobile-service-toggle,
    .mobile-service-item,
    .mobile-service-all,
    .mobile-service-all-v21,
    .mobile-service-submenu a,
    .mobile-service-submenu-v21 a
  ) :is(span,strong,b){color:var(--font_main)!important}
  body[data-menu-head-style] #offcanvasDarkNavbar :is(.mobile-service-content small,.mobile-service-submenu small,.mobile-service-submenu-v21 small){color:var(--font_sub)!important}
}
/* Website names must remain readable on every header variant and theme. */
body[data-menu-head-style] #nav-original .site-brand-name,
body[data-menu-head-style] #nav-original .site-brand-name .brand-white{
  color:var(--font_main)!important;
  -webkit-text-fill-color:var(--font_main)!important;
  text-shadow:none!important
}
body[data-menu-head-style] #nav-original .site-brand-name .brand-theme{
  color:var(--main)!important;
  -webkit-text-fill-color:var(--main)!important;
  text-shadow:none!important
}

@media(max-width:991.98px){
  /* Capsule header: keep the outside curve complete and remove the second
     surface/shadow which used to appear behind the mobile main-menu title. */
  body[data-menu-head-style="7"] #nav-original{
    width:calc(100% - 12px)!important;
    min-height:60px!important;
    margin:6px auto!important;
    overflow:visible!important;
    border:1px solid color-mix(in srgb,var(--main) 58%,var(--bg_border))!important;
    border-radius:999px!important;
    background-color:var(--bg_main)!important;
    background-image:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:none!important
  }
  body[data-menu-head-style="7"] #nav-original>.container-fluid{
    border:0!important;
    border-radius:inherit!important;
    background-color:var(--bg_main)!important;
    background-image:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:none!important
  }
  body[data-menu-head-style="7"] #offcanvasDarkNavbar .offcanvas-header{
    min-height:58px!important;
    margin:12px 14px 7px!important;
    padding:8px 9px 8px 14px!important;
    justify-content:space-between!important;
    border:1px solid color-mix(in srgb,var(--main) 58%,var(--bg_border))!important;
    border-radius:999px!important;
    background:var(--bg_main)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--font_main) 9%,transparent)!important
  }
  body[data-menu-head-style="7"] #offcanvasDarkNavbar .offcanvas-header>a{
    display:flex!important;
    align-items:center!important;
    order:1!important;
    flex:1 1 auto!important;
    gap:9px!important;
    min-width:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important
  }
  body[data-menu-head-style="7"] #offcanvasDarkNavbar .offcanvas-header>a::before{
    content:"\f0c9";
    display:grid!important;
    place-items:center!important;
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
    border:1px solid color-mix(in srgb,var(--main) 34%,var(--bg_border))!important;
    border-radius:50%!important;
    background:color-mix(in srgb,var(--main) 12%,var(--bg_sub))!important;
    color:var(--main)!important;
    font-family:"Font Awesome 6 Pro","Font Awesome 6 Free"!important;
    font-size:13px!important;
    font-weight:900!important
  }
  body[data-menu-head-style="7"] #offcanvasDarkNavbar .offcanvas-header img{
    display:none!important
  }
  body[data-menu-head-style="7"] #offcanvasDarkNavbar #offcanvasDarkNavbarLabel{
    color:var(--font_main)!important;
    font-size:14px!important;
    font-weight:700!important;
    letter-spacing:.01em!important;
    background:transparent!important;
    box-shadow:none!important
  }
  body[data-menu-head-style="7"] #offcanvasDarkNavbar .offcanvas-close-v21{
    order:2!important;
    flex:0 0 36px!important;
    width:36px!important;
    height:36px!important;
    margin:0!important;
    border-color:color-mix(in srgb,var(--main) 42%,var(--bg_border))!important;
    border-radius:50%!important;
    color:var(--font_main)!important;
    background:color-mix(in srgb,var(--bg_sub) 88%,var(--main))!important;
    box-shadow:none!important
  }
  body[data-menu-head-style="7"] #offcanvasDarkNavbar .offcanvas-close-v21:is(:hover,:focus-visible){
    border-color:var(--main)!important;
    color:#fff!important;
    background:var(--main)!important;
    transform:rotate(6deg)!important
  }
}
/* Bottom wallet/menu labels must follow the configured text color. Several
   visual presets previously forced white and became unreadable on light sites. */
body[data-wallet-style] .bottom-panel .footer-item div,
body[data-wallet-style] .bottom-panel .footer-item div :is(span,strong,b,small),
body[data-wallet-style] .bottom-panel .footer-profile-name{
  color:var(--font_main)!important;
  -webkit-text-fill-color:var(--font_main)!important;
  text-shadow:none!important
}