.BottomNavigation_bar__rJWe2{position:fixed;bottom:0;inset-inline-start:50%;transform:translateX(-50%);width:min(100%,600px);padding:6px 8px max(8px,var(--safe-area-bottom,env(safe-area-inset-bottom,0px)));border-top:1px solid var(--color-tertiary);background:var(--color-main-bg);box-shadow:0 -3px 16px rgb(0 0 0/5%);z-index:20}.BottomNavigation_bar__rJWe2 ul{display:grid;grid-template-columns:repeat(var(--bottom-nav-columns,5),minmax(0,1fr));list-style:none;margin:0;padding:0;gap:2px}.BottomNavigation_bar__rJWe2 li{min-width:0}.BottomNavigation_bar__rJWe2 button>span{font-size:11px;line-height:1.3;white-space:nowrap}.BottomNavigation_icon__OUuPS>svg{height:100%;width:100%;flex-shrink:0}.BottomNavigation_icon__OUuPS>svg [stroke]:not([stroke=none]):not([stroke^="url("]){stroke:currentColor}.BottomNavigation_icon__OUuPS>svg [fill]:not([fill=none]):not([fill^="url("]){fill:currentColor}[dir=rtl] .BottomNavigation_bar__rJWe2{transform:translateX(50%)}.BottomNavigation_icon__OUuPS{display:grid;place-items:center;width:var(--bottom-nav-icon-size,28px);height:var(--bottom-nav-icon-size,28px);flex-shrink:0;color:inherit}.BottomNavigation_bar__rJWe2 button{color:var(--color-secondary)}.BottomNavigation_bar__rJWe2 button[aria-current=page]{color:var(--color-primary)}.BottomNavigation_bar__rJWe2 button:not([aria-current=page]) [data-avatar-navigation] img{filter:grayscale(1)}.BottomNavigation_bar__rJWe2[data-placement=flow]{position:relative;bottom:auto;inset-inline-start:auto;transform:none;width:100%;flex:none;padding-bottom:8px}.BottomNavigation_bar__rJWe2[data-labels=hidden]{padding-top:0;padding-bottom:var(--safe-area-bottom,env(safe-area-inset-bottom,0))}.BottomNavigation_bar__rJWe2[data-labels=hidden] button{min-height:48px;height:48px;padding:8px 4px;gap:0}.BottomNavigation_bar__rJWe2[data-placement=flow][data-labels=hidden]{padding-bottom:0}.BottomNavigation_bar__rJWe2[data-appearance=tabs]{border:0;border-bottom:1px solid var(--color-tertiary);box-shadow:none;padding:0 8px;overflow-x:auto;scrollbar-width:none}.BottomNavigation_bar__rJWe2[data-appearance=tabs] ul{display:flex;width:max-content;min-width:100%;gap:4px}.BottomNavigation_bar__rJWe2[data-appearance=tabs] li{flex:1 0 auto}.BottomNavigation_bar__rJWe2[data-appearance=tabs] button{position:relative;flex-direction:row;min-width:max-content;min-height:48px;padding:8px 4px;gap:4px;border-radius:0}.BottomNavigation_bar__rJWe2[data-appearance=tabs] button>span:last-child{font-size:13px;line-height:20px;min-height:20px;white-space:nowrap}.BottomNavigation_bar__rJWe2[data-appearance=tabs] button[aria-current=page]:after{content:"";position:absolute;bottom:0;inset-inline:8px;height:3px;border-radius:3px 3px 0 0;background:var(--color-primary)}