.tab-group{display:flex;gap:8px;max-width:calc(100vw - 32px);overflow-y:scroll;width:100%}.tab-group::-webkit-scrollbar{display:none}.tab-group__item{align-items:center;background:var(--neutral-900);border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:-moz-fit-content;min-width:fit-content;overflow:hidden;padding:0 10px;position:relative}@media (min-width:768px){.tab-group__item{border-radius:10px;height:40px;padding:0 12px}}@media (min-width:1280px){.tab-group__item{border-radius:12px}}.tab-group__item-bg-overlay,.tab-group__item-border-overlay{display:none;position:absolute}.tab-group__item-border-overlay{display:block;height:100%;left:0;top:0;width:100%;z-index:-2}.tab-group__item-bg-overlay{display:block;inset:0 0 1px;z-index:-1}.tab-group__item-label{color:var(--neutral-500);font-family:var(--font-family,Inter,sans-serif);font-size:var(--font-size,14px);font-style:var(--font-style,normal);font-weight:var(--font-weight,500);line-height:var(--line-height,140%);white-space:nowrap}@media (min-width:1280px){.tab-group__item-label{font-family:var(--font-family,Inter,sans-serif);font-size:var(--font-size,16px);font-style:var(--font-style,normal);font-weight:var(--font-weight,500);line-height:var(--line-height,140%)}}.tab-group__item.active{background:var(--primary-500);pointer-events:none}.tab-group__item.active .tab-group__item-label{color:var(--color-white)}.tab-group__item.attractant .tab-group__item-label{position:relative}.tab-group__item.attractant .tab-group__item-label:after{background:var(--primary-400);border-radius:50%;content:"";display:block;height:8px;position:absolute;right:-7px;top:-2px;width:8px;z-index:5}@media (min-width:1280px){.tab-group__item.attractant .tab-group__item-label:after{right:-12px;top:-6px}}.tab-group__item.active.attractant .tab-group__item-label:after{background:var(--color-white)}