body .bnb-nav{position:fixed !important;z-index:99999 !important;display:flex !important;transition:all .3s ease;font-family:var(--bnb-font-family)}
body .bnb-container{display:flex;width:100%;margin:0 auto;gap:var(--bnb-item-spacing)}
body .bnb-bg-solid{background-color:var(--bnb-bg-color)}
body .bnb-position-bottom.bnb-bg-solid{box-shadow:0 -4px 30px rgba(0,0,0,.08)}
body .bnb-position-left.bnb-bg-solid{box-shadow:4px 0 30px rgba(0,0,0,.08)}
body .bnb-position-right.bnb-bg-solid{box-shadow:-4px 0 30px rgba(0,0,0,.08)}
body .bnb-style-floating.bnb-bg-solid{box-shadow:0 10px 30px rgba(0,0,0,.15)}
body .bnb-bg-transparent{background-color:rgba(255,255,255,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none !important}
body .bnb-position-bottom{flex-direction:row;top:auto !important;bottom:0 !important;left:0 !important;right:0 !important;height:auto !important}
body .bnb-position-bottom .bnb-container{flex-direction:row;justify-content:center;align-items:stretch}
body .bnb-position-bottom.bnb-style-full-width{width:100%;padding-bottom:calc(8px + env(safe-area-inset-bottom));padding-top:8px}
body .bnb-position-bottom.bnb-style-floating{width:auto;left:15px !important;right:15px !important;bottom:15px !important;top:auto !important;border-radius:30px;padding:5px}
body .bnb-position-bottom.bnb-style-floating .bnb-container{max-width:400px}
body .bnb-position-left,body .bnb-position-right{flex-direction:column;top:0 !important;bottom:0 !important;width:auto !important;height:100vh !important;justify-content:center}
body .bnb-position-left .bnb-container,body .bnb-position-right .bnb-container{flex-direction:column;height:100%;justify-content:center;align-items:stretch}
body .bnb-position-left{left:0 !important;right:auto !important}
body .bnb-position-right{right:0 !important;left:auto !important}
body .bnb-position-left.bnb-style-full-width{padding-left:calc(8px + env(safe-area-inset-left));padding-right:8px}
body .bnb-position-left.bnb-style-floating{top:15px !important;bottom:15px !important;left:15px !important;height:auto !important;padding:5px;border-radius:30px}
body .bnb-position-right.bnb-style-full-width{padding-right:calc(8px + env(safe-area-inset-right));padding-left:8px}
body .bnb-position-right.bnb-style-floating{top:15px !important;bottom:15px !important;right:15px !important;height:auto !important;padding:5px;border-radius:30px}
body .bnb-nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--bnb-inactive-color);padding:4px 12px;flex:0 1 auto;text-align:center;transition:color .3s ease,background-color .3s ease;border-radius:25px}
body .bnb-position-left .bnb-nav-item,body .bnb-position-right .bnb-nav-item{padding:12px 4px}
body .bnb-nav-item .icon-wrapper{width:24px;height:24px;margin-bottom:4px;display:inline-block;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background-color .3s ease;background-color:var(--bnb-icon-color);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
body .bnb-nav-item .label{font-size:var(--bnb-label-font-size);line-height:1.2;transition:font-weight .3s ease}
body .bnb-nav-item.active .icon-wrapper,body .bnb-nav-item:hover .icon-wrapper{background-color:var(--bnb-active-color)}
body .bnb-position-bottom .bnb-nav-item:hover .icon-wrapper{transform:translateY(-4px)}
body .bnb-position-left .bnb-nav-item:hover .icon-wrapper{transform:translateX(4px)}
body .bnb-position-right .bnb-nav-item:hover .icon-wrapper{transform:translateX(-4px)}
body .bnb-labels-hide-all .label{display:none}
body .bnb-labels-hide-all .icon-wrapper{margin-bottom:0}
body .bnb-labels-active-only .label{display:none}
body .bnb-labels-active-only .bnb-nav-item.active .label{display:block}
body .bnb-labels-always .bnb-nav-item.active .label,body .bnb-labels-active-only .bnb-nav-item.active .label{font-weight:600}
body .bnb-nav-item.active,body .bnb-nav-item:hover{color:var(--bnb-active-color)}
body .bnb-nav-item::after{content:'';position:absolute;width:5px;height:5px;background-color:var(--bnb-active-color);border-radius:50%;opacity:0;transition:transform .3s ease,opacity .3s ease}
body .bnb-position-bottom .bnb-nav-item::after{bottom:-2px;left:50%;transform:translateX(-50%) scale(0)}
body .bnb-position-bottom.bnb-style-floating .bnb-nav-item::after{bottom:2px}
body .bnb-position-bottom .bnb-nav-item.active::after{transform:translateX(-50%) scale(1);opacity:1}
body .bnb-position-left .bnb-nav-item::after{right:-2px;top:50%;transform:translateY(-50%) scale(0)}
body .bnb-position-left.bnb-style-floating .bnb-nav-item::after{right:2px}
body .bnb-position-left .bnb-nav-item.active::after{transform:translateY(-50%) scale(1);opacity:1}
body .bnb-position-right .bnb-nav-item::after{left:-2px;top:50%;transform:translateY(-50%) scale(0)}
body .bnb-position-right.bnb-style-floating .bnb-nav-item::after{left:2px}
body .bnb-position-right .bnb-nav-item.active::after{transform:translateY(-50%) scale(1);opacity:1}