:root{--tabs-height:40px;--tabs-font-size:14px;--tabs-weight:500;--tabs-padding:16px;--tabs-radius:0px;--tabs-accent:var(--cyan);--tabs-text:var(--muted);--tabs-line:var(--line);--tabs-hover:var(--surface-raised,var(--surface));--tabs-focus:var(--purple);--tabs-gap-after:16px}
.ui-tabs{display:flex;flex-wrap:nowrap;align-items:stretch;gap:0;min-width:0;max-width:100%;width:100%;overflow-x:auto;overflow-y:hidden;border:0;border-bottom:1px solid var(--tabs-line);border-radius:0;padding:0;margin:0 0 var(--tabs-gap-after);scroll-padding-inline:4px;overscroll-behavior-x:contain;box-sizing:border-box}
.ui-tabs .ui-tab{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;height:var(--tabs-height);min-height:var(--tabs-height);max-width:none;margin:0 0 -1px;padding:0 var(--tabs-padding);border:0;border-bottom:2px solid transparent;border-radius:var(--tabs-radius);background:transparent;color:var(--tabs-text);font-family:var(--sans, sans-serif);font-size:var(--tabs-font-size);font-weight:var(--tabs-weight);line-height:20px;white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:none}
.ui-tabs .ui-tab:hover{background:var(--tabs-hover);color:var(--text)}
.ui-tabs .ui-tab[aria-current],.ui-tabs .ui-tab[aria-selected=true]{color:var(--tabs-accent);border-bottom-color:var(--tabs-accent);background:transparent;font-weight:var(--tabs-weight)}
.ui-tabs .ui-tab:focus-visible{outline:2px solid var(--tabs-focus);outline-offset:-4px}
.ui-tabs .ui-tab[disabled],.ui-tabs .ui-tab[aria-disabled=true]{opacity:.45;cursor:default;background:transparent;color:var(--tabs-text);border-bottom-color:transparent}
.ui-tab-icon,.ui-tab-icon svg{display:block;flex:0 0 16px;width:16px;height:16px}.ui-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--tabs-hover);color:inherit;font-size:11px;font-weight:500;line-height:20px;box-sizing:border-box}.ui-tab-label{white-space:nowrap}
.ui-tabs[hidden],.ui-tab-panel[hidden]{display:none!important}.ui-tabs--equal .ui-tab{flex:1 0 0;min-width:max-content}
@media(max-width:760px),(pointer:coarse){.ui-tabs .ui-tab{height:44px;min-height:44px}}

.ui-tabs + h1,.ui-tabs + h2,.ui-tabs + h3,.ui-tabs + p,.ui-tabs + section,.ui-tabs + form,.ui-tabs + div,.ui-tabs + article{margin-block-start:0}.ui-tabs .ui-tab[aria-current]:hover,.ui-tabs .ui-tab[aria-selected=true]:hover{background:var(--tabs-hover)}