@layer components{.ds-button-group{align-items:center;gap:var(--ds-space-3);flex-wrap:wrap;display:flex}.ds-button-group.layout-default .ds-button{flex:0 auto}.ds-button-group.layout-connected{border-radius:var(--ds-border-radius);--button-group-border-color-primary:var(--ds-c-primary-default);--button-group-border-color-secondary:var(--ds-c-secondary-default);--button-group-border-color-outline:var(--ds-c-grey-300);--button-group-shadow-primary:none;--button-group-shadow-secondary:none;--button-group-shadow-outline:none;--button-group-border-color:var(--ds-c-grey-300);--button-group-shadow:none;background-color:var(--button-group-border-color);border:1px solid var(--button-group-border-color);box-shadow:var(--button-group-shadow);gap:1px;overflow:hidden}.ds-button-group.layout-connected.variant-primary{--button-group-border-color:var(--button-group-border-color-primary);--button-group-shadow:var(--button-group-shadow-primary)}.ds-button-group.layout-connected.variant-secondary{--button-group-border-color:var(--button-group-border-color-secondary);--button-group-shadow:var(--button-group-shadow-secondary)}.ds-button-group.layout-connected.variant-outline{--button-group-border-color:var(--button-group-border-color-outline);--button-group-shadow:var(--button-group-shadow-outline)}.ds-button-group.layout-connected .ds-button{border-radius:0;flex:1 1 0;margin:0;border:none!important}.ds-button-group.layout-connected .ds-button.icon-only,.ds-button-group.layout-connected .ds-button__icon{--button-padding-x:var(--ds-space-4);--button-padding-y:var(--ds-space-3);aspect-ratio:auto;width:auto;min-width:13rem;height:auto}.ds-button-group.layout-connected .ds-button__icon svg,.ds-button-group.layout-connected .ds-button__icon img,.ds-button-group.layout-connected .ds-button.icon-only svg,.ds-button-group.layout-connected .ds-button.icon-only img{width:unset;height:unset;max-width:100%;max-height:var(--ds-space-3-5)}.ds-button-group.layout-stacked{flex-direction:column;align-items:flex-start}}