.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}}}