.u-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.u-tabs::-webkit-scrollbar{display:none}.u-tabs__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;margin:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--border-default);background:var(--bg-surface);font-family:var(--font-ui);font-weight:500;font-size:14px;line-height:20px;color:var(--text-secondary);white-space:nowrap;transition:all .2s cubic-bezier(.2,.7,.2,1)}.u-tabs__item:hover{color:var(--text-primary);border-color:var(--border-strong)}.u-tabs__item:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(18,122,98,.28)}.u-tabs__item--active,.u-tabs__item--active:hover{background:var(--bg-inverse);border-color:var(--bg-inverse);color:var(--text-inverse)}.u-tabs__hint{font-family:var(--font-mono);font-size:12px;opacity:.7}.u-tabs--text{gap:24px;border-bottom:1px solid var(--border-default)}.u-tabs--text .u-tabs__item{border:0;border-radius:0;height:44px;padding:0;background:none;position:relative}.u-tabs--text .u-tabs__item--active{color:var(--text-primary);background:none}.u-tabs--text .u-tabs__item--active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--brand-primary)}