.counter-badge{flex-shrink:0;color:var(--text-light);background:var(--bitstarz-red);border-radius:var(--border-radius-round);width:20px;height:20px;text-align:center;font:var(--body-sm-regular)}@layer shared{.tabs{--bg-color:var(--surface-light);--hover-bg:var(--bg-color);--active-bg:var(--background-active);--color:var(--text-light);--hover-color:var(--color);--active-color:var(--text-light);--gap:10px;--item-gap:6px;--item-padding:10px 20px;--icon-size:24px;display:flex;flex-shrink:0;gap:var(--gap);overflow-x:auto}@layer mixins{.tabs{scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none;width:0;height:0}}.tabs.is-compact{--item-padding:7px 14px;--gap:8px;border-radius:var(--radius)}.tabs.is-compact .tabs__button{font-size:12px}.tabs.is-vertical{flex-direction:column}.tabs.is-joined{gap:0}.tabs.is-joined .tabs__button{border-radius:0}.tabs.is-joined .tabs__button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.tabs.is-joined .tabs__button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.tabs.is-light{--bg-color:var(--gray-200);--hover-bg:var(--gray-200);--active-bg:var(--blue-400);--color:var(--gray-500);--hover-color:var(--gray-500);--active-color:var(--white)}.tabs__button{--item-padding:0 14px;display:flex;align-items:center;min-width:-moz-fit-content;min-width:fit-content;gap:var(--item-gap);border:none;border-radius:var(--radius);padding:var(--item-padding);min-height:33px;background-color:var(--bg-color);font-size:14px;color:var(--color);cursor:pointer;line-height:22px;text-align:start}@layer mixins{.tabs__button{display:flex;justify-content:center;align-items:center}}@media(hover){.tabs__button:hover{background:var(--hover-bg);color:var(--hover-color)}}.tabs__button.is-active{background-color:var(--active-bg);color:var(--active-color);pointer-events:none}.tabs__icon{width:var(--icon-size);height:var(--icon-size);flex-shrink:0;fill:currentColor}}