.tabs{width:fit-content;margin-bottom:24px}.tabs-list{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;flex-wrap:wrap;gap:8px;padding:4px;display:flex}.tabs-item{font-family:var(--font-primary);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.tabs-item:hover{background:var(--color-white-5);color:var(--color-text-primary)}.tabs-item--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-primary)}.tabs-item--active:hover{background:var(--color-primary);color:var(--color-text-primary)}.tabs-item-label{display:block}.tabs-item-count{background:var(--color-white-10);border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.tabs-item--active .tabs-item-count{background:var(--color-bg-primary);color:var(--color-text-primary)}@media (max-width:768px){.tabs{width:100%;margin-bottom:20px}.tabs-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:6px;padding:3px;overflow:auto hidden}.tabs-list::-webkit-scrollbar{display:none}.tabs-item{flex-shrink:0;padding:8px 16px;font-size:13px}.tabs-item-count{min-width:18px;height:18px;padding:0 5px;font-size:11px}}@media (max-width:480px){.tabs{margin-bottom:16px}.tabs-list{gap:4px}.tabs-item{padding:6px 12px;font-size:12px}.tabs-item-count{min-width:16px;height:16px;padding:0 4px;font-size:10px}}