.bottom-nav{display:flex;justify-content:space-around;align-items:center;position:relative;z-index:7;height:68px;padding:0;background:#191939;border-top:none;border-radius:0;overflow:visible;--bn-inactive:rgba(180,166,226,.95);--bn-active:#fff;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}.bottom-nav:has(.nav-item-signup):before{display:none}.nav-item{flex:1 1 0%;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:0 6px;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}.nav-item-center.nav-item-signup{height:68px;min-height:68px;margin-top:0;padding:0;justify-content:center;overflow:visible}.bottom-nav .bottomnav-signup-btn{width:80px;height:80px;flex-direction:column;gap:2px;flex:0 0 80px;transform:translateY(-20px);color:#fff;background:url(/images/bottomnav-signup-bg-80-q98.webp) 50%/cover no-repeat;isolation:isolate}.bottom-nav .bottomnav-signup-btn,.bottomnav-signup-asset{position:relative;display:flex;align-items:center;justify-content:center}.bottomnav-signup-asset{width:32px;height:24px}.bottomnav-signup-icon{display:block;width:24px;height:24px;margin-bottom:2px;position:relative;z-index:0}.bottomnav-signup-lottie{width:24px!important;height:24px!important;position:absolute;inset:0;z-index:1;pointer-events:none}.bottomnav-deposit-asset{width:32px;height:32px}.bottomnav-deposit-lottie{width:32px!important;height:32px!important;position:absolute;inset:0;z-index:1;pointer-events:none}.bottomnav-signup-gift{position:absolute;top:-22px;left:50%;transform:translate(-50%);padding:0 4px;border-radius:4px;color:#000;background:#feb800;border:1px solid #000;font-size:10px;line-height:16px;font-weight:700;white-space:nowrap;text-transform:none;z-index:3}.bottomnav-signup-gift:after{content:"";width:8px;height:8px;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background:#feb800;border-right:1px solid #000;border-bottom:1px solid #000;z-index:-1}.bottomnav-signup-text{width:100%;max-width:56px;margin-top:-4px;color:#fff;font-size:12px;line-height:19.2px;font-weight:700;text-align:center;white-space:nowrap;text-transform:none}.bottomnav-freegift-effects{position:absolute;bottom:68px;left:50%;width:120px;height:60px;transform:translateX(-50%);z-index:6;pointer-events:none;animation:bottomnavGiftSlideUp .5s ease-out both}.bottomnav-freegift-effects-inner{width:120px;height:60px;position:relative;display:flex;align-items:flex-end;justify-content:center}.bottomnav-freegift-backlight{width:120px;height:60px;position:relative;z-index:2;animation:bottomnavBacklightBreath 2s ease-in-out infinite}.bottomnav-freegift-backlight img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.bottomnav-coinburst-lottie{width:120px!important;height:76px!important;position:absolute;top:-16px;left:0;z-index:1;pointer-events:none}@keyframes bottomnavGiftSlideUp{0%{transform:translate(-50%,60px)}to{transform:translate(-50%)}}@keyframes bottomnavBacklightBreath{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.bottomnav-freegift-backlight,.bottomnav-freegift-effects{animation:none}}.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-label{font-size:9px;color:currentColor;font-weight:700;text-transform:uppercase;letter-spacing:.3px}html:lang(th) .bottom-nav .bottomnav-signup-text,html:lang(th) .bottom-nav .nav-label,html:lang(th-TH) .bottom-nav .bottomnav-signup-text,html:lang(th-TH) .bottom-nav .nav-label{font-weight:900;letter-spacing:0;text-transform:none}.nav-item.active .nav-label{color:#fff;text-shadow:0 0 5px hsla(0,0%,100%,.42),0 1px 2px rgba(9,6,31,.9)}.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}.bottom-nav .nav-item.active .sidebar-icon .Ui-bottomHalf{fill:#ffca00!important;stop-color:#ffca00!important}.bottom-nav .nav-item.active .sidebar-icon .Ui-topHalf{fill:#ffdb00!important;stop-color:#ffdb00!important}.bottom-nav .nav-item.active .sidebar-icon .Ui-outline{stroke:#5800e9!important}.bottom-nav .nav-item.active .sidebar-icon .Ui-outlineFilter{filter:unset!important}