.sitebar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-inline:calc(50% - 50vw);padding:22px max(24px,calc(50vw - 696px));background:var(--porcelain)}.sitebar-mark{font-family:var(--display);font-size:22px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--black);white-space:nowrap;z-index:2}.sitebar .sitebar-nav{top:50%;transform:translate(-50%,-50%);gap:40px;padding:18px 40px;border-radius:999px;font-size:14px}.fig-nav{display:flex;align-items:center;background:#fff;white-space:nowrap;box-shadow:0 1px 2px rgb(8 7 5/.04),0 8px 24px rgb(8 7 5/.06)}.fig-nav a{text-decoration:none;color:var(--black);font-weight:500}.fig-nav a:hover{color:var(--flare-deep)}.fig-nav a{position:relative;padding-bottom:2px;border-bottom:2px solid transparent;transition:color .18s ease,border-color .18s ease}.fig-nav a[aria-current=page]{font-weight:700;color:var(--flare-deep);border-bottom-color:var(--flare-deep)}.nav-live{display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:999px;background:var(--sign);vertical-align:1px}.sitebar-circles{display:flex;align-items:center;gap:8px;z-index:2}.sitebar-circle{position:relative;width:50px;height:50px;border-radius:999px;background:#fff;color:var(--black);display:grid;place-items:center;overflow:hidden;box-shadow:0 1px 2px rgb(8 7 5/.04),0 8px 24px rgb(8 7 5/.06);transition:transform .18s ease}.sitebar-circle:hover{transform:translateY(-1px)}.sitebar-avatar{width:100%;height:100%;object-fit:cover}.sitebar-dot{position:absolute;right:4px;bottom:4px;width:9px;height:9px;border-radius:999px;background:var(--sign);box-shadow:0 0 0 2px #fff}@media (max-width:900px){.sitebar{flex-wrap:wrap;justify-content:space-between;padding:16px 20px}.sitebar .sitebar-nav{position:static;transform:none;order:3;width:100%;gap:24px;padding:12px 20px;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.sitebar .sitebar-nav::-webkit-scrollbar{display:none}.sitebar-circle{width:42px;height:42px}}