/* Local SVG navigation; illustrated content symbols retain their own styling. */
html.site-pearl body.public-ui #sidebar.sidebar {overflow-x:hidden!important}
html.site-pearl body.public-ui .ui-nav-glyph {
  display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:0 0 auto;
  width:20px;height:20px;font-size:20px;line-height:1;font-style:normal;color:inherit!important;
}
html.site-pearl body.public-ui .ui-nav-glyph::before {display:block;line-height:1}
html.site-pearl body.public-ui #sidebar .sb-item-icon[data-nav-tone]>.ui-nav-glyph {font-size:20px!important}
html.site-pearl body.public-ui #sidebar .sb-navigation-heading>.ui-nav-glyph {font-size:16px}
html.site-pearl body.public-ui #sidebar .sb-btn>.ui-nav-glyph {font-size:18px}
html.site-pearl body.public-ui #sidebar .sb-balance-card>.ui-nav-glyph {font-size:19px}
html.site-pearl body.public-ui #sidebar .sb-balance-add>.ui-nav-glyph {font-size:14px}
html.site-pearl body.public-ui #sidebar .sb-vip-promo>.ui-nav-glyph:last-child {font-size:10px}
html.site-pearl body.public-ui .ui-symbol {
  display:inline-block;vertical-align:middle;width:20px;height:20px;flex:0 0 auto;overflow:visible;
  fill:none!important;stroke:currentColor!important;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;
}
html.site-pearl body.public-ui .ui-symbol .ui-symbol-tone {fill:currentColor;stroke:none;fill-opacity:.16}
html.site-pearl body.public-ui .ui-symbol .ui-symbol-lines {fill:none;stroke:currentColor}
html.site-pearl body.public-ui #sidebar .sb-item-icon[data-nav-tone] {
  --nav-icon-rgb:96,117,146;--nav-icon-dark:180,196,211;
  display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;
  padding:0!important;border:1px solid transparent!important;border-radius:12px!important;
  color:rgb(var(--nav-icon-rgb))!important;background:#f0f4f9!important;
  box-shadow:none!important;
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
html.site-pearl.site-dark body.public-ui #sidebar .sb-item-icon[data-nav-tone] {
  color:rgb(var(--nav-icon-dark))!important;background:#1b2834!important;
  border-color:transparent!important;box-shadow:none!important;
}
html.site-pearl body.public-ui #sidebar .sb-item-icon[data-nav-tone] :is(.ui-symbol,.ui-nav-glyph) {width:20px;height:20px;transition:transform .22s ease}
html.site-pearl body.public-ui #sidebar .sb-item {min-height:47px!important;border-radius:14px!important;gap:10px!important}
html.site-pearl body.public-ui #sidebar .sb-nav-ripple {transform:translate(-50%,-50%) scale(0);pointer-events:none}
html.site-pearl body.public-ui #sidebar .sb-item.sb-active .sb-item-icon[data-nav-tone] {
  color:#fff!important;background:#2563d9!important;border-color:transparent!important;
  box-shadow:none!important;
}
html.site-pearl.site-dark body.public-ui #sidebar .sb-item.sb-active .sb-item-icon[data-nav-tone] {color:#fff!important;background:#2c65ce!important;border-color:transparent!important;box-shadow:none!important}
html.site-pearl body.public-ui #sidebar .sb-navigation-heading>:is(.ui-symbol,.ui-nav-glyph) {width:16px;height:16px;color:#5c86cc;stroke-width:1.7}
html.site-pearl body.public-ui #sidebar .sb-btn>:is(.ui-symbol,.ui-nav-glyph) {position:relative;z-index:1;width:18px;height:18px}
html.site-pearl body.public-ui #sidebar .sb-balance-card>:is(.ui-symbol,.ui-nav-glyph) {width:29px;height:29px;padding:5px;border-radius:10px;background:#deebff;color:#3567ca!important}
html.site-pearl.site-dark body.public-ui #sidebar .sb-balance-card>:is(.ui-symbol,.ui-nav-glyph) {background:#233958;color:#9ebffd!important}
html.site-pearl body.public-ui #sidebar .sb-balance-add>:is(.ui-symbol,.ui-nav-glyph) {width:16px;height:16px}
html.site-pearl body.public-ui #sidebar .sb-vip-promo>:is(.ui-symbol,.ui-nav-glyph):first-child {width:20px;height:20px;color:#b38632!important}
html.site-pearl body.public-ui #sidebar .sb-vip-promo>:is(.ui-symbol,.ui-nav-glyph):last-child {margin-left:auto;width:12px;height:12px;opacity:.6}
html.site-pearl body.public-ui :is(.tud-link,.tud-logout,.tud-topup-btn,.tud-bal-label,.topbar-login-btn)>:is(.ui-symbol,.ui-nav-glyph) {width:18px;height:18px;margin-right:3px}
html.site-pearl body.public-ui .tud-bal-label {display:flex;align-items:center;gap:5px}
html.site-pearl body.public-ui .tud-profile-cta__icon>:is(.ui-symbol,.ui-nav-glyph) {width:22px;height:22px}
html.site-pearl body.public-ui .tud-profile-cta>:is(.ui-symbol,.ui-nav-glyph):last-child {margin-left:auto;width:14px;height:14px;color:#7f95b1}
@media(hover:hover) {
  html.site-pearl body.public-ui #sidebar .sb-item:hover .sb-item-icon[data-nav-tone] {transform:translateY(-1px) rotate(-4deg);border-color:rgba(var(--nav-icon-rgb),.3)!important;box-shadow:inset 0 1px 0 #ffffff30,0 4px 10px rgba(var(--nav-icon-rgb),.12)!important}
  html.site-pearl body.public-ui #sidebar .sb-item:hover :is(.ui-symbol,.ui-nav-glyph) {transform:scale(1.06)}
}
html.site-pearl body.public-ui #sidebar .sb-item:active .sb-item-icon[data-nav-tone] {transform:scale(.94)}
/* Rounded staggered lines morph around a shared center when the drawer opens. */
html.site-pearl body.public-ui #topbar.topbar #hamburger.hamburger {
  position:relative;isolation:isolate;overflow:hidden;align-items:center!important;justify-content:center!important;
  flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;gap:0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;color:#4e70bb!important;
  box-shadow:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:color .25s,scale .2s cubic-bezier(.2,.8,.2,1)!important;
}
html.site-pearl.site-dark body.public-ui #topbar.topbar #hamburger.hamburger {color:#a5c7ff!important}
html.site-pearl body.public-ui #topbar.topbar #hamburger.hamburger .menu-toggle-icon {position:relative;z-index:1;display:block;width:26px!important;height:26px!important;flex:none;fill:none;stroke:currentColor;overflow:visible}
html.site-pearl body.public-ui #topbar.topbar #hamburger.hamburger .menu-toggle-line {transform-box:view-box;transform-origin:14px 14px;transition:transform .38s cubic-bezier(.25,1.3,.35,1),opacity .18s ease}
html.site-pearl body.public-ui #topbar.topbar #hamburger.hamburger .menu-toggle-line--top {transform:translateY(-6px) scaleX(.85)}
html.site-pearl body.public-ui #topbar.topbar #hamburger.hamburger .menu-toggle-line--middle {transform-origin:6px 14px;transform:scaleX(.65)}
html.site-pearl body.public-ui #topbar.topbar #hamburger.hamburger .menu-toggle-line--bottom {transform:translateY(6px)}
html.site-pearl body.public-ui #topbar.topbar #hamburger.hamburger[aria-expanded=true] {color:#4e68c8!important}
html.site-pearl.site-dark body.public-ui #topbar.topbar #hamburger.hamburger[aria-expanded=true] {color:#c2d7ff!important}
html.site-pearl body.public-ui #topbar.topbar #hamburger.hamburger[aria-expanded=true] .menu-toggle-line--top {transform:rotate(45deg)}
html.site-pearl body.public-ui #topbar.topbar #hamburger.hamburger[aria-expanded=true] .menu-toggle-line--middle {opacity:0;transform:translateX(6px) scaleX(0)}
html.site-pearl body.public-ui #topbar.topbar #hamburger.hamburger[aria-expanded=true] .menu-toggle-line--bottom {transform:rotate(-45deg)}
html.site-pearl body.public-ui #topbar.topbar #hamburger.hamburger .menu-toggle-pulse {
  display:none!important;background:none!important;
}
html.site-pearl body.public-ui #topbar.topbar #hamburger.hamburger:active {scale:.9}
html.site-pearl body.public-ui #topbar.topbar #hamburger.hamburger:focus-visible {outline:2px solid #7da5e4!important;outline-offset:3px}
@media(hover:hover) {html.site-pearl body.public-ui #topbar.topbar #hamburger.hamburger:hover {color:#4e68c8!important}}
@media(max-width:1180px) {html.site-pearl body.public-ui #topbar #hamburger {display:flex!important}}
@media(min-width:1181px) {html.site-pearl body.public-ui #topbar #hamburger {display:none!important}}
@media(prefers-reduced-motion:reduce) {
  html.site-pearl body.public-ui #sidebar :is(.sb-item-icon[data-nav-tone],.ui-symbol,.ui-nav-glyph) {transition:none!important;animation:none!important;transform:none!important}
  html.site-pearl body.public-ui #topbar.topbar #hamburger.hamburger,html.site-pearl body.public-ui #topbar.topbar #hamburger.hamburger * {transition:none!important;animation:none!important}
}

/* Explicit SVG dimensions and strokes: font-size never sizes an SVG. */
html.site-pearl body.public-ui svg.ui-nav-glyph {
  display:inline-block;vertical-align:middle;flex:none;width:18px;height:18px;
  fill:none!important;stroke:currentColor!important;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
}
html.site-pearl body.public-ui #sidebar.sidebar--minimal .sb-sub-link>.ui-nav-glyph {width:15px!important;height:15px!important}
html.site-pearl body.public-ui #sidebar.sidebar--minimal .payment-menu-chevron>.ui-nav-glyph {width:12px!important;height:12px!important}
html.site-pearl body.public-ui #topbar .header-search-trigger>.ui-nav-glyph {width:20px!important;height:20px!important;stroke-width:1.5}