#floating-nav{position:relative}.bottom-nav{width:calc(100% - 36px);position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#fff;box-shadow:0 2px 10px #3a373740;border-radius:50px;display:flex;justify-content:space-evenly;padding:10px 2px;box-shadow:0 4px 12px #0000001a;z-index:1}.bottom-nav:before{content:"";width:calc(100% - 6px);height:calc(100% - 6px);background:#fff;position:absolute;left:3px;top:3px;z-index:-1;box-shadow:0 2px 10px #3a373740;border-radius:50px}.bottom-nav:after{content:"";width:100%;width:calc(100% + 40px);height:calc(100% + 20px);position:absolute;left:-20px;top:-4px;background:linear-gradient(180deg,#ffffff14,#eae3e3);z-index:-2}.nav-item{display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:center;text-decoration:none;color:#000;font-size:10px;font-weight:500;padding:0 12px;border-radius:30px;transition:background .3s,color .3s}.nav-item:last-child{padding-right:1px}.nav-item .icon{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.nav-item .d-center.icon.icon-account{background:#000;height:40px;width:40px;border-radius:50%}.nav-item .label{display:none}.nav-item.active{background:#000;color:#fff}.nav-item.active .label{display:block}.nav-item.active .icon{font-weight:700}.nav-item.active svg{transform:scale(.6)}.nav-item.active .icon.nav-hok-reward svg{transform:scale(.9)}.nav-item.active svg.icon-logo path{fill:#fff}.nav-item.active .icon.nav-hok-reward svg.icon-logo path{fill:unset}.nav-item.active svg path{stroke:#fff}.nav-item.active .icon.nav-hok-reward svg path{stroke:unset}
/*# sourceMappingURL=/cdn/shop/t/137/assets/floating-nav.css.map */