.NavigationMenuContent{position:relative}.navigation{background-image:linear-gradient(180deg,#1d1d1d00,#1d1d1d00);box-shadow:0 2px 10px #0000;&.opaque{box-shadow:0 2px 10px #0000004d;background-image:linear-gradient(180deg,#1d1d1d,#1d1d1d)}}.navigation .top-bar{--tb-height:40px;background-color:#00000040;height:var(--tb-height);line-height:var(--tb-height);font-weight:600;font-size:13px;color:#fff9;.left{flex-direction:row;gap:1.25rem}.left,.right{display:flex}.right{flex-direction:row;justify-content:flex-end;gap:1.25rem}.progress-bar{border-radius:9999px;border-width:1px;border-color:#ffffff40}.progress-bar{.progress{border-radius:9999px;background-color:#ffffff40;height:4px;width:45%}}.number{display:flex;align-items:center;gap:8px;&.donations{line-height:1}&.watching:before{--color:#0fec5a;--glow-color:#0fec5a4d;content:" "}&.online:before{--color:#779bff;--glow-color:#779bff4d;content:" "}&:before{border-radius:100%;width:var(--size);height:var(--size);background-color:var(--color);box-shadow:0 0 5px 2px var(--glow-color);display:block}}}.navigation{.menu-item{position:relative;font-size:var(--bb-font-size-medium);line-height:var(--bb-line-height-medium);font-weight:600;--tw-text-opacity:1;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.25s}.menu-item,.menu-item:hover{color:rgb(255 255 255/var(--tw-text-opacity,1))}.menu-item:hover{--tw-text-opacity:1;color:hsl(var(--bb-primary-500)/var(--bb-primary-500-opacity,var(--tw-text-opacity)))}button.menu-item{min-width:0}}