.ui-tab{transition:color .2s,background-color .2s;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-md, 500);color:var(--foreground-soft, #9a9fa7);background:var(--variant-system-container-soft, #2c3137);position:relative;line-height:1;border:none;cursor:pointer}.ui-tab:hover{background:var(--variant-system-container-default, #3a3f46)}.ui-tab[data-state=active]{color:var(--variant-system-on-default, #12161c);background:var(--variant-system-default, #f5f9ff)}.ui-tab:disabled{pointer-events:none;background:var(--surface-disabled, #363a40);color:var(--foreground-disabled, #494d52);opacity:.5}.ui-tab--s{padding:6px 8px;font-size:var(--font-size-ui-x3, 12px);border-radius:var(--component-radius-x6, 6px);gap:4px}.ui-tab--s .ui-tab__sticker{font-size:8px;padding:2px 6px}.ui-tab--s .ui-tab__icon{width:16px;height:16px}.ui-tab--m{padding:9px 10px;font-size:var(--font-size-ui-x3-5, 14px);border-radius:var(--component-radius-x8, 8px);gap:6px}.ui-tab--m .ui-tab__sticker{font-size:12px;padding:2px 6px}.ui-tab--m .ui-tab__icon{width:20px;height:20px}.ui-tab--l{padding:11px 12px;font-size:var(--font-size-ui-x3-5, 14px);border-radius:var(--component-radius-x10, 10px);gap:6px}.ui-tab--l .ui-tab__sticker{font-size:12px;padding:2px 6px}.ui-tab--l .ui-tab__icon{width:20px;height:20px}.ui-tab--xl{padding:16px 14px;font-size:var(--font-size-ui-x4, 16px);border-radius:var(--component-radius-x12, 12px);gap:8px}.ui-tab--xl .ui-tab__sticker{font-size:12px;padding:4px 6px}.ui-tab--xl .ui-tab__icon{width:24px;height:24px}.ui-tab--x6{padding:var(--component-padding-x6, 6px);height:var(--component-size-x6, 24px);font-size:var(--font-size-ui-x3, 12px);line-height:var(--font-line-height-ui-x3, 12px);border-radius:var(--component-radius-x6, 6px);gap:var(--component-padding-x3, 4px);background:var(--variant-system-container-muted, #1f2329)}.ui-tab--x6:hover{background:var(--variant-system-container-default, #3a3f46)}.ui-tab--x6[data-state=active]{color:var(--variant-system-on-default, #12161c);background:var(--variant-system-default, #f5f9ff)}.ui-tab--x6 .ui-tab__sticker{font-size:var(--font-size-ui-x2, 8px);height:12px;padding:2px 4px}.ui-tab--x6 .ui-tab__icon{width:var(--component-size-x4, 16px);height:var(--component-size-x4, 16px)}.ui-tab--x8{padding:var(--component-padding-x8, 8px);height:var(--component-size-x8, 32px);font-size:var(--font-size-ui-x3-5, 14px);line-height:var(--font-line-height-ui-x3-5, 14px);border-radius:var(--component-radius-x8, 8px);gap:var(--component-padding-x3, 4px);background:var(--variant-system-container-muted, #1f2329)}.ui-tab--x8:hover{background:var(--variant-system-container-default, #3a3f46)}.ui-tab--x8[data-state=active]{color:var(--variant-system-on-default, #12161c);background:var(--variant-system-default, #f5f9ff)}.ui-tab--x8 .ui-tab__sticker{font-size:var(--font-size-ui-x3, 12px);height:16px;padding:2px 6px}.ui-tab--x8 .ui-tab__icon{width:var(--component-size-x4, 16px);height:var(--component-size-x4, 16px)}.ui-tab--x10{padding:var(--component-padding-x9, 10px);height:var(--component-size-x9, 36px);font-size:var(--font-size-ui-x3-5, 14px);line-height:var(--font-line-height-ui-x3-5, 14px);border-radius:var(--component-radius-x10, 10px);gap:var(--component-padding-x3, 4px);background:var(--variant-system-container-muted, #1f2329)}.ui-tab--x10:hover{background:var(--variant-system-container-default, #3a3f46)}.ui-tab--x10[data-state=active]{color:var(--variant-system-on-default, #12161c);background:var(--variant-system-default, #f5f9ff)}.ui-tab--x10 .ui-tab__sticker{font-size:var(--font-size-ui-x3, 12px);height:16px;padding:2px 6px}.ui-tab--x10 .ui-tab__icon{width:var(--component-size-x5, 20px);height:var(--component-size-x5, 20px)}.ui-tab--x12{padding:var(--component-padding-x12, 12px);height:var(--component-size-x12, 48px);font-size:var(--font-size-ui-x4, 16px);line-height:var(--font-line-height-ui-x4, 16px);border-radius:var(--component-radius-x12, 12px);gap:var(--component-padding-x3, 4px);background:var(--variant-system-container-muted, #1f2329)}.ui-tab--x12:hover{background:var(--variant-system-container-default, #3a3f46)}.ui-tab--x12[data-state=active]{color:var(--variant-system-on-default, #12161c);background:var(--variant-system-default, #f5f9ff)}.ui-tab--x12 .ui-tab__sticker{font-size:var(--font-size-ui-x3, 12px);height:20px;padding:2px 6px}.ui-tab--x12 .ui-tab__icon{width:var(--component-size-x6, 24px);height:var(--component-size-x6, 24px)}.ui-tab__label{display:inline-flex;align-items:center}.ui-tab__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ui-tab__icon img,.ui-tab__icon svg{display:block;width:100%;height:100%;object-fit:contain}.ui-tab__slot{display:inline-flex;align-items:center;flex-shrink:0}.ui-tab__sticker{display:block;position:absolute;right:-4px;top:-4px;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:var(--variant-accent-primary-on-default, #001f12);font-style:normal;font-weight:500;line-height:1;pointer-events:none;border-radius:var(--component-radius-max, 9999px);background:var(--variant-accent-primary-default, #00ff93)}.ui-tabs__list{display:flex;gap:4px;overflow-x:scroll}@media(min-width:768px){.ui-tabs__list{flex-wrap:wrap;overflow-x:visible}}@media(min-width:1280px){.ui-tabs__list{gap:10px}}@media(max-width:767px){.ui-tabs__list{margin-top:-4px;padding-top:4px}}.ui-tabs--equal-width .ui-tabs__list{overflow-x:visible;flex-wrap:nowrap}.ui-tabs--equal-width .ui-tab{flex:1 1 0;min-width:0}@media(max-width:767px){.ui-tabs--mobile-grid-2x2 .ui-tabs__list{display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow-x:visible;margin-top:0;padding-top:0}.ui-tabs--mobile-grid-2x2 .ui-tab{width:100%;min-width:0;flex:initial}}.ui-tabs--nowrap .ui-tabs__list{flex-wrap:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}@media(min-width:768px){.ui-tabs--nowrap .ui-tabs__list{flex-wrap:nowrap;overflow-x:auto}}.ui-tabs--nowrap .ui-tabs__list::-webkit-scrollbar{display:none}.ui-tabs--gap-md .ui-tabs__list{gap:8px}@media(min-width:1280px){.ui-tabs--gap-md .ui-tabs__list{gap:8px}}.ui-tabs--gap-lg .ui-tabs__list{gap:var(--block-padding-L, 12px)}@media(min-width:1280px){.ui-tabs--gap-lg .ui-tabs__list{gap:var(--block-padding-L, 12px)}}
