.top-nav-left{gap:1.25rem}.top-nav-left-context{gap:.625rem;display:flex}.top-nav-left button,.top-nav-left a{color:var(--color-black)}.top-nav-left a:first-letter,.top-nav-left button:first-letter{text-transform:uppercase}.top-nav-left .divider{background-color:var(--color-navy-pastel-200);width:.0625rem;height:1.5625rem}.account-menu{border:.125rem solid var(--color-neutral-200);background-color:var(--color-white);border-radius:1.5625rem;flex-direction:column;gap:1.25rem;max-width:clamp(25rem,12.5dvw + 1rem,15dvw);padding:1.25rem;display:flex;position:absolute;top:4.0625rem;right:.625rem}.account-menu .information{grid-template-columns:3.125rem 1fr;gap:.625rem;display:grid}.account-menu .information .avatar{background-color:var(--color-neutral-400);aspect-ratio:1;border-radius:50%;width:3.125rem}.account-menu .information .context{flex-direction:column;gap:.3125rem;min-width:0;display:flex}.account-menu .information .context p,.account-menu .information .context small{color:var(--color-neutral-800);white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0;overflow:hidden}.account-menu .item-holder{flex-direction:column;gap:.625rem;display:flex}.account-menu-item{border-radius:.625rem;place-items:center;gap:.9375rem;padding:.46875rem .625rem;transition:background-color .4s cubic-bezier(.19,.63,0,.95) 50ms,color .4s cubic-bezier(.19,.63,0,.95) 50ms;display:flex}.account-menu-item span,.account-menu-item small{color:var(--color-neutral-700);transition:color .4s cubic-bezier(.19,.63,0,.95) 50ms}.account-menu-item span{font-size:1.25rem}.account-menu-item:hover{background-color:var(--color-neutral-150)}.account-menu-item:hover span,.account-menu-item:hover small{color:var(--color-neutral-600)}.account-menu-item:active{background-color:var(--color-neutral-250)}.account-menu-item:active span,.account-menu-item:active small{color:var(--color-neutral-900)}.top-nav-right{gap:1.875rem}.top-nav-right .crystal,.top-nav-right .streak{place-items:center;gap:.625rem;display:flex}.top-nav-right .crystal span,.top-nav-right .streak span{font-variation-settings:"FILL" 1;font-size:1.5625rem}.top-nav-right .crystal p,.top-nav-right .streak p{color:var(--color-black)}.top-nav-right .icon-button.tiny>span{font-size:1.125rem}.top-nav-right .crystal{color:var(--color-accent-blue-celeste)}.top-nav-right .streak{color:var(--color-orange-700)}.top-nav{background-color:var(--color-white);border-bottom:.0625rem solid var(--color-navy-pastel-200);z-index:1;justify-content:space-between;padding:.75rem 1.5rem;transition:background-color .4s cubic-bezier(.19,.63,0,.95) 50ms,border-color .4s cubic-bezier(.19,.63,0,.95) 50ms;display:flex;position:sticky;top:0}.top-nav>.new{gap:.625rem}.top-nav.full-width{position:relative}.top-nav-left,.top-nav-right{place-items:center;display:flex}.top{background-color:#0000;border-color:#0000}@media screen and (width<=768px){.top-nav-left{visibility:hidden}}