.mainNavigation-container *{--transition--nav:200ms;transition:background-color var(--transition--nav) ease-in-out,color var(--transition--nav) ease-in-out,fill var(--transition--nav) ease-in-out}.dashFrameContainer__content{padding:var(--padding--m);width:100%}.mainNavigation-container{position:fixed;bottom:max(var(--padding--s),env(safe-area-inset-bottom));padding:0 clamp(.5rem,3vw,var(--padding--m));width:100%;z-index:20;height:auto;left:0}.mainNavigation-content{background-color:var(--clr--bg--card);border-radius:var(--border--radius--button);border:1px solid var(--clr--outline);padding:.625rem clamp(.625rem,2.5vw,var(--padding--s));box-shadow:var(--shadow--z300);gap:clamp(.25rem,2vw,var(--spacer--s));min-height:100%;-webkit-backdrop-filter:none;backdrop-filter:none}@supports ((-webkit-backdrop-filter:blur(4px)) or (backdrop-filter:blur(4px))){.mainNavigation-content{background-color:var(--clr--bg--nav);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.mainNavigation-items{align-items:stretch;gap:clamp(.125rem,1.5vw,.5rem);min-width:0;max-width:100%}.bottomNav--button,.bottomNav--button path[fill=""]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1 1 0;min-width:0;height:4.5rem;min-height:4.5rem;font-size:.875rem;font-weight:600;letter-spacing:0;padding:.375rem .25rem;gap:.25rem;border-radius:1.25rem;color:var(--clr--txt--tertiary);text-align:center;line-height:1.1;fill:var(--clr--icon)}.bottomNav--iconSlot{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 2rem;width:2.5rem;height:2rem}.bottomNav--label{display:flex;align-items:flex-start;justify-content:center;min-height:2.125rem;flex:0 0 2.125rem;margin:0;max-width:100%;width:min-content;min-width:4rem;text-align:center;overflow-wrap:normal;word-break:normal;hyphens:manual}.bottomNav--button svg:not(.bottomNav--levelIcon){display:block;flex:0 0 auto;width:1.625rem;height:1.625rem}.bottomNav--levelIcon{display:block;width:2.625rem;height:2.625rem}@media (max-width:380px){.bottomNav--button,.bottomNav--button path[fill=""]{font-size:.8125rem;padding-inline:.125rem}.bottomNav--label{min-width:3.75rem}}.bottomNav--button:hover,.bottomNav--button:hover path[fill=""]{color:var(--clr--primary--100)!important}.bottomNav--button.bottomNav--button--active,.bottomNav--button.bottomNav--button--active path[fill="#ffffff"]{color:var(--clr--txt--primary);fill:var(--clr--accent--500)}@media (min-width:1024px){.dashFrameContainer{height:auto}.mainNavigation-container{padding:0;top:0;bottom:auto;height:4rem}.mainNavigation-content{padding:0 var(--padding--m);height:100%;border-radius:0;border:none;border-bottom:1px solid var(--clr--outline)}.mainNavigation-items{width:auto;max-width:none;flex:0 1 auto}.bottomNav--button,.bottomNav--button path[fill="#ffffff"]{padding:var(--padding--m);flex:0 1 auto;flex-direction:row;justify-content:center;height:4rem;min-height:4rem;gap:var(--spacer--xs);font-size:1rem;line-height:1.4}.bottomNav--iconSlot{flex-basis:1.5rem;width:1.5rem;height:1.5rem}.bottomNav--label{display:block;min-height:0;min-width:0;flex:0 1 auto;width:auto;white-space:nowrap}.bottomNav--button svg:not(.bottomNav--levelIcon){width:24px;height:24px}.bottomNav--levelIcon{width:2.25rem;height:2.25rem}.bottomNav__logo{border-right:1px solid var(--clr--outline);padding-right:var(--padding--m);max-height:fit-content}}.dashboardRanking__entry{display:flex;justify-content:space-between;padding:.25rem .5rem;align-items:center;border-radius:var(--border--radius--s)}.dashboardRanking__entry--active{border:1px solid var(--clr--outline)}.dashboardRanking__entry--start{align-items:center;display:flex;gap:.5rem}.avatar{height:2rem;width:2rem;border-radius:2rem;background-color:var(--clr--primary--500);display:flex;justify-content:center;align-items:center}.avatar--text{font-size:1.125rem;font-weight:700}.dashboardRanking__logo{max-width:80px}