.topBarWrapper{z-index:10000;width:100%;margin:0 0 8px;padding:8px 12px 10px}.topBarWrapper.fixed{-webkit-backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #ebebebcc;position:fixed;top:10px;left:0;right:0}.topBarWrapper.notFixed{background:0 0;position:relative}.topBarInner{align-items:center;gap:8px;max-width:960px;margin:0 auto;display:flex}.topBarLeft{flex-shrink:0;align-items:center;gap:4px;display:flex}.topBarLogo{cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:4px 2px;display:flex}.topBarLogoImg{object-fit:cover;border-radius:8px;width:28px;height:28px}.topBarWordmark{color:#111;letter-spacing:-.5px;font-size:17px;font-weight:700}.topBarIconBtn{cursor:pointer;color:#111;background:#fff;border:1px solid #e8e8e6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,border-color .15s;display:flex}.topBarIconBtn:hover{background:#f5f5f3;border-color:#d5d5d3}.topBarSearchForm{background:#f2f2f0;border:1px solid #e8e8e6;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:0;height:36px;padding:0 12px;transition:border-color .15s,background .15s;display:flex}.topBarSearchForm:focus-within{background:#fff;border-color:#bbb}.topBarSearchIcon{color:#aaa;flex-shrink:0;width:16px;height:16px}.topBarInput{color:#111;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:14px}.topBarInput::placeholder{color:#bbb}.topBarInput::-webkit-search-cancel-button{-webkit-appearance:none}.topBarRight{flex-shrink:0;align-items:center;gap:6px;display:flex}.topBarPfp{cursor:pointer;background:#f2f2f0;border:1.5px solid #e8e8e6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:border-color .15s;display:flex;overflow:hidden}.topBarPfp:hover{border-color:#bbb}@media (max-width:480px){.topBarWrapper{padding:8px 10px}.topBarWordmark{font-size:15px}}