.nav-item{padding:0 8px;height:28px;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#fff;cursor:pointer;position:relative;text-decoration:none;transition:opacity .2s ease;opacity:0}.nav-item .nav-indicator{width:4px;height:4px;background-color:#6b7280;flex-shrink:0;transition:background-color .2s ease}.nav-item span{font-family:var(--font-jetbrains),"JetBrains Mono",monospace;font-weight:600;font-size:13px;line-height:130%;text-transform:uppercase}@media(max-width:860px){.nav-item span{font-size:12px}}.nav-item span{font-weight:700;color:#6b7280}.nav-item:after{content:"";position:absolute;bottom:0;left:8px;width:0;height:2px;background-color:#f94848;transition:width .3s ease}@media(hover:hover)and (pointer:fine){.nav-item:hover:not(.nav-item--disabled) .nav-indicator{background-color:#f94848}.nav-item:hover:not(.nav-item--disabled) span{color:#f94848}.nav-item:hover:not(.nav-item--disabled):after{width:calc(100% - 16px)}}.nav-item--active .nav-indicator,.nav-item--current .nav-indicator{background-color:#f94848!important;animation:blink 1s steps(2,start) infinite}.nav-item--active span,.nav-item--current span{color:#f94848!important}.nav-item--active:after,.nav-item--current:after{width:calc(100% - 16px)!important;background-color:#f94848}.nav-item--disabled{cursor:not-allowed;opacity:.4}.nav-item--disabled span{color:#6b7280}.nav-item--disabled:after{display:none}@media(max-width:860px){.nav-item{height:40px;justify-content:center;padding:0 16px}.nav-item:after{display:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}