.tab-nav{width:100%;height:64px;padding:var(--space-1);border:var(--border-width-hairline) solid rgba(var(--color-snow-rgb),.15);border-radius:var(--radius-sm);background:rgba(var(--color-midnight-rgb),.96)}.tab-item,.tab-nav{display:flex;align-items:center}.tab-item{position:relative;justify-content:center;height:48px;min-width:80px;flex-shrink:0;padding:0 var(--space-4);background:transparent;border:none;border-bottom:6px solid transparent;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.tab-item:hover:not(.is-active):not([data-force]),.tab-item[data-force=hover]:not(.is-active){background:rgba(var(--color-snow-rgb),.1)}.tab-item:focus-visible:not([data-force]),.tab-item[data-force=focus]{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:-2px}.tab-item.is-active{border-bottom-color:var(--color-primary);border-radius:0}.tab-item-label{font-family:var(--font-roboto);font-size:16px;font-weight:500;letter-spacing:.1px;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--color-snow);opacity:.7}.tab-item.is-active .tab-item-label{color:var(--color-primary);opacity:1}.tab-item-count{display:inline-flex;align-items:center;margin-left:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-full);background:rgba(var(--color-snow-rgb),.15);font-family:var(--font-roboto);font-size:var(--text-label-size);font-weight:var(--text-label-weight);min-height:var(--space-6);font-variant-numeric:tabular-nums;color:var(--color-snow)}.tab-item--underline{height:auto;min-width:0;padding:var(--space-4) 0;border-bottom:var(--border-width-strong) solid transparent;border-radius:0}.tab-item--underline .tab-item-label{font-size:var(--text-control-size);font-weight:var(--text-body-weight);letter-spacing:normal;color:var(--color-muted-foreground);opacity:1}.tab-item--underline:hover:not(.is-active):not([data-force]),.tab-item--underline[data-force=hover]:not(.is-active){background:transparent}.tab-item--underline:hover:not([data-force]) .tab-item-label,.tab-item--underline[data-force=hover] .tab-item-label{color:var(--color-snow)}.tab-item--underline:active:not([data-force]),.tab-item--underline[data-force=active]{opacity:.8}.tab-item--underline:focus-visible:not([data-force]),.tab-item--underline[data-force=focus]{outline-offset:2px}.tab-item--underline.is-active{border-bottom-color:var(--color-primary)}.tab-item--underline.is-active .tab-item-label{color:var(--color-snow);font-weight:var(--text-label-weight)}.tab-item--underline .tab-item-count{margin-left:var(--space-1);min-height:0;background:var(--color-card);font-size:var(--text-chip-size);font-weight:var(--text-body-weight);color:var(--color-muted-on-card)}.tab-item--underline.is-active .tab-item-count{color:var(--color-snow)}