.bottom-nav{display:flex;justify-content:space-around;align-items:flex-end;padding:2px 4px 4px;background:#191939;border-top:none;position:relative;overflow:visible;--bn-inactive:rgba(180,166,226,.95);--bn-active:#ffce00;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bottom-nav:before{content:"";position:absolute;top:-18px;left:50%;width:80px;height:80px;margin-left:-40px;border-radius:50%;background:#191939;border:none;z-index:-1;pointer-events:none}.nav-item{flex:1 1 0%;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:10px 6px;min-height:62px;transition:background-color .15s ease,transform .12s ease;position:relative;z-index:1;color:var(--bn-inactive);border-radius:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover) and (pointer:fine){.nav-item:hover{background-color:hsla(0,0%,100%,.04)}}.nav-item:active{transform:scale(.98)}.nav-icon{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));transition:filter .2s ease}.nav-svg-icon{display:flex;align-items:center;justify-content:center}.nav-svg-icon .sidebar-icon{width:28px;height:28px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.nav-menu-icon{width:26px;height:26px;color:currentColor}.nav-item-center{color:#fff;margin-top:-38px;padding-top:30px;position:relative;z-index:10}.bottom-nav .nav-item-center .bottomnav-deposit-btn{width:63px;height:63px;border-radius:999px;padding:10px 10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin-top:-8px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bottom-nav .nav-item-center .bottomnav-deposit-btn .deposit-icon-wrapper{width:30px;height:30px;position:relative;top:-4px}.bottom-nav .nav-item-center .bottomnav-deposit-btn .deposit-icon-wrapper svg{filter:drop-shadow(0 1px 0 rgba(0,0,0,.45))}.bottom-nav .deposit-btn-inline:before{display:none!important}.bottom-nav .nav-item-center .bottomnav-deposit-text{font-size:10px;line-height:1;font-weight:900;letter-spacing:.3px;text-transform:uppercase;color:#fff;position:relative;top:-6px;display:inline-block;padding:2px}.bottom-nav .nav-item-center .bottomnav-deposit-text-shadow-1,.bottom-nav .nav-item-center .bottomnav-deposit-text-shadow-2{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-text-stroke:2px #191939;color:transparent;z-index:1;pointer-events:none}.bottom-nav .nav-item-center .bottomnav-deposit-text-shadow-2{top:1px;z-index:2}.bottom-nav .nav-item-center .bottomnav-deposit-text-main{position:relative;z-index:3;text-shadow:#191939 0 1px 0}.bottom-nav .nav-item-center.deposit-zero-pulse .bottomnav-deposit-btn{animation:balancePulse 3s ease infinite}.bottom-nav .nav-item-center .bottomnav-deposit-btn.bottomnav-always-pulse{animation:bnCenterPulse 2.5s ease-in-out infinite}@keyframes bnCenterPulse{0%,to{box-shadow:0 0 0 3px rgba(255,206,0,.15),0 0 0 6px rgba(255,206,0,.08),0 3px 8px rgba(0,0,0,.35);transform:scale(1)}50%{box-shadow:0 0 0 4px rgba(255,206,0,.35),0 0 0 8px rgba(255,206,0,.18),0 5px 12px rgba(0,0,0,.4);transform:scale(1.03)}}.bottom-nav .nav-item-auth{padding:6px;gap:6px;cursor:default}.bottom-nav .nav-item-auth .login-btn,.bottom-nav .nav-item-auth .register-btn{height:26px;padding:6px 12px 7px;border-radius:12px}.nav-item-center .nav-label,.nav-item.active{color:var(--bn-active)}.nav-item.active .nav-icon{filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}.nav-label{font-size:9px;color:currentColor;font-weight:700;text-transform:uppercase;letter-spacing:.3px}html:lang(th) .bottom-nav .nav-item-center .bottomnav-deposit-text,html:lang(th) .bottom-nav .nav-label,html:lang(th-TH) .bottom-nav .nav-item-center .bottomnav-deposit-text,html:lang(th-TH) .bottom-nav .nav-label{font-weight:900;letter-spacing:0;text-transform:none}.nav-item.active .nav-label{color:currentColor}.bottom-nav .sidebar-icon .Ui-outline{stroke:transparent!important}.bottom-nav .sidebar-icon .Ui-outlineFilter{filter:none!important}.bottom-nav .sidebar-icon .Ui-bottomHalf,.bottom-nav .sidebar-icon .Ui-topHalf{fill:currentColor!important;stop-color:currentColor!important}