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