.top.b4-userbar{position:relative;z-index:20;background:#1c1c1c;border-bottom:2px solid var(--tt-accent,#892222)}.top.b4-userbar > .b4-userbar__inner{box-sizing:border-box;display:flex;align-items:center;min-height:49px;gap:0;padding:0}.b4-userbar svg{display:block;flex-shrink:0;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.b4-account{position:relative;min-width:0}.b4-account__trigger{display:flex;align-items:center;gap:9px;min-height:49px;max-width:230px;padding:0 18px 0 0;color:#d0d0d0;cursor:pointer;list-style:none}.b4-account__trigger::-webkit-details-marker{display:none}.b4-account__trigger:hover,.b4-account[open] > .b4-account__trigger{color:#fff}.b4-account__avatar{position:relative;display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;overflow:hidden;border-radius:3px;color:#999;background:#303030}.b4-account__avatar svg{width:20px;height:20px}.b4-account__avatar img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.b4-account__avatar img[src=""],.b4-account__avatar img[hidden]{display:none}.b4-account__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.b4-userbar .b4-account__chevron{width:13px;height:13px;color:#777}.b4-account[open] .b4-account__chevron{transform:rotate(180deg)}.top.b4-userbar > .b4-userbar__inner > a{box-sizing:border-box;display:flex;align-items:center;gap:8px;min-height:30px;margin:0;padding:0 18px;border-left:1px solid #353535;color:#aaa;font-size:12px;white-space:nowrap}.top.b4-userbar > .b4-userbar__inner > a:hover{color:#eee}.b4-userbar__count{display:grid;place-items:center;box-sizing:border-box;min-width:17px;height:17px;padding:0 4px;border-radius:2px;background:var(--tt-accent,#892222);color:#fff;font-family:Arial,sans-serif;font-size:10px;line-height:1}.b4-userbar__logout svg{color:var(--tt-accent,#892222)}.b4-account__panel{box-sizing:border-box;position:absolute;top:100%;left:0;z-index:30;width:195px;max-width:calc(100vw - 24px);padding:5px 0;border:1px solid #353535;border-top:2px solid var(--tt-accent,#892222);background:#202020;box-shadow:0 5px 10px rgba(0,0,0,.25)}.b4-account__panel > a,.b4-account__staff > a.popup_item{display:block;padding:8px 14px;border:0;border-radius:0;color:#bbb;font-size:12px;line-height:1.5}.b4-account__panel > a:hover,.b4-account__staff > a.popup_item:hover{color:#fff;background:#2b2b2b}.b4-account__staff:not(:empty){margin-top:5px;padding-top:5px;border-top:1px solid #353535}.b4-account__staff:empty{display:none}.b4-userbar a:focus-visible,.b4-account__trigger:focus-visible{outline:1px solid var(--tt-accent,#892222);outline-offset:3px}.b4-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (max-width:768px){.top.b4-userbar > .b4-userbar__inner{width:94%}.b4-account{flex:0 1 auto}.b4-account__trigger{max-width:220px;padding-right:14px}.top.b4-userbar > .b4-userbar__inner > a{flex-shrink:0;padding:0 14px}}@media (max-width:480px){.b4-userbar__label{display:none}.b4-account__trigger{max-width:none}.b4-account{flex:0 1 210px}.top.b4-userbar > .b4-userbar__inner > a{gap:5px;min-height:36px;padding:0 11px}}