.nav{display:grid;position:relative;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:0 16px;border-bottom:1px solid var(--dragonfly-slate-300);height:76px;font-family:IBMSans,sans-serif;background-color:#fff;flex-shrink:0}.nav .icon-button{background:none;border:none;padding:0;cursor:pointer}.nav .icon-button:focus,.nav .icon-button:focus-visible{outline:none}.nav .icon-button img{border-radius:6px;border:1px solid var(--border-default);transition:background-color .2s}.nav .icon-button:hover img{background-color:var(--dragonfly-slate-100)}.nav .routes{display:flex;gap:5px}.nav .routes ul{list-style:none;margin:0;padding:0;display:flex}.nav .routes ul li{display:flex;align-items:center;justify-content:space-between;border-left:1px solid var(--dragonfly-slate-300);padding:0 16px}.nav .routes ul li a{height:fit-content;display:flex;align-items:center;gap:10px;font-weight:500;color:var(--dragonfly-slate-900)}.nav .routes ul li a svg{stroke:#0f172a}.nav .routes ul li a.active{color:var(--dragonfly-accent)}.nav .routes ul li a.active svg{stroke:var(--dragonfly-accent)}.nav .routes ul li a.disabled{pointer-events:none;color:var(--dragonfly-slate-200)}.nav .routes ul li a.disabled svg{stroke:var(--dragonfly-slate-200)}.nav .routes ul li a:hover{color:var(--dragonfly-accent)}.nav .routes ul li a:hover svg{stroke:var(--dragonfly-accent)}