.tab--underline{border-bottom:1px solid var(--color-border-subtle);background-color:var(--color-bg-page);scrollbar-width:thin;align-items:stretch;display:flex;overflow-x:auto}.tab--underline::-webkit-scrollbar{height:6px}.tab--underline::-webkit-scrollbar-thumb{background:0 0;border-radius:3px}.tab--underline:hover::-webkit-scrollbar-thumb{background:var(--color-border-subtle)}.tab--underline .tab__item{font-size:var(--font-size-t5);font-weight:var(--font-weight-regular);font-family:var(--font-family-base);color:var(--color-text-helper);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid transparent;flex-shrink:0;margin-bottom:-1px;padding:12px 24px;transition:color .15s,border-color .15s}.tab--underline .tab__item:hover:not(:disabled){color:var(--color-text-subtle)}.tab--underline .tab__item--active{color:var(--color-accent);font-weight:var(--font-weight-semibold);border-bottom-color:var(--color-accent)}.tab--underline .tab__item--disabled{color:var(--color-text-disabled);cursor:not-allowed}.tab--pill{border-bottom:1px solid var(--color-border-subtle);align-items:flex-end;gap:2px;display:flex}.tab--pill .tab__item{box-sizing:border-box;height:32px;font-family:var(--font-family-base);font-size:var(--font-size-t6);line-height:20px;font-weight:var(--font-weight-medium);color:var(--color-text-default);background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm)var(--radius-sm)0 0;cursor:pointer;white-space:nowrap;border-bottom:none;justify-content:center;align-items:center;padding:6px 16px;transition:background-color .15s,color .15s,border-color .15s;display:flex}.tab--pill .tab__item:hover:not(:disabled):not(.tab__item--active){background:var(--color-bg-inset)}.tab--pill .tab__item--active{background:var(--color-tab-md-bg-selected);border-color:var(--color-tab-md-bg-selected);color:var(--color-text-inset)}.tab--pill .tab__item--disabled{color:var(--color-text-disabled);background:var(--color-bg-inset);cursor:not-allowed}.tab--box{border-bottom:1px solid var(--color-border-subtle);align-items:flex-end;gap:2px;display:flex}.tab--box.tab--scroll{scrollbar-width:thin;margin-bottom:-1px;padding-bottom:1px;overflow-x:auto}.tab--box.tab--scroll .tab__item{flex-shrink:0}.tab--box.tab--scroll::-webkit-scrollbar{height:6px}.tab--box.tab--scroll::-webkit-scrollbar-thumb{background:0 0;border-radius:3px}.tab--box.tab--scroll:hover::-webkit-scrollbar-thumb{background:var(--color-border-subtle)}.tab--box.tab--h-lg .tab__item{height:43px}.tab--box .tab__item{box-sizing:border-box;height:40px;font-family:var(--font-family-base);font-size:var(--font-size-t4);line-height:24px;font-weight:var(--font-weight-medium);color:var(--color-text-default);background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm)var(--radius-sm)0 0;cursor:pointer;white-space:nowrap;border-bottom:none;justify-content:center;align-items:center;padding:8px 20px;transition:background-color .15s,color .15s,border-color .15s;display:flex}.tab--box .tab__item:hover:not(:disabled):not(.tab__item--active){background:var(--color-bg-inset)}.tab--box .tab__item--active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inset);z-index:1;margin-bottom:-1px;position:relative}.tab--box.tab--dark-active .tab__item--active{background:var(--color-tab-box-active-dark);border-color:var(--color-tab-box-active-dark)}.tab--box .tab__item--disabled{color:var(--color-text-disabled);background:var(--color-bg-inset);cursor:not-allowed}.tab .tab__item--explainable{cursor:pointer}.tab-panel{border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-inset);min-width:0;margin-top:-1px;padding:12px 20px;position:relative}