.topnav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-column-gap:24px;column-gap:24px;padding:12px 20px 12px 76px;position:fixed;top:0;left:0;right:0}.topnav__left{min-width:0;display:flex;flex-direction:column;gap:2px}.topnav__left,.topnav__left-spacer{justify-self:start}.topnav__left-header{font-size:18px;font-weight:600;letter-spacing:-.01em}.topnav__left-header,.topnav__left-subheader{line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}.topnav__left-subheader{font-size:12px;font-weight:500}.topnav--light .topnav__left-header{color:#111827}.topnav--light .topnav__left-subheader{color:#6b7280}.topnav--dark .topnav__left-header{color:#fafafa}.topnav--dark .topnav__left-subheader{color:#a3a3a3}.topnav--light{background-color:#fff;border-bottom:1px solid #e5e7eb}.topnav--dark{background-color:#0d0d0d;border-bottom:1px solid #262626}.topnav__center{grid-column:2;display:flex;align-items:center;gap:160px}.topnav__search,.topnav__search-placeholder{width:480px}.topnav__right{justify-self:end;display:flex;align-items:center;gap:8px}.topnav__notifications-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:inherit}.topnav__notifications-btn:hover{background:rgba(0,0,0,.04)}.topnav--dark .topnav__notifications-btn:hover{background:hsla(0,0%,100%,.06)}.topnav__notifications-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.topnav__notifications-badge{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#7c3aed;color:#fff;font-size:10px;font-weight:600;line-height:16px;text-align:center}