.hao-tabs{flex-direction:column;min-width:0;display:flex}.hao-tabs__nav{scrollbar-width:none;max-width:100%;box-shadow:inset 0 -1.5px 0 var(--hao-ui-line);flex:none;align-items:center;gap:4px;display:flex;position:relative;overflow:auto hidden}.hao-tabs__nav::-webkit-scrollbar{display:none}.hao-tabs__tab{appearance:none;z-index:1;color:var(--hao-ui-ink-soft);font:inherit;white-space:nowrap;cursor:var(--cursor-touch),auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px 12px 0 0;outline:none;flex:none;align-items:center;gap:6px;margin:0;padding:8px 15px;transition:color .25s,background-color .2s,box-shadow .25s;display:inline-flex;position:relative}.hao-tabs__tab:hover:not(.is-active):not(:disabled){background:var(--hao-ui-track);color:var(--color-text)}.hao-tabs__tab:focus-visible{box-shadow:inset 0 0 0 2px var(--hao-ui-ring)}.hao-tabs__tab.is-active{color:var(--color-text);font-weight:600}.hao-tabs__tab:disabled{opacity:.45;cursor:not-allowed}.hao-tabs__ind{pointer-events:none;position:absolute;top:0;bottom:0;left:0}.hao-tabs__ind:before{content:"";background:linear-gradient(180deg,var(--hao-ui-accent-2),var(--hao-ui-accent));height:3px;box-shadow:0 0 8px var(--hao-ui-accent-glow);border-radius:3px;position:absolute;bottom:0;left:20%;right:20%}.hao-tabs__ind.is-anim{transition:transform .36s cubic-bezier(.3,1.15,.4,1),width .36s,opacity .2s}.hao-tabs__panel{flex:1;width:100%;min-width:0}.bodySty .hao-tabs :is(.hao-tabs__tab,.hao-tabs__ind){transition:none}@media (prefers-reduced-motion:reduce){.hao-tabs :is(.hao-tabs__tab,.hao-tabs__ind){transition:none}}