.counter-badge{color:var(--text-light);background:var(--bitstarz-red);border-radius:var(--border-radius-round);text-align:center;width:20px;height:20px;font:var(--body-sm-regular);flex-shrink:0}
@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;gap:var(--gap);flex-shrink:0;display:flex;overflow-x:auto}@layer mixins{.tabs{scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{width:0;height:0;display:none}.tabs__button{justify-content:center;align-items:center;display:flex}}.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;align-items:center;gap:var(--item-gap);border-radius:var(--radius);min-width:fit-content;padding:var(--item-padding);background-color:var(--bg-color);min-height:33px;color:var(--color);cursor:pointer;text-align:start;border:none;font-size:14px;line-height:22px;display:flex}@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);fill:currentColor;flex-shrink:0}}