.button-group{--button-group-radius:var(--radius-8);--button-group-gap:var(--space-8);--button-group-divider-color:color-mix(in srgb, currentColor 24%, transparent);--button-group-divider-inset:var(--stroke-components);align-items:stretch;display:inline-flex;position:relative}.button-group-horizontal{flex-direction:row}.button-group-vertical{flex-direction:column}.button-group-detached{gap:var(--button-group-gap)}.button-group-wrap{flex-wrap:wrap}.button-group-stretch{width:100%;display:flex}.button-group-stretch>*{flex:1 1 0;min-width:0}.button-group-size-xxl{--button-group-radius:var(--radius-20);--button-group-gap:var(--space-12)}.button-group-size-xl{--button-group-radius:var(--radius-16);--button-group-gap:var(--space-8)}.button-group-size-l{--button-group-radius:var(--radius-12);--button-group-gap:var(--space-8)}.button-group-size-m{--button-group-radius:var(--radius-8);--button-group-gap:var(--space-8)}.button-group-size-s{--button-group-radius:var(--radius-6);--button-group-gap:var(--space-6)}.button-group-size-xs{--button-group-radius:var(--radius-4);--button-group-gap:var(--space-4)}.button-group-size-xxs{--button-group-radius:var(--radius-2);--button-group-gap:var(--space-4)}.button-group-shape-pill{--button-group-radius:var(--radius-full)}.button-group-attached>*{border-radius:0;position:relative;transform:none!important}.button-group-attached>:hover,.button-group-attached>:focus-visible,.button-group-attached>:focus-within{z-index:1}.button-group-attached.button-group-horizontal>*+*{margin-inline-start:calc(var(--stroke-components) * -1)}.button-group-attached.button-group-vertical>*+*{margin-block-start:calc(var(--stroke-components) * -1)}.button-group-attached.button-group-horizontal>:first-child{border-start-start-radius:var(--button-group-radius);border-end-start-radius:var(--button-group-radius)}.button-group-attached.button-group-horizontal>:last-child{border-start-end-radius:var(--button-group-radius);border-end-end-radius:var(--button-group-radius)}.button-group-attached.button-group-vertical>:first-child{border-start-start-radius:var(--button-group-radius);border-start-end-radius:var(--button-group-radius)}.button-group-attached.button-group-vertical>:last-child{border-end-end-radius:var(--button-group-radius);border-end-start-radius:var(--button-group-radius)}.button-group-divided>:not(:first-child)[data-style=filled]:before{content:"";background-color:var(--button-group-divider-color);pointer-events:none;position:absolute}.button-group-divided.button-group-horizontal>:not(:first-child)[data-style=filled]:before{inset-block:var(--button-group-divider-inset);width:var(--stroke-components);inset-inline-start:0}.button-group-divided.button-group-vertical>:not(:first-child)[data-style=filled]:before{inset-inline:var(--button-group-divider-inset);height:var(--stroke-components);inset-block-start:0}.button-group-detached>.button-group{flex:none}