.design-project-nav{width:100%;min-width:0;display:grid;gap:3px;color:#172033;font:12px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.design-project-nav-top{display:flex;align-items:center;gap:8px;min-width:0}
.design-project-nav-name{max-width:170px;min-width:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;color:#64748b}
.design-project-nav-tabs,.design-project-nav-steps{display:flex;align-items:center;gap:3px;min-width:0;overflow-x:auto;scrollbar-width:none}
.design-project-nav-tabs::-webkit-scrollbar,.design-project-nav-steps::-webkit-scrollbar{display:none}
.design-project-nav-tabs{flex:1}
.design-project-nav .design-project-nav-button{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;padding:5px 10px;border:0;border-radius:7px;background:transparent;color:#52627a;font:inherit;font-weight:600;white-space:nowrap;cursor:pointer;touch-action:manipulation}
.design-project-nav-button:hover{background:#f0f4fa;color:#172033}
.design-project-nav-button:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}
.design-project-nav-button.is-active{background:#eaf1ff;color:#1d4ed8}
.design-project-nav-back{color:#334155;padding-left:4px}
.design-project-nav-short{display:none}
.design-project-nav-steps{padding-top:3px;border-top:1px solid #e7edf5}
.design-project-nav .design-project-nav-steps .design-project-nav-button{border-radius:6px;min-height:27px}
.design-project-nav-number{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#edf1f7;color:#64748b;font-size:10px}
.design-project-nav-button.is-active .design-project-nav-number{background:#2563eb;color:#fff}
@media(max-width:1100px){.design-project-nav-name{display:none}.design-project-nav-top{gap:6px}.design-project-nav .design-project-nav-button{padding-inline:8px}}
@media(max-width:640px){.design-project-nav{font-size:11px;gap:2px}.design-project-nav .design-project-nav-button{min-height:32px;padding-inline:8px}.design-project-nav .design-project-nav-steps .design-project-nav-button{min-height:32px}.design-project-nav-steps{padding-top:2px}.design-project-nav-back{max-width:76px;padding-inline:4px}.design-project-nav-number{width:14px;height:14px}}

@media(max-width:640px){.design-project-nav-long{display:none}.design-project-nav-short{display:inline}.design-project-nav-steps{justify-content:space-between}}