/* BloxGamba navigation: flat sections and an optional desktop icon rail. */
#root .navigation-sidebar.bg-nav{background:#0d1119!important;border-right:1px solid #252a36!important;overflow:hidden!important;box-sizing:border-box;color:#e8edf5}
#root .navigation-sidebar.bg-nav .rail-tabs{display:grid!important;grid-template-columns:34px minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important;height:70px!important;min-height:70px!important;padding:15px 12px!important;border-bottom:1px solid #252a36!important;grid-template-rows:40px!important}
#root .navigation-sidebar.bg-nav .rail-tabs:before,#root .navigation-sidebar.bg-nav .rail-tabs:after{content:none!important}
#root .navigation-sidebar.bg-nav .rail-tabs button.art-tab{height:40px!important;min-height:40px!important;padding:0 10px!important;background:#1b202b!important;color:#a6afbd!important;font-size:12px!important;border-radius:4px!important}
#root .navigation-sidebar.bg-nav .rail-tabs button.art-tab.active{background:#493b20!important;color:#f3cc6c!important}
#root .navigation-sidebar.bg-nav .rail-tabs button.art-tab:after{content:none!important}
#root .navigation-sidebar.bg-nav .rail-tabs .bg-nav-toggle{display:grid!important;place-items:center!important;height:40px!important;width:34px!important;padding:7px!important;border:0!important;background:transparent!important;color:#9ba7b9!important;border-radius:4px!important;cursor:pointer}
#root .navigation-sidebar.bg-nav .bg-nav-toggle:hover{background:#202635!important;color:#efc965!important}
#root .navigation-sidebar.bg-nav .scroll-area{padding:7px 12px 15px!important;scrollbar-width:thin!important;scrollbar-color:#30394b transparent!important;overflow-y:auto!important;overflow-x:hidden!important}
#root .navigation-sidebar.bg-nav .sidebar-group-box{background:none!important;border:0!important;border-radius:0!important;padding:12px 0 10px!important;margin:0!important;box-shadow:none!important}
#root .navigation-sidebar.bg-nav .sidebar-group-box+.sidebar-group-box,#root .navigation-sidebar.bg-nav .profile-box{border-top:1px solid #252a36!important;margin-top:7px!important;padding-top:16px!important}
#root .navigation-sidebar.bg-nav .group-title{padding:0!important;margin:0 0 6px!important;background:none!important;border:0!important;line-height:1!important}
#root .navigation-sidebar.bg-nav .bg-section-toggle{width:100%;height:34px;display:flex;align-items:center;gap:11px;padding:0 10px;border:0;background:none;color:#f0f3f8;font:600 11px/1.4 Rubik,system-ui,sans-serif;text-transform:uppercase;cursor:pointer;text-align:left;border-radius:4px}
#root .navigation-sidebar.bg-nav .bg-section-toggle>.bg-nav-icon:first-child{color:#efc965}
#root .navigation-sidebar.bg-nav .bg-section-chevron{margin-left:auto;width:13px!important;height:13px!important;min-width:13px!important;color:#78859b;transition:transform .15s}
#root .navigation-sidebar.bg-nav .bg-section-toggle[aria-expanded="false"]>.bg-section-chevron{transform:rotate(-90deg)}
#root .navigation-sidebar.bg-nav .nav-group{gap:2px!important;padding:0!important;background:none!important;border:0!important}
#root .navigation-sidebar.bg-nav .nav-group[hidden]{display:none!important}
#root .navigation-sidebar.bg-nav .nav-group>a,#root .navigation-sidebar.bg-nav .nav-group>button{height:40px!important;min-height:40px!important;width:100%!important;display:flex!important;align-items:center!important;gap:11px!important;padding:0 10px!important;background:transparent!important;border:1px solid transparent!important;border-radius:4px!important;color:#bdc7d7!important;box-shadow:none!important;font:500 12px/1.4 Rubik,system-ui,sans-serif!important;white-space:nowrap!important;text-decoration:none!important}
#root .navigation-sidebar.bg-nav .nav-group>a:hover,#root .navigation-sidebar.bg-nav .nav-group>button:hover{background:#1a202d!important;color:#f1f4f8!important}
#root .navigation-sidebar.bg-nav .nav-group>a.active{background:#252016!important;border-color:#66502e!important;color:#f2ce76!important;box-shadow:inset 2px 0 #efc965!important}
#root .navigation-sidebar.bg-nav .nav-group .nav-icon,#root .navigation-sidebar.bg-nav .vault-icon{display:block!important;color:#939fb1!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;flex:0 0 18px!important;margin:0!important;line-height:18px!important;text-align:center}
#root .navigation-sidebar.bg-nav .nav-group .nav-icon>svg{width:18px!important;height:18px!important}
#root .navigation-sidebar.bg-nav .nav-group>a.active .nav-icon,#root .navigation-sidebar.bg-nav .nav-group>a:hover .nav-icon{color:inherit!important}
#root .navigation-sidebar.bg-nav .bg-nav-icon{display:block;width:18px;height:18px;min-width:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#root .navigation-sidebar.bg-nav .bg-rewards-shortcut{display:flex;align-items:center;gap:11px;width:100%;height:43px;padding:0 10px;margin:7px 0 0;border:0;border-top:1px solid #252a36;background:none;color:#efc965;font:600 11px/1.4 Rubik,system-ui,sans-serif;text-transform:uppercase;cursor:pointer;text-align:left}
#root .navigation-sidebar.bg-nav .bg-rewards-shortcut:hover,#root .navigation-sidebar.bg-nav .bg-section-toggle:hover{background:#1a202d}
#root .navigation-sidebar.bg-nav .bg-nav-footer{flex:none;padding:8px 12px 3px;border-top:1px solid #252a36}
#root .navigation-sidebar.bg-nav .bg-nav-race{display:flex;align-items:center;gap:10px;min-height:52px;padding:9px 12px;border:1px solid #66502e66;border-radius:5px;background:radial-gradient(ellipse at 100% 0,#b78b2222,transparent 75%),#1c1b1c;color:#efc965;text-decoration:none;margin-bottom:7px}
#root .navigation-sidebar.bg-nav .bg-nav-race .bg-nav-label{display:flex;flex-direction:column;gap:3px;min-width:0}
#root .navigation-sidebar.bg-nav .bg-race-title{font-size:12px;font-weight:600;color:#f2d38b}
#root .navigation-sidebar.bg-nav .bg-race-copy{font-size:10px;color:#a6afbd}
#root .navigation-sidebar.bg-nav .bg-nav-footer-row{display:flex;gap:5px}
#root .navigation-sidebar.bg-nav .bg-open-rewards{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 8px;border:1px solid #efd071;border-radius:4px;background:linear-gradient(#f5d779,#dfb741);color:#211a0b;font:600 11px/1.3 Rubik,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
#root .navigation-sidebar.bg-nav .bg-nav-social{display:grid;place-items:center;flex:0 0 32px;width:32px;height:36px;color:#9ba7b9;background:#1b202b;border:1px solid #282d3a;border-radius:4px}
#root .navigation-sidebar.bg-nav .bg-nav-social:hover{color:#efc965;background:#252b39}
#root .navigation-sidebar.bg-nav>.logout{height:34px;min-height:34px;margin:7px 12px 12px!important;padding:0 10px!important;border:0!important;background:transparent!important;color:#a6afbd!important;justify-content:flex-start!important;border-radius:4px!important;font-size:11px!important}
#root .navigation-sidebar.bg-nav>.logout:hover{background:#281d27!important;color:#ef9baf!important}
#root .navigation-sidebar.bg-nav :is(a,button):focus-visible{outline:2px solid #efc965!important;outline-offset:-2px!important}
@media(min-width:1121px){
 #root .navigation-sidebar.bg-nav{width:260px!important;min-width:260px!important;flex:0 0 260px!important;transition:width .18s ease,min-width .18s ease,flex-basis .18s ease}
 #root .navigation-sidebar.bg-nav.bg-nav-collapsed{width:68px!important;min-width:68px!important;flex-basis:68px!important}
 #root .navigation-sidebar.bg-nav.bg-nav-collapsed .rail-tabs{display:flex!important;justify-content:center!important;padding:15px 0!important}
 #root .navigation-sidebar.bg-nav.bg-nav-collapsed .rail-tabs .art-tab{display:none!important}
 #root .navigation-sidebar.bg-nav.bg-nav-collapsed .scroll-area{padding:7px 9px 12px!important}
 #root .navigation-sidebar.bg-nav.bg-nav-collapsed .nav-group{display:flex!important}
 #root .navigation-sidebar.bg-nav.bg-nav-collapsed .nav-group>a,#root .navigation-sidebar.bg-nav.bg-nav-collapsed .nav-group>button,#root .navigation-sidebar.bg-nav.bg-nav-collapsed .bg-section-toggle,#root .navigation-sidebar.bg-nav.bg-nav-collapsed .bg-rewards-shortcut{justify-content:center!important;padding:0!important;gap:0!important}
 #root .navigation-sidebar.bg-nav.bg-nav-collapsed .nav-group :is(a,button)>span:not(.nav-icon):not(.vault-icon),#root .navigation-sidebar.bg-nav.bg-nav-collapsed .nav-group em,#root .navigation-sidebar.bg-nav.bg-nav-collapsed .bg-section-label,#root .navigation-sidebar.bg-nav.bg-nav-collapsed .bg-section-chevron,#root .navigation-sidebar.bg-nav.bg-nav-collapsed .bg-nav-label,#root .navigation-sidebar.bg-nav.bg-nav-collapsed>.logout>span:not(.nav-icon){display:none!important}
 #root .navigation-sidebar.bg-nav.bg-nav-collapsed .bg-nav-footer{padding:8px 9px 3px}
 #root .navigation-sidebar.bg-nav.bg-nav-collapsed .bg-nav-race{justify-content:center;padding:10px 0;min-height:40px}
 #root .navigation-sidebar.bg-nav.bg-nav-collapsed .bg-nav-footer-row{flex-direction:column}
 #root .navigation-sidebar.bg-nav.bg-nav-collapsed .bg-open-rewards{flex:0 0 36px}
 #root .navigation-sidebar.bg-nav.bg-nav-collapsed .bg-nav-social{width:100%;flex:0 0 30px;height:30px}
 #root .navigation-sidebar.bg-nav.bg-nav-collapsed>.logout{justify-content:center!important;padding:0!important;margin:7px 9px 12px!important}
}
@media(max-width:1120px){#root .navigation-sidebar.bg-nav .rail-tabs{grid-template-columns:1fr 1fr!important;height:60px!important;min-height:60px!important;padding:10px 14px!important}#root .navigation-sidebar.bg-nav .rail-tabs .bg-nav-toggle{display:none!important}#root .navigation-sidebar.bg-nav .bg-nav-footer{padding:8px 14px 3px}#root .navigation-sidebar.bg-nav .scroll-area{padding:7px 14px 12px!important}}
@media(prefers-reduced-motion:reduce){#root .navigation-sidebar.bg-nav,#root .navigation-sidebar.bg-nav .bg-section-chevron{transition:none!important}}
#root .navigation-sidebar.bg-nav .bg-rewards-shortcut[hidden]{display:none!important}
