[data-public-root] .button-group{vertical-align:top;flex-wrap:wrap;max-width:100%;display:inline-flex}[data-public-root] .button-group[data-direction=row]{flex-direction:row}[data-public-root] .button-group[data-direction=column]{flex-flow:column}[data-public-root] .button-group[data-gap=action]{gap:var(--space-gap-action)}[data-public-root] .button-group[data-gap=sm]{gap:var(--space-gap-sm)}[data-public-root] .button-group[data-gap=xs]{gap:var(--space-gap-xs)}[data-public-root] .button-group[data-align=start]{justify-content:flex-start;align-items:flex-start}[data-public-root] .button-group[data-align=center]{justify-content:center;align-items:center}[data-public-root] .button-group[data-align=stretch]{align-items:stretch}[data-public-root] .button-group[data-align=center]>.button{align-self:center}[data-public-root] .button-group[data-align=start]>.button{align-self:flex-start}[data-public-root] .button-group[data-align=stretch]>.button{align-self:stretch}[data-public-root] .button-group[data-direction=column][data-align=stretch]>.button{width:100%}[data-public-root] .button-group[data-direction=row][data-align=stretch]{align-items:stretch}[data-public-root] .button-group>.button--ghost.button--align-start:before{content:none}[data-public-root] .button-group>.button--lg.button--ghost.button--align-start{padding:var(--control-padding-y-lg) var(--control-padding-x-lg);min-height:var(--control-min-height-lg)}[data-public-root] .button-group>.button--md.button--ghost.button--align-start{padding:var(--control-padding-y-md) var(--control-padding-x-md);min-height:var(--control-min-height-md)}[data-public-root] .button-group>.button--sm.button--ghost.button--align-start{padding:var(--control-padding-y-sm) var(--control-padding-x-sm);min-height:var(--control-min-height-sm)}[data-public-root] .button-group>.button--ghost.button--align-start:hover:not(:disabled),[data-public-root] .button-group>.button--ghost.button--align-start:focus-visible:not(:disabled),[data-public-root] .button-group>.button--ghost.button--align-start.button--expanded{background:var(--control-wash-hover)}[data-public-root] .button-group[data-direction=row]:has(>.button-caption){align-items:flex-start}[data-public-root] .button-group[data-align=center]>.button-caption{align-self:center}:is([data-public-root] .button-group[data-direction=row]:has(>.button-caption)>.button-caption,[data-public-root] .button-group[data-direction=row]:has(>.button-caption)>.button),[data-public-root] .button-group[data-align=start]>.button-caption{align-self:flex-start}