.TopBar_container__acGA5{display:flex;flex-direction:row;opacity:1;width:100%;animation:TopBar_fadeIn__bnPRm .5s var(--cubic-bezier)}.TopBar_content___wCi7{width:100%;padding:1.5rem var(--Spacing-12,.75rem);display:flex;align-items:center;gap:.5rem;background:var(--color-bg-blur);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);transition:opacity .3s ease,transform .3s ease}.TopBar_icon__sz9O2{display:flex;width:1.5rem;height:1.5rem}.TopBar_title__nY8xc{color:var(--color-text-primary);text-align:center;font-family:Noi Grotesk;font-size:1.5rem;font-style:normal;font-weight:600;line-height:1.375rem}.TopBar_nav-tab-bar-active-profile-pic__ldVNk{border:1px solid var(--color-text-primary);border-radius:var(--radius-full)}.TopBar_scrolled-header__0ofSI{opacity:0;transform:translateY(-100%);transition:opacity .3s var(--cubic-bezier),transform .3s var(--cubic-bezier);& *{opacity:0;transition:opacity .1s var(--cubic-bezier)}}.TopBar_fade-in__UkZJH{opacity:1;transform:translateY(0);& *{opacity:1}}.UserPic_user-pic__IpPw4{border-radius:var(--radius-full);object-fit:cover}.SubPageHeader_sub-page-header__l_Nsv{display:grid;width:100%;align-items:center;justify-content:center;background-color:var(--color-bg-blur);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);padding:calc(100px + .75rem) 0 .75rem;grid-template-columns:1fr auto 1fr;position:fixed;left:0;right:0;z-index:20;grid-gap:12px;gap:12px;overflow:visible;top:-100px;transform:translateY(0)}.SubPageHeader_back-button__QauAE{grid-column:1/2;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;gap:4px;color:var(--color-text-primary);padding:0 12px}.SubPageHeader_title__pNVuk{grid-column:2/3;color:var(--color-text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.SubPageHeader_right-element__7iglW{grid-column:3/4;justify-self:end;margin-right:12px}