.tabs{position:relative}.tabs__scroll-container{scrollbar-width:none;position:relative;overflow-x:auto}.tabs__wrapper{gap:32px;display:flex}.tabs:before,.tabs:after{z-index:1;content:"";pointer-events:none;width:52px;position:absolute;top:0;bottom:0}.tabs:before{background:linear-gradient(to right, rgb(var(--color-white-rgb)/100%) 0%, rgb(var(--color-white-rgb)/0%) 100%);transition:opacity .2s;left:0}.tabs:after{background:linear-gradient(to left, rgb(var(--color-white-rgb)/100%) 0%, rgb(var(--color-white-rgb)/0%) 100%);transition:opacity .2s;right:0}.tabs--at-start:before,.tabs--at-end:after{opacity:0}.tabs__link{text-wrap:nowrap;min-height:42px;color:var(--color-text);font-weight:var(--weight-medium);opacity:.9;justify-content:space-between;align-items:center;padding:16px 0;display:flex;position:relative}.tabs__link:after{content:"";background:0 0;border-radius:6px 4px 0 0;width:100%;height:4px;transition:all .15s ease-in-out;display:block;position:absolute;bottom:0;left:0}.tabs__link:not(.tabs__link--active):hover:after{background:var(--color-secondary)}.tabs__link--active{color:var(--color-text-primary)}.tabs__link--active:after{background:var(--color-primary)}.tabs__link-start{align-items:center;gap:4px;min-width:0;display:inline-flex}.tabs__link-icon{flex-shrink:0}.tabs__premium-tag{font-size:10px;font-weight:var(--weight-regular);border-radius:4px;padding:0 5px;line-height:12px}.tabs__premium-tag .tag__text{font-size:10px;line-height:12px}.tabs__count{background:var(--color-gray-3);border:1px solid var(--color-border);line-height:var(--line-height-14);border-radius:6px;flex-shrink:0;margin-left:8px;padding:1px 8px;display:inline-block}.tabs--vertical{background:var(--color-surface);border:1px solid var(--color-gray-9);box-shadow:none;background:0 0;border:none;border-radius:8px;padding:8px 0}.tabs--vertical .tabs__wrapper{flex-direction:column;gap:0;display:flex}.tabs--vertical:before,.tabs--vertical:after{display:none}@media (max-width:767px){.tabs--vertical{display:none}}.tabs--vertical .tabs__link{border-radius:6px;gap:8px;margin:0 16px;padding:8px}.tabs--vertical .tabs__link:after{border-radius:0 4px 4px 0;width:4px;height:calc(100% - 8px);top:4px;left:-16px;right:auto}.tabs--vertical .tabs__link:not(.tabs--vertical .tabs__link--active):hover{background:var(--color-secondary-hover)}.tabs--vertical .tabs__link:not(.tabs--vertical .tabs__link--active):hover:after{display:none}.tabs--vertical .tabs__link--active{color:var(--color-primary)}