.devtools-tabs{width:max-content;color:var(--devtools-tabs-text);font-family:var(--inter,"Inter", sans-serif);position:relative}.devtools-tabs__hover{height:var(--devtools-tabs-tab-height);border-radius:var(--devtools-tabs-radius);background:var(--devtools-tabs-hover-surface);opacity:0;pointer-events:none;position:absolute;top:0}.devtools-tabs__hover--visible{opacity:1}.devtools-tabs__hover--animated{transition:left var(--devtools-tabs-hover-pill-duration) var(--devtools-tabs-hover-pill-easing), width var(--devtools-tabs-hover-pill-duration) var(--devtools-tabs-hover-pill-easing)}.devtools-tabs__tabs{align-items:center;gap:var(--devtools-tabs-tab-gap);display:flex}.devtools-tabs__tab{z-index:1;height:var(--devtools-tabs-tab-height);border-radius:var(--devtools-tabs-radius);max-width:480px;color:var(--agora-surface-strong,#848787);font:inherit;cursor:pointer;transition:color var(--devtools-tabs-tab-color-duration) var(--devtools-tabs-tab-color-easing);-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:flex;position:relative}.devtools-tabs__tab--active{background:var(--agora-surface-hover,#f2f2f2);color:var(--agora-surface-inverted,#0e191d);cursor:default}.devtools-tabs__label,.devtools-tabs__badge{white-space:nowrap;font-size:14px;font-weight:400;line-height:20px}.devtools-tabs__badge{color:var(--agora-surface-inverted,#0e191d)}@media (prefers-reduced-motion:reduce){.devtools-tabs__hover--animated,.devtools-tabs__tab{transition:none}}