#mainNav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin-left:auto;align-self:stretch}#mainNav > a{display:flex;align-items:center;justify-content:center;min-width:0;gap:8px;padding:0 12px;color:#888;font-size:0.8rem;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom:2px solid transparent}#mainNav > a:hover{text-decoration:none}#mainNav > a:not(.selected):hover{color:#555}#mainNav > a.selected{color:var(--brandColorDark);border-bottom-color:var(--brandColorDark)}#mainNav > a > img{width:24px;height:24px;flex:none}#mainNav > a[data-tab="profile"] > img{border-radius:50%;object-fit:cover}#mainNav > a > span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#mainNav > a[data-tab="profile"] > span{max-width:85px}@media only screen and (min-width:641px){#mainNav > .HideOnDesktop{display:none}}@media only screen and (max-width:640px){#mainNav{display:block;position:fixed;top:50px;left:-100%;width:100%;height:calc(100% - 50px);padding:0 10px;background-color:#fff;z-index:5001;transition:left 0.3s;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-left:0;color:#2c2c2c;font-size:1rem;line-height:1.1rem}body.showBurgerMenu #mainNav{left:0}#mainNav > a{justify-content:flex-start;gap:12px;padding:12px 0 10px 0;color:#2c2c2c;font-size:1rem;border-bottom:1px solid #ccc}#mainNav > a.selected{border-bottom-color:#ccc}#mainNav > details{display:block}#mainNav > details > summary{padding:12px 0 10px 0;border-bottom:1px solid #ccc;cursor:pointer;-webkit-tap-highlight-color:transparent;list-style:none;display:flex;align-items:center}#mainNav > details > summary::-webkit-details-marker{display:none}#mainNav > details > summary::after{content:'';width:24px;height:24px;margin-left:auto;background-image:url(/graphics/arrowRight.svg);background-repeat:no-repeat;background-position:center;background-size:24px 24px;transition:transform 0.3s}#mainNav > details[open] > summary::after{transform:rotate(90deg)}#mainNav > details[open]{background-color:#f9f9f9}#mainNav > details > div{padding:12px 0 10px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent}#mainNav > details > div.text{cursor:default}}@media only screen and (max-width:640px) and (hover: hover){#mainNav > a:hover,#mainNav > details > div:hover,#mainNav > details > summary:hover{background-color:#eee}#mainNav > details > div.text:hover{background-color:transparent}}