.segmented-button-group{align-items:stretch;display:flex}.segmented-button-group button{min-width:0;min-height:0;color:color-mix(in oklab, var(--color-theme-text) 72%, transparent);background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;gap:.35rem;font-weight:700;line-height:1.1;transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s;display:flex;position:relative}.segmented-button-group button.selected{color:var(--color-theme-text)}.segmented-button-label,.segmented-button-count{z-index:1;position:relative}.segmented-button-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.segmented-button-count{background-color:rgb(from var(--color-theme-950) r g b / .45);min-width:1.35rem;height:1.25rem;color:color-mix(in oklab, var(--color-theme-text) 70%, transparent);border-radius:9999px;place-items:center;padding:0 .4rem;font-size:.75rem;font-weight:800;display:inline-grid}.segmented-button-group button:disabled{color:color-mix(in oklab, var(--color-theme-text) 38%, transparent);cursor:not-allowed}.segmented-button-group button:hover:not(:disabled){background-color:rgb(from var(--color-theme-950) r g b / .35)}.segmented-button-group button:focus-visible{outline:2px solid var(--color-theme-primary);outline-offset:2px}.segmented-button-group button:active{background-color:rgb(from var(--color-theme-950) r g b / .5)}.segmented-button-group--rail{border:1px solid var(--color-theme-outline);background-color:rgb(from var(--color-theme-950) r g b / .7);gap:.25rem;height:2.25rem;padding:.1875rem}.round .segmented-button-group--rail{border-radius:.5rem}.segmented-button-group--rail button{border:1px solid #0000;min-width:4.5rem;height:100%;padding:0 .75rem}.round :is(.segmented-button-group--rail button){border-radius:.375rem}.segmented-button-group--rail button.selected{border-color:rgb(from var(--color-theme-primary) r g b / .45);background-color:rgb(from var(--color-theme-primary) r g b / .12);color:var(--color-theme-text);box-shadow:inset 0 0 0 1px #ffffff0a}.segmented-button-group--rail button.selected .segmented-button-count{background-color:rgb(from var(--color-theme-primary) r g b / .16);color:var(--color-theme-primary)}.segmented-button-group--rail button.selected:hover,.segmented-button-group--rail button.selected:active{background-color:rgb(from var(--color-theme-primary) r g b / .16)}.segmented-button-group--tabs,.segmented-button-group--tabs-compact{scrollbar-width:thin;gap:.5rem;min-width:0}:is(.segmented-button-group--tabs,.segmented-button-group--tabs-compact) button{border-bottom:2px solid #0000;border-radius:.5rem .5rem 0 0;min-height:2.25rem;padding:0 .75rem}:is(.segmented-button-group--tabs,.segmented-button-group--tabs-compact) button.selected{border-bottom-color:var(--color-theme-primary);color:var(--color-theme-text)}:is(.segmented-button-group--tabs,.segmented-button-group--tabs-compact) button.selected .segmented-button-count{background-color:rgb(from var(--color-theme-primary) r g b / .18);color:var(--color-theme-primary)}:is(.segmented-button-group--tabs,.segmented-button-group--tabs-compact) .segmented-button-label{overflow:visible}:is(.segmented-button-group--tabs,.segmented-button-group--tabs-compact) button.selected:hover,:is(.segmented-button-group--tabs,.segmented-button-group--tabs-compact) button.selected:active{background-color:rgb(from var(--color-theme-primary) r g b / .08)}.segmented-button-group--tabs button{flex:1 1 0}.segmented-button-group--tabs-compact{overflow-x:auto}.segmented-button-group--tabs-compact button{flex:none}