.primary-nav{display:flex;justify-content:center;gap:30px;min-width:0}
.primary-nav a{position:relative;padding:24px 0 21px;color:#77827c;text-decoration:none;font-size:14px;white-space:nowrap}
.primary-nav a:hover,.primary-nav a.active{color:#235c49;font-weight:700}
.primary-nav a.active::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#235c49}
.primary-account{justify-self:end;display:flex;align-items:center;gap:9px;min-width:0;white-space:nowrap}
.primary-account-avatar{width:31px;height:31px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#fff;background:#235c49;font-size:15px;font-weight:700}
.primary-account-name{max-width:150px;overflow:hidden;color:#596760;font-size:15px;text-overflow:ellipsis}
.primary-account-tier{padding:4px 7px;border-radius:6px;color:#966039;background:#f7e6d4;font-size:12px;font-weight:700}
.primary-account-logout{padding:5px;border:0;color:#89938d;background:transparent;cursor:pointer;font-size:13px}
.primary-account-logout:hover{color:#a85143}
@media(max-width:950px){.primary-nav{display:none}}
@media(max-width:620px){.primary-account{gap:6px}.primary-account-name{max-width:72px}.primary-account-tier{display:none}}